.button {
    --primary-color: var(--accent-color);
    --secondary-color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    background-color: var(--primary-color);
    color: var(--secondary-color);
    border: 1px solid var(--primary-color);

    font-size: 16px;

    padding: 8px 16px;

    width: -moz-max-content;

    width: max-content;
    min-width: 160px;
    height: 40px;

    border-radius: 4px;
    font-weight: 500;
}

.button svg {
    width: 20px;
    height: 20px;
}

.button:disabled {
    background-color: #ced2e2;
    border-color: #ced2e2;
    color: var(--secondary-color);
    cursor: not-allowed;
}

.button:not(:disabled):hover {
    transition: border-radius 300ms;
    border-radius: 12px;
}

.button:not(:disabled):active {
    color: var(--primary-color);
    background-color: var(--secondary-color);
}

.button_outlined {
    border-color: var(--primary-color);
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

.button_outlined:not(:disabled):active {
    color: var(--secondary-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.button_round {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    min-width: initial;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.large-size-contact-us-button {
    width: 48px;
    height: 48px;
}
.field-status {
    --field-status-bg-color: var(--accent-color);
    --field-status-icon-color: white;
    --field-status-border-color: var(--accent-color);

    width: 32px;
    height: 32px;

    color: var(--field-status-icon-color);
    background-color: var(--field-status-bg-color);
    border: 1px solid var(--field-status-border-color);

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    flex-shrink: 0;
}

.field-status-icon {
    width: 16px;
    max-height: 16px;
    color: inherit;
}

.field-status_success {
    --field-status-bg-color: #19af00;
    --field-status-border-color: #19af00;
}

.field-status_failed {
    --field-status-bg-color: red;
    --field-status-border-color: red;
}
.field-input {
    position: relative;
    width: 100%;
}

.field-input__icon {
    position: absolute;
    width: 20px;
    height: 20px;
}

.field-input__icon_left {
    left: 12px;
    top: 14px;
}

.field-input__icon_right {
    right: 12px;
    top: 14px;
}

.field-input__input {
    background-color: white;

    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;

    width: 100%;
    padding-inline: 12px;

    cursor: text;
    min-height: 48px;

    font-family: Stolzl, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.field-input__input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.field-input__input_with-icon {
    padding-left: 44px;
}

.field-input__input_with-right-icon {
    padding-right: 44px;
}

.field-input__input_error {
    border-color: red;
    border-radius: 4px;
}

.field-input__input::-webkit-outer-spin-button,
.field-input__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.field-input__input[type="number"] {
    -webkit-appearance: none;
            appearance: none;
    -moz-appearance: textfield;
}
.field-status-button {
    width: 32px;
    height: 32px;
}

.field-status-icon {
    width: 16px;
    max-height: 16px;
    color: inherit;
}
.form_field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fieldError {
    margin-top: 4px;
    margin-left: 12px;
    font-size: 14px;
    color: red;
}
.confirm-email-code-timer {
    margin-top: 4px;
    margin-left: 12px;
    font-size: 12px;
}
.show-password-icon, .hide-password-icon {
    cursor: pointer 
}.authorize-via-additional-data-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.authorize-via-additional-data-form__submit-button {
    margin-top: 16px;

    display: flex;
    justify-content: center;
}
.company-data-form {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 24px;
}

.company-data-form__submit-button {
    margin-top: 16px;

    display: flex;
    justify-content: center;
}
.contact-us-form {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-us-form__submit-button {
    margin-top: 16px;

    display: flex;
    justify-content: center;
}
@media screen and (max-width: 425px) {
    .testing-biometry-button {
        min-width: auto;
        width: 100%;
    }
}
.baf-logo {
    width: 112px;
}
.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

    z-index: 50;

    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);

    display: flex;
    justify-content: center;
    align-items: center;

    overflow-y: auto;
    overflow-x: hidden;
}

.modal {
    width: 100%;
    max-width: 560px;

    padding-block: 40px;
    padding-inline: 60px;

    border: 1px solid var(--modal-bg-color);
    border-radius: 12px;

    background-color: var(--modal-bg-color);

    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal__header {
    margin-bottom: 40px;
}

.modal__baf-logo {
    max-width: 98px;
}

.modal__3divi-logo {
    margin-top: 40px;
    max-width: 100px;
}

.modal__content {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal__title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;

    margin-bottom: 20px;
}

.modal__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    margin-top: 40px;
}

.modal__cancel-button {
    margin-top: 12px;
}

@media screen and (max-width: 424px) {
    .modal {
        padding-inline: 16px;
    }
}

@media screen and (min-width: 425px) {
    .modal {
        padding-inline: 32px;
    }
}

@media screen and (min-width: 768px) {
    .modal {
        padding-inline: 60px;
    }
}
.account-blocked-modal_minimize {
    width: -moz-max-content !important;
    width: max-content !important;
    padding: 12px 16px !important;

    display: flex;
    flex-direction: column;
    align-items: start;

    background-color: white;
    border: 1px solid var(--border-color);
}

.account-blocked-minimize-modal__title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;

    display: flex;
    gap: 4px;
    align-items: center;
}

.account-blocked-minimize-modal__title svg {
    width: 24px;
    height: 24px;
    color: red;
}
.account-blocked-minimize-modal__description {
    margin-top: -8px;
    font-size: 14px;
    text-align: left;
}

.account-blocked-modal_minimize .modal__content {
    align-items: start !important;
}
.account-blocked-modal__header {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-blocked-modal__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;

    display: flex;
    gap: 4px;
    align-items: start;
}

.account-blocked-modal__title svg {
    width: 32px;
    height: 32px;
    color: red;
}

.account-blocked-modal__unlock-timer {
    font-size: 36px;
    font-weight: bold;
}

.account-blocked-modal__note {
    font-size: 14px;
    max-width: 80%;
    color: gray;
    margin-top: 4px;
}

.account-blocked-modal__content {
    width: 100%;
    margin-bottom: 40px;
    overflow: auto;
    max-height: 240px;
}

.account-blocked-modal-content__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}

.account-blocked-modal-content__description {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account-blocked-modal-content__risks-list {
    list-style-type: disc;
    list-style-position: inside;
}

.account-blocked-modal-content__risks-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px;
}
.attempt-video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 240px;
}
.attempt-with-risks-modal__header {
    margin-bottom: 24px;
}

.attempt-with-risks-modal__title {
    margin-bottom: 8px;

    display: flex;
    gap: 4px;
    align-items: start;
}

.attempt-with-risks-modal__content {
    width: 100%;
    margin-bottom: 40px;
    overflow: auto;
    max-height: 240px;
}

.attempt-with-risks-modal-content__description {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.attempt-with-risks-modal-content__risks-title {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px;
    margin-top: 8px;
}

.attempt-with-risks-modal-content__risk-item:not(:last-child) {
    margin-bottom: 8px;
}

.attempt-with-risks-modal-content-risk:not(:last-child) {
    margin-bottom: 8px;
}

.attempt-with-risks-modal-content__risks-list {
    list-style-type: disc;
    list-style-position: inside;
}

.attempt-with-risks-modal-content-risk__description {
    font-size: 14px;
    font-weight: 400;
    color: var(--accent-color);
}
.loader-modal {
    display: grid;
    grid-template-columns: repeat(3, max-content);
}
:host,:root,[data-theme]{--ring-inset: var(--empty, /*!*/ /*!*/);--ring-offset-width: 0px;--ring-offset-color: #fff;--ring-color: rgba(66, 153, 225, 0.6);--ring-offset-shadow: 0 0 #0000;--ring-shadow: 0 0 #0000;--space-x-reverse: 0;--space-y-reverse: 0;--colors-transparent: transparent;--colors-current: currentColor;--colors-black: #000000;--colors-white: #ffffff;--colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);--colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);--colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);--colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);--colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);--colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);--colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);--colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);--colors-whiteAlpha-800: rgba(255, 255, 255, 0.8);--colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);--colors-blackAlpha-50: rgba(0, 0, 0, 0.04);--colors-blackAlpha-100: rgba(0, 0, 0, 0.06);--colors-blackAlpha-200: rgba(0, 0, 0, 0.08);--colors-blackAlpha-300: rgba(0, 0, 0, 0.16);--colors-blackAlpha-400: rgba(0, 0, 0, 0.24);--colors-blackAlpha-500: rgba(0, 0, 0, 0.36);--colors-blackAlpha-600: rgba(0, 0, 0, 0.48);--colors-blackAlpha-700: rgba(0, 0, 0, 0.64);--colors-blackAlpha-800: rgba(0, 0, 0, 0.8);--colors-blackAlpha-900: rgba(0, 0, 0, 0.92);--colors-gray-50: #f7fafc;--colors-gray-100: #edf2f7;--colors-gray-200: #e2e8f0;--colors-gray-300: #cbd5e0;--colors-gray-400: #a0aec0;--colors-gray-500: #718096;--colors-gray-600: #4a5568;--colors-gray-700: #2d3748;--colors-gray-800: #1a202c;--colors-gray-900: #171923;--colors-red-50: #fff5f5;--colors-red-100: #fed7d7;--colors-red-200: #feb2b2;--colors-red-300: #fc8181;--colors-red-400: #f56565;--colors-red-500: #e53e3e;--colors-red-600: #c53030;--colors-red-700: #9b2c2c;--colors-red-800: #822727;--colors-red-900: #63171b;--colors-orange-50: #fffaf0;--colors-orange-100: #feebc8;--colors-orange-200: #fbd38d;--colors-orange-300: #f6ad55;--colors-orange-400: #ed8936;--colors-orange-500: #dd6b20;--colors-orange-600: #c05621;--colors-orange-700: #9c4221;--colors-orange-800: #7b341e;--colors-orange-900: #652b19;--colors-yellow-50: #fffff0;--colors-yellow-100: #fefcbf;--colors-yellow-200: #faf089;--colors-yellow-300: #f6e05e;--colors-yellow-400: #ecc94b;--colors-yellow-500: #d69e2e;--colors-yellow-600: #b7791f;--colors-yellow-700: #975a16;--colors-yellow-800: #744210;--colors-yellow-900: #5f370e;--colors-green-50: #f0fff4;--colors-green-100: #c6f6d5;--colors-green-200: #9ae6b4;--colors-green-300: #68d391;--colors-green-400: #48bb78;--colors-green-500: #38a169;--colors-green-600: #2f855a;--colors-green-700: #276749;--colors-green-800: #22543d;--colors-green-900: #1c4532;--colors-teal-50: #e6fffa;--colors-teal-100: #b2f5ea;--colors-teal-200: #81e6d9;--colors-teal-300: #4fd1c5;--colors-teal-400: #38b2ac;--colors-teal-500: #319795;--colors-teal-600: #2c7a7b;--colors-teal-700: #285e61;--colors-teal-800: #234e52;--colors-teal-900: #1d4044;--colors-blue-50: #ebf8ff;--colors-blue-100: #bee3f8;--colors-blue-200: #90cdf4;--colors-blue-300: #63b3ed;--colors-blue-400: #4299e1;--colors-blue-500: #3182ce;--colors-blue-600: #2b6cb0;--colors-blue-700: #2c5282;--colors-blue-800: #2a4365;--colors-blue-900: #1a365d;--colors-cyan-50: #edfdfd;--colors-cyan-100: #c4f1f9;--colors-cyan-200: #9decf9;--colors-cyan-300: #76e4f7;--colors-cyan-400: #0bc5ea;--colors-cyan-500: #00b5d8;--colors-cyan-600: #00a3c4;--colors-cyan-700: #0987a0;--colors-cyan-800: #086f83;--colors-cyan-900: #065666;--colors-purple-50: #faf5ff;--colors-purple-100: #e9d8fd;--colors-purple-200: #d6bcfa;--colors-purple-300: #b794f4;--colors-purple-400: #9f7aea;--colors-purple-500: #805ad5;--colors-purple-600: #6b46c1;--colors-purple-700: #553c9a;--colors-purple-800: #44337a;--colors-purple-900: #322659;--colors-pink-50: #fff5f7;--colors-pink-100: #fed7e2;--colors-pink-200: #fbb6ce;--colors-pink-300: #f687b3;--colors-pink-400: #ed64a6;--colors-pink-500: #d53f8c;--colors-pink-600: #b83280;--colors-pink-700: #97266d;--colors-pink-800: #702459;--colors-pink-900: #521b41;--colors-linkedin-50: #e8f4f9;--colors-linkedin-100: #cfedfb;--colors-linkedin-200: #9bdaf3;--colors-linkedin-300: #68c7ec;--colors-linkedin-400: #34b3e4;--colors-linkedin-500: #00a0dc;--colors-linkedin-600: #008cc9;--colors-linkedin-700: #0077b5;--colors-linkedin-800: #005e93;--colors-linkedin-900: #004471;--colors-facebook-50: #e8f4f9;--colors-facebook-100: #d9dee9;--colors-facebook-200: #b7c2da;--colors-facebook-300: #6482c0;--colors-facebook-400: #4267b2;--colors-facebook-500: #385898;--colors-facebook-600: #314e89;--colors-facebook-700: #29487d;--colors-facebook-800: #223b67;--colors-facebook-900: #1e355b;--colors-messenger-50: #d0e6ff;--colors-messenger-100: #b9daff;--colors-messenger-200: #a2cdff;--colors-messenger-300: #7ab8ff;--colors-messenger-400: #2e90ff;--colors-messenger-500: #0078ff;--colors-messenger-600: #0063d1;--colors-messenger-700: #0052ac;--colors-messenger-800: #003c7e;--colors-messenger-900: #002c5c;--colors-whatsapp-50: #dffeec;--colors-whatsapp-100: #b9f5d0;--colors-whatsapp-200: #90edb3;--colors-whatsapp-300: #65e495;--colors-whatsapp-400: #3cdd78;--colors-whatsapp-500: #22c35e;--colors-whatsapp-600: #179848;--colors-whatsapp-700: #0c6c33;--colors-whatsapp-800: #01421c;--colors-whatsapp-900: #001803;--colors-twitter-50: #e5f4fd;--colors-twitter-100: #c8e9fb;--colors-twitter-200: #a8dcfa;--colors-twitter-300: #83cdf7;--colors-twitter-400: #57bbf5;--colors-twitter-500: #1da1f2;--colors-twitter-600: #1a94da;--colors-twitter-700: #1681bf;--colors-twitter-800: #136b9e;--colors-twitter-900: #0d4d71;--colors-telegram-50: #e3f2f9;--colors-telegram-100: #c5e4f3;--colors-telegram-200: #a2d4ec;--colors-telegram-300: #7ac1e4;--colors-telegram-400: #47a9da;--colors-telegram-500: #0088cc;--colors-telegram-600: #007ab8;--colors-telegram-700: #006ba1;--colors-telegram-800: #005885;--colors-telegram-900: #003f5e;--borders-none: 0;--borders-1px: 1px solid;--borders-2px: 2px solid;--borders-4px: 4px solid;--borders-8px: 8px solid;--fonts-heading: Inter, sans-serif;--fonts-body: Inter, sans-serif;--fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fontSizes-3xs: 0.45rem;--fontSizes-2xs: 0.625rem;--fontSizes-xs: 0.75rem;--fontSizes-sm: 0.875rem;--fontSizes-md: 1rem;--fontSizes-lg: 1.125rem;--fontSizes-xl: 1.25rem;--fontSizes-2xl: 1.5rem;--fontSizes-3xl: 1.875rem;--fontSizes-4xl: 2.25rem;--fontSizes-5xl: 3rem;--fontSizes-6xl: 3.75rem;--fontSizes-7xl: 4.5rem;--fontSizes-8xl: 6rem;--fontSizes-9xl: 8rem;--fontWeights-hairline: 100;--fontWeights-thin: 200;--fontWeights-light: 300;--fontWeights-normal: 400;--fontWeights-medium: 500;--fontWeights-semibold: 600;--fontWeights-bold: 700;--fontWeights-extrabold: 800;--fontWeights-black: 900;--letterSpacings-tighter: -0.05em;--letterSpacings-tight: -0.025em;--letterSpacings-normal: 0;--letterSpacings-wide: 0.025em;--letterSpacings-wider: 0.05em;--letterSpacings-widest: 0.1em;--lineHeights-3: 0.75rem;--lineHeights-4: 1rem;--lineHeights-5: 1.25rem;--lineHeights-6: 1.5rem;--lineHeights-7: 1.75rem;--lineHeights-8: 2rem;--lineHeights-9: 2.25rem;--lineHeights-10: 2.5rem;--lineHeights-normal: normal;--lineHeights-none: 1;--lineHeights-shorter: 1.25;--lineHeights-short: 1.375;--lineHeights-base: 1.5;--lineHeights-tall: 1.625;--lineHeights-taller: 2;--radii-none: 0;--radii-sm: 0.125rem;--radii-base: 0.25rem;--radii-md: 0.375rem;--radii-lg: 0.5rem;--radii-xl: 0.75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-full: 9999px;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--space-px: 1px;--space-0-5: 0.125rem;--space-1-5: 0.375rem;--space-2-5: 0.625rem;--space-3-5: 0.875rem;--shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);--shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);--shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);--shadows-none: none;--shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;--sizes-1: 0.25rem;--sizes-2: 0.5rem;--sizes-3: 0.75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-px: 1px;--sizes-0-5: 0.125rem;--sizes-1-5: 0.375rem;--sizes-2-5: 0.625rem;--sizes-3-5: 0.875rem;--sizes-max: max-content;--sizes-min: min-content;--sizes-full: 100%;--sizes-3xs: 14rem;--sizes-2xs: 16rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 60ch;--sizes-container-sm: 640px;--sizes-container-md: 768px;--sizes-container-lg: 1024px;--sizes-container-xl: 1280px;--zIndices-hide: -1;--zIndices-auto: auto;--zIndices-base: 0;--zIndices-docked: 10;--zIndices-dropdown: 1000;--zIndices-sticky: 1100;--zIndices-banner: 1200;--zIndices-overlay: 1300;--zIndices-modal: 1400;--zIndices-popover: 1500;--zIndices-skipLink: 1600;--zIndices-toast: 1700;--zIndices-tooltip: 1800;--transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;--transition-property-colors: background-color, border-color, color, fill, stroke;--transition-property-dimensions: width, height;--transition-property-position: left, right, top, bottom;--transition-property-background: background-color, background-image, background-position;--transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-duration-ultra-fast: 50ms;--transition-duration-faster: 100ms;--transition-duration-fast: 150ms;--transition-duration-normal: 200ms;--transition-duration-slow: 300ms;--transition-duration-slower: 400ms;--transition-duration-ultra-slow: 500ms;--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--breakpoints-base: 0em;--breakpoints-sm: 30em;--breakpoints-md: 48em;--breakpoints-lg: 62em;--breakpoints-xl: 80em;--breakpoints-2xl: 96em;--colors-accent: var(--colors-teal-500);--colors-accent-emphasis: var(--colors-teal-700);--colors-accent-static: var(--colors-teal-500);--colors-accent-muted: var(--colors-teal-300);--colors-accent-subtle: var(--colors-teal-50);--colors-fg: var(--colors-gray-700);--colors-fg-emphasis: var(--colors-gray-900);--colors-fg-muted: var(--colors-gray-600);--colors-fg-subtle: var(--colors-gray-500);--colors-fg-on-accent: var(--colors-white)}.tdvc-base-content{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:80px 40px;border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);border-radius:var(--radii-md);background-color:var(--colors-white);min-height:170px}.tdvc-base-content__background{position:absolute;z-index:225;background-color:#fff;margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tdvc-base-content__background__spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tdvc-base-content__background__spinner__text{text-align:center}.tdvc-base-content__background__spinner__circular{height:62px;width:62px;-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}.tdvc-base-content__background__spinner__circular__path{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--colors-telegram-600);stroke-linecap:round}.tdvc-base-content__background__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tdvc-base-content__background__error__text{text-align:center}.tdvc-base-content__background__error__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;line-height:1.2;border-radius:var(--radii-md);font-weight:var(--fontWeights-semibold);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);height:var(--sizes-12);min-width:var(--sizes-12);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-padding-end:var(--space-6);padding-inline-end:var(--space-6);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);color:var(--colors-gray-800)}.tdvc-base-content__background__error__button:hover{background:var(--colors-gray-100)}.tdvc-base-content__background__error__button[disabled]{opacity:.4;cursor:not-allowed;-webkit-box-shadow:var(--shadows-none);box-shadow:var(--shadows-none)}.tdvc-base-content__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:var(--space-8)}.tdvc-base-content__header__text{font-size:var(--fontSizes-4xl);line-height:1.2;font-family:var(--fonts-heading);font-weight:var(--fontWeights-bold)}.tdvc-base-content__body{padding-bottom:var(--space-4)}.tdvc-base-content__body__error{text-align:center}.tdvc-base-content__footer{padding-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.tdvc-base-content__footer button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;line-height:1.2;border-radius:var(--radii-md);font-weight:var(--fontWeights-semibold);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);height:var(--sizes-12);min-width:var(--sizes-12);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-padding-end:var(--space-6);padding-inline-end:var(--space-6);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);color:var(--colors-gray-800)}.tdvc-base-content__footer button:hover{background:var(--colors-gray-100)}.tdvc-base-content__footer button[disabled]{opacity:.4;cursor:not-allowed;-webkit-box-shadow:var(--shadows-none);box-shadow:var(--shadows-none)}.tdvc-login-form{width:100%}.tdvc-login-form__footer{padding-top:var(--space-6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tdvc-login-form__footer__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;line-height:1.2;border-radius:var(--radii-md);font-weight:var(--fontWeights-semibold);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);height:var(--sizes-12);min-width:var(--sizes-12);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-padding-end:var(--space-6);padding-inline-end:var(--space-6);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);color:var(--colors-gray-800)}.tdvc-login-form__footer__button:hover{background:var(--colors-gray-100)}.tdvc-login-form__footer__button[disabled]{opacity:.4;cursor:not-allowed;-webkit-box-shadow:var(--shadows-none);box-shadow:var(--shadows-none)}.tdvc-login-content__group{width:100%;position:relative}.tdvc-login-content__group__label{display:block;text-align:start;font-size:var(--fontSizes-md);-webkit-margin-end:var(--space-3);margin-inline-end:var(--space-3);margin-bottom:var(--space-2);font-weight:var(--fontWeights-medium);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);opacity:1}.tdvc-login-content__group__input__group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;isolation:isolate;--input-font-size: var(--fontSizes-md);--input-padding: var(--space-4);--input-border-radius: var(--radii-md);--input-height: var(--sizes-10)}.tdvc-login-content__group__input__group__icon{left:0px;width:var(--sizes-12);height:var(--sizes-12);font-size:var(--fontSizes-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0px;z-index:2;pointer-events:none}.tdvc-login-content__group__input__group__icon__svg{width:var(--sizes-6);height:var(--sizes-6);display:inline-block;line-height:1em;-ms-flex-negative:0;flex-shrink:0;color:currentcolor;opacity:.48}.tdvc-login-content__group__input__group__input{width:100%;min-width:0px;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;position:relative;-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-4);padding-inline-start:var(--space-4);-webkit-padding-end:var(--space-4);padding-inline-end:var(--space-4);height:var(--sizes-12);border-radius:var(--radii-md);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:inherit;background:inherit}.tdvc-login-content__group__input__group__input[aria-invalid=true]{border-color:#e53e3e;-webkit-box-shadow:#e53e3e 0px 0px 0px 1px;box-shadow:#e53e3e 0px 0px 0px 1px}.tdvc-login-content__group__error{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--colors-red-500);margin-top:var(--space-2);font-size:var(--fontSizes-sm);line-height:var(--lineHeights-normal);height:18px}.button__spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-margin-end:.5rem;margin-inline-end:.5rem;font-size:1em;line-height:var(--lineHeights-normal)}.button__spinner__animation{display:inline-block;border-top:2px solid currentcolor;border-right:2px solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:99999px;border-bottom-width:2px;border-left-width:2px;border-bottom-color:var(--colors-transparent);border-left-color:var(--colors-transparent);-webkit-animation:.45s linear 0s infinite normal none running spinner;animation:.45s linear 0s infinite normal none running spinner;--spinner-size: var(--sizes-6);color:currentcolor;width:1em;height:1em}.button__spinner__animation__text{border:0px;clip:rect(0px, 0px, 0px, 0px);width:1px;height:1px;margin:-1px;padding:0px;overflow:hidden;white-space:nowrap;position:absolute}.tdvc-register__header{padding-bottom:16px}.tdvc-register__header__description{text-align:center}.tdvc-register__body__select__wrapper{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.tdvc-register__body__select__wrapper__select{-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8);width:100%;height:var(--input-height);font-size:var(--input-font-size);-webkit-padding-start:var(--input-padding);padding-inline-start:var(--input-padding);border-radius:var(--input-border-radius);min-width:0px;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;position:relative;-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);padding-bottom:1px;line-height:var(--lineHeights-normal);background:inherit;--select-bg: var(--colors-white);--input-font-size: var(--fontSizes-md);--input-padding: var(--space-4);--input-border-radius: var(--radii-md);--input-height: var(--sizes-10);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:inherit}.tdvc-register__body__select__wrapper__select__option{background:var(--select-bg)}.tdvc-register__body__select__wrapper__icon-wrapper{width:var(--sizes-6);height:100%;right:var(--space-2);color:currentcolor;font-size:var(--fontSizes-xl);position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tdvc-register__body__content{width:100%;position:relative;overflow:hidden}.tdvc-register__body__content__video{width:100%;-webkit-transition:all .2s;transition:all .2s;overflow:hidden}.tdvc-register__body__content__video__position{width:100%;height:100%;position:relative;overflow:hidden;--clean-rx: 100%;--clean-x: calc(100% / 2 - var(--clean-width) / 2);--clean-y: calc(100% / 2 - var(--clean-height) / 2)}.tdvc-register__body__content__video__position__mask{position:absolute;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:220;display:-webkit-box;display:-ms-flexbox;display:flex}.tdvc-register__body__content__video__position__mask__overlay{webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.tdvc-register__body__content__video__position__mask__overlay__dark{height:100vmax;x:0;y:0;fill:#fff}.tdvc-register__body__content__video__position__mask__overlay__clean{width:var(--clean-width);height:var(--clean-height);x:var(--clean-x);y:var(--clean-y);rx:var(--clean-rx);fill:#000}.tdvc-register__body__content__video__position__mask__overlay__stroke{width:var(--clean-width);height:var(--clean-height);x:var(--clean-x);y:var(--clean-y);rx:var(--clean-rx);stroke-width:3;stroke-opacity:1;fill:none}.tdvc-register__body__content__video__position__mask__overlay__stroke--white{stroke:var(--colors-white)}.tdvc-register__body__content__video__position__mask__overlay__stroke--success{stroke:var(--color-positive-light);stroke-width:5}.tdvc-register__body__content__video__position__mask__overlay__mask{fill:#000;fill-opacity:.4;mix-blend-mode:color}.tdvc-register__body__content__video__position__mask__slow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.8);position:absolute;width:100%;top:0;font-weight:500;z-index:280}.tdvc-register__body__content__video__position__mask__slow__text{display:block;font-size:1.1rem;text-align:center;color:var(--colors-white);margin:0 10px}.tdvc-register__body__content__video__position__mask__hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.8);width:100%;height:40px;font-weight:500}.tdvc-register__body__content__video__position__container{margin-left:auto;margin-right:auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);width:100%;height:100%}.tdvc-register__body__content__video__position__container__contour{border:dashed 2px #fff;border-radius:23px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.tdvc-register__body__content__video__position__container__canvas{position:absolute;margin-left:auto;margin-right:auto;width:100%;height:100%;top:50%;-webkit-transform:translateY(-50%) scale(-1, 1);transform:translateY(-50%) scale(-1, 1);z-index:300}.tdvc-register__body__content__video__position__container__video{-webkit-transform:scale(-1, 1);transform:scale(-1, 1);-o-object-fit:cover;object-fit:cover;width:100%;pointer-events:none;z-index:250}.tdvc-register__body__content__video__position__container__keypoints{position:absolute;width:100%;height:100%;z-index:251}.tdvc-register__footer{padding-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.tdvc-register__footer button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;line-height:1.2;border-radius:var(--radii-md);font-weight:var(--fontWeights-semibold);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);height:var(--sizes-12);min-width:var(--sizes-12);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-padding-end:var(--space-6);padding-inline-end:var(--space-6);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);color:var(--colors-gray-800)}.tdvc-register__footer button:hover{background:var(--colors-gray-100)}.tdvc-register__footer button[disabled]{opacity:.4;cursor:not-allowed;-webkit-box-shadow:var(--shadows-none);box-shadow:var(--shadows-none)}.tdvc-authorization__header{padding-bottom:16px}.tdvc-authorization__header__description{text-align:center}.tdvc-authorization__body__select__wrapper{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.tdvc-authorization__body__select__wrapper__select{-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8);width:100%;height:var(--input-height);font-size:var(--input-font-size);-webkit-padding-start:var(--input-padding);padding-inline-start:var(--input-padding);border-radius:var(--input-border-radius);min-width:0px;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;position:relative;-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);padding-bottom:1px;line-height:var(--lineHeights-normal);background:inherit;--select-bg: var(--colors-white);--input-font-size: var(--fontSizes-md);--input-padding: var(--space-4);--input-border-radius: var(--radii-md);--input-height: var(--sizes-10);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:inherit}.tdvc-authorization__body__select__wrapper__select__option{background:var(--select-bg)}.tdvc-authorization__body__select__wrapper__icon-wrapper{width:var(--sizes-6);height:100%;right:var(--space-2);color:currentcolor;font-size:var(--fontSizes-xl);position:absolute;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tdvc-authorization__body__content{width:100%;position:relative;overflow:hidden}.tdvc-authorization__body__content__video{width:100%;-webkit-transition:all .2s;transition:all .2s;overflow:hidden}.tdvc-authorization__body__content__video__position{width:100%;height:100%;position:relative;overflow:hidden;--clean-rx: 100%;--clean-x: calc(100% / 2 - var(--clean-width) / 2);--clean-y: calc(100% / 2 - var(--clean-height) / 2)}.tdvc-authorization__body__content__video__position__mask{position:absolute;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:220;display:-webkit-box;display:-ms-flexbox;display:flex}.tdvc-authorization__body__content__video__position__mask__overlay{webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.tdvc-authorization__body__content__video__position__mask__overlay__dark{height:100vmax;x:0;y:0;fill:#fff}.tdvc-authorization__body__content__video__position__mask__overlay__clean{width:var(--clean-width);height:var(--clean-height);x:var(--clean-x);y:var(--clean-y);rx:var(--clean-rx);fill:#000}.tdvc-authorization__body__content__video__position__mask__overlay__stroke{width:var(--clean-width);height:var(--clean-height);x:var(--clean-x);y:var(--clean-y);rx:var(--clean-rx);stroke-width:3;stroke-opacity:1;fill:none}.tdvc-authorization__body__content__video__position__mask__overlay__stroke--white{stroke:var(--colors-white)}.tdvc-authorization__body__content__video__position__mask__overlay__stroke--success{stroke:var(--color-positive-light);stroke-width:5}.tdvc-authorization__body__content__video__position__mask__overlay__mask{fill:#000;fill-opacity:.4;mix-blend-mode:color}.tdvc-authorization__body__content__video__position__mask__slow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.8);position:absolute;width:100%;top:0;font-weight:500;z-index:280}.tdvc-authorization__body__content__video__position__mask__slow__text{display:block;font-size:1.1rem;text-align:center;color:var(--colors-white);margin:0 10px}.tdvc-authorization__body__content__video__position__mask__hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.8);width:100%;height:40px;font-weight:500}.tdvc-authorization__body__content__video__position__container{margin-left:auto;margin-right:auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;-webkit-transform:translate(0, 0);transform:translate(0, 0);width:100%;height:100%}.tdvc-authorization__body__content__video__position__container__contour{border:dashed 2px #fff;border-radius:23px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.tdvc-authorization__body__content__video__position__container__canvas{position:absolute;margin-left:auto;margin-right:auto;width:100%;height:100%;top:50%;-webkit-transform:translateY(-50%) scale(-1, 1);transform:translateY(-50%) scale(-1, 1);z-index:300}.tdvc-authorization__body__content__video__position__container__video{-webkit-transform:scale(-1, 1);transform:scale(-1, 1);-o-object-fit:cover;object-fit:cover;width:100%;pointer-events:none;z-index:250}.tdvc-authorization__body__content__video__position__container__keypoints{position:absolute;width:100%;height:100%;z-index:251}.tdvc-authorization__footer{padding-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.tdvc-authorization__footer button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:rgba(0,0,0,0) solid 2px;outline-offset:2px;line-height:1.2;border-radius:var(--radii-md);font-weight:var(--fontWeights-semibold);-webkit-transition-property:var(--transition-property-common);transition-property:var(--transition-property-common);-webkit-transition-duration:var(--transition-duration-normal);transition-duration:var(--transition-duration-normal);height:var(--sizes-12);min-width:var(--sizes-12);font-size:var(--fontSizes-lg);-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-padding-end:var(--space-6);padding-inline-end:var(--space-6);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:var(--colors-gray-200);color:var(--colors-gray-800)}.tdvc-authorization__footer button:hover{background:var(--colors-gray-100)}.tdvc-authorization__footer button[disabled]{opacity:.4;cursor:not-allowed;-webkit-box-shadow:var(--shadows-none);box-shadow:var(--shadows-none)}#VC-temp-canvas{position:absolute;width:100%;height:100%;z-index:252}.tdvc__body__content__video__position__mask__hint__progress{height:3px;position:absolute;top:0;background-color:var(--colors-green-800);z-index:1}.tdvc__body__content__video__position__mask__hint__progress__pattern{height:3px;position:absolute;top:0;background-color:var(--colors-green-400)}.video-hold-text{display:block;font-size:1.1rem;text-align:center;color:var(--colors-white);margin:0 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lr_overlay_canvas_container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.lr_overlay_canvas_video{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(-1, 1);transform:translate(-50%, -50%) scale(-1, 1);z-index:9998;background:#000}.lr_overlay_canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999}.disable{display:none}.safari_error__container{text-align:center}.normal_size{--clean-width: calc(60% * 0.63);--clean-height: calc(90% * 0.9)}.small_size{--clean-width: calc(45% * 0.63);--clean-height: calc(70% * 0.9)}.big_size{--clean-width: calc(70% * 0.63);--clean-height: calc(100% * 0.9)}.normal_size.fhd{--clean-width: calc(30% * 0.63);--clean-height: calc(45% * 0.9)}.small_size.fhd{--clean-width: calc(20% * 0.63);--clean-height: calc(30% * 0.9)}.big_size.fhd{--clean-width: calc(35% * 0.63);--clean-height: calc(53% * 0.9)}@media(max-width: 480px){.normal_size{--clean-width: calc(120% * 0.63);--clean-height: calc(60% * 0.9)}.small_size{--clean-width: calc(100% * 0.63);--clean-height: calc(50% * 0.9)}.big_size{--clean-width: calc(140% * 0.63);--clean-height: calc(70% * 0.9)}}@media only screen and (hover: none)and (pointer: coarse)and (orientation: landscape){#tdvc-base-content::before{width:100%;content:"Flip your device to portrait mode or open the site from your computer.";position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:#fff;z-index:999;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80%;height:100px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#tdvc-base-content>div{display:none}}button,select{cursor:pointer}button:disabled,cursor:disabled{cursor:not-allowed}
.tdvc-button{cursor:pointer}.tdvc-button:disabled{cursor:not-allowed}.button-loading-spinner{display:inline-block;border-radius:99999px;border-top:2px solid currentcolor;border-right:2px solid currentcolor;border-left:2px solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-bottom-width:4px;border-left-width:4px;border-bottom-color:var(--colors-transparent);border-left-color:var(--colors-transparent);-webkit-animation:.45s linear 0s infinite normal none running spinner;animation:.45s linear 0s infinite normal none running spinner;--spinner-size: var(--sizes-6);color:currentcolor;height:60%;aspect-ratio:1}
.tdvc-text-hints{display:block;text-align:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px;background:rgba(0,0,0,.8);font-size:1.1rem;color:var(--colors-white);overflow-y:auto;overflow-x:hidden;min-height:40px}
.tdvc-face-image-preview{width:100%;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}
.face-keypoints-mask{width:100%;height:100%;position:absolute;left:0;top:0}
.face-position-circle{width:100%;height:100%;position:absolute;left:0;top:0;--default-color: white;--success-color: lightgreen;--line-width: 4}
.tdvc-module-description{width:100%;height:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px;overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1000;left:0;top:0}.tdvc-module-description__header{font-size:20px;font-weight:bold;line-height:1.5;text-align:center}.tdvc-module-description__text{line-height:1.5;text-align:center}
.motion-control-arrows{position:absolute;left:0;top:0;z-index:1100}.motion-control-arrows path{-webkit-transform:scale(1.5);transform:scale(1.5)}.motion-control-arrows svg{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.motion-control-left-arrows{margin-left:-8px}.motion-control-right-arrows{margin-left:8px}.motion-control-up-arrows{margin-top:-8px}.motion-control-down-arrows{margin-top:8px}.motion-control-arrows__success{fill:#17ea4c;fill-opacity:1;stroke:#a9a9a9}.motion-control-arrows__default{fill:#000;fill-opacity:.5;stroke:#a9a9a9}.motion-control-arrows__inactive{fill:#fff;fill-opacity:.5;stroke:#a9a9a9}
.motion-control-image-hint{position:absolute;left:0;top:0;z-index:1000;width:120px;height:120px;-o-object-fit:cover;object-fit:cover;display:none}
.tdvc-module-description{width:100%;height:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px;overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1000;left:0;top:0}.tdvc-module-description__header{font-size:20px;font-weight:bold;line-height:1.5;text-align:center}.tdvc-module-description__text{line-height:1.5;text-align:center}
.tdvc-message-board{position:absolute;left:0;top:0;text-align:center;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px;background:#000;font-size:1.1rem;color:var(--colors-white)}
.tdv-component-container {
    width: 100%;
    min-height: 320px;
}

.normal_size {
    --clean-width: calc(30% * 0.63);
    --clean-height: calc(45% * 0.9);
}
.small_size {
    --clean-width: calc(20% * 0.63);
    --clean-height: calc(30% * 0.9);
}
.big_size {
    --clean-width: calc(35% * 0.63);
    --clean-height: calc(53% * 0.9);
}

.tdv-component-container {
    display: flex;
}

.tdvc-base-content {
    background: transparent;
    padding: 0;
    border: none;
}

.tdvc-base-content__background {
    background: transparent;
}

.tdvc-base-content__header,
.tdvc-register__header,
.tdvc-authorization__header {
    display: none;
}

.tdvc-register__body,
.tdvc-authorization__body {
    overflow: hidden;
    border-radius: 4px;
}

.tdvc-authorization__body__select__wrapper,
.tdvc-register__body__select__wrapper {
    margin-bottom: 12px;
    z-index: 1;
}

.tdvc-register__body__select__wrapper__select,
.tdvc-register__body__select__wrapper__select__option,
.tdvc-authorization__body__select__wrapper__select,
.tdvc-authorization__body__select__wrapper__select__option {
    border-radius: 4px;
    cursor: pointer;
    background: white;
}

.tdvc-register__body__content__video__position__mask__hint,
.tdvc-authorization__body__content__video__position__mask__hint {
    min-height: 40px;
    padding-block: 12px;
    height: -moz-fit-content;
    height: fit-content;
}

.tdvc-register__footer,
.tdvc-authorization__footer {
    padding-top: 0;
    margin-top: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tdvc-base-content__background__error__text {
    font-size: 18px;
}

.tdvc-base-content__background__error {
    background: #f1f1f1;
    width: 100%;
    height: 100%;
}

.tdvc-base-content__background__error__button,
.tdvc-authorization__footer__validate,
.tdvc-register__footer__validate,
.tdvc-base-content__footer__back,
.tdvc-continue-button {
    height: 44px !important;
    font-size: 16px !important;
    padding: 8px 24px !important;
    min-width: 180px !important;
    border-radius: 4px !important;
    background-color: var(--accent-color) !important;
    border: 1px solid var(--accent-color) !important;
    color: white !important;
}

.tdvc-base-content__background__error__button:hover,
.tdvc-authorization__footer__validate:not(:disabled):hover,
.tdvc-register__footer__validate:not(:disabled):hover,
.tdvc-base-content__footer__back:hover {
    border-radius: 12px !important;
    transition: border-radius 300ms !important;
    background-color: var(--accent-color) !important;
}

.tdvc-base-content__background__error__button:active,
.tdvc-authorization__footer__validate:not(:disabled):active,
.tdvc-register__footer__validate:not(:disabled):active,
.tdvc-base-content__footer__back:active {
    background-color: white !important;
    color: var(--accent-color) !important;
}

.tdvc-base-content__background__spinner {
    background: white;
    padding: 16px 24px;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    border: 1px solid var(--border-color);
    border-radius: 12px;

    width: 100%;
    height: 100%;
    top: 24px;
}


.tdvc-base-content__background__spinner__circular__path {
    stroke: var(--accent-color);
    stroke-width: 3px;
}

.tdvc-authorization__footer__back,
.tdvc-register__footer__back {
    height: 44px !important;
    font-size: 16px !important;
    padding: 8px 24px !important;
    width: 180px !important;
    border-radius: 4px !important;
    background-color: white !important;
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
}

.tdvc-authorization__footer__back:hover,
.tdvc-register__footer__back:hover {
    border-radius: 12px !important;
    transition: border-radius 300ms !important;
    color: var(--accent-color) !important;
}

.tdvc-authorization__footer__back:active,
.tdvc-register__footer__back:active {
    background-color: var(--accent-color) !important;
    color: white !important;
}

.tdvc-authorization__body__content__video__position__mask__hint,
.tdvc-register__body__content__video__position__mask__hint {
    padding-inline: 16px;
}

div[style="position: fixed; left: 0px; top: 0px; width: 100vw; height: 100dvh; background: black;"] {
    z-index: 1000000;
}
.biometry-verify {
    width: 100%;
}

.web-camera-img {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 280px;
}
.forget-password-link {
    margin-top: 4px;
    font-size: 12px;
    padding-inline: 12px;
}
.entry-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.biometry-verify-wrapper {
    margin-top: 30px;
    width: 100%;
}

.continue-button-wrapper {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.modal_invisible {
    display: none;
}
.popover-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
}

.popover {
    width: -moz-max-content;
    width: max-content;

    position: fixed;
    font-size: 16px;
    z-index: 25;

    margin-top: 8px;
}
.select-popover {
    width: 100% !important;
    position: absolute !important;
}

.select-trigger {
    border: 1px solid var(--border-color);
    background-color: white;
    color: black;
    font-weight: 400;
    width: 100%;
    border-radius: 4px !important;
    justify-content: space-between;
}

.select-trigger_active,
.select-trigger_active:hover {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.select-options {
    background-color: white;
    margin-top: -8px;
}

.select-options__item {
    width: 100%;
    padding: 8px 24px;
    border-color: var(--border-color);
    border-style: solid;
    border-inline-width: 1px;
    border-bottom-width: 1px;
    cursor: pointer;
}

.select-options__item:hover {
    color: var(--accent-color);
}

.select-options__item:active {
    background-color: var(--accent-color);
    color: white;
}.filter-label {
    position: relative;
    background-color: var(--secondary-bg-color);
    border: 1px solid var(--border-color);
    padding-block: 6px;
    padding-inline: 16px 48px;
    border-radius: 4px;
    cursor: default;
    font-size: 14px;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    overflow: hidden;
}

.filter-value {
    font-size: 16px;
    font-weight: 700;
}

.filter-label__delete-button {
    position: absolute;
    top: 0;
    right: 0;

    border-radius: 0;
    border: none;
    height: 100%;
}

.filter-label__delete-button:hover {
    border-radius: 0 !important;
    border: 1px solid var(--accent-color);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.account-settings-wrapper {
    border: 1px solid var(--modal-bg-color);
    border-radius: 12px;
    max-width: -moz-max-content;
    max-width: max-content;

    box-shadow: 4px 4px 4px var(--border-color);
    max-width: 280px;
    background-color: white;
}

.account-settings__user {
    padding-block: 12px;
    padding-inline: 16px;
}

.account-settings__user-label {
    font-size: 14px;
    color: darkgray;
    margin-bottom: 4px;
}

.account-settings__username {
    font-size: 16px;
    font-weight: 500;
    cursor: default;

    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.settigns-menu__item {
    border-top: 1px solid var(--border-color);
}

.settigns-menu__button {
    display: flex;
    background-color: white;
    color: black;
    border: none;

    width: 100%;
    border-radius: 0px !important;
    padding: 16px !important;
    height: -moz-max-content !important;
    height: max-content !important;
    justify-content: start;
}

.settigns-menu__button:hover {
    color: var(--accent-color);
}

.settigns-menu__button:active {
    color: white;
    background-color: var(--accent-color);
}

.filter-menu__item {
    padding-block: 8px;
    padding-inline: 16px;
    border-top: 1px solid var(--border-color);
    cursor: pointer;
    font-size: 14px;
}

.filter-menu__item:hover {
    color: var(--accent-color);
}

.filter-menu__item:active {
    color: white;
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.filters-menu-wrapper {
    border: 1px solid var(--modal-bg-color);
    border-radius: 12px;
    max-width: -moz-max-content;
    max-width: max-content;

    box-shadow: 4px 4px 4px var(--border-color);
    background-color: white;

    width: -moz-max-content;

    width: max-content;
    min-width: 300px;
}

.filters-menu__title {
    padding-block: 16px;
    padding-inline: 24px;
    font-size: 16px;
    font-weight: 700;
    cursor: default;
    background-color: var(--secondary-bg-color);
}

.create-fitler-form {
    padding-block: 16px;
    padding-inline: 24px;

    display: flex;
    flex-direction: column;
    gap: 16px;
}

.apply-filter-button {
    margin-top: 16px;
    width: 100%;
}

.filter__item :hover,
.filter__label:hover {
    cursor: pointer;
}

.filter__input {
    border: 1px solid var(--border-color);
    border-radius: 4px;

    width: 100%;
    height: 40px;
    background-color: #f1f1f1;

    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 4px 8px;
}

.attempt-scores-item__input::-webkit-outer-spin-button,
.attempt-scores-item__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.attempt-scores-item__input[type="number"] {
    -webkit-appearance: none;
            appearance: none;
    -moz-appearance: textfield;
}

.filter__input_error {
    border-width: 2px;
    border-color: red;
}
.filters {
    background-color: white;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 16px 16px;
    overflow-x: hidden;
}

.filters__header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 20px;
    font-weight: 500;
}

.filters__form {
    margin-top: 40px;
}

.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filters__wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
    align-items: start;
    justify-content: start;
}

.filters-block__title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
}

.filters-row {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

@media screen and (min-width: 1440px) {
    .filters__wrapper {
        gap: 36px;
    }
}

.filter-title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.filter-button {
    width: 32px;
    height: 32px;
}

.filters-labels {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    gap: 16px;
}

.add-filter-button {
    min-width: auto;
    gap: 4px;
}
.attempts-table-grid__body-row {
    display: contents;
}

.attempts-table-grid__td {
    min-height: 98px;
    position: relative;
    display: flex;
    justify-content: center;

    font-size: 14px;
    font-weight: 500;

    padding-block: 16px;
    padding-inline: 16px;

    border-color: var(--border-color);
    border-style: solid;
    border-block-width: 1px;

    background-color: white;
}

.attempts-table-grid__td:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    height: calc(100% - 30px);

    width: 1px;
    background-color: var(--v-divider-bg-color);
}

.attempts-table-grid__td:first-child {
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.attempts-table-grid__td:last-child {
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.uppercase-text {
    text-transform: uppercase;
}

.centered-text {
    text-align: center;
}

.attempt-image__wrapper {
    width: 88px;
    height: 88px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.attempt-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.attempt-image__hover-layout {
    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.play-attempt-video-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    min-height: auto;
    min-width: auto;
    border-width: 2px;
}

.play-attempt-video-button svg {
    width: 48px;
    height: 48px;
    fill: var(--accent-color);
}

.play-attempt-video-button:active svg {
    fill: white;
}

.attempt-image__hover-layout:hover {
    opacity: 1;
    background: rgba(227, 35, 37, 0.8);
}

.warning-color {
    color: orange;
}

.error-color {
    color: var(--accent-color);
}

.attempts-table-grid__td-row-wrapper {
    align-self: flex-start;
    width: 100%;
}

.attempts-table-grid__td-row {
    display: grid;
    grid-template-columns: minmax(max-content, 1fr) max-content;
    -moz-column-gap: 16px;
         column-gap: 16px;
}
.attempts-table-grid__th {
    position: relative;
    background-color: var(--table-header-bg-color);
    color: black;

    padding-block: 24px;
    padding-inline: 16px;
    font-weight: 500;

    text-align: center;

    border-block: 1px solid var(--border-color);
}

.attempts-table-grid__th:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    height: calc(100% - 30px);

    width: 1px;
    background-color: var(--v-divider-bg-color);
}

.attempts-table-grid__th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid var(--border-color);
}

.attempts-table-grid__th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid var(--border-color);
}

.attempts-table-grid__header-row {
    display: contents;
}

.attempts-table-grid__th_fixed-width {
    max-width: 200px;
    word-wrap: break-word;
}
.attempts-table-grid {
    min-width: 1180px;
    display: grid;
    grid-template-columns: repeat(11, minmax(max-content, 1fr));

    font-size: 16px;

    --v-divider-bg-color: var(--border-color);

    row-gap: 10px;
}
.language-selector__popover {
    /* !important нужны потому что иначе стили popover'а перезаписывают эти значения, 
    из-за порядка объявления стилей в CSS */
    width: 100% !important;
    position: absolute !important;
}

.select-language-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;

    min-width: 120px;
    padding: 8px 16px;
    width: 100%;
}

.select-language-button:hover {
    transition: border-radius 300ms;
    border-radius: 12px;
}

.select-language-button_active {
    border-radius: 4px 4px 0px 0px !important;
}

@media screen and (min-width: 375px) {
    .select-language-button {
        font-size: 16px;
    }
}

.language-selector__items {
    background-color: white;
    margin-top: -8px;
    width: 100%;
    border-inline: 1px solid var(--accent-color);
    border-bottom: 1px solid var(--accent-color);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.language-selector__item {
    padding: 8px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
}

.language-selector__item:not(:last-child) {
    border-bottom: 1px solid var(--accent-color);
}

.language-selector__item:last-child {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.language-selector__item:hover {
    color: var(--accent-color);
}

.language-selector__item:active {
    background-color: var(--accent-color);
    color: white;
}
.account-layout {
    min-height: 100dvh;

    background-image: url("/imgs/bgCabinetDecor.svg");
    background-size: cover;
    background-repeat: no-repeat;

    padding: 40px 0px;
    position: relative;
}

.account-layout__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.account-layout__header-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header__buttons {
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 425px) {
    .header__buttons {
        flex-direction: column;
        width: inherit;
        display: flex;
        gap: 30px;
    }

    .send-request-button_mobile {
        width: 100%;
    }
}

@media screen and (max-width: 784px) {
    .hide_below_md {
        display: none;
    }

    .header__buttons {
        margin-top: 20px;
        width: 100%;
        gap: 8px;
    }
}

@media screen and (min-width: 784px) {
    .header__buttons {
        width: inherit;
        display: flex;
        gap: 20px;
    }

    .hide_above_md {
        display: none;
    }
}.resources_layout {
    padding: 40px 0px;
    width: 100%;
    min-height: 100dvh;
    position: relative;
}

.resources_layout__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.resources_layout__nav {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
}

.resources_layout__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.connect-form-wrapper {
    display: flex;
    justify-content: end;
    position: fixed;
    right: 32px;
    bottom: 32px;
    padding-inline: 20px;
}

@media screen and (max-width: 1600px) {
    .connect-form-wrapper {
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 16px;
    }
}

.resources__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
}

.resources__h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

.resources__section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resources-list__title {
    margin-bottom: 8px;
}

.resources__ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 0px;
    margin-bottom: 0px;
}

.resources__li:not(:last-child) {
    margin-bottom: 8px;
}

@media screen and (min-width: 425px) {
    .resources__title {
        font-size: 32px;
        font-weight: 700;
        line-height: 120%;
    }

    .resources__h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 120%;
    }
}


@media screen and (min-width: 768px) {
    .resources__title {
        font-size: 48px;
        font-weight: 700;
        line-height: 120%;
    }

    .resources__h2 {
        font-size: 36px;
        font-weight: 700;
        line-height: 120%;
    }
}
.pagination-buttons-wrapper {
    display: flex;
    margin-top: 10px;
    overflow-x: auto;
}

.pagination-button {
    flex-shrink: 0;
    min-width: 48px;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    padding: 8px 16px;

    text-align: center;
    font-weight: 500;
    border-style: solid;
    border-color: var(--border-color);
    border-width: 1px;
    margin-left: -1px;
    border-radius: 0;
    color: black;
}

.pagination-button_active {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: white !important;
}

.pagination-back-button {
    border-radius: 4px 0 0 4px;
    margin-left: 0;
}

.pagination-next-button {
    border-radius: 0 4px 4px 0px;
}

.pagination-button:not(:disabled):hover,
.pagination-n-button:not(:disabled):hover,
.pagination-back-button:not(:disabled):hover,
.pagination-next-button:not(:disabled):hover {
    background-color: white;
    border-color: var(--accent-color);
    color: var(--accent-color);
    border-radius: 0px;
    z-index: 2;
}
.footer__links-wrapper {
    margin-bottom: 8px;
}

.footer__link {
    text-decoration: underline;
    text-underline-offset: 2px;

    cursor: pointer;
}

.footer__link:hover {
    color: var(--accent-color);
}
.social-links {
    display: flex;
    gap: 20px;
}

.social-links__icon {
    max-width: 32px;
    max-height: 32px;
}
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color: white;
    font-size: 12px;
    line-height: 20px;

    margin-bottom: 30px;
}

.footer__contact-us-wrapper {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    color: black;
}

.footer__social-links-wrapper {
    margin-bottom: 24px;
}

.footer__copyright {
    opacity: 0.3;
}
.header {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    padding: 30px 8px;
}

.about-us-button {
    width: 100%;
}

@media screen and (min-width: 425px) {
    .header {
        gap: 12px;
        flex-direction: row;
        justify-content: end;
    }

    .about-us-button {
        width: -moz-max-content;
        width: max-content;
    }
}

@media screen and (min-width: 768px) {
    .header {
        gap: 30px;
        padding: 30px;
    }
}
.main-layout {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background-image: url("/imgs/authBg.jpeg");
    background-repeat: no-repeat;
    background-size: cover;

    min-height: 100dvh;
    height: 100%;

    position: relative;
}

.main-layout__children-wrapper {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin-block: 48px;
    padding-inline: 8px;
    gap: 24px;
}

.entry-account-blocked-minimize-modal_lg {
    position: fixed;
    left: 16px;
    top: 16px;
    display: none;
}

.entry-account-blocked-minimize-modal_md {
    width: 100% !important;
}

@media screen and (max-width: 425px) {
    .entry-account-blocked-minimize-modal_md {
        display: block;
    }
    .entry-account-blocked-minimize-modal_lg {
        display: none;
    }
}

@media screen and (max-width: 784px) {
}

@media screen and (min-width: 784px) {
    .entry-account-blocked-minimize-modal_lg {
        display: block;
    }
    .entry-account-blocked-minimize-modal_md {
        display: none;
    }
}
.not-found-page {
    width: 100%;
    height: 100dvh;
    padding: 40px 0px;

    display: flex;
    flex-direction: column;
}

.not-found-page__header {
    display: flex;
    justify-content: space-between;
}

.not-found-page__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;

    font-size: 16px;
}

.not-found-page__title {
    font-weight: 700;
    font-size: 2.5em;
    margin-bottom: 0.825em;
    text-align: center;
}

.not-found-page__description {
    font-size: 1.5em;
    margin-bottom: 2.5em;
    text-align: center;
}

.not-found-page__go-to-root-button {
    width: minmax(360px, -moz-max-content);
    width: minmax(360px, max-content);
    height: 60px;
    font-size: 20px;
}

@media screen and (max-width: 425px) {
    .not-found-page__body {
        font-size: 12px;
    }

    .not-found-page__go-to-root-button {
        width: -moz-max-content;
        width: max-content;
        height: 40;
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .not-found-page__body {
        font-size: 12px;
    }

    .not-found-page__go-to-root-button {
        width: -moz-max-content;
        width: max-content;
        height: 40;
        font-size: 14px;
    }
}
.attempts-page__title {
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 30px;
}

.attempts-filters-wrapper {
    margin-bottom: 16px;
    overflow-x: auto;
}

.testing-biometry-button-wrapper {
    margin-bottom: 32px;
}

.attempt-table-and-loader-wrapper {
    position: relative;
}

.attempts-table__wrapper {
    width: 100%;

    overflow: auto;
    scrollbar-color: var(--accent-color) #f3f5fc;
    scrollbar-width: 14px;
    scrollbar-arrow-color: #f3f5fc;

    padding-bottom: 10px;
}

.attempts-table-loader-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
}

.attempts-table-loader {
    display: grid;
    grid-template-columns: repeat(3, max-content);
}
@font-face {
    font-family: 'Stolzl';
    src: url('/assets/Stolzl-Light-548af13b.eot');
    src: local('Stolzl Light'), local('Stolzl-Light'),
        url('/assets/Stolzl-Light-548af13b.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Light-77b08f5c.woff2') format('woff2'),
        url('/assets/Stolzl-Light-d5dea306.woff') format('woff'),
        url('/assets/Stolzl-Light-c7b18236.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl';
    src: url('/assets/Stolzl-Thin-3c4cf9a0.eot');
    src: local('Stolzl Thin'), local('Stolzl-Thin'),
        url('/assets/Stolzl-Thin-3c4cf9a0.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Thin-1ff43007.woff2') format('woff2'),
        url('/assets/Stolzl-Thin-a07d93a1.woff') format('woff'),
        url('/assets/Stolzl-Thin-fbae2a7e.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl Book';
    src: url('/assets/Stolzl-Book-d069cc81.eot');
    src: local('Stolzl Book'), local('Stolzl-Book'),
        url('/assets/Stolzl-Book-d069cc81.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Book-57aea903.woff2') format('woff2'),
        url('/assets/Stolzl-Book-1b10d535.woff') format('woff'),
        url('/assets/Stolzl-Book-c9d6e19b.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl';
    src: url('/assets/Stolzl-Regular-2f3daba0.eot');
    src: local('Stolzl Regular'), local('Stolzl-Regular'),
        url('/assets/Stolzl-Regular-2f3daba0.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Regular-7b5f6f5f.woff2') format('woff2'),
        url('/assets/Stolzl-Regular-550379a0.woff') format('woff'),
        url('/assets/Stolzl-Regular-5423e916.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl';
    src: url('/assets/Stolzl-Bold-170dbffa.eot');
    src: local('Stolzl Bold'), local('Stolzl-Bold'),
        url('/assets/Stolzl-Bold-170dbffa.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Bold-8af87418.woff2') format('woff2'),
        url('/assets/Stolzl-Bold-34f13afe.woff') format('woff'),
        url('/assets/Stolzl-Bold-ca1479a1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Stolzl';
    src: url('/assets/Stolzl-Medium-922d8857.eot');
    src: local('Stolzl Medium'), local('Stolzl-Medium'),
        url('/assets/Stolzl-Medium-922d8857.eot?#iefix') format('embedded-opentype'),
        url('/assets/Stolzl-Medium-6d8a11e9.woff2') format('woff2'),
        url('/assets/Stolzl-Medium-57de99c6.woff') format('woff'),
        url('/assets/Stolzl-Medium-830e71cc.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Stolzl, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.left-2\.5 {
    left: 0.625rem;
}

.right-2 {
    right: 0.5rem;
}

.top-1\/2 {
    top: 50%;
}

.ml-1 {
    margin-left: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.hidden {
    display: none;
}

.w-7 {
    width: 1.75rem;
}

.w-full {
    width: 100%;
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
    resize: both;
}

.rounded-md {
    border-radius: 0.375rem;
}

.border {
    border-width: 1px;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pr-11 {
    padding-right: 2.75rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(39 80 229 / var(--tw-text-opacity, 1));
}

.placeholder-black::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}

.placeholder-black::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(0 0 0 / var(--tw-placeholder-opacity, 1));
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

* {
    font-family: Stolzl, Arial, Helvetica, sans-serif;
}

.my-container {
    width: 100%;
    margin: auto;

    padding-inline: 8px;
    max-width: 1440px;
}

:root {
    --modal-bg-color: #f1f1f1;
    --filter-bg-color: #f1f1f1;
    --table-header-bg-color: #f1f1f1;
    --secondary-bg-color: #f1f1f1;
    --accent-color: #e32325;
    --border-color: #dde1f0;
}

.link {
    cursor: pointer;
    color: var(--accent-color);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.link:hover {
    color: var(--accent-color);
    text-decoration: underline;
    text-underline-offset: 0px;
}

.link:active {
    text-decoration: underline;
    text-underline-offset: 0px;
}

.link:visited {
    color: rgba(230, 79, 81, 0.24);
}

.placeholder\:text-sm::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.placeholder\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.placeholder\:opacity-40::-moz-placeholder {
    opacity: 0.4;
}

.placeholder\:opacity-40::placeholder {
    opacity: 0.4;
}

.focus\:outline-0:focus {
    outline-width: 0px;
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

.disabled\:bg-white:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-opacity-50:disabled {
    --tw-bg-opacity: 0.5;
}

.disabled\:opacity-70:disabled {
    opacity: 0.7;
}