:root {
    --accordion-padding-y: 1rem;
    --accordion-padding-x: 1.25rem;
    --accordion-color: var(--c_text);
    --accordion-bg: var(--c_light);
    --accordion-border-width: null;
    --accordion-border-color: rgba(var(--c_grey), .125);
    --accordion-border-radius: null;
    --accordion-inner-border-radius: null;
    --accordion-body-padding-y: var(--accordion-padding-y);
    --accordion-body-padding-x: var(--accordion-padding-x);
    --accordion-button-padding-y: var(--accordion-padding-y);
    --accordion-button-padding-x: var(--accordion-padding-x);
    --accordion-button-color: var(--accordion-color);
    --accordion-button-bg: var(--accordion-bg);
    --accordion-transition: var(--btn-transition), all .15s ease;
    --accordion-button-active-bg: tint-color(var(--c_light), 90%);
    --accordion-button-active-color: shade-color(var(--c_primary), 10%);
    --accordion-button-focus-border-color: var(--input-focus-border-color);
    --accordion-button-focus-box-shadow: var(--btn-focus-box-shadow);
    --accordion-icon-width: 1.25rem;
    --accordion-icon-color: var(--accordion-button-color);
    --accordion-icon-active-color: var(--accordion-button-active-color);
    --accordion-icon-transform: rotate(-180deg)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--accordion-button-padding-y) var(--accordion-button-padding-x);
    color: var(--accordion-button-color);
    text-align: left;
    background-color: var(--accordion-button-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--accordion-button-active-color);
    background-color: var(--accordion-button-active-bg);
    box-shadow: inset 0 calc(var(--accordion-border-width) * -1) 0 var(--accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--accordion-button-active-icon);
    transform: var(--accordion-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--accordion-icon-width);
    height: var(--accordion-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--accordion-button-icon);
    background-repeat: no-repeat;
    background-size: var(--accordion-icon-width);
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--accordion-button-focus-border-color);
    outline: 0;
    box-shadow: var(--accordion-button-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--accordion-bg);
    border: var(--accordion-border-width) solid var(--accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--accordion-border-radius);
    border-top-right-radius: var(--accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--accordion-inner-border-radius);
    border-top-right-radius: var(--accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--accordion-border-radius);
    border-bottom-left-radius: var(--accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--accordion-inner-border-radius);
    border-bottom-left-radius: var(--accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--accordion-border-radius);
    border-bottom-left-radius: var(--accordion-border-radius)
}

.accordion-body {
    padding: var(--accordion-body-padding-y) var(--accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

/*# sourceMappingURL=accordion.css.map */
