.glossary-wrapper__alphabet {
    position: relative
}

.glossary-wrapper__alphabet ol {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -7.5px;
    margin-right: -7.5px;
    text-transform: uppercase;
    overflow: auto
}

.glossary-wrapper__alphabet ol li {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.glossary-wrapper__alphabet__link {
    pointer-events: none
}

.glossary-wrapper__alphabet__link.text-link {
    color: #ccc
}

.glossary-wrapper__alphabet__link--active {
    pointer-events: all
}

.glossary-wrapper__alphabet__link--active.text-link {
    color: #0066b1
}

.glossary-wrapper__no-results {
    display: none;
    margin-top: 10px;
}

.glossary-wrapper--no-results .glossary {
    display: none
}

.glossary-wrapper--no-results .glossary-wrapper__no-results {
    display: block
}

@media (max-width: 767px) {
    .glossary-wrapper__alphabet {
        margin-left: -15px;
        margin-right: -15px
    }

    .glossary-wrapper__alphabet ol {
        padding-left: 35px;
        padding-right: 35px
    }

    .glossary-wrapper__alphabet:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 75px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
        pointer-events: none
    }
}

.glossary ol {
    margin-top: -20px
}

.glossary__group {
    position: relative
}

.glossary__group__items {
    display: flex;
    flex-direction: column
}

.glossary__group__items__title {
    font-size: 2rem;
    background: #d1e8ed;
    border-radius: 99px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    text-transform: uppercase;
    height: 40px;
    align-items: center;
    order: -1;
    display: none;
    margin-top: 20px
}

.glossary__group__items__item {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    display: none;
    padding-left: 20px;
    padding-right: 20px
}

.glossary__group__items__item.text-link--alt {
    color: #0066b1
}

.glossary__group__items__item--active {
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e9e9ec;
    visibility: visible;
    display: block
}

.glossary__group__items__item--active ~ .glossary__group__items__title {
    display: flex
}

@media (min-width: 768px) {
    .glossary__group__items__item {
        height: 0;
        display: block;
        transition: height .4s ease, opacity .4s ease
    }

    .glossary__group__items__item--active {
        height: 46px;
        transition: opacity .4s ease
    }
}

@media (min-width: 768px) {
    .glossary__group__items__item {
        height: 0;
        display: block;
        transition: height .4s ease, opacity .4s ease
    }

    .glossary__group__items__item--active {
        height: 46px;
        transition: opacity .4s ease
    }
}

.label--hide {
    display: none
}

.glossary-wrapper ol, .glossary-wrapper ul {
    list-style: none
}

.glossary-wrapper .glossary ol, .glossary-wrapper .glossary ul {
    padding: 0 !important;
    margin: 0 !important
}

.glossary-wrapper__alphabet ol {
    margin: 20px 0 0
}

.glossary-wrapper .site-search button.btn {
    right: unset !important;
    left: 0
}

.glossary-wrapper .site-search button.btn i, .glossary-wrapper .site-search button.btn:hover i {
    color: #38434a
}

.glossary-wrapper .site-search button.btn:hover span {
    background: 0 0
}

.glossary-wrapper .site-search input[id=glossary-search] {
    padding-left: 60px;
    font-size: 18px;
    color: #38434a;
    border-color: #acacac
}

.glossary-wrapper__alphabet__link {
    color: #acacac !important;
    font-weight: 600;
    padding: 0 4px;
    margin: 0 -4px;
    display: inline-block;
}

.glossary-wrapper__alphabet__link:focus-visible {
    outline-offset: -2px!important;
}


.glossary-wrapper__alphabet__link--active, .glossary__group__items__title {
    color: #000 !important;
    font-weight: 600
}

.glossary-wrapper .title {
    font-size: 24px;
    margin: 20px 0 30px
}

.glossary-wrapper .btn.base-btn-bg-hover:active > .icon, 
.glossary-wrapper .btn.base-btn-bg-hover:focus > .icon {
    color: white;
}

.glossary__group__items__title {
    font-size: 20px !important;
    padding-top: 0;
    background: #e8ecf0;
    border-radius: 10px
}

.glossary__group__items__item.text-link {
    color: #3d85b0 !important;
    font-weight: 500
}