/* accessibility-modal */
.accessibility-modal__options {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.accessibility-modal__group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.accessibility-modal__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.accessibility-modal__choices {
    display: flex;
    align-items: center;
    gap: 12px;
}

.accessibility-modal__option {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid var(--color-secondary-900);
    border-radius: 50%;
    color: var(--color-secondary-900);
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.accessibility-modal__input:checked + .accessibility-modal__option {
    opacity: 1;
}

.accessibility-modal__color--contrast {
    background-color: #EC2028;
}

.accessibility-modal__color--black {
    background-color: #000;
}

.accessibility-modal__color--white {
    background-color: #FFF;
}

.accessibility-modal__input {
    display: none;
}

/* theme-black */
.special.theme-black {
    --color-white: #000000;
    --color-white-rgb: 0, 0, 0;
    --color-primary-700: #FFFFFF;
    --color-primary-600: #FFFFFF;
    --color-primary-500: #FFFFFF;
    --color-primary-500-rgb: 255, 255, 255;
    --color-primary-gradient: #FFFFFF;
    --color-primary-gradient-rgb: 255, 255, 255;
    --color-primary-100: #333333;
    --color-primary-50: #1A1A1A;
    --color-secondary-900: #FFFFFF;
    --color-secondary-900-rgb: 255, 255, 255;
    --color-secondary-800: #E6E6E6;
    --color-secondary-700: #CCCCCC;
    --color-secondary-600: #B3B3B3;
    --color-secondary-400: #808080;
    --color-secondary-300: #666666;
    --color-secondary-200: #1A1A1A;
    --color-secondary-200-rgb: 26, 26, 26;
    --color-secondary-100: #0D0D0D;
    --color-secondary-100-rgb: 13, 13, 13;
    --color-secondary-50: #0A0A0A;
    --color-tertiary-500: #FFFFFF;
    --color-tertiary-400: #E6E6E6;
    --color-tertiary-300: #CCCCCC;
    --color-tertiary-200: #B3B3B3;
    --color-tertiary-100: #999999;
    --color-tertiary-50: #808080;
    --color-neutral-600: #E6E6E6;
    --color-neutral-500: #CCCCCC;
    --color-neutral-300: #808080;
    --color-neutral-50: #0D0D0D;
    --color-warning-bg: #1A1A1A;
    --color-warning-bg-2: #B3B3B3;
    --color-warning-bg-2-rgb: 179, 179, 179;
    --color-warning-text: #FFFFFF;
    --color-success: #FFFFFF;
    --color-success-rgb: 255, 255, 255;
    --color-success-bg: #1A1A1A;
    --color-success-bg-2: #333333;
    --color-success-text: #FFFFFF;
}

.special.theme-black img,
.special.theme-black .hint svg,
.special.theme-black .history__content,
.special.theme-black .chat__alert::before,
.special.theme-black .chat__box .file__icon::before,
.special.theme-black .chat__message > a::before,
.special.theme-black .select--card .select__prepend::before,
.special.theme-black .select--card .select__trigger::before,
.special.theme-black .alert--warning .alert__icon svg,
.special.theme-black .alert--success .alert__icon svg {
    filter: grayscale(100%);
}

.special.theme-black .auth__logo img,
.special.theme-black .header__logo img,
.special.theme-black .footer__logo img,
.special.theme-black .field__error::before,
.special.theme-black .file::after,
.special.theme-black .file__icon svg,
.special.theme-black .validation__icon::before,
.special.theme-black .chat__form__file label,
.special.theme-black .chat__form__btn button,
.special.theme-black .chat__box .file__delete::before,
.special.theme-black .file__heading-image,
.special.theme-black .profile-field__value .status--success::before,
.special.theme-black .password-requirements__icon--valid,
.special.theme-black .application__timer-image img,
.special.theme-black .application__timer-image video,
.special.theme-black .alert--info .alert__icon svg,
.special.theme-black .alert--error .alert__icon svg {
    filter: grayscale(100%) invert(1);
}

.special.theme-black .footer__logo video {
    filter: grayscale(100%) invert(0.945);
    mix-blend-mode: unset;
}

.special.theme-black .about__logo video {
    filter: grayscale(100%) invert(0.905);
    mix-blend-mode: unset;
}

.special.theme-black .hero__content::before,
.special.theme-black .hero__content::after,
.special.theme-black .trust__list::before,
.special.theme-black .trust__list::after,
.special.theme-black .methods__inner::before,
.special.theme-black .methods__inner::after,
.special.theme-black .footer::before,
.special.theme-black .footer::after,
.special.theme-black .about__content::before,
.special.theme-black .about__content::after {
    content: none;
}

.special.theme-black .dropdown__menu,
.special.theme-black .alert,
.special.theme-black .modal__content {
    border: 1px solid #FFF;
}

@media (min-width: 1024px) {
    .special.theme-black .select__dropdown {
        border: 1px solid #FFF;
    }
}

/* theme-white */
.special.theme-white {
    --color-white: #FFFFFF;
    --color-white-rgb: 255, 255, 255;
    --color-primary-700: #000000;
    --color-primary-600: #000000;
    --color-primary-500: #000000;
    --color-primary-500-rgb: 0, 0, 0;
    --color-primary-gradient: #000000;
    --color-primary-gradient-rgb: 0, 0, 0;
    --color-primary-100: #E6E6E6;
    --color-primary-50: #F2F2F2;
    --color-secondary-900: #000000;
    --color-secondary-900-rgb: 0, 0, 0;
    --color-secondary-800: #707070;
    --color-secondary-700: #8A8A8A;
    --color-secondary-600: #A3A3A3;
    --color-secondary-400: #C2C2C2;
    --color-secondary-300: #DCDCDC;
    --color-secondary-200: #F0F0F0;
    --color-secondary-200-rgb: 240, 240, 240;
    --color-secondary-100: #F7F7F7;
    --color-secondary-100-rgb: 247, 247, 247;
    --color-secondary-50: #FCFCFC;
    --color-tertiary-500: #808080;
    --color-tertiary-400: #999999;
    --color-tertiary-300: #B0B0B0;
    --color-tertiary-200: #C8C8C8;
    --color-tertiary-100: #DEDEDE;
    --color-tertiary-50: #EEEEEE;
    --color-neutral-600: #909090;
    --color-neutral-500: #A8A8A8;
    --color-neutral-300: #D0D0D0;
    --color-neutral-50: #FAFAFA;
    --color-warning-bg: #F2F2F2;
    --color-warning-bg-2: #999999;
    --color-warning-bg-2-rgb: 153, 153, 153;
    --color-warning-text: #000000;
    --color-success: #333333;
    --color-success-rgb: 51, 51, 51;
    --color-success-bg: #F2F2F2;
    --color-success-bg-2: #E6E6E6;
    --color-success-text: #000000;
}

.special.theme-white img,
.special.theme-white .hint svg,
.special.theme-white .history__content,
.special.theme-white .chat__alert::before,
.special.theme-white .chat__box .file__icon::before,
.special.theme-white .chat__message > a::before,
.special.theme-white .select--card .select__prepend::before,
.special.theme-white .select--card .select__trigger::before,
.special.theme-white .alert--info .alert__icon svg,
.special.theme-white .alert--error .alert__icon svg,
.special.theme-white .field__error::before,
.special.theme-white .file::after,
.special.theme-white .file__icon svg,
.special.theme-white .validation__icon::before,
.special.theme-white .chat__form__file label,
.special.theme-white .chat__form__btn button,
.special.theme-white .chat__box .file__delete::before,
.special.theme-white .file__heading-image,
.special.theme-white .profile-field__value .status--success::before,
.special.theme-white .password-requirements__icon--valid,
.special.theme-white .application__timer-image video,
.special.theme-white .footer__logo video,
.special.theme-white .about__logo video {
    filter: grayscale(100%);
}

.special.theme-white .alert--warning .alert__icon svg,
.special.theme-white .alert--success .alert__icon svg {
    filter: grayscale(100%) invert(1);
}

.special.theme-white .hero__content::before,
.special.theme-white .hero__content::after,
.special.theme-white .trust__list::before,
.special.theme-white .trust__list::after,
.special.theme-white .methods__inner::before,
.special.theme-white .methods__inner::after,
.special.theme-white .footer::before,
.special.theme-white .footer::after,
.special.theme-white .about__content::before,
.special.theme-white .about__content::after {
    content: none;
}

.special.theme-white .alert {
    border: 1px solid #000;
}

/* scale-lg */
.special.scale-lg {
    zoom: 1.1;
    --viewport-height: calc(100dvh / 1.1);
}

/* scale-xl */
.special.scale-xl {
    zoom: 1.2;
    --viewport-height: calc(100dvh / 1.2);
}

@media (min-width: 1024px) and (max-width: 1399px) {
    .special.scale-lg .header__nav--desktop,
    .special.scale-xl .header__nav--desktop {
        margin-left: 24px;
    }

    .special.scale-lg .header__nav--desktop .btn:last-child,
    .special.scale-xl .header__nav--desktop .btn:last-child {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .special.scale-lg .code-field,
    .special.scale-xl .code-field {
        gap: 16px;
    }
}

@media (max-width: 575px) {
    .special.scale-lg .auth__actions .btn,
    .special.scale-xl .auth__actions .btn {
        padding: 0 16px;
    }
}