:root {
    --gtt-index-letter-size: 60px;
    --gtt-index-letter-color: #999;
    --gtt-index-letter-hover: #1729d8;
    --gtt-index-item-size: 15px
}

html {
    scroll-behavior: smooth
}

.glossary ul li::before {
    display: none
}

.glossary-index-letters {
    margin: 20px 0 24px
}

.glossary-index-letters ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0
}

.glossary-index-letters li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.glossary-index-letters a {
    display: inline-block;
    min-width: 44px;
    margin: -1px 0 0 -1px;
    padding: 8px 10px;
    border: 1px solid #ddd;
    color: inherit;
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    text-decoration: none!important;
    transition: background-color .15s ease,border-color .15s ease,color .15s ease
}

.glossary-index-letters a:focus,.glossary-index-letters a:hover {
    position: relative;
    z-index: 1;
    color: #fff;
    background: var(--gtt-index-letter-hover);
    border-color: var(--gtt-index-letter-hover);
    text-decoration: none!important
}

.index-item {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #dfdfdf
}

.index-item.active {
    background: rgba(23,41,216,.06)
}

.index-item-letter {
    min-width: 80px;
    color: var(--gtt-index-letter-color);
    font-size: var(--gtt-index-letter-size);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.index-item-preview {
    flex: 1;
    min-width: 0
}

.index-item-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 0;
    margin: 0!important;
    padding: 0!important
}

.index-item-list>li {
    width: 50%;
    margin: 0;
    padding-right: 12px;
    list-style-type: none!important;
    box-sizing: border-box
}

.index-item-list.index-columns-1>li {
    width: 100%
}

.index-item-list.index-columns-2>li {
    width: 50%
}

.index-item-list.index-columns-3>li {
    width: 33.3333%
}

.index-item-list.index-columns-4>li {
    width: 25%
}

.index-item-list.index-columns-5>li {
    width: 20%
}

.index-item-list.index-columns-6>li {
    width: 16.6666%
}

.index-item-list a {
    font-size: var(--gtt-index-item-size)
}

.index-item-scroll {
    position: absolute;
    margin-top: -100px
}

.index-search {
    margin-bottom: 24px
}

.glossary-search-empty,.index-search-empty {
    margin: 10px auto!important;
    text-align: center;
    color: #646970;
    font-size: 20px
}

.index-search .glossary-search-input {
    width: 100%;
    padding: 13px 16px 13px 54px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url(../icons/search-light-grey.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 18px;
    color: #3c434a;
    font-size: 15px;
    line-height: 1.5;
    transition: border-color .15s ease,box-shadow .15s ease
}

.index-search .glossary-search-input:focus {
    outline: 0;
    border-color: var(--gtt-index-letter-hover);
    box-shadow: 0 0 0 1px var(--gtt-index-letter-hover)
}

.hidden {
    display: none!important
}

@media (max-width:779px) {
    .index-item {
        flex-wrap: wrap
    }

    .index-item-letter {
        min-width: auto
    }

    .index-item-list>li {
        width: 100%!important;
        padding-right: 0
    }
}