#modal__business-deposits-archive-passports .custom-scrollbar-container-wrapper {
    /* Устанавливает ширину контейнера */
    --custom-scrollbar-container-wrapper--width: 100%;

    /* Устанавливает высоту контейнера */
    /* --custom-scrollbar-container-wrapper--height: 300px; */
    --custom-scrollbar-container-wrapper--height: auto;

    /* Устанавливает внутренние отступы контейнера */
    --custom-scrollbar-container-wrapper--padding: 5px 20px 5px 10px;

    /* Устанавливает автоматические отступы для контейнера */
    --custom-scrollbar-container-wrapper--margin: auto;

    /* Устанавливает фоновый цвет контейнера */
    --custom-scrollbar-container-wrapper--bg-color: #ffffff;

    /* Устанавливает позиционирование контейнера */
    --custom-scrollbar-container-wrapper--position: relative;

    /* Устанавливает высоту контента */
    --custom-scrollbar-container__content--height: 100%;

    /* Устанавливает ширину контента */
    --custom-scrollbar-container__content--width: 100%;

    /* Устанавливает вертикальную прокрутку для контента */
    --custom-scrollbar-container__content--scrollbar-width: none;

    /* Устанавливает позиционирование контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--position: absolute;

    /* Устанавливает отступ справа для контейнера скроллбара */
    /* --custom-scrollbar-container__scrollbar-box--right: 2px; */
    --business-deposits-archive-passports--padding-right: 60px;
    --custom-scrollbar-container__scrollbar-box--right: var(--business-deposits-archive-passports--padding-right);

    --custom-scrollbar-container__scrollbar-box--offset-top: -5px;

    --custom-scrollbar-container__scrollbar-box--offset-bottom: -5px;

    /* Устанавливает ширину контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--width: 14px;

    /* Устанавливает высоту контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--height: 92%;

    /* Устанавливает отступ сверху для контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--top: 50%;

    /* Устанавливает отступ снизу для контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--bottom: 50%;

    --custom-scrollbar-container__scrollbar-box--min-height: 30px;

    /* Устанавливает фоновый цвет контейнера скроллбара */
    --custom-scrollbar-container__scrollbar-box--bg-color: #E9F8FF;

    /* Устанавливает позиционирование скроллбара */
    --custom-scrollbar-container__scrollbar--position: absolute;

    /* Устанавливает отступ справа для скроллбара */
    --custom-scrollbar-container__scrollbar--right: 2px;

    /* Устанавливает высоту скроллбара */
    --custom-scrollbar-container__scrollbar--height: 10px;

    /* Устанавливает ширину скроллбара */
    --custom-scrollbar-container__scrollbar--width: 10px;

    /* Устанавливает радиус скругления углов скроллбара */
    --custom-scrollbar-container__scrollbar-box--border-radius: 10px;

    /* Устанавливает фоновый цвет скроллбара */
    --custom-scrollbar-container__scrollbar--bg-color: #ffffff;

    --custom-scrollbar-container__btn--bg-color: #a6e3ff;

    /* ------------------------------------- */

    /* Устанавливает ширину контейнера */
    width: var(--custom-scrollbar-container-wrapper--width);

    /* Устанавливает высоту контейнера */
    height: var(--custom-scrollbar-container-wrapper--height);

    /* Устанавливает размеры контейнера, включая границы и внутренние отступы */
    box-sizing: border-box;

    /* Устанавливает максимальную ширину контейнера */
    max-width: 100%;

    /* Устанавливает внутренние отступы контейнера */
    padding: var(--custom-scrollbar-container-wrapper--padding);

    /* Устанавливает автоматические отступы для контейнера */
    margin: var(--custom-scrollbar-container-wrapper--margin);

    /* Устанавливает фоновый цвет контейнера */
    background: var(--custom-scrollbar-container-wrapper--bg-color);

    /* Устанавливает позиционирование контейнера */
    position: var(--custom-scrollbar-container-wrapper--position);
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__content {
    /* Устанавливает высоту контента */
    height: var(--custom-scrollbar-container__content--height);

    /* Устанавливает ширину контента */
    width: var(--custom-scrollbar-container__content--width);

    /* Устанавливает вертикальную прокрутку для контента */
    overflow-y: scroll;

    /* скрывает системный скролбар */
    scrollbar-width: none;
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__scrollbar-box {
    /* Устанавливает позиционирование контейнера скроллбара */
    position: var(--custom-scrollbar-container__scrollbar-box--position);

    /* Устанавливает отступ справа для контейнера скроллбара */
    right: var(--custom-scrollbar-container__scrollbar-box--right);

    /* Устанавливает отступ снизу для контейнера скроллбара */
    bottom: var(--custom-scrollbar-container__scrollbar-box--bottom);

    /* Устанавливает отступ сверху для контейнера скроллбара */
    top: var(--custom-scrollbar-container__scrollbar-box--top);

    transform: translate(0, -50%);


    /* Устанавливает ширину контейнера скроллбара */
    width: var(--custom-scrollbar-container__scrollbar-box--width);

    /* Устанавливает высоту контейнера скроллбара */
    height: var(--custom-scrollbar-container__scrollbar-box--height);

    /* Устанавливает фоновый цвет контейнера скроллбара */
    background-color: var(--custom-scrollbar-container__scrollbar-box--bg-color);

    /* border-radius: var(--scrollbar-border-radius); */
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__scrollbar-box::before {
    /* Устанавливает позиционирование псевдоэлемента до скроллбара */
    position: absolute;

    /* Устанавливает пустое содержимое для псевдоэлемента */
    content: '';

    /* Устанавливает ширину псевдоэлемента */
    width: var(--custom-scrollbar-container__scrollbar-box--width);

    /* Устанавливает высоту псевдоэлемента */
    height: var(--custom-scrollbar-container__scrollbar-box--min-height);

    /* Устанавливает радиус скругления углов псевдоэлемента */
    border-radius: var(--custom-scrollbar-container__scrollbar-box--border-radius);

    /* Устанавливает фоновый цвет псевдоэлемента */
    background-color: var(--custom-scrollbar-container__scrollbar-box--bg-color);

    /* Устанавливает отступ сверху для псевдоэлемента */
    top: var(--custom-scrollbar-container__scrollbar-box--offset-top);
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__scrollbar-box::after {
    /* Устанавливает позиционирование псевдоэлемента после скроллбара */
    position: absolute;

    /* Устанавливает пустое содержимое для псевдоэлемента */
    content: '';

    /* Устанавливает ширину псевдоэлемента */
    width: var(--custom-scrollbar-container__scrollbar-box--width);

    /* Устанавливает высоту псевдоэлемента */
    height: var(--custom-scrollbar-container__scrollbar-box--min-height);

    /* Устанавливает радиус скругления углов псевдоэлемента */
    border-radius: var(--custom-scrollbar-container__scrollbar-box--border-radius);

    /* Устанавливает фоновый цвет псевдоэлемента */
    background-color: var(--custom-scrollbar-container__scrollbar-box--bg-color);

    /* Устанавливает отступ снизу для псевдоэлемента */
    bottom: var(--custom-scrollbar-container__scrollbar-box--offset-bottom);

    /* Устанавливает z-index для псевдоэлемента */
    z-index: 1;
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__btn-up {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: -20px;
    right: 2px;
    border-radius: 50%;
    background-color: var(--custom-scrollbar-container__btn--bg-color);
    cursor: pointer;
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__btn-down {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    bottom: -20px;
    right: 2px;
    border-radius: 50%;
    background-color: var(--custom-scrollbar-container__btn--bg-color);
    cursor: pointer;
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__scrollbar {
    /* Устанавливает позиционирование скроллбара */
    position: var(--custom-scrollbar-container__scrollbar--position);

    /* Устанавливает отступ справа для скроллбара */
    right: var(--custom-scrollbar-container__scrollbar--right);

    /* Устанавливает высоту скроллбара */
    height: var(--custom-scrollbar-container__scrollbar--height) !important;

    /* Устанавливает ширину скроллбара */
    width: var(--custom-scrollbar-container__scrollbar--width);

    /* Устанавливает радиус скругления углов скроллбара */
    border-radius: var(--custom-scrollbar-container__scrollbar-box--border-radius);

    /* Устанавливает фоновый цвет скроллбара */
    background-color: var(--custom-scrollbar-container__scrollbar--bg-color);

    z-index: 2;

    cursor: pointer;
}

#modal__business-deposits-archive-passports .custom-scrollbar-container__content::-webkit-scrollbar {
    /* Скрывает стандартные полосы прокрутки браузера */
    display: none;
}

.custom-scrollbar-textarea {
    /* Устанавливает высоту контента */
    height: var(--custom-scrollbar-container__content--height);

    /* Устанавливает ширину контента */
    width: var(--custom-scrollbar-container__content--width);

    /* Устанавливает вертикальную прокрутку для контента */
    overflow-y: scroll;

    /* скрывает системный скролбар */
    scrollbar-width: none;

    border: none;

    outline: none;
}

textarea#modal__business-deposits-archive-passports .custom-scrollbar-container__content {
    /* скрывает системный скролбар */
    scrollbar-width: none;

    outline: none;
}

/* ! медиа-запросы начало */

@media screen and (max-width: 1200px) {
    #modal__business-deposits-archive-passports .custom-scrollbar-container-wrapper {
        --business-deposits-archive-passports--padding-right: 40px;
    }
}

@media screen and (max-width: 1024px) {
    #modal__business-deposits-archive-passports .custom-scrollbar-container-wrapper {
        --business-deposits-archive-passports--padding-right: 20px;
    }
}

@media screen and (max-width: 800px) {
    #modal__business-deposits-archive-passports .custom-scrollbar-container-wrapper {
        --business-deposits-archive-passports--padding-right: 5px;
    }
}

/* ! медиа-запросы конец */