/* ACCORDION */
ul.accordion {
    border-top: 1px solid var(--rule);
    margin: 3rem 0 0;
    padding: 0;
}
ul.accordion > li {
    border-bottom: 1px solid var(--rule);
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.accordion > li > * {
    margin: 0;
}
ul.accordion > li > * > button {
    color: inherit;
    background: inherit;
    border: inherit;
    font-size: 1.1rem;
    line-height: inherit;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: inherit;
    color: var(--text-strong);
    font-weight: 400;
    padding: 1.5rem 2rem 1.5rem 0;
    position: relative;
}
ul.accordion > li > * > button::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(/img/down.svg) center center no-repeat;
    filter: var(--icon-filter);
}
ul.accordion > li > * > button[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(180deg);
}
ul.accordion > li > div {
    transition: padding .25s, max-height .25s;
    overflow: hidden;
    width: calc(100% - 3rem);
    display: flex;
    flex-direction: column;
}
ul.accordion > li > div > div {
    padding-block: 0rem 3rem;
}
ul.accordion > li > div > div > :last-child {
    margin-bottom: 0;
}
ul.accordion > li > div[aria-hidden=true] {
    max-height: 0px;
}
ul.accordion > li > div[aria-hidden=false] {
    max-height: var(--height, unset);
}