dt {
    margin-bottom: 2px;
    border-radius: 4px;
    padding: 5px 5px;
    text-align: left;
    color: white;
    background-image: repeating-linear-gradient(90deg, hsla(281,0%,81%,0.05) 0px, hsla(281,0%,81%,0.05) 1px,transparent 1px, transparent 104px),repeating-linear-gradient(0deg, hsla(281,0%,81%,0.05) 0px, hsla(281,0%,81%,0.05) 1px,transparent 1px, transparent 104px),repeating-linear-gradient(0deg, hsla(281,0%,81%,0.07) 0px, hsla(281,0%,81%,0.07) 1px,transparent 1px, transparent 13px),repeating-linear-gradient(90deg, hsla(281,0%,81%,0.07) 0px, hsla(281,0%,81%,0.07) 1px,transparent 1px, transparent 13px),linear-gradient(45deg, rgb(46, 34, 140),rgb(226, 181, 164));
}

dd {
    margin-left: 0;
    padding: 2px 5px;
    margin-bottom: 5px;
}

/* Accordion */

dt.accordion {
    padding: 0;
}
dt.accordion > button {
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: inherit;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
}
dt.accordion > button {
    border-radius: 4px;
    padding: 3px 5px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    width: 100%;
}
dt.accordion > button:hover, dt.accordion > button:focus {
    color: white;
    background-image: linear-gradient(99deg, rgba(188, 188, 188, 0.02) 0%, rgba(188, 188, 188, 0.02) 12.5%,rgba(86, 86, 86, 0.02) 12.5%, rgba(86, 86, 86, 0.02) 25%,rgba(221, 221, 221, 0.02) 25%, rgba(221, 221, 221, 0.02) 37.5%,rgba(159, 159, 159, 0.02) 37.5%, rgba(159, 159, 159, 0.02) 50%,rgba(159, 159, 159, 0.02) 50%, rgba(159, 159, 159, 0.02) 62.5%,rgba(86, 86, 86, 0.02) 62.5%, rgba(86, 86, 86, 0.02) 75%,rgba(241, 241, 241, 0.02) 75%, rgba(241, 241, 241, 0.02) 87.5%,rgba(46, 46, 46, 0.02) 87.5%, rgba(46, 46, 46, 0.02) 100%),linear-gradient(285deg, rgba(179, 179, 179, 0.02) 0%, rgba(179, 179, 179, 0.02) 25%,rgba(69, 69, 69, 0.02) 25%, rgba(69, 69, 69, 0.02) 50%,rgba(76, 76, 76, 0.02) 50%, rgba(76, 76, 76, 0.02) 75%,rgba(199, 199, 199, 0.02) 75%, rgba(199, 199, 199, 0.02) 100%),linear-gradient(76deg, rgba(143, 143, 143, 0.01) 0%, rgba(143, 143, 143, 0.01) 12.5%,rgba(116, 116, 116, 0.01) 12.5%, rgba(116, 116, 116, 0.01) 25%,rgba(118, 118, 118, 0.01) 25%, rgba(118, 118, 118, 0.01) 37.5%,rgba(183, 183, 183, 0.01) 37.5%, rgba(183, 183, 183, 0.01) 50%,rgba(196, 196, 196, 0.01) 50%, rgba(196, 196, 196, 0.01) 62.5%,rgba(235, 235, 235, 0.01) 62.5%, rgba(235, 235, 235, 0.01) 75%,rgba(194, 194, 194, 0.01) 75%, rgba(194, 194, 194, 0.01) 87.5%,rgba(86, 86, 86, 0.01) 87.5%, rgba(86, 86, 86, 0.01) 100%),linear-gradient(28deg, rgba(238, 238, 238, 0.03) 0%, rgba(238, 238, 238, 0.03) 16.667%,rgba(243, 243, 243, 0.03) 16.667%, rgba(243, 243, 243, 0.03) 33.334%,rgba(201, 201, 201, 0.03) 33.334%, rgba(201, 201, 201, 0.03) 50.001000000000005%,rgba(129, 129, 129, 0.03) 50.001%, rgba(129, 129, 129, 0.03) 66.668%,rgba(40, 40, 40, 0.03) 66.668%, rgba(40, 40, 40, 0.03) 83.33500000000001%,rgba(97, 97, 97, 0.03) 83.335%, rgba(97, 97, 97, 0.03) 100.002%),linear-gradient(290deg, rgba(241, 241, 241, 0.02) 0%, rgba(241, 241, 241, 0.02) 20%,rgba(86, 86, 86, 0.02) 20%, rgba(86, 86, 86, 0.02) 40%,rgba(128, 128, 128, 0.02) 40%, rgba(128, 128, 128, 0.02) 60%,rgba(83, 83, 83, 0.02) 60%, rgba(83, 83, 83, 0.02) 80%,rgba(81, 81, 81, 0.02) 80%, rgba(81, 81, 81, 0.02) 100%),linear-gradient(0deg, rgba(159, 159, 159, 0.01) 0%, rgba(159, 159, 159, 0.01) 12.5%,rgba(131, 131, 131, 0.01) 12.5%, rgba(131, 131, 131, 0.01) 25%,rgba(249, 249, 249, 0.01) 25%, rgba(249, 249, 249, 0.01) 37.5%,rgba(156, 156, 156, 0.01) 37.5%, rgba(156, 156, 156, 0.01) 50%,rgba(145, 145, 145, 0.01) 50%, rgba(145, 145, 145, 0.01) 62.5%,rgba(149, 149, 149, 0.01) 62.5%, rgba(149, 149, 149, 0.01) 75%,rgba(144, 144, 144, 0.01) 75%, rgba(144, 144, 144, 0.01) 87.5%,rgba(170, 170, 170, 0.01) 87.5%, rgba(170, 170, 170, 0.01) 100%),linear-gradient(195deg, rgba(109, 109, 109, 0.03) 0%, rgba(109, 109, 109, 0.03) 12.5%,rgba(254, 254, 254, 0.03) 12.5%, rgba(254, 254, 254, 0.03) 25%,rgba(121, 121, 121, 0.03) 25%, rgba(121, 121, 121, 0.03) 37.5%,rgba(221, 221, 221, 0.03) 37.5%, rgba(221, 221, 221, 0.03) 50%,rgba(229, 229, 229, 0.03) 50%, rgba(229, 229, 229, 0.03) 62.5%,rgba(225, 225, 225, 0.03) 62.5%, rgba(225, 225, 225, 0.03) 75%,rgba(79, 79, 79, 0.03) 75%, rgba(79, 79, 79, 0.03) 87.5%,rgba(200, 200, 200, 0.03) 87.5%, rgba(200, 200, 200, 0.03) 100%),linear-gradient(318deg, rgba(177, 177, 177, 0.02) 0%, rgba(177, 177, 177, 0.02) 25%,rgba(83, 83, 83, 0.02) 25%, rgba(83, 83, 83, 0.02) 50%,rgba(184, 184, 184, 0.02) 50%, rgba(184, 184, 184, 0.02) 75%,rgba(191, 191, 191, 0.02) 75%, rgba(191, 191, 191, 0.02) 100%),linear-gradient(90deg, rgb(45, 133, 170),rgb(198, 199, 93));
}
dt.accordion > button::after {
    content: "⇲";
    float: right;
    margin-left: 1em;
}
dt.accordion > button[aria-expanded="true"]::after {
    content: "⇱";
}
dd {
    transition: 0.75s ease-in-out;
    overflow: hidden;
}
dd[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
}
dd[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
}

/* Style 1 for accordion */
.accordion-odd {
    max-height: 40vh;
    overflow-y: visible;
    background-image: linear-gradient(to top, rgba(168, 237, 234, 0.9) 0%, rgba(254, 214, 227, 0.9) 100%);
    border-bottom: 2px solid darkorange;
}

/* Style 2 for accordion */
.accordion-even {
    max-height: 40vh;
    overflow-y: hidden;
    background-image: linear-gradient(to bottom, rgba(168, 237, 234, 0.9) 0%, rgba(254, 214, 227, 0.9) 100%);
    border-bottom: 2px solid teal;
}