@font-face {
    font-display: swap;
    font-family: YS Text;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/asset-a4c4bc61.woff2) format("woff2"), url(../fonts/asset-637212b6.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: YS Text;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/asset-d0865757.woff2) format("woff2"), url(../fonts/asset-801b5162.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: YS Text;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/asset-d3faf2e7.woff2) format("woff2"), url(../fonts/asset-c2b6d39d.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: YS Text;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/asset-7f2baeab.woff2) format("woff2"), url(../fonts/asset-a745cbe3.woff) format("woff")
}

body {
    font-family: YS Text, Helvetica Neue, Arial, sans-serif
}

:root [class], body {
    font-feature-settings: "liga", "kern", "pnum", "lnum"
}

[data-color=light] {
    color-scheme: light
}

[data-color=dark] {
    color-scheme: dark
}

@media (prefers-color-scheme: light) {
    [data-color=system] {
        color-scheme: light
    }
}

@media (prefers-color-scheme: dark) {
    [data-color=system] {
        color-scheme: dark
    }
}

:root {
    --id-default-color-dark-brand-bg-base: #fafaff;
    --id-default-color-dark-brand-bg-hovered: #ededf2;
    --id-default-color-dark-brand-bg-pressed: #e1e1e5;
    --id-default-color-dark-brand-border: #fafaff;
    --id-default-color-dark-brand-text-on: #1f1f24;
    --id-default-color-dark-default-bg-base: rgba(250, 250, 255, .08);
    --id-default-color-dark-default-bg-hovered: rgba(250, 250, 255, .1);
    --id-default-color-dark-default-bg-pressed: rgba(250, 250, 255, .14);
    --id-default-color-dark-default-border: rgba(250, 250, 255, .14);
    --id-default-color-dark-line-normal: rgba(250, 250, 255, .08);
    --id-default-color-dark-link-normal: #74d6c2;
    --id-default-color-dark-link-normal-hovered: #c0f0e7;
    --id-default-color-dark-muted-bg: rgba(250, 250, 255, .06);
    --id-default-color-dark-muted-border: rgba(250, 250, 255, .12);
    --id-default-color-dark-muted-text: rgba(250, 250, 255, .24);
    --id-default-color-dark-status-negative: #fb5c56;
    --id-default-color-dark-status-negative-soft: #31272b;
    --id-default-color-dark-status-negative-soft-hovered: #42282c;
    --id-default-color-dark-status-negative-soft-pressed: #4d292f;
    --id-default-color-dark-status-positive: #51c16a;
    --id-default-color-dark-status-positive-soft: #252d2c;
    --id-default-color-dark-status-positive-soft-hovered: #2c3832;
    --id-default-color-dark-status-positive-soft-pressed: #31423a;
    --id-default-color-dark-surface-elevated-0: #1f1f24;
    --id-default-color-dark-surface-elevated-100: #3a3a42;
    --id-default-color-dark-surface-overlay: rgba(14, 14, 15, .88);
    --id-default-color-dark-surface-overlay-soft: rgba(14, 14, 15, .08);
    --id-default-color-dark-surface-submerged: #0e0e0f;
    --id-default-color-dark-text-primary: #fafaff;
    --id-default-color-dark-text-secondary: rgba(240, 240, 255, .46);
    --id-default-color-dark-text-tertiary: rgba(235, 235, 255, .26);
    --id-default-color-light-brand-bg-base: #292933;
    --id-default-color-light-brand-bg-hovered: #1b1b26;
    --id-default-color-light-brand-bg-pressed: #0a0a19;
    --id-default-color-light-brand-border: #292933;
    --id-default-color-light-brand-text-on: #fff;
    --id-default-color-light-default-bg-base: rgba(180, 184, 204, .14);
    --id-default-color-light-default-bg-hovered: rgba(180, 184, 204, .2);
    --id-default-color-light-default-bg-pressed: rgba(180, 184, 204, .26);
    --id-default-color-light-default-border: rgba(180, 184, 204, .26);
    --id-default-color-light-line-normal: rgba(180, 184, 204, .28);
    --id-default-color-light-link-normal: #37948c;
    --id-default-color-light-link-normal-hovered: #2c6b69;
    --id-default-color-light-muted-bg: rgba(180, 184, 204, .1);
    --id-default-color-light-muted-border: rgba(180, 184, 204, .16);
    --id-default-color-light-muted-text: rgba(180, 184, 204, .54);
    --id-default-color-light-status-negative: #f33;
    --id-default-color-light-status-negative-soft: #fff5f2;
    --id-default-color-light-status-negative-soft-hovered: #ffe9e5;
    --id-default-color-light-status-negative-soft-pressed: #ffded9;
    --id-default-color-light-status-positive: #00a85a;
    --id-default-color-light-status-positive-soft: #edfff4;
    --id-default-color-light-status-positive-soft-hovered: #dcfae9;
    --id-default-color-light-status-positive-soft-pressed: #cbf5df;
    --id-default-color-light-surface-elevated-0: #fff;
    --id-default-color-light-surface-elevated-100: #fff;
    --id-default-color-light-surface-overlay: rgba(38, 38, 51, .5);
    --id-default-color-light-surface-overlay-soft: rgba(38, 38, 51, .08);
    --id-default-color-light-surface-submerged: #f0f1f5;
    --id-default-color-light-text-primary: #262633;
    --id-default-color-light-text-secondary: #85889e;
    --id-default-color-light-text-tertiary: #b3b8cc;
    --id-default-effect-dark-shadow-elevated-100: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px 8px 24px 0px rgba(41, 41, 51, .12);
    --id-default-effect-dark-shadow-elevated-50: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px 2px 6px 0px rgba(41, 41, 51, .1);
    --id-default-effect-dark-shadow-from-bottom: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px -4px 20px 0px rgba(41, 41, 51, .12);
    --id-default-effect-light-shadow-elevated-100: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px 8px 24px 0px rgba(41, 41, 51, .12);
    --id-default-effect-light-shadow-elevated-50: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px 2px 6px 0px rgba(41, 41, 51, .1);
    --id-default-effect-light-shadow-from-bottom: 0px 0px 2px 0px rgba(41, 41, 51, .04), 0px -4px 20px 0px rgba(41, 41, 51, .12);
    --id-default-typography-any-display-l: normal 400 52px/56px "YS Text", Arial, sans-serif;
    --id-default-typography-any-display-m: normal 400 40px/44px "YS Text", Arial, sans-serif;
    --id-default-typography-any-display-s: normal 400 32px/36px "YS Text", Arial, sans-serif;
    --id-default-typography-any-heading-l: normal 500 24px/28px "YS Text", Arial, sans-serif;
    --id-default-typography-any-heading-m: normal 500 20px/24px "YS Text", Arial, sans-serif;
    --id-default-typography-any-heading-s: normal 500 18px/22px "YS Text", Arial, sans-serif;
    --id-default-typography-any-heading-xl: normal 500 32px/34px "YS Text", Arial, sans-serif;
    --id-default-typography-any-text-l: normal 400 18px/22px "YS Text", Arial, sans-serif;
    --id-default-typography-any-text-m: normal 400 16px/20px "YS Text", Arial, sans-serif;
    --id-default-typography-any-text-s: normal 400 14px/18px "YS Text", Arial, sans-serif;
    --id-default-typography-any-text-xs: normal 400 13px/16px "YS Text", Arial, sans-serif;
    --id-default-typography-any-text-xxs: normal 400 12px/14px "YS Text", Arial, sans-serif
}

[data-theme=default] {
    --id-typography-display-l: var(--id-default-typography-any-display-l);
    --id-typography-display-m: var(--id-default-typography-any-display-m);
    --id-typography-display-s: var(--id-default-typography-any-display-s);
    --id-typography-heading-l: var(--id-default-typography-any-heading-l);
    --id-typography-heading-m: var(--id-default-typography-any-heading-m);
    --id-typography-heading-s: var(--id-default-typography-any-heading-s);
    --id-typography-heading-xl: var(--id-default-typography-any-heading-xl);
    --id-typography-text-l: var(--id-default-typography-any-text-l);
    --id-typography-text-m: var(--id-default-typography-any-text-m);
    --id-typography-text-s: var(--id-default-typography-any-text-s);
    --id-typography-text-xs: var(--id-default-typography-any-text-xs);
    --id-typography-text-xxs: var(--id-default-typography-any-text-xxs)
}

[data-theme=default][data-color=light] {
    --id-color-brand-bg-base: var(--id-default-color-light-brand-bg-base);
    --id-color-brand-bg-hovered: var(--id-default-color-light-brand-bg-hovered);
    --id-color-brand-bg-pressed: var(--id-default-color-light-brand-bg-pressed);
    --id-color-brand-border: var(--id-default-color-light-brand-border);
    --id-color-brand-text-on: var(--id-default-color-light-brand-text-on);
    --id-color-default-bg-base: var(--id-default-color-light-default-bg-base);
    --id-color-default-bg-hovered: var(--id-default-color-light-default-bg-hovered);
    --id-color-default-bg-pressed: var(--id-default-color-light-default-bg-pressed);
    --id-color-default-border: var(--id-default-color-light-default-border);
    --id-color-line-normal: var(--id-default-color-light-line-normal);
    --id-color-link-normal: var(--id-default-color-light-link-normal);
    --id-color-link-normal-hovered: var(--id-default-color-light-link-normal-hovered);
    --id-color-muted-bg: var(--id-default-color-light-muted-bg);
    --id-color-muted-border: var(--id-default-color-light-muted-border);
    --id-color-muted-text: var(--id-default-color-light-muted-text);
    --id-color-status-negative: var(--id-default-color-light-status-negative);
    --id-color-status-negative-soft: var(--id-default-color-light-status-negative-soft);
    --id-color-status-negative-soft-hovered: var(
            --id-default-color-light-status-negative-soft-hovered
    );
    --id-color-status-negative-soft-pressed: var(
            --id-default-color-light-status-negative-soft-pressed
    );
    --id-color-status-positive: var(--id-default-color-light-status-positive);
    --id-color-status-positive-soft: var(--id-default-color-light-status-positive-soft);
    --id-color-status-positive-soft-hovered: var(
            --id-default-color-light-status-positive-soft-hovered
    );
    --id-color-status-positive-soft-pressed: var(
            --id-default-color-light-status-positive-soft-pressed
    );
    --id-color-surface-elevated-0: var(--id-default-color-light-surface-elevated-0);
    --id-color-surface-elevated-100: var(--id-default-color-light-surface-elevated-100);
    --id-color-surface-overlay: var(--id-default-color-light-surface-overlay);
    --id-color-surface-overlay-soft: var(--id-default-color-light-surface-overlay-soft);
    --id-color-surface-submerged: var(--id-default-color-light-surface-submerged);
    --id-color-text-primary: var(--id-default-color-light-text-primary);
    --id-color-text-secondary: var(--id-default-color-light-text-secondary);
    --id-color-text-tertiary: var(--id-default-color-light-text-tertiary);
    --id-effect-shadow-elevated-100: var(--id-default-effect-light-shadow-elevated-100);
    --id-effect-shadow-elevated-50: var(--id-default-effect-light-shadow-elevated-50);
    --id-effect-shadow-from-bottom: var(--id-default-effect-light-shadow-from-bottom)
}

[data-theme=default][data-color=dark] {
    --id-color-brand-bg-base: var(--id-default-color-dark-brand-bg-base);
    --id-color-brand-bg-hovered: var(--id-default-color-dark-brand-bg-hovered);
    --id-color-brand-bg-pressed: var(--id-default-color-dark-brand-bg-pressed);
    --id-color-brand-border: var(--id-default-color-dark-brand-border);
    --id-color-brand-text-on: var(--id-default-color-dark-brand-text-on);
    --id-color-default-bg-base: var(--id-default-color-dark-default-bg-base);
    --id-color-default-bg-hovered: var(--id-default-color-dark-default-bg-hovered);
    --id-color-default-bg-pressed: var(--id-default-color-dark-default-bg-pressed);
    --id-color-default-border: var(--id-default-color-dark-default-border);
    --id-color-line-normal: var(--id-default-color-dark-line-normal);
    --id-color-link-normal: var(--id-default-color-dark-link-normal);
    --id-color-link-normal-hovered: var(--id-default-color-dark-link-normal-hovered);
    --id-color-muted-bg: var(--id-default-color-dark-muted-bg);
    --id-color-muted-border: var(--id-default-color-dark-muted-border);
    --id-color-muted-text: var(--id-default-color-dark-muted-text);
    --id-color-status-negative: var(--id-default-color-dark-status-negative);
    --id-color-status-negative-soft: var(--id-default-color-dark-status-negative-soft);
    --id-color-status-negative-soft-hovered: var(
            --id-default-color-dark-status-negative-soft-hovered
    );
    --id-color-status-negative-soft-pressed: var(
            --id-default-color-dark-status-negative-soft-pressed
    );
    --id-color-status-positive: var(--id-default-color-dark-status-positive);
    --id-color-status-positive-soft: var(--id-default-color-dark-status-positive-soft);
    --id-color-status-positive-soft-hovered: var(
            --id-default-color-dark-status-positive-soft-hovered
    );
    --id-color-status-positive-soft-pressed: var(
            --id-default-color-dark-status-positive-soft-pressed
    );
    --id-color-surface-elevated-0: var(--id-default-color-dark-surface-elevated-0);
    --id-color-surface-elevated-100: var(--id-default-color-dark-surface-elevated-100);
    --id-color-surface-overlay: var(--id-default-color-dark-surface-overlay);
    --id-color-surface-overlay-soft: var(--id-default-color-dark-surface-overlay-soft);
    --id-color-surface-submerged: var(--id-default-color-dark-surface-submerged);
    --id-color-text-primary: var(--id-default-color-dark-text-primary);
    --id-color-text-secondary: var(--id-default-color-dark-text-secondary);
    --id-color-text-tertiary: var(--id-default-color-dark-text-tertiary);
    --id-effect-shadow-elevated-100: var(--id-default-effect-dark-shadow-elevated-100);
    --id-effect-shadow-elevated-50: var(--id-default-effect-dark-shadow-elevated-50);
    --id-effect-shadow-from-bottom: var(--id-default-effect-dark-shadow-from-bottom)
}

@media (prefers-color-scheme: light) {
    [data-theme=default][data-color=system] {
        --id-color-brand-bg-base: var(--id-default-color-light-brand-bg-base);
        --id-color-brand-bg-hovered: var(--id-default-color-light-brand-bg-hovered);
        --id-color-brand-bg-pressed: var(--id-default-color-light-brand-bg-pressed);
        --id-color-brand-border: var(--id-default-color-light-brand-border);
        --id-color-brand-text-on: var(--id-default-color-light-brand-text-on);
        --id-color-default-bg-base: var(--id-default-color-light-default-bg-base);
        --id-color-default-bg-hovered: var(--id-default-color-light-default-bg-hovered);
        --id-color-default-bg-pressed: var(--id-default-color-light-default-bg-pressed);
        --id-color-default-border: var(--id-default-color-light-default-border);
        --id-color-line-normal: var(--id-default-color-light-line-normal);
        --id-color-link-normal: var(--id-default-color-light-link-normal);
        --id-color-link-normal-hovered: var(--id-default-color-light-link-normal-hovered);
        --id-color-muted-bg: var(--id-default-color-light-muted-bg);
        --id-color-muted-border: var(--id-default-color-light-muted-border);
        --id-color-muted-text: var(--id-default-color-light-muted-text);
        --id-color-status-negative: var(--id-default-color-light-status-negative);
        --id-color-status-negative-soft: var(--id-default-color-light-status-negative-soft);
        --id-color-status-negative-soft-hovered: var(
                --id-default-color-light-status-negative-soft-hovered
        );
        --id-color-status-negative-soft-pressed: var(
                --id-default-color-light-status-negative-soft-pressed
        );
        --id-color-status-positive: var(--id-default-color-light-status-positive);
        --id-color-status-positive-soft: var(--id-default-color-light-status-positive-soft);
        --id-color-status-positive-soft-hovered: var(
                --id-default-color-light-status-positive-soft-hovered
        );
        --id-color-status-positive-soft-pressed: var(
                --id-default-color-light-status-positive-soft-pressed
        );
        --id-color-surface-elevated-0: var(--id-default-color-light-surface-elevated-0);
        --id-color-surface-elevated-100: var(--id-default-color-light-surface-elevated-100);
        --id-color-surface-overlay: var(--id-default-color-light-surface-overlay);
        --id-color-surface-overlay-soft: var(--id-default-color-light-surface-overlay-soft);
        --id-color-surface-submerged: var(--id-default-color-light-surface-submerged);
        --id-color-text-primary: var(--id-default-color-light-text-primary);
        --id-color-text-secondary: var(--id-default-color-light-text-secondary);
        --id-color-text-tertiary: var(--id-default-color-light-text-tertiary);
        --id-effect-shadow-elevated-100: var(--id-default-effect-light-shadow-elevated-100);
        --id-effect-shadow-elevated-50: var(--id-default-effect-light-shadow-elevated-50);
        --id-effect-shadow-from-bottom: var(--id-default-effect-light-shadow-from-bottom)
    }
}

@media (prefers-color-scheme: dark) {
    [data-theme=default][data-color=system] {
        --id-color-brand-bg-base: var(--id-default-color-dark-brand-bg-base);
        --id-color-brand-bg-hovered: var(--id-default-color-dark-brand-bg-hovered);
        --id-color-brand-bg-pressed: var(--id-default-color-dark-brand-bg-pressed);
        --id-color-brand-border: var(--id-default-color-dark-brand-border);
        --id-color-brand-text-on: var(--id-default-color-dark-brand-text-on);
        --id-color-default-bg-base: var(--id-default-color-dark-default-bg-base);
        --id-color-default-bg-hovered: var(--id-default-color-dark-default-bg-hovered);
        --id-color-default-bg-pressed: var(--id-default-color-dark-default-bg-pressed);
        --id-color-default-border: var(--id-default-color-dark-default-border);
        --id-color-line-normal: var(--id-default-color-dark-line-normal);
        --id-color-link-normal: var(--id-default-color-dark-link-normal);
        --id-color-link-normal-hovered: var(--id-default-color-dark-link-normal-hovered);
        --id-color-muted-bg: var(--id-default-color-dark-muted-bg);
        --id-color-muted-border: var(--id-default-color-dark-muted-border);
        --id-color-muted-text: var(--id-default-color-dark-muted-text);
        --id-color-status-negative: var(--id-default-color-dark-status-negative);
        --id-color-status-negative-soft: var(--id-default-color-dark-status-negative-soft);
        --id-color-status-negative-soft-hovered: var(
                --id-default-color-dark-status-negative-soft-hovered
        );
        --id-color-status-negative-soft-pressed: var(
                --id-default-color-dark-status-negative-soft-pressed
        );
        --id-color-status-positive: var(--id-default-color-dark-status-positive);
        --id-color-status-positive-soft: var(--id-default-color-dark-status-positive-soft);
        --id-color-status-positive-soft-hovered: var(
                --id-default-color-dark-status-positive-soft-hovered
        );
        --id-color-status-positive-soft-pressed: var(
                --id-default-color-dark-status-positive-soft-pressed
        );
        --id-color-surface-elevated-0: var(--id-default-color-dark-surface-elevated-0);
        --id-color-surface-elevated-100: var(--id-default-color-dark-surface-elevated-100);
        --id-color-surface-overlay: var(--id-default-color-dark-surface-overlay);
        --id-color-surface-overlay-soft: var(--id-default-color-dark-surface-overlay-soft);
        --id-color-surface-submerged: var(--id-default-color-dark-surface-submerged);
        --id-color-text-primary: var(--id-default-color-dark-text-primary);
        --id-color-text-secondary: var(--id-default-color-dark-text-secondary);
        --id-color-text-tertiary: var(--id-default-color-dark-text-tertiary);
        --id-effect-shadow-elevated-100: var(--id-default-effect-dark-shadow-elevated-100);
        --id-effect-shadow-elevated-50: var(--id-default-effect-dark-shadow-elevated-50);
        --id-effect-shadow-from-bottom: var(--id-default-effect-dark-shadow-from-bottom)
    }
}

[data-theme=default] {
    --id-dimension-size-0: 0;
    --id-dimension-size-10: 4px;
    --id-dimension-size-20: 8px;
    --id-dimension-size-30: 12px;
    --id-dimension-size-40: 16px;
    --id-dimension-size-50: 20px;
    --id-dimension-size-60: 24px;
    --id-dimension-size-70: 28px;
    --id-dimension-size-80: 32px;
    --id-dimension-size-90: 36px;
    --id-radius-size-0: 0;
    --id-radius-size-10: 4px;
    --id-radius-size-20: 8px;
    --id-radius-size-30: 12px;
    --id-radius-size-40: 16px;
    --id-radius-size-50: 20px;
    --id-radius-size-60: 24px;
    --id-radius-size-70: 28px;
    --id-radius-size-80: 32px;
    --id-radius-size-90: 36px;
    --id-border-size-none: 0;
    --id-border-size-thin: 1px;
    --id-border-size-thick: 2px;
    --id-border-size-thicker: 4px;
    --id-border-size-thickest: 8px;
    --id-default-light-color-line-normal: var(--id-default-color-light-line-normal);
    --id-typography-text-l-long: normal 400 18px/24px "YS Text", Arial, sans-serif;
    --id-typography-text-m-long: normal 400 16px/22px "YS Text", Arial, sans-serif;
    --id-typography-text-s-long: normal 400 14px/20px "YS Text", Arial, sans-serif;
    --id-typography-text-xs-long: normal 400 13px/18px "YS Text", Arial, sans-serif;
    --id-easing-standard-spatial-fast: cubic-bezier(0.27, 1.06, 0.18, 1);
    --id-duration-standard-spatial-fast: 350ms;
    --id-easing-standard-spatial-default: cubic-bezier(0.27, 1.06, 0.18, 1);
    --id-duration-standard-spatial-default: 500ms;
    --id-easing-standard-spatial-slow: cubic-bezier(0.27, 1.06, 0.18, 1);
    --id-duration-standard-spatial-slow: 750ms;
    --id-easing-standard-effects-fast: cubic-bezier(0.31, 0.94, 0.34, 1);
    --id-duration-standard-effects-fast: 150ms;
    --id-easing-standard-effects-default: cubic-bezier(0.34, 0.8, 0.34, 1);
    --id-duration-standard-effects-default: 200ms;
    --id-easing-standard-effects-slow: cubic-bezier(0.34, 0.88, 0.34, 1);
    --id-duration-standard-effects-slow: 300ms
}

:root {
    --pwl-spinner-background: hsla(0, 0%, 59%, .5);
    --pwl-plus-gradient: linear-gradient(90deg, #ff5c4d, #eb469f 26.56%, #8341ef 75%, #3f68f9);
    --delivery-club-main-color: #0ec645;
    --new-yango-club-input-backgound: rgba(92, 90, 87, .1);
    --yango-orange-multitransport-btn-color: #212020;
    --yango-orange-text-color-primary: #20201f;
    --yango-orange-text-color-secondary: rgba(33, 32, 31, .5);
    --yango-orange-text-color-placeholder: rgba(33, 32, 31, .5);
    --yango-orange-btn-secondary-background: #efeeee;
    --pwl-layout-padding: 1.5rem;
    --pwl-section-margin: 2rem;
    --pwl-content-margin: 1.5rem;
    --pwl-logo-height: 40px;
    --id-vertical-field-set-gap: 0;
    --id-group-gap: 0;
    --pwl-textfield-border-radius-xxl: 20px;
    --icon-unknown-country: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 11.998c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Zm-2.02.574A8 8 0 0 1 8 18.928v-.58a1 1 0 0 0-.22-.624L6 15.498v-1.78a1 1 0 0 0-.684-.948l-1.31-.436a8.015 8.015 0 0 1 .245-2.336h1.335a1 1 0 0 0 .707-.293l2.074-2.074a1 1 0 0 0 .074-1.332l-.806-1.007A7.962 7.962 0 0 1 12 3.998c1.932 0 3.705.685 5.087 1.826L16.5 6.998h-2.71a.958.958 0 0 0-.493 1.778l1.203.722-1.5 1-.63-.315a1 1 0 0 0-.763-.054l-1.04.347a1.003 1.003 0 0 0-.13.054l-1.384.692a1 1 0 0 0-.553.894v1.101a1 1 0 0 0 .757.97l1.243.311 1.165 2.717a1 1 0 0 0 1.161.576l.614-.153a1 1 0 0 0 .719-.695l.802-2.81a1 1 0 0 0 .039-.275v-1.86l1-.5.65.976a1 1 0 0 0 .974.435l2.356-.337Z' fill='%23262633'/%3E%3C/svg%3E")
}

@media only screen and (max-width: 360px) {
    :root {
        --pwl-layout-padding: 1rem;
        --pwl-section-margin: 1.5rem;
        --pwl-logo-height: 32px;
        --pwl-textfield-height-xxl: 48px;
        --pwl-textfield-border-radius-xxl: 16px;
        --pwl-button-height-xxl: 48px;
        --pwl-button-border-radius-xxl: 16px
    }
}

[data-theme=default][data-color=dark] {
    --pwl-spinner-background: rgba(5, 5, 5, .5);
    --icon-unknown-country: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 11.998c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10Zm-2.02.574A8 8 0 0 1 8 18.928v-.58a1 1 0 0 0-.22-.624L6 15.498v-1.78a1 1 0 0 0-.684-.948l-1.31-.436a8.015 8.015 0 0 1 .245-2.336h1.335a1 1 0 0 0 .707-.293l2.074-2.074a1 1 0 0 0 .074-1.332l-.806-1.007A7.962 7.962 0 0 1 12 3.998c1.932 0 3.705.685 5.087 1.826L16.5 6.998h-2.71a.958.958 0 0 0-.493 1.778l1.203.722-1.5 1-.63-.315a1 1 0 0 0-.763-.054l-1.04.347a1.003 1.003 0 0 0-.13.054l-1.384.692a1 1 0 0 0-.553.894v1.101a1 1 0 0 0 .757.97l1.243.311 1.165 2.717a1 1 0 0 0 1.161.576l.614-.153a1 1 0 0 0 .719-.695l.802-2.81a1 1 0 0 0 .039-.275v-1.86l1-.5.65.976a1 1 0 0 0 .974.435l2.356-.337Z' fill='%23fff'/%3E%3C/svg%3E");
    --new-yango-club-input-backgound: #2e2f2e;
    --yango-orange-multitransport-btn-color: #e0dedb;
    --yango-orange-text-color-primary: #dfdeda;
    --yango-orange-text-color-secondary: hsla(40, 9%, 87%, .5);
    --yango-orange-text-color-placeholder: hsla(40, 9%, 87%, .5);
    --yango-orange-btn-secondary-background: #2f2f2e
}

.opened-mobile-keyboard .AddUser-eula-without-checkbox {
    position: absolute;
    transition: 0s;
    transition-delay: 0;
    visibility: hidden
}

* {
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-color: transparent transparent;
    scrollbar-width: none
}

::-webkit-scrollbar {
    height: 0;
    width: 0
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: none;
    border-radius: 0
}

body, html {
    font: var(--id-typography-text-m);
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

body {
    color: var(--id-color-text-primary);
    position: relative;
    transition: height .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.layout-up {
    box-sizing: border-box;
    min-height: 100px
}

.layout-down, .layout-up {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex .layout-up {
    height: 36%
}

.flex .layout-down {
    height: 64%
}

#app {
    height: 100%
}

#app:has(.split-passp-bg) {
    background: var(--id-color-surface-elevated-0);
    display: grid;
    grid-template-columns:1fr 1fr
}

#app:has(.split-passp-bg) .Phone-eula-agreement-wrapper:before {
    display: none
}

@media only screen and (max-width: 451px) {
    body {
        background-color: var(--id-color-surface-elevated-0)
    }

    body.fixed-height {
        height: auto
    }

    #app:has(.split-passp-bg) {
        display: block
    }

    #app:has(.split-passp-bg) .Phone-eula-agreement-wrapper:before {
        display: block
    }
}

a {
    color: var(--id-color-link-normal);
    text-decoration: none
}

.EulaAds-text a, .eula-text a {
    text-decoration: underline
}

.centered {
    text-align: center
}

.full-width {
    width: 100%
}

.width-fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.full-width-popup {
    width: calc(100% - var(--pwl-layout-padding) * 2)
}

.int-phone-countries-popup {
    border-radius: var(--pwl-textfield-border-radius-xxl)
}

.page-header-text, .page-main-description {
    margin-bottom: var(--pwl-content-margin)
}

.full-width-button {
    width: 100%
}

.with-background {
    background-color: var(--id-color-surface-elevated-0)
}

.gap-supported-vertical-fieldset > :not(:last-child) {
    margin-bottom: .5rem
}

.gap-supported-group > :not(:last-child) {
    margin-bottom: 1rem
}

.gap-supported-group-05 > :not(:last-child), .without-labels.gap-supported-group > :not(:last-child) {
    margin-bottom: .5rem
}

.ltr-always {
    direction: ltr
}

span.ltr-always {
    display: inline-block
}

.checkbox-custom a {
    position: relative;
    z-index: 2
}

[dir=rtl] .checkbox-with-label > :nth-child(2) {
    margin-left: .75rem
}

.Modal-Overlay {
    background-color: rgba(0, 0, 0, .1)
}

.drawer-class {
    min-height: 60vh
}

.drawer-close-btn {
    align-items: center;
    background-color: var(--id-color-surface-elevated-0);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 3rem;
    justify-content: center;
    position: fixed;
    right: .825rem;
    top: 1.5rem;
    width: 3rem;
    z-index: 1000
}

.visual-viewport-supported .drawer-close-btn {
    top: .5rem
}

[dir=rtl] .drawer-close-btn {
    left: .825rem;
    right: auto
}

.error-inside-input-icon {
    color: var(--id-color-status-negative)
}

@keyframes shimmer {
    0% {
        background-position: 100%
    }
    70% {
        background-position: -100%
    }
    to {
        background-position: -100%
    }
}

.app-auth {
    color: #000;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    width: 100%
}

.Phone-another-ways-link {
    color: var(--id-color-text-secondary)
}

.Phone-eula-label {
    font-size: smaller;
    z-index: 20
}

.Phone-eula-label.text {
    pointer-events: none
}

.Phone-SocialButton {
    font: var(--id-typography-text-m);
    font-size: var(--id-button-font-size);
    font-weight: var(--id-button-font-weight, 500);
    line-height: var(--id-button-line-height)
}

.Phone-eula-agreement-wrapper {
    padding: .5rem 0;
    position: relative
}

.Phone-eula-agreement-wrapper .Phone-banner {
    --id-banner-padding-x: 20px;
    --id-banner-padding-y: 12px
}

.Phone-eula-agreement-wrapper:before {
    background: var(--id-color-muted-bg);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% + var(--pwl-layout-padding) * 2)
}

@media only screen and (max-width: 450px) {
    .Phone-eula-agreement-wrapper:before {
        width: 100vw
    }
}

.Phone-eula-ads, .Phone-eula-without-checkbox {
    color: var(--id-color-text-secondary);
    font-size: smaller
}

.Phone-eula-ads span[data-testid=label] {
    padding: 0;
    z-index: 2
}

.Phone-eula-ads-custom-text a {
    color: var(--id-checkbox-background-checked)
}

.Phone-eula-on-top {
    margin-top: .5rem
}

.auth-layout-wrapper {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%
}

.auth-layout-wrapper.split-bg-auth-layout-wrapper {
    min-height: inherit;
    overflow: auto
}

.auth-layout-wrapper.with-footer {
    flex-direction: column;
    height: auto;
    min-height: 100%;
    position: relative
}

.auth-layout-wrapper.mobile-app {
    -webkit-user-select: none;
    user-select: none
}

.auth-layout {
    background-color: var(--id-color-surface-elevated-0);
    border-radius: 2.75rem;
    display: grid;
    grid-template-columns:100%;
    grid-template-rows:minmax(36%, auto) 1fr;
    justify-content: center;
    max-height: 600px;
    min-height: 600px;
    min-width: 300px;
    padding: var(--pwl-layout-padding);
    position: relative;
    width: 320px
}

.auth-layout.split-bg-auth-layout {
    margin-bottom: auto;
    margin-top: auto
}

.auth-layout[data-testid=page-suggest-list]:not(:has(.AuthPromo)), .auth-layout[data-testid=page-suggest]:not(:has(.AuthPromo)) {
    overflow-y: scroll
}

body .auth-layout[data-testid=page-webauthn-reg-start] {
    display: block;
    overflow: auto
}

body .auth-layout[data-testid=page-webauthn-auth], body .auth-layout[data-testid=page-webauthn-reg-process] {
    height: auto;
    max-height: none
}

.flex .auth-layout {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    max-height: 600px;
    width: 360px
}

.auth-layout-wrapper .auth-layout:has(.AuthPromo) {
    overflow: inherit
}

.auth-layout-wrapper.with-footer:not(.is-mobile) .auth-layout {
    margin: 75px 0
}

@media only screen and (max-width: 930px) {
    .auth-layout-wrapper.with-footer:not(.is-mobile) .auth-layout {
        margin: 120px 0
    }
}

@media only screen and (max-width: 451px) {
    .auth-layout-wrapper {
        align-items: flex-start;
        justify-content: flex-start
    }

    .auth-layout {
        border-radius: 0;
        box-sizing: border-box;
        height: 100%;
        max-height: -webkit-max-content;
        max-height: max-content;
        min-height: 300px;
        overflow-y: scroll;
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
        padding-top: calc(2rem + env(safe-area-inset-top));
        width: 100%
    }

    .fixed-height .auth-layout {
        grid-template-rows:auto
    }

    .virtual-keyboard-supported .auth-layout {
        height: calc(100% - env(keyboard-inset-height))
    }

    .flex .auth-layout {
        max-height: 100%;
        width: 100%
    }

    .visual-viewport-supported .flex.opened-mobile-keyboard .auth-layout {
        max-height: 100svh
    }
}

:root .white-label [class] {
    font-feature-settings: normal
}

.backdrop {
    background-color: transparent;
    border-radius: 2.75rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

@media only screen and (max-width: 451px) {
    .backdrop {
        border-radius: 0;
        position: fixed
    }
}

.LoadingSpinner {
    align-items: center;
    background-color: var(--pwl-spinner-background);
    border-radius: 2.75rem;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.LoadingSpinner_transparent-background {
    background-color: transparent
}

@media only screen and (max-width: 451px) {
    .LoadingSpinner {
        border-radius: 0;
        position: fixed
    }
}

.ya_89549b75 {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.ya_0fab6c27 {
    backface-visibility: hidden;
    display: block;
    transform-box: fill-box;
    transform-origin: 50% 50%
}

.ya_00b88cc2, .ya_1adf6ec7 {
    fill: none
}

.ya_c39e8940 {
    dominant-baseline: central;
    text-anchor: middle
}

.ya_89549b75[data-percentage="0"] .ya_1adf6ec7 {
    stroke-opacity: 0
}

.ya_89549b75[data-indeterminate=true] .ya_42f47965, .ya_89549b75[data-indeterminate=true] .ya_c39e8940 {
    display: none
}

.ya_89549b75[data-indeterminate=true] .ya_0fab6c27 {
    animation: ya_d6009fa3 1.5s linear .21s infinite;
    animation-direction: reverse
}

.ya_89549b75[data-indeterminate=true] .ya_1adf6ec7 {
    animation: ya_351f134f 1.5s ease-in-out .21s infinite;
    animation-direction: reverse
}

.ya_89549b75[data-clockwise] .ya_0fab6c27, .ya_89549b75[data-clockwise] .ya_1adf6ec7 {
    animation-direction: normal
}

.ya_89549b75[data-variant] .ya_00b88cc2 {
    stroke: var(--id-progress-circle-track-color);
    transition: stroke .1s linear
}

.ya_89549b75[data-variant] .ya_1adf6ec7 {
    stroke: var(--id-progress-circle-dash-color);
    transform-origin: 50% 50%;
    transition: .1s linear;
    transition-property: stroke, stroke-dasharray, stroke-dashoffset
}

.ya_89549b75[data-variant] .ya_c39e8940 {
    font-feature-settings: "pnum" on, "lnum" on;
    fill: var(--id-progress-circle-text-color);
    font: var(--id-progress-circle-text-font)
}

.ya_89549b75[data-variant] .ya_42f47965 {
    stroke: var(--id-progress-circle-text-color)
}

.ya_89549b75[data-variant=default] {
    --id-progress-circle-track-color: var(--id-color-line-normal);
    --id-progress-circle-dash-color: var(--id-color-status-positive);
    --id-progress-circle-text-color: var(--id-color-text-primary);
    --id-progress-circle-text-font: var(--id-typography-text-s)
}

.ya_89549b75[data-variant=default][data-percentage="0"] {
    --id-progress-circle-track-color: var(--id-color-status-negative);
    --id-progress-circle-text-color: var(--id-color-status-negative)
}

.ya_89549b75[data-variant=default][data-percentage="1"] {
    --id-progress-circle-text-color: var(--id-progress-circle-dash-color)
}

.ya_89549b75[data-variant=brand] {
    --id-progress-circle-track-color: hsla(0, 0%, 100%, 0);
    --id-progress-circle-dash-color: var(--id-color-brand-bg-base);
    --id-progress-circle-text-color: var(--id-color-text-primary);
    --id-progress-circle-text-font: var(--id-typography-text-s)
}

.ya_89549b75[data-variant=brand][data-percentage="1"] {
    --id-progress-circle-text-color: var(--id-progress-circle-dash-color)
}

.ya_89549b75[data-variant=brand-inverse] {
    --id-progress-circle-track-color: hsla(0, 0%, 100%, 0);
    --id-progress-circle-dash-color: var(--id-color-brand-text-on);
    --id-progress-circle-text-color: var(--id-color-text-primary);
    --id-progress-circle-text-font: var(--id-typography-text-s)
}

.ya_89549b75[data-variant=brand-inverse][data-percentage="1"] {
    --id-progress-circle-text-color: var(--id-progress-circle-dash-color)
}

@keyframes ya_d6009fa3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes ya_351f134f {
    0% {
        stroke-dasharray: 6, 354;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 200, 160;
        stroke-dashoffset: -80
    }
    95%, to {
        stroke-dasharray: 6, 354;
        stroke-dashoffset: -360
    }
}

.CaptchaDialog-container {
    align-items: center;
    background-color: var(--id-color-surface-elevated-0);
    border-radius: 2.75rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 50%;
    min-height: 376px;
    padding: var(--pwl-layout-padding);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 30
}

@media only screen and (max-width: 451px) {
    .CaptchaDialog-container {
        border-radius: 0;
        left: 0;
        position: fixed;
        top: 0;
        transform: translate(0)
    }
}

.Captcha-main {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 .5rem;
    min-height: 83px;
    width: 100%
}

.Captcha-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 83px;
    width: 100%
}

.Captcha-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1rem;
    width: 100%
}

.Captcha-footer {
    margin-top: auto;
    width: 100%
}

.Captcha-text-field {
    margin-bottom: 16px
}

span.Captcha-description {
    margin-bottom: 1.5rem
}

.ya_5f13e6f0 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    word-break: break-word
}

.ya_5f13e6f0[data-variant] {
    font: var(--id-text-font)
}

.ya_5f13e6f0[data-variant=display-l] {
    --id-text-font: var(--id-typography-display-l)
}

.ya_5f13e6f0[data-variant=display-m] {
    --id-text-font: var(--id-typography-display-m)
}

.ya_5f13e6f0[data-variant=display-s] {
    --id-text-font: var(--id-typography-display-s)
}

.ya_5f13e6f0[data-variant=heading-xl] {
    --id-text-font: var(--id-typography-heading-xl)
}

.ya_5f13e6f0[data-variant=heading-l] {
    --id-text-font: var(--id-typography-heading-l)
}

.ya_5f13e6f0[data-variant=heading-m] {
    --id-text-font: var(--id-typography-heading-m)
}

.ya_5f13e6f0[data-variant=heading-s] {
    --id-text-font: var(--id-typography-heading-s)
}

.ya_5f13e6f0[data-variant=text-l] {
    --id-text-font: var(--id-typography-text-l)
}

.ya_5f13e6f0[data-variant=text-l-long] {
    --id-text-font: var(--id-typography-text-l-long)
}

.ya_5f13e6f0[data-variant=text-m] {
    --id-text-font: var(--id-typography-text-m)
}

.ya_5f13e6f0[data-variant=text-m-long] {
    --id-text-font: var(--id-typography-text-m-long)
}

.ya_5f13e6f0[data-variant=text-s] {
    --id-text-font: var(--id-typography-text-s)
}

.ya_5f13e6f0[data-variant=text-s-long] {
    --id-text-font: var(--id-typography-text-s-long)
}

.ya_5f13e6f0[data-variant=text-xs] {
    --id-text-font: var(--id-typography-text-xs)
}

.ya_5f13e6f0[data-variant=text-xs-long] {
    --id-text-font: var(--id-typography-text-xs-long)
}

.ya_5f13e6f0[data-variant=text-xxs] {
    --id-text-font: var(--id-typography-text-xxs)
}

.ya_5f13e6f0[data-weight] {
    font-weight: var(--id-text-font-weight)
}

.ya_5f13e6f0[data-weight=regular] {
    --id-text-font-weight: 400
}

.ya_5f13e6f0[data-weight=medium] {
    --id-text-font-weight: 500
}

.ya_5f13e6f0[data-weight=bold] {
    --id-text-font-weight: 700
}

.ya_5f13e6f0[data-color] {
    color: var(--id-text-color)
}

.ya_5f13e6f0[data-color=inherit] {
    --id-text-color: inherit
}

.ya_5f13e6f0[data-color=primary] {
    --id-text-color: var(--id-color-text-primary)
}

.ya_5f13e6f0[data-color=secondary] {
    --id-text-color: var(--id-color-text-secondary)
}

.ya_5f13e6f0[data-color=tertiary] {
    --id-text-color: var(--id-color-text-tertiary)
}

.ya_5f13e6f0[data-color=negative] {
    --id-text-color: var(--id-color-status-negative)
}

.ya_5f13e6f0[data-color=positive] {
    --id-text-color: var(--id-color-status-positive)
}

.ya_5f13e6f0[data-overflow=ellipsis] {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ya_5f13e6f0[class][class] {
    font-feature-settings: var(--id-text-font-feature-settings, "pnum" on, "lnum" on)
}

._91bPpGmVKlkBKBnC1rN1Vg\=\= {
    --id-button-text-color: var(--id-color-brand-text-on);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: var(--id-color-brand-bg-base);
    --id-button-background-hovered: var(--id-color-brand-bg-hovered);
    --id-button-background-pressed: var(--id-color-brand-bg-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg)
}

.Button-shimming span {
    animation: shimmer 2s ease-in-out infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .2) 0, #fff 10%, hsla(0, 0%, 100%, .2) 20%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;
    color: transparent;
    display: inline-block
}

[dir=rtl] .Button-shimming span {
    animation-direction: reverse
}

.\+SY7m9NbTFu48dNfx7z-xg\=\= {
    --delivery-background-active: #09aa39;
    --id-button-text-color: #fff;
    --id-button-background: var(--delivery-club-main-color);
    --id-button-background-hovered: var(--delivery-background-active);
    --id-button-background-pressed: var(--delivery-background-active);
    --id-button-background-disabled: var(--delivery-background-active)
}

._7wttC6yNiFEIq8YlkGdFag\=\= {
    --dark-button-background-active: #313030;
    --id-button-text-color: #fff;
    --id-button-background: #1b1b1b;
    --id-button-background-hovered: var(--dark-button-background-active);
    --id-button-background-pressed: var(--dark-button-background-active);
    --id-button-background-disabled: var(--dark-button-background-active)
}

.tfUh0OtwWlZchU8S8Yk\+0Q\=\= {
    --meteum-button-background-active: linear-gradient(268.73deg, #4463b6 5.08%, #e9edf7 37.7%, #fade9a 65.82%, #fd6433 93.94%);
    --id-button-text-color: #000;
    --id-button-background: transparent;
    --id-button-background-hovered: transparent;
    --id-button-background-pressed: transparent;
    --id-button-background-disabled: transparent;
    background: var(--meteum-button-background-active)
}

.sYNgFkwlxf\+Jyzvd1LrQbw\=\= {
    --ygogo-rider-button-background-active: #029154;
    --id-button-text-color: #222426;
    --id-button-background: var(--ygogo-rider-button-background-active);
    --id-button-background-hovered: var(--ygogo-rider-button-background-active);
    --id-button-background-pressed: var(--ygogo-rider-button-background-active);
    --id-button-background-disabled: var(--ygogo-rider-button-background-active)
}

.ADD3b3yBON3qIS1lgUrcew\=\= {
    --turla-rider-button-background-active: #f33;
    --id-button-text-color: #fff;
    --id-button-background: var(--turla-rider-button-background-active);
    --id-button-background-hovered: var(--turla-rider-button-background-active);
    --id-button-background-pressed: var(--turla-rider-button-background-active);
    --id-button-background-disabled: var(--turla-rider-button-background-active)
}

.rgmQnQHNzZUMaR0C-8TFlg\=\= {
    --housearch-button-background-active: #2e2e2e;
    --id-button-text-color: hsla(0, 0%, 100%, .92);
    --id-button-background: var(--housearch-button-background-active);
    --id-button-background-hovered: var(--housearch-button-background-active);
    --id-button-background-pressed: var(--housearch-button-background-active);
    --id-button-background-disabled: var(--housearch-button-background-active)
}

._5-Tlh9XVzk2mNr-weYewDw\=\= {
    --korzinka-button-background-active: #b7eabd;
    --id-button-text-color: #000;
    --id-button-background: var(--korzinka-button-background-active);
    --id-button-background-hovered: var(--korzinka-button-background-active);
    --id-button-background-pressed: var(--korzinka-button-background-active);
    --id-button-background-disabled: var(--korzinka-button-background-active)
}

._2xXFvDDQBPPiqiSWsCaHWA\=\= {
    --toloka-button-background-active: #ff7640;
    --id-button-text-color: #1e2126;
    --id-button-background: #ff8c5e;
    --id-button-background-hovered: var(--toloka-button-background-active);
    --id-button-background-pressed: var(--toloka-button-background-active);
    --id-button-background-disabled: var(--toloka-button-background-active)
}

.YSCfepv889idK1NuMc4zNQ\=\= {
    --new-yango-background-active: #fa3e2c;
    --new-yango-main-color: #ff4930;
    --id-button-text-color: #fff;
    --id-button-background: var(--new-yango-main-color);
    --id-button-background-hovered: var(--new-yango-background-active);
    --id-button-background-pressed: var(--new-yango-background-active);
    --id-button-background-disabled: var(--new-yango-background-active);
    --id-button-text-color-disabled: var(--id-button-text-color)
}

.YSCfepv889idK1NuMc4zNQ\=\=:disabled {
    opacity: 0;
    pointer-events: none
}

.YSCfepv889idK1NuMc4zNQ\=\=:active {
    filter: brightness(75%)
}

.SG2zLIB3hr9auuJrGq6Omg\=\= {
    --id-button-text-color: var(--yango-orange-text-color-primary);
    --id-button-background: var(--yango-orange-btn-secondary-background);
    --id-button-background-hovered: var(--yango-orange-btn-secondary-background);
    --id-button-background-pressed: var(--yango-orange-btn-secondary-background);
    --id-button-background-disabled: var(--yango-orange-btn-secondary-background);
    --id-button-text-color-disabled: var(--id-button-text-color)
}

.SG2zLIB3hr9auuJrGq6Omg\=\=:active, .SG2zLIB3hr9auuJrGq6Omg\=\=:disabled {
    filter: brightness(75%)
}

.ocrvixJjTIcF52aFDIBsXQ\=\= {
    --new-yango-background-active: #fce000;
    --new-yango-main-color: #fce000;
    --id-button-text-color: #21201f;
    --id-button-background: var(--new-yango-main-color);
    --id-button-background-hovered: var(--new-yango-background-active);
    --id-button-background-pressed: var(--new-yango-background-active);
    --id-button-background-disabled: #e7e5e1;
    --id-button-text-color-disabled: #21201f
}

.ocrvixJjTIcF52aFDIBsXQ\=\=:active {
    filter: brightness(90%)
}

.s3d-5ujIGtBqPaXmoRMC0A\=\= {
    --new-yango-background-active: #4060e3;
    --new-yango-main-color: #4060e3;
    --id-button-text-color: #fff;
    --id-button-background: var(--new-yango-main-color);
    --id-button-background-hovered: var(--new-yango-background-active);
    --id-button-background-pressed: var(--new-yango-background-active);
    --id-button-background-disabled: var(--new-yango-background-active);
    --id-button-text-color-disabled: var(--id-button-text-color)
}

.s3d-5ujIGtBqPaXmoRMC0A\=\=:disabled {
    opacity: 0;
    pointer-events: none
}

.s3d-5ujIGtBqPaXmoRMC0A\=\=:active {
    filter: brightness(75%)
}

.z1NmrCsk3f3v2QIh557X8g\=\= {
    --id-button-text-color: var(--id-color-brand-text-on);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: var(--id-color-brand-bg-base);
    --id-button-background-hovered: var(--id-color-brand-bg-hovered);
    --id-button-background-pressed: var(--id-color-brand-bg-pressed)
}

.z1NmrCsk3f3v2QIh557X8g\=\=:disabled {
    opacity: 0;
    pointer-events: none
}

.CelJqysxNcTJYOjHPVFuEQ\=\= {
    --hayya-button-background-active: #ff4930;
    --hayya-button-main-color: #ff4930;
    --id-button-text-color: #fff;
    --id-button-background: var(--hayya-button-main-color);
    --id-button-background-hovered: var(--hayya-button-background-active);
    --id-button-background-pressed: var(--hayya-button-background-active);
    --id-button-background-disabled: var(--hayya-button-background-active);
    --id-button-text-color-disabled: var(--id-button-text-color)
}

.CelJqysxNcTJYOjHPVFuEQ\=\=:disabled {
    opacity: 0;
    pointer-events: none
}

.CelJqysxNcTJYOjHPVFuEQ\=\=:active {
    filter: brightness(75%)
}

.JYAhZ32JnF6dxmWAZ1WanQ\=\= {
    --yango-spark-main-color: #a332ff;
    --id-button-text-color: #fff;
    --id-button-text-color-disabled: var(--id-button-text-color);
    --id-button-background: var(--yango-spark-main-color);
    --id-button-background-hovered: var(--yango-spark-main-color);
    --id-button-background-pressed: var(--yango-spark-main-color);
    --id-button-background-disabled: var(--yango-spark-main-color)
}

.JYAhZ32JnF6dxmWAZ1WanQ\=\=:disabled {
    opacity: 0;
    pointer-events: none
}

.ya_f386441f[class] {
    --id-button-radius: calc(var(--id-button-height) / 2)
}

.ya_08fac4cf {
    --id-button-height: 44px;
    --id-button-radius: 16px;
    --id-button-font-size: 16px;
    --id-button-line-height: 20px;
    --id-button-out-gap: 20px;
    --id-button-inner-gap: 10px;
    --id-button-gap-compinsation: 4px
}

.ya_2a3b7f6e {
    --id-button-height: 36px;
    --id-button-radius: 12px;
    --id-button-font-size: 14px;
    --id-button-line-height: 20px;
    --id-button-out-gap: 16px;
    --id-button-inner-gap: 8px;
    --id-button-gap-compinsation: 2px
}

.ya_53078ec1 {
    --id-button-height: 32px;
    --id-button-radius: 10px;
    --id-button-font-size: 14px;
    --id-button-line-height: 20px;
    --id-button-out-gap: 12px;
    --id-button-inner-gap: 6px;
    --id-button-gap-compinsation: 2px
}

.ya_54c6e29c {
    --id-button-height: 48px;
    --id-button-radius: 16px;
    --id-button-font-size: 16px;
    --id-button-line-height: 20px;
    --id-button-out-gap: 20px;
    --id-button-inner-gap: 10px;
    --id-button-gap-compinsation: 2px
}

.ya_749f62f8 {
    --id-button-height: 56px;
    --id-button-radius: 20px;
    --id-button-font-size: 16px;
    --id-button-line-height: 20px;
    --id-button-out-gap: 24px;
    --id-button-inner-gap: 14px;
    --id-button-gap-compinsation: -1px
}

.ya_2d24343d {
    --id-button-text-color: var(--id-color-brand-text-on);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: var(--id-color-brand-bg-base);
    --id-button-background-hovered: var(--id-color-brand-bg-hovered);
    --id-button-background-pressed: var(--id-color-brand-bg-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg)
}

.ya_eb8b8c27 {
    --id-button-text-color: var(--id-color-text-primary);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: transparent;
    --id-button-background-hovered: var(--id-color-default-bg-hovered);
    --id-button-background-pressed: var(--id-color-default-bg-pressed);
    --id-button-background-disabled: transparent
}

.ya_cc7344be {
    --id-button-text-color: var(--id-color-status-negative);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: var(--id-color-status-negative-soft);
    --id-button-background-hovered: var(--id-color-status-negative-soft-hovered);
    --id-button-background-pressed: var(--id-color-status-negative-soft-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg)
}

.ya_7e73cc21 {
    --id-button-text-color: var(--id-color-text-primary);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: var(--id-color-default-bg-base);
    --id-button-background-hovered: var(--id-color-default-bg-hovered);
    --id-button-background-pressed: var(--id-color-default-bg-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg)
}

.ya_26a448c7 {
    --id-button-text-color: var(--id-color-text-primary);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: transparent;
    --id-button-background-hovered: var(--id-color-default-bg-hovered);
    --id-button-background-pressed: var(--id-color-default-bg-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg);
    --id-button-border-color: var(--id-color-default-border)
}

.ya_2d0128e4 {
    --id-button-text-color: var(--id-color-text-primary);
    --id-button-text-color-disabled: var(--id-color-muted-text);
    --id-button-background: transparent;
    --id-button-background-hovered: var(--id-color-default-bg-hovered);
    --id-button-background-pressed: var(--id-color-default-bg-pressed);
    --id-button-background-disabled: var(--id-color-muted-bg)
}

.ya_2d0128e4:after {
    background-color: var(--id-color-surface-elevated-100);
    border-radius: inherit;
    box-shadow: var(--id-effect-shadow-elevated-50);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.ya_53c4727d {
    --id-button-border-width: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    background-color: var(--id-button-background);
    border: 0;
    border-radius: var(--id-button-radius);
    box-shadow: inset 0 0 0 var(--id-button-border-width) var(--id-button-border-color, transparent);
    box-sizing: border-box;
    color: var(--id-button-text-color);
    cursor: pointer;
    display: inline-flex;
    height: var(--id-button-height);
    justify-content: center;
    margin: 0;
    min-width: var(--id-button-height);
    outline: 0;
    padding: 0 var(--id-button-out-gap);
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition-duration: var(--id-duration-standard-effects-default);
    transition-property: background-color, color, box-shadow;
    transition-timing-function: var(--id-easing-standard-effects-default);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media (prefers-reduced-motion: reduce) {
    .ya_53c4727d {
        transition: none
    }
}

.ya_53c4727d[data-focus-visible], .ya_53c4727d[data-hovered] {
    background-color: var(--id-button-background-hovered);
    color: var(--id-button-text-color-hovered, var(--id-button-text-color))
}

.ya_53c4727d[data-pressed] {
    background-color: var(--id-button-background-pressed);
    color: var(--id-button-text-color-pressed, var(--id-button-text-color))
}

.ya_53c4727d[data-disabled], .ya_53c4727d[data-pending] {
    background-color: var(--id-button-background-disabled);
    box-shadow: none;
    color: var(--id-button-text-color-disabled)
}

.ya_53c4727d[data-pending] {
    cursor: progress
}

.ya_53c4727d[data-disabled] {
    cursor: not-allowed
}

.ya_53c4727d:before {
    border-radius: calc(var(--id-button-radius) + 2px);
    box-shadow: 0 0 0 2px var(--id-button-focus-color, var(--id-color-brand-border));
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(0);
    visibility: hidden
}

.ya_53c4727d[data-focus-visible]:before {
    inset: -2px;
    opacity: 1;
    visibility: visible
}

.ya_dff5eb75 {
    padding: 0
}

.ya_ac435345 {
    font-feature-settings: var(--id-button-font-feature-settings, "pnum" on, "lnum" on);
    font: var(--id-typography-text-m);
    font-size: var(--id-button-font-size);
    font-weight: var(--id-button-font-weight, 500);
    line-height: var(--id-button-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ya_1d988a19 {
    display: inline-flex
}

.ya_1d988a19:first-of-type {
    margin-inline-start: calc(var(--id-button-gap-compinsation) * -1)
}

.ya_1d988a19:last-of-type {
    margin-inline-end: calc(var(--id-button-gap-compinsation) * -1)
}

.ya_1d988a19 + .ya_ac435345, .ya_ac435345 + .ya_1d988a19 {
    margin-inline-start: var(--id-button-inner-gap)
}

.ya_9212d436 {
    --id-shimmer-inset: 0;
    border-radius: inherit;
    inset: var(--id-shimmer-inset);
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.ya_9212d436:before {
    animation: ya_78b87e66 1.2s linear infinite;
    background-image: var(--id-shimmer-gradient);
    content: "";
    inset: 0;
    position: absolute;
    will-change: transform
}

[data-color=light] .ya_9212d436 {
    --id-shimmer-gradient: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .8) 49.48%, hsla(0, 0%, 100%, 0))
}

[data-color=dark] .ya_9212d436 {
    --id-shimmer-gradient: linear-gradient(90deg, rgba(31, 31, 36, 0), rgba(31, 31, 36, .5) 49.48%, rgba(31, 31, 36, 0))
}

@keyframes ya_78b87e66 {
    0%, 10% {
        transform: translateX(-100%)
    }
    90%, to {
        transform: translateX(100%)
    }
}

.QX4OG54vTvb3gQqcabOs0g\=\= {
    --id-textfield-height: 56px;
    --id-textfield-border-radius: 20px;
    --id-textfield-multiline-min-size: 40px;
    --id-textfield-gap: 8px;
    --id-textfield-padding: 14px 20px;
    --id-textfield-padding-compinsation: 4px;
    --id-textfield-inner-gap: 12px;
    --id-textfield-font: var(--id-typography-text-l);
    --id-textfield-label-font: var(--id-typography-text-m-long);
    --id-textfield-hint-font: var(--id-typography-text-m-long);
    --id-textfield-clear-size: 24px
}

.QX4OG54vTvb3gQqcabOs0g\=\= input {
    margin: 0
}

.GnwNd5TYwFiToc9qjoGfTg\=\= {
    --id-textfield-height: 56px;
    --id-textfield-border-radius: 20px;
    --id-textfield-multiline-min-size: 70px;
    --id-textfield-gap: 8px;
    --id-textfield-padding: 14px 20px;
    --id-textfield-padding-compinsation: 4px;
    --id-textfield-inner-gap: 12px;
    --id-textfield-font: var(--id-typography-text-l);
    --id-textfield-label-font: var(--id-typography-text-m-long);
    --id-textfield-hint-font: var(--id-typography-text-m-long);
    --id-textfield-clear-size: 24px
}

.GnwNd5TYwFiToc9qjoGfTg\=\= input {
    margin: 0
}

._3cAHIPg6oiYpR2Ck79tmtg\=\= {
    --id-textfield-background: transparent;
    --id-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-textfield-background-disabled: var(--id-color-muted-bg);
    --id-textfield-border-color: var(--id-color-default-border);
    --id-textfield-border-color-negative: var(--id-color-status-negative);
    --id-textfield-placeholder-color: var(--id-color-text-secondary);
    --id-textfield-color: var(--id-color-text-primary);
    --id-textfield-color-disabled: var(--id-color-muted-text);
    --id-textfield-addon-color: var(--id-color-text-secondary)
}

.lbD0\+Q6lss6klb\+GldJmEA\=\= {
    --id-textfield-background: var(--id-color-default-bg-base);
    --id-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-textfield-background-disabled: var(--id-color-muted-bg);
    --id-textfield-border-color: transparent;
    --id-textfield-border-color-negative: var(--id-color-status-negative);
    --id-textfield-placeholder-color: var(--id-color-text-secondary);
    --id-textfield-color: var(--id-color-text-primary);
    --id-textfield-color-disabled: var(--id-color-muted-text);
    --id-textfield-addon-color: var(--id-color-text-secondary)
}

.qwp9T7\+eUe50kRt2y0mbIw\=\= {
    --id-textfield-border-color: var(--delivery-club-main-color);
    --id-textfield-border-color-focused: var(--delivery-club-main-color)
}

.qfY3Bdv1Cuj6ccufCwch1A\=\= {
    --id-textfield-background: var(--new-yango-club-input-backgound);
    --id-textfield-font: normal 400 22px/25px "YS Text", Arial, sans-serif;
    --id-masked-input-font: normal 400 22px/25px "YS Text", Arial, sans-serif;
    --id-textfield-placeholder-color: var(--yango-orange-text-color-placeholder);
    --id-color-text-secondary: var(--id-textfield-color)
}

.ya_540efc03 {
    --id-textfield-height: 48px;
    --id-textfield-border-radius: 16px;
    --id-textfield-multiline-min-size: 40px;
    --id-textfield-padding: 14px 20px;
    --id-textfield-padding-compinsation: 4px;
    --id-textfield-inner-gap: 12px;
    --id-textfield-font: var(--id-typography-text-m);
    --id-textfield-clear-size: 24px
}

.ya_44e7b593 {
    --id-textfield-background: var(--id-color-default-bg-base);
    --id-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-textfield-background-disabled: var(--id-color-muted-bg);
    --id-textfield-border-color: transparent;
    --id-textfield-border-color-negative: var(--id-color-status-negative);
    --id-textfield-placeholder-color: var(--id-color-text-secondary);
    --id-textfield-color: var(--id-color-text-primary);
    --id-textfield-color-disabled: var(--id-color-muted-text);
    --id-textfield-addon-color: var(--id-color-text-secondary)
}

.ya_eac7143e {
    --id-textfield-background: transparent;
    --id-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-textfield-background-disabled: var(--id-color-muted-bg);
    --id-textfield-border-color: var(--id-color-default-border);
    --id-textfield-border-color-negative: var(--id-color-status-negative);
    --id-textfield-placeholder-color: var(--id-color-text-secondary);
    --id-textfield-color: var(--id-color-text-primary);
    --id-textfield-color-disabled: var(--id-color-muted-text);
    --id-textfield-addon-color: var(--id-color-text-secondary)
}

.ya_b84f7ed0 {
    height: var(--id-textfield-clear-size);
    width: var(--id-textfield-clear-size)
}

.ya_ac1c7d7e {
    --id-masked-input-animation-timing: 0;
    --id-masked-input-font: var(--id-textfield-font);
    --id-masked-input-color: var(--id-textfield-placeholder-color);
    font-feature-settings: "pnum" on, "lnum" on;
    -webkit-tap-highlight-color: transparent
}

.ya_e283ce89 {
    background-color: var(--id-textfield-background);
    border-radius: var(--id-textfield-border-radius);
    box-shadow: inset 0 0 0 var(--id-textfield-border-width, 2px) var(--id-textfield-border-color);
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--id-textfield-inner-gap);
    height: var(--id-textfield-height);
    padding: var(--id-textfield-padding);
    position: relative;
    transition: box-shadow .15s ease-in-out, background-color .1s ease-in-out
}

.ya_d609f1cc {
    height: auto;
    min-height: var(--id-textfield-height)
}

.ya_cd45eb61 {
    --id-textfield-background: var(--id-textfield-background-hovered)
}

.ya_4152fe6e {
    --id-textfield-background: var(--id-textfield-background-disabled);
    box-shadow: none
}

.ya_c3009a6f .ya_e283ce89 {
    --id-textfield-border-color: var(--id-textfield-border-color-negative)
}

.ya_e283ce89:focus-within {
    --id-textfield-background: var(--id-textfield-background-focused);
    --id-textfield-border-width: 2px;
    --id-textfield-border-color: var(
            --id-textfield-border-color-focused, var(--id-color-brand-border)
    )
}

.ya_5fd18666:before {
    border-radius: 20px;
    content: "";
    cursor: text;
    inset: 0;
    position: absolute
}

.ya_899deef4 {
    font-feature-settings: inherit;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    caret-color: var(--id-color-text-primary);
    color: var(--id-textfield-color);
    font: var(--id-textfield-font);
    outline: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.ya_899deef4::-moz-placeholder {
    color: var(--id-textfield-placeholder-color);
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    -moz-user-select: none;
    user-select: none
}

.ya_899deef4::placeholder {
    color: var(--id-textfield-placeholder-color);
    transition: color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ya_d609f1cc .ya_899deef4 {
    height: 100%;
    min-height: var(--id-textfield-multiline-min-size);
    resize: none
}

.ya_d609f1cc .ya_899deef4::-webkit-scrollbar {
    display: none
}

.ya_b0b09bc4 {
    align-items: center;
    color: var(--id-textfield-addon-color);
    display: flex;
    justify-content: center
}

.ya_1fde5c3c {
    margin-left: calc(var(--id-textfield-padding-compinsation) * -1);
    transition: color .15s ease-in-out
}

.ya_937c219a:last-of-type {
    margin-right: calc(var(--id-textfield-padding-compinsation) * -1)
}

.ya_49c5dce8 .ya_1fde5c3c {
    color: var(--id-color-text-primary)
}

.ya_1436c2ae .ya_937c219a {
    color: var(--id-color-text-tertiary)
}

.ya_4152fe6e .ya_899deef4::-moz-placeholder {
    color: var(--id-textfield-color-disabled)
}

.ya_4152fe6e .ya_899deef4, .ya_4152fe6e .ya_899deef4::placeholder, .ya_4152fe6e .ya_b0b09bc4 {
    color: var(--id-textfield-color-disabled)
}

.ya_4152fe6e .ya_5fd18666:before, .ya_4152fe6e .ya_899deef4 {
    cursor: not-allowed
}

.ya_3c400284 {
    flex-grow: 1
}

.ya_5fd18666 {
    align-items: center;
    display: flex;
    height: 100%
}

.ya_e2e82c80 {
    --id-button-text-color: var(--id-color-text-primary);
    --id-button-text-color-hovered: var(--id-color-text-secondary);
    --id-button-text-color-pressed: var(--id-color-text-secondary);
    --id-button-text-color-disabled: var(--id-color-muted-text)
}

.ya_dbcff70f {
    --id-button-text-color: var(--id-color-text-secondary);
    --id-button-text-color-hovered: var(--id-color-text-primary);
    --id-button-text-color-pressed: var(--id-color-text-primary);
    --id-button-text-color-disabled: var(--id-color-muted-text)
}

.ya_4de11349[class] {
    --id-button-border-width: 0;
    --id-button-out-gap: 0;
    --id-button-height: auto
}

.ya_0b5777ca {
    --id-material-textfield-background: var(--id-color-default-bg-base);
    --id-material-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-material-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-material-textfield-background-disabled: var(--id-color-muted-bg);
    --id-material-textfield-border-color: transparent;
    --id-material-textfield-border-color-negative: var(--id-color-status-negative);
    --id-material-textfield-label-color: var(--id-color-text-secondary);
    --id-material-textfield-placeholder-color: var(--id-color-text-tertiary);
    --id-material-textfield-color: var(--id-color-text-primary);
    --id-material-textfield-color-disabled: var(--id-color-muted-text);
    --id-material-textfield-addon-color: var(--id-color-text-secondary)
}

.ya_d89c0993 {
    --id-material-textfield-background: transparent;
    --id-material-textfield-background-focused: var(--id-color-surface-elevated-0);
    --id-material-textfield-background-hovered: var(--id-color-default-bg-hovered);
    --id-material-textfield-background-disabled: var(--id-color-muted-bg);
    --id-material-textfield-border-color: var(--id-color-default-border);
    --id-material-textfield-border-color-negative: var(--id-color-status-negative);
    --id-material-textfield-label-color: var(--id-color-text-secondary);
    --id-material-textfield-placeholder-color: var(--id-color-text-tertiary);
    --id-material-textfield-color: var(--id-color-text-primary);
    --id-material-textfield-color-disabled: var(--id-color-muted-text);
    --id-material-textfield-addon-color: var(--id-color-text-secondary)
}

.ya_fb7dc54a {
    align-self: flex-start;
    height: 24px;
    width: 24px;
    z-index: 2
}

.ya_c5cb79d4 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "pnum" on, "lnum" on;
    animation: ya_4fd4b8fd var(--id-masked-input-animation-timing, .15s) ease-in;
    color: var(--id-masked-input-color);
    font: var(--id-masked-input-font);
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

@keyframes ya_4fd4b8fd {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ya_df900904 {
    position: relative
}

.ya_84bcf070 {
    color: hsla(0, 0%, 100%, 0)
}

.ya_9ff3fc76:after {
    background-color: var(--id-masked-input-color);
    bottom: .1em;
    content: "";
    height: 1px;
    left: .1em;
    position: absolute;
    right: .1em
}

[dir=rtl] .ya_c5cb79d4 {
    right: 0
}

.ya_25c4f977 {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.ya_16e3bb06 {
    --id-masked-input-font: var(--id-typography-text-m);
    --id-masked-input-color: var(--id-material-textfield-label-color);
    font-feature-settings: "pnum" on, "lnum" on;
    -webkit-tap-highlight-color: transparent
}

.ya_7f996050 {
    background-color: var(--id-material-textfield-background);
    border-radius: 20px;
    box-shadow: inset 0 0 0 var(--id-material-textfield-border-width, 2px) var(--id-material-textfield-border-color);
    display: inline-flex;
    gap: 12px;
    height: 64px;
    padding: 0 24px;
    position: relative;
    transition: box-shadow .15s ease-in-out, background-color .1s ease-in-out
}

.ya_107a64bd {
    height: auto;
    min-height: 64px
}

.ya_69c76f4a {
    --id-material-textfield-background: var(--id-material-textfield-background-hovered)
}

.ya_f3746044 {
    --id-material-textfield-background: var(--id-material-textfield-background-disabled);
    box-shadow: none
}

.ya_18ccf3af .ya_7f996050 {
    --id-material-textfield-border-color: var(--id-material-textfield-border-color-negative)
}

.ya_7f996050:focus-within {
    --id-material-textfield-background: var(--id-material-textfield-background-focused);
    --id-material-textfield-border-width: 2px;
    --id-material-textfield-border-color: var(
            --id-material-textfield-border-color-focused, var(--id-color-brand-border)
    )
}

.ya_458d187e {
    color: var(--id-material-textfield-label-color);
    font: var(--id-typography-text-m);
    pointer-events: auto;
    position: absolute;
    transform: translateY(22px);
    transform-origin: left;
    transition: transform .15s ease-in-out, color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ya_002da895 {
    transform: translateY(11px) scale(.875)
}

.ya_457f9f2d:after {
    color: var(--id-material-textfield-required-color, var(--id-color-status-negative));
    content: " *"
}

.ya_34de8044:before {
    border-radius: 20px;
    content: "";
    cursor: text;
    inset: 0;
    position: absolute
}

.ya_6e1815bc {
    font-feature-settings: inherit;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    caret-color: var(--id-color-text-primary);
    color: var(--id-material-textfield-color);
    font: var(--id-typography-text-m);
    height: 20px;
    outline: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.ya_6e1815bc::-moz-placeholder {
    color: var(--id-material-textfield-placeholder-color);
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    -moz-user-select: none;
    user-select: none
}

.ya_6e1815bc::placeholder {
    color: var(--id-material-textfield-placeholder-color);
    transition: color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ya_107a64bd .ya_6e1815bc {
    height: 100%;
    min-height: 40px;
    resize: none
}

.ya_107a64bd .ya_6e1815bc::-webkit-scrollbar {
    display: none
}

.ya_50d4ccf3 {
    color: var(--id-material-textfield-addon-color);
    margin-top: 20px
}

.ya_e6f2b4bf {
    margin-left: -4px;
    transition: color .15s ease-in-out
}

.ya_d94903fe:last-of-type {
    margin-right: -4px
}

.ya_629cd13f .ya_e6f2b4bf {
    color: var(--id-color-text-primary)
}

.ya_36c78809 .ya_d94903fe {
    color: var(--id-color-text-tertiary)
}

.ya_f3746044 .ya_6e1815bc::-moz-placeholder {
    color: var(--id-material-textfield-color-disabled)
}

.ya_f3746044 .ya_458d187e, .ya_f3746044 .ya_50d4ccf3, .ya_f3746044 .ya_6e1815bc, .ya_f3746044 .ya_6e1815bc::placeholder {
    color: var(--id-material-textfield-color-disabled)
}

.ya_f3746044 .ya_34de8044:before, .ya_f3746044 .ya_6e1815bc {
    cursor: not-allowed
}

.ya_136f8d6e {
    flex-grow: 1
}

.ya_34de8044 {
    display: flex;
    margin-bottom: 13px;
    margin-top: 32px
}

[dir=rtl] .ya_458d187e {
    transform-origin: right
}

.ya_9b609954 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    gap: var(--id-field-gap, 8px)
}

.ya_de9eb798 {
    --id-field-error-color: var(--id-color-muted-text)
}

.ya_2db21351 {
    align-self: flex-start;
    color: var(--id-field-label-color, var(--id-color-text-primary));
    font: var(--id-field-label-font, var(--id-typography-text-m))
}

.ya_3e5696ec:after {
    color: var(--id-field-required-color, var(--id-color-status-negative));
    content: " *"
}

.ya_794b377c {
    align-items: center;
    color: var(--id-field-hint-color, var(--id-color-text-secondary));
    display: flex;
    font: var(--id-field-hint-font, var(--id-typography-text-s));
    gap: var(--id-field-hint-gap, 8px)
}

.ya_be75a5ca {
    color: var(--id-field-error-color, var(--id-color-status-negative))
}

.ya_b6b6cfa2 {
    align-self: flex-start;
    flex-shrink: 0;
    margin-top: var(--id-field-error-icon-margin-top, 1px)
}

.ya_1a469bca {
    display: flex
}

.ya_a3b7e10d {
    display: grid;
    gap: var(--id-horizontal-field-set-gap, 8px);
    grid-auto-flow: column
}

.ya_6000e742 {
    display: flex;
    flex-direction: column;
    gap: var(--id-vertical-field-set-gap, 8px)
}

.AuthPromo {
    --id-color-text-primary: #fff;
    --id-color-link-normal: #fff;
    --id-color-link-normal-hovered: #fff;
    left: 0;
    padding: 15px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.AuthPromo-text {
    font: var(--id-typography-text-m);
    text-align: center
}

.AuthPromo-link.AuthPromo-link {
    font: var(--id-typography-text-m);
    font-weight: 500
}

.AuthPromo-link.AuthPromo-link:hover {
    text-decoration: underline
}

@media only screen and (max-width: 451px) {
    .AuthPromo {
        --id-color-text-primary: var(--id-color-text-primary);
        --id-color-link-normal: var(--id-color-text-primary);
        --id-color-link-normal-hovered: var(--id-color-text-primary);
        padding: 50px 0 30px;
        position: relative;
        width: 100%
    }
}

.ya_7e5621e5 {
    --id-link-color: var(--id-color-link-normal);
    --id-link-color-hovered: var(--id-color-link-normal-hovered)
}

.ya_b05a8ca9 {
    --id-link-color: var(--id-color-text-secondary);
    --id-link-color-hovered: var(--id-color-text-primary);
    --id-link-font-weight: 500
}

.ya_5197c563 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    color: var(--id-link-color);
    cursor: pointer;
    font-weight: var(--id-link-font-weight, 400);
    outline: 0;
    position: relative;
    text-decoration: none;
    transition: color .15s ease-in-out
}

.ya_5197c563:before {
    border-radius: var(--id-link-focus-border-radius, 4px);
    box-shadow: 0 0 0 2px var(--id-link-focus-color, var(--id-color-brand-border));
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transform: translateZ(0);
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out, inset .15s ease-in-out;
    visibility: hidden
}

.ya_344cece2:before {
    inset: -2px;
    opacity: 1;
    visibility: visible
}

.ya_60203bf7 {
    color: var(--id-link-color-hovered)
}

.AuthFooter {
    --id-color-text-primary: #fff;
    --id-color-link-normal: #fff;
    --id-color-link-normal-hovered: #fff;
    bottom: 0;
    box-sizing: border-box;
    font: var(--id-typography-text-s);
    left: 0;
    padding: 10px 16px 24px;
    position: absolute;
    width: 100%
}

.AuthFooter .AuthFooter-link {
    text-decoration: none
}

.AuthFooter .AuthFooter-link:hover {
    text-decoration: underline
}

@media only screen and (max-width: 930px) {
    .AuthFooter-incognito-link {
        display: none
    }

    .AuthFooter-info {
        justify-content: center;
        width: 100%
    }
}

.ya_0ec5edd8 {
    --id-list-item-border-radius: var(--id-menu-item-border-radius, 16px);
    --id-list-item-inset-x: var(--id-menu-item-inset-x, 20px);
    --id-list-item-column-gap: var(--id-menu-item-gap, 12px);
    --id-list-item-bg-hovered: var(--id-menu-item-background-hovered, transparent);
    --id-list-item-bg-pressed: var(
            --id-menu-item-background-pressed, var(--id-color-default-bg-pressed)
    );
    --id-list-item-focus-color: var(--id-menu-item-focus-color, transparent)
}

.ya_2ae6b8aa {
    cursor: not-allowed
}

.ya_dea39169 {
    --id-list-item-bg-initial: var(
            --id-menu-item-background-focused, var(--id-color-default-bg-hovered)
    );
    --id-list-item-bg-hovered: var(
            --id-menu-item-background-hovered, var(--id-color-default-bg-hovered)
    )
}

.ya_f6806eea {
    --id-list-separator-inset-start: 20px;
    --id-list-separator-inset-end: 20px;
    margin-bottom: 8px;
    margin-top: 8px
}

.ya_27f3c166 {
    align-items: center;
    display: flex;
    padding: 8px 20px
}

.ya_4ba65039 {
    --id-list-inset-x: 4px;
    --id-list-inset-y: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-height: inherit;
    outline: 0;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ya_a8f58425 {
    --id-list-item-inset-x: 24px;
    --id-list-item-inset-y: 16px;
    --id-list-item-column-gap: 12px;
    --id-list-item-row-gap: 12px
}

.ya_08b184f0 {
    --id-list-item-inset-x: 0;
    --id-list-item-inset-y: 0;
    --id-list-item-column-gap: 12px;
    --id-list-item-row-gap: 12px;
    --id-list-item-content-slot-inset-y: 0
}

.ya_993dfa17 {
    --id-list-item-inset-x: 12px;
    --id-list-item-inset-y: 12px;
    --id-list-item-column-gap: 16px;
    --id-list-item-row-gap: 12px
}

.ya_23b6ad32 {
    --id-list-item-inset-x: 16px;
    --id-list-item-inset-y: 16px;
    --id-list-item-column-gap: 12px;
    --id-list-item-row-gap: 12px
}

.ya_518dbb44 {
    --id-list-item-bg-initial: var(--id-color-status-negative-soft);
    --id-list-item-bg-hovered: var(--id-color-status-negative-soft-hovered);
    --id-list-item-bg-pressed: var(--id-color-status-negative-soft-pressed);
    --id-list-item-bg-disabled: transparent
}

.ya_95fe5917 {
    --id-list-item-bg-initial: transparent;
    --id-list-item-bg-hovered: var(--id-color-default-bg-hovered);
    --id-list-item-bg-pressed: var(--id-color-default-bg-pressed);
    --id-list-item-bg-disabled: transparent
}

.ya_c9dbeb0e {
    --id-list-item-bg-initial: var(--id-color-default-bg-base);
    --id-list-item-bg-hovered: var(--id-color-default-bg-hovered);
    --id-list-item-bg-pressed: var(--id-color-default-bg-pressed);
    --id-list-item-bg-disabled: var(--id-color-muted-bg)
}

.ya_e9cceefc {
    --id-list-item-slot-alignment: flex-end
}

.ya_ed7e53d3 {
    --id-list-item-slot-alignment: center
}

.ya_e04ce6be {
    --id-list-item-slot-alignment: flex-start
}

.ya_829be68e {
    --id-list-item-slot-color: inherit
}

.ya_7442132a {
    --id-list-item-slot-color: var(--id-color-status-negative)
}

.ya_613de8c6 {
    --id-list-item-slot-color: var(--id-color-status-positive)
}

.ya_e3c53b62 {
    --id-list-item-slot-color: var(--id-color-text-primary)
}

.ya_7af9e09a {
    --id-list-item-slot-color: var(--id-color-text-secondary)
}

.ya_3a58a00a {
    --id-list-item-slot-color: var(--id-color-text-tertiary)
}

.ya_12f21fa0 {
    box-sizing: border-box;
    color: var(--id-list-item-slot-color, inherit);
    display: flex;
    gap: var(--id-list-item-slot-gap, 0);
    padding: var(--id-list-item-slot-inset-y, 0) 0
}

.ya_0c986807 {
    flex-direction: column;
    justify-content: var(--id-list-item-slot-alignment, initial)
}

.ya_621180e1 {
    align-items: var(--id-list-item-slot-alignment, initial);
    flex-direction: row
}

.ya_676e5ef8 {
    --id-list-item-slot-gap: var(--id-list-item-content-slot-gap, 2px);
    --id-list-item-slot-inset-y: var(--id-list-item-content-slot-inset-y, 2px);
    flex: 1 1 auto
}

.ya_b6632abc {
    --id-list-item-slot-gap: var(--id-list-item-before-slot-gap, 4px)
}

.ya_ae16b45b {
    --id-list-item-slot-gap: var(--id-list-item-after-slot-gap, 4px)
}

.ya_495a9e88 {
    -webkit-tap-highlight-color: transparent;
    background: var(--id-list-item-bg-initial, transparent);
    border-radius: var(--id-list-item-border-radius, 0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--id-list-item-row-gap, 0);
    outline: 0;
    padding: var(--id-list-item-inset-y, 0) var(--id-list-item-inset-x, 0);
    text-decoration: none
}

.ya_9baf6a4f {
    background: var(--id-list-item-bg-hovered, transparent);
    cursor: pointer
}

.ya_f652417d {
    background: var(--id-list-item-bg-pressed, transparent)
}

.ya_85fc742b {
    background: var(--id-list-item-bg-disabled, transparent)
}

.ya_495a9e88.ya_e21da38a {
    box-shadow: 0 0 0 2px var(--id-list-item-focus-color, var(--id-color-brand-border))
}

.ya_fb2f733d {
    display: flex;
    gap: var(--id-list-item-column-gap, 0)
}

.ya_cf4e502f {
    --id-list-item-border-radius: 24px;
    --id-list-gap: 1px;
    --id-list-separator-inset-start: var(--id-list-item-inset-x);
    --id-list-separator-inset-end: var(--id-list-item-inset-x);
    --id-list-inset-x: 0;
    --id-list-inset-y: 0;
    --id-list-offset-x: calc(var(--id-list-item-inset-x) * -1);
    --id-list-offset-y: calc(var(--id-list-item-inset-x) * -1)
}

.ya_66a8ffae {
    --id-list-item-border-radius: 24px;
    --id-list-gap: 6px;
    --id-list-separator-inset-start: var(--id-list-item-inset-x);
    --id-list-separator-inset-end: var(--id-list-item-inset-x);
    --id-list-inset-x: 0;
    --id-list-inset-y: 0;
    --id-list-offset-x: 0;
    --id-list-offset-y: 0
}

.ya_61cd00e1 {
    --id-list-item-border-radius: 0;
    --id-list-gap: 0;
    --id-list-separator-inset-start: 0;
    --id-list-separator-inset-end: 0;
    --id-list-inset-x: 0;
    --id-list-inset-y: 0;
    --id-list-offset-x: 0;
    --id-list-offset-y: 0
}

.ya_2604fe09 {
    background: var(--id-list-separator-color, var(--id-color-line-normal));
    display: block;
    height: 1px;
    margin-left: var(--id-list-separator-inset-start, 0);
    margin-right: var(--id-list-separator-inset-end, 0);
    padding: 0
}

.ya_b732fa16 {
    box-sizing: border-box;
    display: grid;
    gap: var(--id-list-gap, 0);
    grid-auto-flow: row;
    margin: var(--id-list-offset-y, 0) var(--id-list-offset-x, 0);
    padding: var(--id-list-inset-y, 0) var(--id-list-inset-x, 0)
}

.ya_71b232e5 {
    gap: var(--id-heading-gap, 0)
}

.ya_71b232e5, .ya_827821d0 {
    display: flex;
    flex-direction: column
}

.ya_827821d0 {
    gap: var(--id-heading-inner-gap, 0)
}

.ya_68ec85ca {
    text-align: start
}

.ya_61d4c323 {
    text-align: center
}

.ya_f3625ddb {
    text-align: end
}

.ya_3be87153, .ya_7a865062, .ya_b93bafa3 {
    --id-heading-gap: 8px;
    --id-heading-inner-gap: 8px
}

.ya_f0a167d6 {
    --id-heading-gap: 2px;
    --id-heading-inner-gap: 2px
}

.ya_98d6f45a {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    background-color: var(--id-color-surface-elevated-100);
    border-radius: 20px;
    box-shadow: var(--id-effect-shadow-elevated-100);
    overflow: hidden;
    pointer-events: none;
    will-change: opacity, transform
}

.ya_eec5dbfc {
    animation-name: ya_914f6bff
}

.ya_8071117b {
    animation-name: ya_b08678ac
}

.ya_ec2d6179 {
    animation-name: ya_c26726f5
}

.ya_748dff3c {
    animation-name: ya_760d537a
}

.ya_019bfda1.ya_eec5dbfc {
    animation-name: ya_c5059aa4
}

.ya_019bfda1.ya_8071117b {
    animation-name: ya_e10b1ef2
}

.ya_019bfda1.ya_ec2d6179 {
    animation-name: ya_ad5a1973
}

.ya_019bfda1.ya_748dff3c {
    animation-name: ya_e52842da
}

.ya_019bfda1 {
    animation-timing-function: cubic-bezier(0, 0, .4, 1);
    pointer-events: auto
}

@keyframes ya_c5059aa4 {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(-4px)
    }
}

@keyframes ya_914f6bff {
    0% {
        opacity: 1;
        transform: translateY(-4px)
    }
    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes ya_e10b1ef2 {
    0% {
        opacity: 0;
        transform: translateY(0)
    }
    to {
        opacity: 1;
        transform: translateY(4px)
    }
}

@keyframes ya_b08678ac {
    0% {
        opacity: 1;
        transform: translateY(4px)
    }
    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes ya_ad5a1973 {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(-4px)
    }
}

@keyframes ya_c26726f5 {
    0% {
        opacity: 1;
        transform: translateX(-4px)
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

@keyframes ya_e52842da {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    to {
        opacity: 1;
        transform: translateX(4px)
    }
}

@keyframes ya_760d537a {
    0% {
        opacity: 1;
        transform: translateX(4px)
    }
    to {
        opacity: 0;
        transform: translateX(0)
    }
}

.ya_e8df0d29 {
    --id-tray-height: 100vh;
    --id-tray-header-height: 0;
    --id-tray-border-radius: 32px 32px 0 0;
    --id-tray-margin-top: 80px;
    height: 100vh;
    inset: 0;
    position: fixed;
    z-index: 1300
}

.ya_f3cf8f92 {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: ya_27396589;
    animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    background-color: var(--id-color-surface-elevated-0);
    border-radius: var(--id-tray-border-radius);
    bottom: 0;
    left: 0;
    max-height: calc(var(--id-tray-height) - var(--id-tray-margin-top));
    outline: 0;
    padding-bottom: max(calc(100vh - var(--id-tray-height)), env(safe-area-inset-bottom));
    pointer-events: none;
    position: absolute;
    right: 0;
    will-change: opacity, transform;
    z-index: 2
}

.ya_f22c9319 .ya_f3cf8f92 {
    animation-name: ya_369a0d1c;
    animation-timing-function: cubic-bezier(0, 0, .4, 1);
    pointer-events: auto
}

.ya_f05b087b[class] {
    bottom: calc(100% + 16px);
    opacity: 0;
    position: absolute;
    right: 16px;
    transition: opacity .2s cubic-bezier(.5, 0, 1, 1), visibility .2s cubic-bezier(.5, 0, 1, 1);
    transition-duration: 0;
    visibility: hidden
}

.ya_f22c9319 .ya_f05b087b {
    opacity: 1;
    transition: opacity .2s cubic-bezier(0, 0, .4, 1) .25s, visibility .2s cubic-bezier(0, 0, .4, 1) .25s;
    visibility: visible
}

.ya_dcf7be33 {
    box-shadow: 0 1px transparent;
    padding: 24px 24px 16px;
    transition: box-shadow .15s cubic-bezier(0, 0, .4, 1)
}

.ya_5d749772 {
    box-shadow: 0 1px var(--id-color-line-normal)
}

.ya_9483ae6c {
    max-height: calc(var(--id-tray-height) - var(--id-tray-header-height) - var(--id-tray-margin-top))
}

.ya_25388bf6 .ya_9483ae6c {
    height: calc(var(--id-tray-height) - var(--id-tray-header-height) - var(--id-tray-margin-top))
}

@keyframes ya_369a0d1c {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes ya_27396589 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.ya_a718435b {
    background-color: var(--id-color-surface-overlay);
    display: flex;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s cubic-bezier(.5, 0, 1, 1), visibility 0ms linear .2s;
    visibility: hidden;
    z-index: 1
}

.ya_f74cd850 {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s cubic-bezier(0, 0, .4, 1);
    visibility: visible
}

.ya_c7ae7edd {
    background: none;
    transition: none
}

.auth-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: var(--pwl-section-margin);
    position: relative
}

.auth-header-logo-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 2.5rem
}

.customs-logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block
}

.header-close-btn {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0;
    position: absolute;
    right: 0
}

[dir=rtl] .header-close-btn {
    left: 0;
    right: auto
}

.ya_c2f70ea1 {
    --id-logo-yandex-background: #fc3f1d;
    --id-logo-yandex-color: #fff;
    --id-logo-brand-color: var(--id-color-text-primary);
    height: var(--id-logo-birthday-height);
    width: var(--id-logo-birthday-width)
}

.ya_cb3783fa {
    --id-logo-yandex-color: var(--id-color-text-primary);
    --id-logo-brand-color: var(--id-color-text-primary);
    height: var(--id-logo-height);
    width: var(--id-logo-width)
}

.ya_6109feec {
    --id-logo-yandex-background: #fc3f1d;
    --id-logo-yandex-color: #fff;
    --id-logo-brand-color: var(--id-color-text-primary);
    height: var(--id-logo-short-height);
    width: var(--id-logo-short-width)
}

.back-button-wrapper {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: .5rem;
    min-height: 2.5rem;
    position: absolute
}

.back-button-wrapper.customs-yango {
    left: 0
}

[dir=rtl] .back-button-wrapper {
    left: auto;
    right: .5rem;
    transform: rotate(180deg)
}

[dir=rtl] .back-button-wrapper.customs-yango {
    right: 0
}

.RidaProDescriptionLogo-wrapper {
    --rida-pro-logo-label: url(/s3/passport-static/pwl-yandex/_/assets/99ac97289b8bae92853c.svg);
    --rida-pro-driver-label: url(/s3/passport-static/pwl-yandex/_/assets/8d19c3d397b1fb27645d.svg);
    position: relative;
    top: -2rem
}

.RidaProDescriptionLogo-rida {
    background-image: var(--rida-pro-logo-label);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 5.25rem;
    position: relative;
    top: 5px
}

.RidaProDescriptionLogo-driver-wrapper {
    background-color: #faff00;
    border-radius: 3.13138rem;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, .2));
    flex-shrink: 0;
    height: 3.13138rem;
    width: 13.75rem
}

.RidaProDescriptionLogo-driver-text {
    background-image: var(--rida-pro-driver-label);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    height: 100%
}

[data-theme=default][data-color=dark] .RidaProDescriptionLogo-wrapper {
    --rida-pro-logo-label: url(/s3/passport-static/pwl-yandex/_/assets/9ead72586407f0f49821.svg)
}

[data-theme=default][data-color=dark] .RidaProDescriptionLogo-driver-wrapper {
    filter: drop-shadow(0 5px 15px rgba(255, 255, 255, .15))
}

.body-auth {
    display: flex;
    flex-direction: column
}

.IntPhone-clear-icon {
    color: var(--id-textfield-color);
    cursor: pointer;
    z-index: 1
}

.DrawerPopup, .IntPhone-dropdown-menu {
    --id-menu-item-inset-x: 0;
    --id-list-item-inset-y: 0;
    padding: 0
}

.DrawerPopup {
    --id-menu-item-background-focused: transparent;
    --id-menu-item-background-hovered: transparent
}

.CountriesButton-country {
    align-content: center;
    align-items: center;
    background-color: var(--id-color-muted-bg);
    border-radius: var(--id-textfield-border-radius);
    color: var(--id-color-text-secondary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(var(--id-textfield-height) - 6px);
    justify-content: center;
    margin-left: calc(var(--id-textfield-padding-compinsation) * 3 * -1 - 1px);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: calc(var(--id-textfield-height) - 6px);
    z-index: 2
}

.CountriesButton-country:before {
    display: none
}

.CountriesButton-country:hover {
    background-color: var(--id-textfield-background-hovered)
}

.CountriesButton-unknown-country {
    background-image: var(--icon-unknown-country);
    background-position: 50%;
    background-repeat: no-repeat
}

.CountryFlag-emoji {
    font-size: 1.75rem
}

.CountryFlag-flag-pic {
    background-image: url(/s3/passport-static/pwl-yandex/_/assets/a136296704069d5d3449.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 49494%;
    box-sizing: content-box;
    display: inline-block;
    flex-shrink: 0;
    height: 17px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 27px
}

.CountryFlag-flag-pic-CH, .CountryFlag-flag-pic-NP {
    box-shadow: none !important
}

.CountryFlag-flag-pic-DZ {
    background-position: center .2287%
}

.CountryFlag-flag-pic-AO {
    background-position: center .4524%
}

.CountryFlag-flag-pic-BJ {
    background-position: center .6721%
}

.CountryFlag-flag-pic-BW {
    background-position: center .8958%
}

.CountryFlag-flag-pic-BF {
    background-position: center 1.1162%
}

.CountryFlag-flag-pic-BI {
    background-position: center 1.3379%
}

.CountryFlag-flag-pic-CM {
    background-position: center 1.5589%
}

.CountryFlag-flag-pic-CV {
    background-position: center 1.7805%
}

.CountryFlag-flag-pic-CF {
    background-position: center 2.0047%
}

.CountryFlag-flag-pic-TD {
    background-position: center 2.2247%
}

.CountryFlag-flag-pic-CD {
    background-position: left 2.4467%
}

.CountryFlag-flag-pic-DJ {
    background-position: left 2.6674%
}

.CountryFlag-flag-pic-EG {
    background-position: center 2.8931%
}

.CountryFlag-flag-pic-GQ {
    background-position: center 3.1125%
}

.CountryFlag-flag-pic-ER {
    background-position: left 3.3325%
}

.CountryFlag-flag-pic-ET {
    background-position: center 3.5542%
}

.CountryFlag-flag-pic-GA {
    background-position: center 3.7759%
}

.CountryFlag-flag-pic-GM {
    background-position: center 4.0015%
}

.CountryFlag-flag-pic-GH {
    background-position: center 4.2229%
}

.CountryFlag-flag-pic-GN {
    background-position: center 4.441%
}

.CountryFlag-flag-pic-GW {
    background-position: left 4.66663%
}

.CountryFlag-flag-pic-CI {
    background-position: center 4.8844%
}

.CountryFlag-flag-pic-KE {
    background-position: center 5.1061%
}

.CountryFlag-flag-pic-LS {
    background-position: center 5.3298%
}

.CountryFlag-flag-pic-LR {
    background-position: left 5.5495%
}

.CountryFlag-flag-pic-LY {
    background-position: center 5.7712%
}

.CountryFlag-flag-pic-MG {
    background-position: center 5.994%
}

.CountryFlag-flag-pic-MW {
    background-position: center 6.2156%
}

.CountryFlag-flag-pic-ML {
    background-position: center 6.4363%
}

.CountryFlag-flag-pic-MR {
    background-position: center 6.658%
}

.CountryFlag-flag-pic-MU {
    background-position: center 6.8805%
}

.CountryFlag-flag-pic-YT {
    background-position: center 7.1038%
}

.CountryFlag-flag-pic-MA {
    background-position: center 7.3231%
}

.CountryFlag-flag-pic-MZ {
    background-position: left 7.5448%
}

.CountryFlag-flag-pic-NA {
    background-position: left 7.7661%
}

.CountryFlag-flag-pic-NE {
    background-position: center 7.98937%
}

.CountryFlag-flag-pic-NG {
    background-position: center 8.2099%
}

.CountryFlag-flag-pic-CG {
    background-position: center 8.4316%
}

.CountryFlag-flag-pic-RE {
    background-position: center 8.6533%
}

.CountryFlag-flag-pic-RW {
    background-position: right 8.875%
}

.CountryFlag-flag-pic-SH {
    background-position: center 9.0967%
}

.CountryFlag-flag-pic-ST {
    background-position: center 9.32237%
}

.CountryFlag-flag-pic-SN {
    background-position: center 9.5426%
}

.CountryFlag-flag-pic-SC {
    background-position: left 9.7628%
}

.CountryFlag-flag-pic-SL {
    background-position: center 9.9845%
}

.CountryFlag-flag-pic-SO {
    background-position: center 10.2052%
}

.CountryFlag-flag-pic-ZA {
    background-position: left 10.4269%
}

.CountryFlag-flag-pic-SS {
    background-position: left 10.6486%
}

.CountryFlag-flag-pic-SD {
    background-position: center 10.8703%
}

.CountryFlag-flag-pic-SR {
    background-position: center 11.0945%
}

.CountryFlag-flag-pic-SZ {
    background-position: center 11.3135%
}

.CountryFlag-flag-pic-TG {
    background-position: left 11.5354%
}

.CountryFlag-flag-pic-TN {
    background-position: center 11.7593%
}

.CountryFlag-flag-pic-UG {
    background-position: center 11.9799%
}

.CountryFlag-flag-pic-TZ {
    background-position: center 12.2005%
}

.CountryFlag-flag-pic-EH {
    background-position: center 12.4222%
}

.CountryFlag-flag-pic-YE {
    background-position: center 12.644%
}

.CountryFlag-flag-pic-ZM {
    background-position: center 12.8664%
}

.CountryFlag-flag-pic-ZW {
    background-position: left 13.0873%
}

.CountryFlag-flag-pic-AI {
    background-position: center 13.309%
}

.CountryFlag-flag-pic-AG {
    background-position: center 13.5307%
}

.CountryFlag-flag-pic-AR {
    background-position: center 13.7524%
}

.CountryFlag-flag-pic-AW {
    background-position: left 13.9741%
}

.CountryFlag-flag-pic-BS {
    background-position: left 14.1958%
}

.CountryFlag-flag-pic-BB {
    background-position: center 14.4175%
}

.CountryFlag-flag-pic-BQ {
    background-position: center 14.6415%
}

.CountryFlag-flag-pic-BZ {
    background-position: center 14.8609%
}

.CountryFlag-flag-pic-BM {
    background-position: center 15.0826%
}

.CountryFlag-flag-pic-BO {
    background-position: center 15.306%
}

.CountryFlag-flag-pic-VG {
    background-position: center 15.528%
}

.CountryFlag-flag-pic-BR {
    background-position: center 15.7496%
}

.CountryFlag-flag-pic-CA {
    background-position: center 15.9694%
}

.CountryFlag-flag-pic-KY {
    background-position: center 16.1911%
}

.CountryFlag-flag-pic-CL {
    background-position: left 16.4128%
}

.CountryFlag-flag-pic-CO {
    background-position: left 16.6345%
}

.CountryFlag-flag-pic-KM {
    background-position: center 16.8562%
}

.CountryFlag-flag-pic-CR {
    background-position: center 17.0779%
}

.CountryFlag-flag-pic-CU {
    background-position: left 17.2996%
}

.CountryFlag-flag-pic-CW {
    background-position: center 17.5213%
}

.CountryFlag-flag-pic-DM {
    background-position: center 17.743%
}

.CountryFlag-flag-pic-DO {
    background-position: center 17.968%
}

.CountryFlag-flag-pic-EC {
    background-position: center 18.1864%
}

.CountryFlag-flag-pic-SV {
    background-position: center 18.4081%
}

.CountryFlag-flag-pic-FK {
    background-position: center 18.6298%
}

.CountryFlag-flag-pic-GF {
    background-position: center 18.8515%
}

.CountryFlag-flag-pic-GL {
    background-position: left 19.0732%
}

.CountryFlag-flag-pic-GD {
    background-position: center 19.2987%
}

.CountryFlag-flag-pic-GP {
    background-position: center 19.518%
}

.CountryFlag-flag-pic-GT {
    background-position: center 19.7383%
}

.CountryFlag-flag-pic-GY {
    background-position: center 19.96%
}

.CountryFlag-flag-pic-HT {
    background-position: center 20.1817%
}

.CountryFlag-flag-pic-HN {
    background-position: center 20.4034%
}

.CountryFlag-flag-pic-JM {
    background-position: center 20.6241%
}

.CountryFlag-flag-pic-MQ {
    background-position: center 20.8468%
}

.CountryFlag-flag-pic-MX {
    background-position: center 21.0685%
}

.CountryFlag-flag-pic-MS {
    background-position: center 21.2902%
}

.CountryFlag-flag-pic-NI {
    background-position: center 21.5119%
}

.CountryFlag-flag-pic-PA {
    background-position: center 21.7336%
}

.CountryFlag-flag-pic-PY {
    background-position: center 21.9553%
}

.CountryFlag-flag-pic-PE {
    background-position: center 22.177%
}

.CountryFlag-flag-pic-PR {
    background-position: left 22.4002%
}

.CountryFlag-flag-pic-BL {
    background-position: center 22.6204%
}

.CountryFlag-flag-pic-KN {
    background-position: center 22.8421%
}

.CountryFlag-flag-pic-LC {
    background-position: center 23.0638%
}

.CountryFlag-flag-pic-PM {
    background-position: center 23.2855%
}

.CountryFlag-flag-pic-VC {
    background-position: center 23.5072%
}

.CountryFlag-flag-pic-SX {
    background-position: left 23.732%
}

.CountryFlag-flag-pic-TT {
    background-position: center 23.9506%
}

.CountryFlag-flag-pic-TC {
    background-position: center 24.1723%
}

.CountryFlag-flag-pic-US {
    background-position: center 24.392%
}

.CountryFlag-flag-pic-VI {
    background-position: center 24.6157%
}

.CountryFlag-flag-pic-UY {
    background-position: left 24.8374%
}

.CountryFlag-flag-pic-VE {
    background-position: center 25.0591%
}

.CountryFlag-flag-pic-AB {
    background-position: center 25.279%
}

.CountryFlag-flag-pic-AF {
    background-position: center 25.5025%
}

.CountryFlag-flag-pic-AZ {
    background-position: center 25.7242%
}

.CountryFlag-flag-pic-BD {
    background-position: center 25.9459%
}

.CountryFlag-flag-pic-BT {
    background-position: center 26.1676%
}

.CountryFlag-flag-pic-BN {
    background-position: center 26.3885%
}

.CountryFlag-flag-pic-KH {
    background-position: center 26.611%
}

.CountryFlag-flag-pic-CN {
    background-position: left 26.8327%
}

.CountryFlag-flag-pic-GE {
    background-position: center 27.0544%
}

.CountryFlag-flag-pic-HK {
    background-position: center 27.2761%
}

.CountryFlag-flag-pic-IN {
    background-position: center 27.4978%
}

.CountryFlag-flag-pic-ID {
    background-position: center 27.7195%
}

.CountryFlag-flag-pic-JP {
    background-position: center 27.9412%
}

.CountryFlag-flag-pic-KZ {
    background-position: center 28.1615%
}

.CountryFlag-flag-pic-LA {
    background-position: center 28.3846%
}

.CountryFlag-flag-pic-MO {
    background-position: center 28.6063%
}

.CountryFlag-flag-pic-MY {
    background-position: center 28.829%
}

.CountryFlag-flag-pic-MV {
    background-position: center 29.0497%
}

.CountryFlag-flag-pic-MN {
    background-position: left 29.2714%
}

.CountryFlag-flag-pic-MM {
    background-position: center 29.4931%
}

.CountryFlag-flag-pic-NP {
    background-position: left 29.7148%
}

.CountryFlag-flag-pic-KP {
    background-position: left 29.9365%
}

.CountryFlag-flag-pic-MP {
    background-position: center 30.1582%
}

.CountryFlag-flag-pic-PW {
    background-position: center 30.3799%
}

.CountryFlag-flag-pic-PG {
    background-position: center 30.6016%
}

.CountryFlag-flag-pic-PH {
    background-position: left 30.8233%
}

.CountryFlag-flag-pic-SG {
    background-position: left 31.045%
}

.CountryFlag-flag-pic-KR {
    background-position: center 31.2667%
}

.CountryFlag-flag-pic-LK {
    background-position: right 31.4884%
}

.CountryFlag-flag-pic-TW {
    background-position: left 31.7101%
}

.CountryFlag-flag-pic-TJ {
    background-position: center 31.9318%
}

.CountryFlag-flag-pic-TH {
    background-position: center 32.1535%
}

.CountryFlag-flag-pic-TL {
    background-position: left 32.3752%
}

.CountryFlag-flag-pic-TM {
    background-position: center 32.5969%
}

.CountryFlag-flag-pic-VN {
    background-position: center 32.8186%
}

.CountryFlag-flag-pic-AX {
    background-position: center 33.0403%
}

.CountryFlag-flag-pic-AL {
    background-position: center 33.25975%
}

.CountryFlag-flag-pic-AD {
    background-position: center 33.4837%
}

.CountryFlag-flag-pic-AM {
    background-position: center 33.7054%
}

.CountryFlag-flag-pic-AT {
    background-position: center 33.9271%
}

.CountryFlag-flag-pic-BY {
    background-position: left 34.1488%
}

.CountryFlag-flag-pic-BE {
    background-position: center 34.3705%
}

.CountryFlag-flag-pic-BA {
    background-position: center 34.5922%
}

.CountryFlag-flag-pic-BG {
    background-position: center 34.8139%
}

.CountryFlag-flag-pic-HR {
    background-position: center 35.0356%
}

.CountryFlag-flag-pic-CY {
    background-position: center 35.2555%
}

.CountryFlag-flag-pic-CZ {
    background-position: left 35.479%
}

.CountryFlag-flag-pic-DK {
    background-position: center 35.7007%
}

.CountryFlag-flag-pic-EE {
    background-position: center 35.9224%
}

.CountryFlag-flag-pic-FO {
    background-position: center 36.1441%
}

.CountryFlag-flag-pic-FI {
    background-position: center 36.3658%
}

.CountryFlag-flag-pic-FR {
    background-position: center 36.5875%
}

.CountryFlag-flag-pic-DE {
    background-position: center 36.8092%
}

.CountryFlag-flag-pic-GI {
    background-position: center 37.0309%
}

.CountryFlag-flag-pic-GR {
    background-position: left 37.2526%
}

.CountryFlag-flag-pic-GG {
    background-position: center 37.4743%
}

.CountryFlag-flag-pic-HU {
    background-position: center 37.696%
}

.CountryFlag-flag-pic-IS {
    background-position: center 37.9177%
}

.CountryFlag-flag-pic-IE {
    background-position: center 38.1394%
}

.CountryFlag-flag-pic-IM {
    background-position: center 38.3611%
}

.CountryFlag-flag-pic-IT {
    background-position: center 38.5828%
}

.CountryFlag-flag-pic-JE {
    background-position: center 38.8045%
}

.CountryFlag-flag-pic-XK {
    background-position: center 39.0262%
}

.CountryFlag-flag-pic-LV {
    background-position: center 39.2479%
}

.CountryFlag-flag-pic-LI {
    background-position: left 39.4696%
}

.CountryFlag-flag-pic-LT {
    background-position: center 39.6913%
}

.CountryFlag-flag-pic-LU {
    background-position: center 39.913%
}

.CountryFlag-flag-pic-MT {
    background-position: left 40.1347%
}

.CountryFlag-flag-pic-MD {
    background-position: center 40.3564%
}

.CountryFlag-flag-pic-MC {
    background-position: center 40.5781%
}

.CountryFlag-flag-pic-ME {
    background-position: center 40.7998%
}

.CountryFlag-flag-pic-NL {
    background-position: center 41.0215%
}

.CountryFlag-flag-pic-MK {
    background-position: center 41.2432%
}

.CountryFlag-flag-pic-NO {
    background-position: center 41.4649%
}

.CountryFlag-flag-pic-PL {
    background-position: center 41.6866%
}

.CountryFlag-flag-pic-PT {
    background-position: center 41.9083%
}

.CountryFlag-flag-pic-RO {
    background-position: center 42.13%
}

.CountryFlag-flag-pic-RU {
    background-position: center 42.3517%
}

.CountryFlag-flag-pic-SM {
    background-position: center 42.5734%
}

.CountryFlag-flag-pic-RS {
    background-position: center 42.7951%
}

.CountryFlag-flag-pic-SK {
    background-position: center 43.0168%
}

.CountryFlag-flag-pic-SI {
    background-position: center 43.2385%
}

.CountryFlag-flag-pic-ES {
    background-position: left 43.4602%
}

.CountryFlag-flag-pic-SE {
    background-position: center 43.6819%
}

.CountryFlag-flag-pic-CH {
    background-position: center 43.9036%
}

.CountryFlag-flag-pic-TR {
    background-position: center 44.1253%
}

.CountryFlag-flag-pic-UA {
    background-position: center 44.347%
}

.CountryFlag-flag-pic-GB {
    background-position: center 44.5687%
}

.CountryFlag-flag-pic-VA {
    background-position: right 44.7904%
}

.CountryFlag-flag-pic-BH {
    background-position: center 45.0121%
}

.CountryFlag-flag-pic-IR {
    background-position: center 45.2338%
}

.CountryFlag-flag-pic-IQ {
    background-position: center 45.4555%
}

.CountryFlag-flag-pic-IL {
    background-position: center 45.6772%
}

.CountryFlag-flag-pic-KW {
    background-position: left 45.897%
}

.CountryFlag-flag-pic-JO {
    background-position: left 46.1206%
}

.CountryFlag-flag-pic-KG {
    background-position: center 46.3423%
}

.CountryFlag-flag-pic-LB {
    background-position: center 46.561%
}

.CountryFlag-flag-pic-OM {
    background-position: left 46.7857%
}

.CountryFlag-flag-pic-PK {
    background-position: center 47.0074%
}

.CountryFlag-flag-pic-PS {
    background-position: center 47.2291%
}

.CountryFlag-flag-pic-QA {
    background-position: center 47.4508%
}

.CountryFlag-flag-pic-SA {
    background-position: center 47.6725%
}

.CountryFlag-flag-pic-SY {
    background-position: center 47.8942%
}

.CountryFlag-flag-pic-AE {
    background-position: center 48.1159%
}

.CountryFlag-flag-pic-UZ {
    background-position: left 48.3376%
}

.CountryFlag-flag-pic-AS {
    background-position: right 48.5593%
}

.CountryFlag-flag-pic-AU {
    background-position: center 48.781%
}

.CountryFlag-flag-pic-CX {
    background-position: center 49.002%
}

.CountryFlag-flag-pic-CC {
    background-position: center 49.2244%
}

.CountryFlag-flag-pic-CK {
    background-position: center 49.4445%
}

.CountryFlag-flag-pic-FJ {
    background-position: center 49.6678%
}

.CountryFlag-flag-pic-PF {
    background-position: center 49.8895%
}

.CountryFlag-flag-pic-GU {
    background-position: center 50.1112%
}

.CountryFlag-flag-pic-KI {
    background-position: center 50.3329%
}

.CountryFlag-flag-pic-MH {
    background-position: left 50.5546%
}

.CountryFlag-flag-pic-FM {
    background-position: center 50.7763%
}

.CountryFlag-flag-pic-NC {
    background-position: center 50.998%
}

.CountryFlag-flag-pic-NZ {
    background-position: center 51.2197%
}

.CountryFlag-flag-pic-NR {
    background-position: left 51.4414%
}

.CountryFlag-flag-pic-NU {
    background-position: center 51.6631%
}

.CountryFlag-flag-pic-NF {
    background-position: center 51.8848%
}

.CountryFlag-flag-pic-WS {
    background-position: left 52.1065%
}

.CountryFlag-flag-pic-SB {
    background-position: left 52.3282%
}

.CountryFlag-flag-pic-TK {
    background-position: center 52.5499%
}

.CountryFlag-flag-pic-TO {
    background-position: left 52.7716%
}

.CountryFlag-flag-pic-TV {
    background-position: center 52.9933%
}

.CountryFlag-flag-pic-VU {
    background-position: left 53.215%
}

.CountryFlag-flag-pic-WF {
    background-position: center 53.4385%
}

.CountryFlag-flag-pic-MF {
    background-position: center 36.5875%
}

.CountryFlag-flag-pic-SJ {
    background-position: center 41.4649%
}

.CountryFlag-flag-pic-AC {
    background-image: url(/s3/passport-static/pwl-yandex/_/assets/d07cb1771d04db1e5025.png);
    background-size: contain
}

.CountryFlag-flag-pic-IO {
    background-image: url(/s3/passport-static/pwl-yandex/_/assets/f009fcafaa3bf24cee59.png);
    background-size: contain
}

.CountriesList-wrapper {
    background-color: var(--id-color-surface-elevated-0);
    padding: .5rem;
    text-align: center
}

.CountriesList-search-wrapper {
    background-clip: content-box;
    background-color: var(--id-color-surface-elevated-0);
    border-radius: 24px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .12);
    left: 0;
    padding: 8px;
    position: fixed;
    right: 0;
    top: 0
}

.CountriesList-list-wrapper {
    max-height: 368px;
    min-height: 3rem;
    padding-top: 64px;
    text-align: center
}

.CountriesList-scrollable {
    overflow: scroll
}

.CountriesList-list-item {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 1.25rem;
    padding: 0 .5rem;
    width: 100%
}

.CountriesList-flag {
    align-items: center;
    display: flex;
    font-size: 1.25rem
}

.CountriesList-country-name {
    align-items: center;
    display: flex;
    padding: 0 .25rem;
    text-align: start;
    width: 100%
}

.CountriesList-dial-code {
    align-items: center;
    direction: ltr;
    display: flex;
    justify-content: flex-end;
    min-width: 3rem;
    text-align: right
}

.CountriesList-clear-icon {
    color: var(--id-textfield-color);
    cursor: pointer;
    z-index: 1
}

.CountriesList-nothing {
    --id-text-color: var(--pwl-text-secondary);
    display: inline-block;
    position: relative;
    top: 1rem
}

.CountriesList-waiting-spinner {
    display: inline-block;
    margin: 1rem 0 .5rem
}

@media only screen and (max-width: 451px) {
    .virtual-keyboard-supported .CountriesList-wrapper {
        height: calc(100vh - 6rem - env(safe-area-inset-top))
    }

    .fixed-height .CountriesList-wrapper, .visual-viewport-supported .CountriesList-wrapper {
        max-height: 85vh;
        min-height: 85vh
    }

    .CountriesList-list-wrapper {
        max-height: 100%;
        min-height: auto
    }
}

.SocialList {
    --triple-dots-icon: url(/s3/passport-static/pwl-yandex/_/assets/22a439c715519bc48d7e.svg);
    margin-top: 1.5rem
}

.SocialList-more-button {
    background-image: var(--triple-dots-icon);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    height: 28px;
    position: relative;
    width: 28px
}

.SocialList-more-button-item {
    margin-bottom: 5px
}

.SocialList-more-button-content .SocialButton {
    justify-content: flex-start;
    width: 100%
}

.SocialList-more-button-content {
    margin: 5px
}

.SocialList-more-button-popup {
    border-radius: 10px
}

[data-theme=default][data-color=dark] .SocialList {
    --triple-dots-icon: url(/s3/passport-static/pwl-yandex/_/assets/bf3f01831b4953f5f584.svg)
}

.SocialButton-content {
    align-items: center;
    display: flex
}

.SocialButton-display-name {
    margin: 0 10px
}

.SocialIcon {
    --social-icon-vk: url(/s3/passport-static/pwl-yandex/_/assets/8c3c4798f5c3ac43ffbe.svg);
    --social-icon-fb: url(/s3/passport-static/pwl-yandex/_/assets/28c54dbd14072ac2617b.svg);
    --social-icon-tw: url(/s3/passport-static/pwl-yandex/_/assets/8a84c8742300a0d5e0b5.svg);
    --social-icon-mr: url(/s3/passport-static/pwl-yandex/_/assets/e7fad9ff5261e6e7ecff.svg);
    --social-icon-gg: url(/s3/passport-static/pwl-yandex/_/assets/363635f608c7c57b59b6.svg);
    --social-icon-ok: url(/s3/passport-static/pwl-yandex/_/assets/2fe96d4c350dacb25f11.svg);
    --social-icon-tg: url(/s3/passport-static/pwl-yandex/_/assets/7d783927b9c5df61eab6.svg);
    --social-icon-esia: url(/s3/passport-static/pwl-yandex/_/assets/dfa7c3e06ccfb216c45d.svg);
    --social-icon-apl: url(/s3/passport-static/pwl-yandex/_/assets/81e4c969f4f1f911e88e.svg);
    --social-icon-tv1001: url(/s3/passport-static/pwl-yandex/_/assets/b2185b0132b3b86a6a67.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    height: 28px;
    position: relative;
    width: 28px
}

.SocialIcon_provider_vk {
    background-image: var(--social-icon-vk)
}

.SocialIcon_provider_fb {
    background-image: var(--social-icon-fb)
}

.SocialIcon_provider_tw {
    background-image: var(--social-icon-tw)
}

.SocialIcon_provider_mr {
    background-image: var(--social-icon-mr)
}

.SocialIcon_provider_gg {
    background-image: var(--social-icon-gg)
}

.SocialIcon_provider_ok {
    background-image: var(--social-icon-ok)
}

.SocialIcon_provider_tg {
    background-image: var(--social-icon-tg)
}

.SocialIcon_provider_esia {
    background-image: var(--social-icon-esia)
}

.SocialIcon_provider_apl {
    background-image: var(--social-icon-apl)
}

.SocialIcon_provider_tv1001 {
    background-image: var(--social-icon-tv1001)
}

[data-theme=default][data-color=dark] .SocialIcon {
    --social-icon-vk: url(/s3/passport-static/pwl-yandex/_/assets/8c3c4798f5c3ac43ffbe.svg);
    --social-icon-fb: url(/s3/passport-static/pwl-yandex/_/assets/28c54dbd14072ac2617b.svg);
    --social-icon-tw: url(/s3/passport-static/pwl-yandex/_/assets/2db5993a2628c02dc43c.svg);
    --social-icon-mr: url(/s3/passport-static/pwl-yandex/_/assets/c2ac65da36f77a33e06f.svg);
    --social-icon-gg: url(/s3/passport-static/pwl-yandex/_/assets/9895dba200f318d10c37.svg);
    --social-icon-ok: url(/s3/passport-static/pwl-yandex/_/assets/2fe96d4c350dacb25f11.svg);
    --social-icon-tg: url(/s3/passport-static/pwl-yandex/_/assets/7d783927b9c5df61eab6.svg);
    --social-icon-esia: url(/s3/passport-static/pwl-yandex/_/assets/dfa7c3e06ccfb216c45d.svg);
    --social-icon-apl: url(/s3/passport-static/pwl-yandex/_/assets/93957027f9662e624816.svg);
    --social-icon-tv1001: url(/s3/passport-static/pwl-yandex/_/assets/b2185b0132b3b86a6a67.svg)
}

.ya_38b6319e {
    min-width: var(--id-banner-action-min-width)
}

.ya_ef948c22 {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    background: 0;
    border: 0;
    border-radius: calc(var(--id-banner-border-radius) - 4px);
    cursor: pointer;
    display: flex;
    height: 48px;
    inset-inline-end: 4px;
    justify-content: center;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    transition: background-color .15s ease-in-out;
    width: 48px;
    z-index: 1
}

.ya_fa76b227 {
    background-color: var(--id-color-default-bg-hovered)
}

.ya_31d331ab {
    background-color: var(--id-color-default-bg-pressed)
}

.ya_ef948c22:before {
    border-radius: var(--id-banner-border-radius);
    content: "";
    inset: -4px;
    pointer-events: none;
    position: absolute
}

.ya_fa77da3b:before {
    box-shadow: inset 0 0 0 2px var(--id-color-brand-border)
}

.ya_ef948c22:after {
    background-color: var(--id-color-surface-elevated-100);
    border-radius: 50%;
    content: "";
    height: 24px;
    position: absolute;
    width: 24px
}

.ya_71f4e3c5 {
    z-index: 1
}

.ya_c344fef0 {
    --id-banner-border-width: 2px
}

.ya_99638db2, .ya_c344fef0 {
    display: flex;
    position: relative;
    width: 100%
}

.ya_99638db2 {
    -webkit-tap-highlight-color: transparent;
    background-color: var(--id-banner-background);
    border-radius: var(--id-banner-border-radius);
    box-shadow: inset 0 0 0 var(--id-banner-border-width) var(--id-banner-border-color, transparent);
    box-sizing: border-box;
    color: var(--id-banner-color);
    flex-direction: column;
    gap: var(--id-banner-gap);
    justify-content: center;
    max-height: var(--id-banner-max-height);
    min-height: var(--id-banner-min-height);
    outline: 0;
    padding-bottom: var(--id-banner-inset-y);
    padding-top: var(--id-banner-inset-y);
    padding-inline: var(--id-banner-inset-x);
    text-decoration: none;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.ya_ce4228c9 {
    --id-banner-border-radius: 24px;
    --id-banner-gap: 16px;
    --id-banner-inset-x: 20px;
    --id-banner-inset-y: 16px;
    --id-banner-min-height: 72px;
    --id-banner-content-gap: 12px;
    --id-banner-heading-gap: 2px;
    --id-banner-title-font: var(--id-typography-text-m);
    --id-banner-description-font: var(--id-typography-text-s);
    --id-banner-action-min-width: 68px
}

.ya_b29b986b {
    --id-banner-border-radius: 24px;
    --id-banner-gap: 20px;
    --id-banner-inset-x: 24px;
    --id-banner-inset-y: 20px;
    --id-banner-min-height: 84px;
    --id-banner-content-gap: 12px;
    --id-banner-heading-gap: 4px;
    --id-banner-title-font: var(--id-typography-text-l);
    --id-banner-description-font: var(--id-typography-text-s);
    --id-banner-action-min-width: 92px
}

.ya_be8a7b5f {
    --id-banner-border-radius: 32px;
    --id-banner-gap: 20px;
    --id-banner-inset-x: 24px;
    --id-banner-inset-y: 24px;
    --id-banner-min-height: 120px;
    --id-banner-content-gap: 16px;
    --id-banner-heading-gap: 4px;
    --id-banner-title-font: var(--id-typography-heading-m);
    --id-banner-description-font: var(--id-typography-text-m);
    --id-banner-action-min-width: 92px
}

.ya_90f3bf93 .ya_99638db2 {
    cursor: pointer
}

.ya_e0103484 .ya_99638db2 {
    background-color: var(--id-banner-background-hovered)
}

.ya_a24e35d7 .ya_99638db2 {
    background-color: var(--id-banner-background-pressed)
}

.ya_53d16589 {
    --id-banner-background: var(--id-color-default-bg-base);
    --id-banner-background-hovered: var(--id-color-default-bg-hovered);
    --id-banner-background-pressed: var(--id-color-default-bg-pressed);
    --id-banner-color: var(--id-color-text-primary)
}

.ya_75cc1b6d {
    --id-banner-background: var(--id-color-status-negative-soft);
    --id-banner-background-hovered: var(--id-color-status-negative-soft-hovered);
    --id-banner-background-pressed: var(--id-color-status-negative-soft-pressed);
    --id-banner-color: var(--id-color-status-negative)
}

.ya_a11b2673 {
    --id-banner-background: transparent;
    --id-banner-background-hovered: var(--id-color-default-bg-hovered);
    --id-banner-background-pressed: var(--id-color-default-bg-pressed);
    --id-banner-color: var(--id-color-text-primary);
    --id-banner-border-color: var(--id-color-default-border)
}

.ya_99638db2:before {
    border-radius: calc(var(--id-banner-border-radius) + 2px);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(0);
    transition: inset .15s ease-in-out, box-shadow .15s ease-in-out
}

.ya_044aba7e:before {
    box-shadow: 0 0 0 2px var(--id-color-brand-border);
    inset: -2px
}

.ya_5f64b2c9 {
    align-items: center;
    display: flex;
    gap: var(--id-banner-content-gap);
    justify-content: center;
    z-index: 1
}

.ya_f0e9cb11 .ya_5f64b2c9 {
    max-width: 70%
}

.ya_a75a4399 {
    --id-heading-gap: var(--id-banner-heading-gap);
    flex-grow: 1
}

.ya_3af57dd2 {
    font: var(--id-banner-title-font)
}

.ya_86f2d872 {
    font: var(--id-banner-description-font)
}

.ya_671417f8 {
    display: flex;
    gap: 6px;
    z-index: 1
}

.ya_d4d82bb3 {
    margin-inline-start: -4px
}

.ya_051557fa, .ya_d4d82bb3 {
    display: flex;
    flex-shrink: 0
}

.ya_051557fa {
    margin-inline-end: -4px
}

.ya_c20b14b3 {
    border-bottom-right-radius: inherit;
    border-top-right-radius: inherit;
    bottom: 0;
    height: 100%;
    inset-inline-end: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

[dir=rtl] .ya_c20b14b3 {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit;
    transform: scaleX(-1)
}

.EulaExtendedAds-button {
    background: none;
    border: none;
    color: var(--id-color-text-secondary);
    cursor: pointer;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2
}

.EulaExtendedAds-button:active, .EulaExtendedAds-button:focus, .EulaExtendedAds-button:hover {
    color: var(--id-color-text-primary)
}

.EulaExtendedAds-button-wrapper {
    position: relative
}

.wemqIvJphM7yxFUR3KGZEg\=\= {
    --id-checkbox-background: var(--id-color-default-bg-base);
    --id-checkbox-background-hovered: var(--id-color-default-bg-hovered);
    --id-checkbox-background-pressed: var(--id-color-default-bg-pressed);
    --id-checkbox-background-disabled: var(--id-color-muted-bg);
    --id-checkbox-background-checked: var(--id-color-brand-bg-base);
    --id-checkbox-background-checked-hovered: var(--id-color-brand-bg-hovered);
    --id-checkbox-background-checked-pressed: var(--id-color-brand-bg-pressed);
    --id-checkbox-label-color: var(--id-color-text-primary);
    --id-checkbox-hint-color: var(--id-color-text-secondary);
    --id-checkbox-tick-color: var(--id-color-brand-text-on);
    --id-checkbox-tick-color-disabled: var(--id-color-muted-text)
}

._3e92egB9Qq3jQPY7c7iqZg\=\= {
    --new-yango-background-active: #fa3e2c;
    --new-yango-main-color: #ff4930;
    --id-checkbox-background-checked: var(--new-yango-main-color);
    --id-checkbox-background-checked-hovered: var(--new-yango-background-active);
    --id-checkbox-background-checked-pressed: var(--new-yango-background-active)
}

.RSJyCMozs2CwstrRkpe2DA\=\= {
    --new-yango-background-active: #9c38ff;
    --new-yango-main-color: #9c38ff;
    --id-checkbox-background-checked: var(--new-yango-main-color);
    --id-checkbox-background-checked-hovered: var(--new-yango-background-active);
    --id-checkbox-background-checked-pressed: var(--new-yango-background-active)
}

.ya_35ce9244 {
    --id-checkbox-border-radius: 8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: inline-flex;
    gap: var(--id-checkbox-inner-gap, 12px);
    min-height: var(--id-checkbox-min-height, 40px);
    padding-top: var(--id-checkbox-out-gap, 8px);
    position: relative;
    vertical-align: middle
}

.ya_486956a7 {
    cursor: pointer;
    height: 100%;
    left: calc(var(--id-checkbox-out-gap, 8px) * -1);
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(100% + var(--id-checkbox-out-gap, 8px) * 2);
    z-index: 1
}

.ya_c78584c0 .ya_486956a7 {
    cursor: not-allowed
}

.ya_f4294277 {
    align-items: center;
    background-color: var(--id-checkbox-background, transparent);
    border-radius: var(--id-checkbox-border-radius);
    box-shadow: inset 0 0 0 var(--id-checkbox-border-width, 2px) var(--id-checkbox-border-color, transparent);
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: var(--id-checkbox-size, 24px);
    justify-content: center;
    position: relative;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: var(--id-checkbox-size, 24px)
}

.ya_f4294277:before {
    border-radius: calc(var(--id-checkbox-border-radius) + 2px);
    box-shadow: 0 0 0 2px var(--id-checkbox-focus-color, var(--id-color-brand-border));
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.ya_25a360bf .ya_f4294277:before {
    margin: -2px;
    opacity: 1;
    visibility: visible
}

.ya_e99a9845 .ya_f4294277 {
    background-color: var(--id-checkbox-background-hovered)
}

.ya_34ecce27 .ya_f4294277 {
    background-color: var(--id-checkbox-background-pressed)
}

.ya_bf117f57 .ya_f4294277 {
    background-color: var(--id-checkbox-background-checked);
    box-shadow: none
}

.ya_c78584c0 .ya_f4294277 {
    background-color: var(--id-checkbox-background-disabled);
    box-shadow: none
}

.ya_bf117f57.ya_e99a9845 .ya_f4294277 {
    background-color: var(--id-checkbox-background-checked-hovered)
}

.ya_bf117f57.ya_34ecce27 .ya_f4294277 {
    background-color: var(--id-checkbox-background-checked-pressed)
}

.ya_18d90841 {
    color: var(--id-checkbox-tick-color);
    height: var(--id-checkbox-tick-size, 16px);
    width: var(--id-checkbox-tick-size, 16px)
}

.ya_bf117f57 .ya_18d90841 {
    stroke-dashoffset: 0;
    transition: .1s ease .1s
}

.ya_c78584c0 .ya_18d90841 {
    color: var(--id-checkbox-tick-color-disabled)
}

.ya_12f450ee {
    color: var(--id-checkbox-label-color);
    display: flex;
    flex-direction: column;
    font: var(--id-typography-text-m);
    font-size: var(--id-checkbox-font-size, 16px);
    font-weight: var(--id-checkbox-font-weight, 400);
    gap: 2px;
    line-height: var(--id-checkbox-line-height, 20px);
    padding: 2px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.ya_0d1bb68d {
    color: var(--id-checkbox-hint-color);
    font: var(--id-typography-text-s)
}

.ya_d8253f47 {
    --id-checkbox-background: var(--id-color-default-bg-base);
    --id-checkbox-label-color: var(--id-color-text-primary);
    --id-checkbox-hint-color: var(--id-color-text-secondary);
    --id-checkbox-tick-color: var(--id-color-brand-text-on);
    --id-checkbox-tick-color-disabled: var(--id-color-muted-text)
}

.ya_b2d89c50, .ya_d8253f47 {
    --id-checkbox-background-hovered: var(--id-color-default-bg-hovered);
    --id-checkbox-background-pressed: var(--id-color-default-bg-pressed);
    --id-checkbox-background-disabled: var(--id-color-muted-bg);
    --id-checkbox-background-checked: var(--id-color-brand-bg-base);
    --id-checkbox-background-checked-hovered: var(--id-color-brand-bg-hovered);
    --id-checkbox-background-checked-pressed: var(--id-color-brand-bg-pressed)
}

.ya_b2d89c50 {
    --id-checkbox-border-color: var(--id-color-default-border);
    --id-checkbox-label-color: var(--id-color-text-primary);
    --id-checkbox-hint-color: var(--id-color-text-secondary);
    --id-checkbox-tick-color: var(--id-color-brand-text-on);
    --id-checkbox-tick-color-disabled: var(--id-color-muted-text)
}

.EulaFactory-checkbox.EulaFactory-checkbox_with-error {
    --id-checkbox-border-color: var(--id-color-status-negative)
}

.ErrorHint-error-message {
    color: var(--id-color-status-negative);
    margin: .5rem 0;
    text-align: start
}

.auth-footer {
    display: flex;
    flex-direction: column;
    margin-top: var(--pwl-section-margin)
}

.NotificationDialog {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 30
}

.NotificationDialog-underlay {
    background-color: var(--id-color-surface-overlay);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.NotificationDialog-dialog {
    background-color: var(--id-color-surface-elevated-0);
    border-radius: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 16px 16px;
    position: absolute;
    width: 312px;
    z-index: 2
}

@media only screen and (max-width: 451px) {
    .NotificationDialog-dialog {
        width: calc(100% - 48px)
    }
}

.svg-icon {
    color: var(--id-svg-icon-color);
    display: inline-flex
}

[dir=rtl] .svg-icon[data-reverse-rtl=true] {
    transform: scale(-1)
}

.passp-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.passp-bg.split-passp-bg {
    border-radius: 30px;
    margin: 20px 15px;
    order: 2;
    position: static;
    z-index: inherit
}

.passp-bg.split-passp-bg:before {
    display: none
}

.passp-bg.bg-transparent {
    background-color: transparent;
    background-image: none
}

.passp-bg.bg-transparent:before {
    background: transparent
}

.passp-bg:before {
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

[data-theme=default][data-color=dark] .passp-bg:before {
    background: rgba(0, 0, 0, .5)
}

[data-theme=default][data-color=dark] .passp-bg.bg-transparent:before {
    background: transparent
}

.passp-bg_no-darken:before {
    background: none
}

.passp-bg_default {
    background-color: var(--id-color-bg-default)
}

@media only screen and (max-width: 450px) {
    .passp-bg {
        display: none
    }
}

.track-updater {
    display: none
}

.phone-mask--active {
    color: #000;
}

[data-testid="text-field-input"] {
    caret-color: transparent;
}