.accordion {
    position: relative;
    overflow: hidden;
    display: flex;
    row-gap: 20px;
    flex-direction: column;
    /*border-top: 1px solid var(--stoney-gray-50);*/
    border-bottom: 1px solid var(--stoney-gray-50);
    text-align: left;
    overflow: hidden
}

@media (max-width: 768px) {
    .accordion {
        row-gap: 5px
    }
}

.accordion._no-border {
    border: 0
}

.accordion:first-child {
    border-top: none
}

.accordion:last-child {
    border-bottom: none
}

.accordion._border-bottom {
    border-bottom: 1px solid var(--stoney-gray-50)
}

.accordion:hover {
    z-index: 1
}

.accordion + .accordion {
    margin-top: -1px
}

.accordion._opened {
    border: none
}

.accordion._opened .accordion__toggle:not(.img__after)::before {
    transform: rotate(180deg)
}

.accordion._opened + .accordion {
    border-top: none
}

.accordion._loaded .accordion__content {
    display: block
}

.accordion__toggle {
    background: 0;
    border: 0;
    outline: 0;
    font: inherit;
    color: inherit;
    position: relative;
    display: flex;
    flex-shrink: 0;
    -moz-column-gap: .625rem;
    column-gap: .625rem;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.25rem 0;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._no-border .accordion__toggle {
    padding-bottom: 0
}

.accordion__toggle:not(.img__after)::before {
    content: "";
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    transition: transform .3s ease;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill%3D%22none%22%20d%3D%22M19.5%208.75L12%2016.25L4.5%208.75%22%20stroke%3D%22%237E94B4%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3C%2Fsvg%3E') no-repeat center;
    background-size: contain
}

.accordion__toggle.section-title {
    font: var(--font-h1);
    color: var(--dark-space)
}

.accordion__toggle.section-title::before {
    top: .2em
}

@media (max-width: 768px) {
    .accordion__toggle.section-title {
        font: var(--font-h2)
    }
}

.accordion__toggle.section-subtitle {
    font: var(--font-h2);
    color: var(--dark-space)
}

@media (max-width: 768px) {
    .accordion__toggle.f-h3-mobile {
        font: var(--font-h3)
    }

    .accordion__toggle.f-h3-mobile::before {
        top: .05em
    }
}

.accordion__title {
    /*font: var(--font-body-l)*/
    font: var(--font-h4);
}

.accordion__subtitle{
    font: var(--font-body-l);
    margin-bottom: 1.25rem;
}

.accordion__title.f-body-m {
    font: var(--font-body-m)
}

.accordion__content {
    display: none;
    padding-bottom: 1.25rem
}

@media (max-width: 768px) {
    .accordion__content {
        padding-bottom: 28px
    }
}

.accordion__content._pl {
    padding-left: 1.5rem
}

.accordion__nowrap {
    white-space: nowrap
}

.accordion__content-title {
    font-weight: 700
}

.accordion__content-text + .accordion__content-text {
    margin-top: 1em
}

.accordion__content-icon {
    vertical-align: text-bottom;
    width: 1.1em;
    height: 1.1em
}

.accordion__content-icon._wide {
    width: 2.2em
}

.accordion__content-word._nowrap {
    white-space: nowrap
}