.modal-congratulations,
.modal-error {
    height: -moz-fit-content;
    height: fit-content;
    width: 783px;
    max-height: 90vh;
    max-width: 90vw;
    background: var(--Primary);
    border-radius: 10px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    transition: transform 0.3s ease-in;
    z-index: 99999;
    padding: clamp(30px, 1.875vw + 24px, 60px) clamp(20px, 1.875vw + 14px, 50px);
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-congratulations::-webkit-scrollbar,
.modal-error::-webkit-scrollbar {
    width: 3px;
}
.modal-congratulations::-webkit-scrollbar-thumb,
.modal-error::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: var(--Primary);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background-clip: padding-box;
}
.modal-congratulations::-webkit-scrollbar-track,
.modal-error::-webkit-scrollbar-track {
    background-color: var(--Head);
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    background-clip: padding-box;
}
.modal-congratulations.active,
.modal-error.active {
    pointer-events: all;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.theme-modal {
    width: 100%;
}
.theme-modal__title {
    --color: var(--Card);
    text-align: center;
}
.theme-modal__subtitle {
    margin-top: 15px;
    --color: var(--Card);
    text-align: center;
}
.theme-modal__form-wrapper {
    margin-top: clamp(15px, 0.9375vw + 12px, 30px);
}
.theme-modal__btn {
    padding-left: clamp(20px, 8.3125vw + -6.6px, 153px);
    padding-right: clamp(20px, 8.3125vw + -6.6px, 153px);
    margin: clamp(15px, 0.625vw + 13px, 25px) auto 0;
}
.theme-modal.fancybox__content {
    padding: clamp(30px, 1.875vw + 24px, 60px) clamp(20px, 1.875vw + 14px, 50px);
    border-radius: 10px;
    cursor: default !important;
    background: var(--Primary);
}
.theme-modal.fancybox__content [data-fancybox-close] {
    top: clamp(10px, 0.9375vw + 7px, 25px) !important;
    right: clamp(10px, 0.9375vw + 7px, 25px) !important;
    --fancybox-color: var(--Head);
    background: none;
    border-radius: 0px;
    box-shadow: none;
    transition: color 0.3s ease;
    --carousel-button-width: 24px;
    --carousel-button-height: 24px;
    --f-button-hover-bg: transparent !important;
    --f-button-active-bg: transparent !important;
}
.theme-modal.fancybox__content [data-fancybox-close] svg {
    --svgColor: var(--Head);
    --carousel-button-svg-filter: none;
    transition: var(--transition);
}
@media (min-width: 992px) {
    .theme-modal.fancybox__content [data-fancybox-close]:hover svg {
        --svgColor: var(--Accent);
    }
}
.theme-modal.fancybox__content > .f-button.is-close-btn {
    --f-button-svg-width: 15px;
    --f-button-svg-height: 15px;
    --f-button-width: 15px;
    --f-button-height: 15px;
}
.theme-modal .form {
    text-align: center;
}
.theme-modal .form .form__input {
    margin-bottom: 10px;
}
.theme-modal .form .form__btn {
    margin-top: clamp(10px, 0.625vw + 8px, 20px);
    margin-bottom: clamp(10px, 0.3125vw + 9px, 15px);
    width: 100%;
}
.theme-modal .form .form__btn .btn {
    width: 100%;
    color: #fff;
}
.theme-modal .form .form__privacy {
    --color: var(--Card);
}
.theme-modal .form .form__privacy-link {
    --color: var(--Card);
    text-decoration: underline;
}
@media (min-width: 992px) {
    .theme-modal .form .form__privacy-link:hover {
        --color: var(--Accent);
    }
}

#modal-privacy .text-block {
    --color: var(--Card);
}

.fancybox__backdrop {
    --fancybox-bg: rgba(35, 35, 35, 0.5);
}

.background-modals {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0.8);
    z-index: 2500;
} /*# sourceMappingURL=modals.css.map */