@layer ds-foundation,ds-platform,ds-modules,ds-contract;@layer ds-foundation{@layer tokens,base,layout,components;@layer tokens{:root{--color-primary-base: rgb(96, 38, 254);--color-primary-80: rgb(125, 82, 254);--color-primary-70: rgb(141, 104, 254);--color-primary-60: rgb(157, 125, 254);--color-primary-50: rgb(176, 147, 255);--color-primary-40: rgb(193, 169, 255);--color-primary-30: rgb(208, 190, 255);--color-primary-20: rgb(223, 212, 255);--color-primary-10: rgb(239, 233, 255);--color-primary-5: rgb(247, 243, 255);--color-red-base: #f24343;--color-red-80: #f16a6a;--color-red-50: #f69f9f;--color-red-35: #fac4c4;--color-red-20: #fcdada;--color-red-15: #ffe6e6;--color-orange-base: #f97316;--color-orange-80: #fb8f44;--color-orange-50: #fdba74;--color-orange-35: #fed7aa;--color-orange-20: #ffedd5;--color-orange-15: #fff7ed;--color-yellow-base: #eab308;--color-yellow-80: #facc15;--color-yellow-50: #fde047;--color-yellow-35: #fef08a;--color-yellow-20: #fef9c3;--color-yellow-15: #fefce8;--color-green-base: #22c55e;--color-green-80: #4ade80;--color-green-50: #86efac;--color-green-35: #bbf7d0;--color-green-20: #dcfce7;--color-green-15: #f0fdf4;--color-black-base: #0f172a;--color-black-80: #1e293b;--color-black-70: #334155;--color-black-60: #475569;--color-black-50: #64748b;--color-black-40: #96a1b1;--color-black-30: #c2ccd8;--color-black-20: #e2e8f0;--color-black-10: #f1f5f9;--color-black-5: #f8fafc;--color-white: #fff;--color-black-alpha-06: rgba(15, 23, 42, .06);--color-black-alpha-08: rgba(15, 23, 42, .08);--color-black-alpha-10: rgba(15, 23, 42, .1);--color-black-alpha-12: rgba(15, 23, 42, .12);--color-black-alpha-24: rgba(15, 23, 42, .24);--color-black-alpha-26: rgba(15, 23, 42, .26);--color-black-alpha-28: rgba(15, 23, 42, .28);--color-black-alpha-36: rgba(15, 23, 42, .36);--color-black-alpha-42: rgba(15, 23, 42, .42);--color-black-alpha-58: rgba(15, 23, 42, .58);--color-elevation-alpha-06: rgba(26, 32, 44, .06);--color-elevation-alpha-12: rgba(26, 32, 44, .12);--color-primary-alpha-12: rgba(96, 38, 254, .12);--color-primary-alpha-16: rgba(96, 38, 254, .16);--color-primary-alpha-18: rgba(96, 38, 254, .18);--color-primary-alpha-20: rgba(96, 38, 254, .2);--color-primary-alpha-35: rgba(96, 38, 254, .35);--color-auth-primary-alpha-14: rgba(91, 54, 242, .14);--color-auth-primary-alpha-22: rgba(91, 54, 242, .22);--color-auth-primary-alpha-25: rgba(91, 54, 242, .25);--color-green-alpha-12: rgba(34, 197, 94, .12);--color-danger-emphasis-alpha-12: rgba(220, 38, 38, .12);--color-danger-gradient-alpha-12: rgba(239, 68, 68, .12);--color-warning-alpha-14: rgba(245, 158, 11, .14);--color-red-alpha-14: rgba(242, 67, 67, .14);--color-white-alpha-32: rgba(255, 255, 255, .32);--color-white-alpha-70: rgba(255, 255, 255, .7);--color-surface-page: var(--color-black-5);--color-vnc-canvas: #030712;--color-surface: var(--color-white);--color-surface-muted: var(--color-black-10);--color-surface-hover: var(--color-black-20);--color-text-primary: var(--color-black-base);--color-text-secondary: var(--color-black-50);--color-text-muted: var(--color-black-40);--color-text-inverse: var(--color-white);--color-border: var(--color-black-20);--color-border-control: var(--color-black-30);--color-accent: var(--color-primary-base);--color-danger: var(--color-red-base);--status-success-foreground: #82c43c;--status-success-base: var(--status-success-foreground);--status-success-text: var(--status-success-foreground);--status-success-surface: #ecf6e2;--status-success-surface-soft: #edf8e5;--status-running-foreground: #7d52fe;--status-running-surface: #efe9ff;--status-queued-foreground: #b7791f;--status-queued-surface: #fff6e3;--status-waiting-foreground: #c65d1e;--status-waiting-surface: #ffefe4;--status-cancelled-foreground: #7a695a;--status-cancelled-surface: #f4f1ee;--status-unknown-foreground: #b7791f;--status-unknown-surface: #fff4d8;--status-warning-base: #f59e0b;--status-warning-strong: #b45309;--status-warning-foreground: #ff8a3d;--status-warning-surface: #feeee3;--status-progress-foreground: #ff974a;--status-progress-surface: #ffefe4;--status-attention-base: #ffc542;--status-attention-indicator: #ffcf62;--status-attention-surface: #fff6e3;--status-danger-strong: #b91c1c;--status-danger-emphasis: #dc2626;--status-danger-foreground: #ff3b3b;--status-danger-surface: #ffe2e2;--status-danger-surface-soft: #fee2e2;--status-info-base: #2f80ed;--table-divider-strong: #dbe4ee;--table-divider-width: 1px;--table-divider-height: 32px;--control-primary-gradient-start: #6f3bfe;--control-primary-hover: #7b4df6;--control-primary-ripple: #a98bf9;--control-primary-feedback: #5a21f4;--control-primary-feedback-surface: #ded3fd;--control-primary-disabled-border: #b9a6fb;--control-primary-hover-surface: #f8f5ff;--control-primary-active-surface: #ede7fe;--control-danger-hover: #e64a4a;--control-danger-gradient-end: #ef4444;--control-danger-border: #f4b4b4;--control-danger-hover-surface: #fff7f7;--control-danger-active-surface: #ffd6d6;--control-danger-gradient-surface-start: #fff5f5;--control-danger-gradient-surface-end: #fde8e8;--navigation-active-surface: #efe9fe;--navigation-active-ripple: #c9b6fb;--auth-method-border: #f0ebff;--auth-supporting-text: #44444f;--gradient-primary-hover: linear-gradient( 180deg, var(--control-primary-gradient-start) 0%, var(--color-accent) 100% );--gradient-primary-soft: linear-gradient( 180deg, var(--color-primary-5) 0%, var(--color-primary-10) 100% );--gradient-danger-hover: linear-gradient( 180deg, var(--color-red-80) 0%, var(--control-danger-gradient-end) 100% );--gradient-danger-soft: linear-gradient( 180deg, var(--control-danger-gradient-surface-start) 0%, var(--control-danger-gradient-surface-end) 100% );--gradient-grey-hover: linear-gradient( 180deg, var(--color-surface) 0%, var(--color-surface-page) 100% );--gradient-grey-soft: linear-gradient( 180deg, var(--color-surface) 0%, var(--color-surface-muted) 100% );--font-family-base: "Inter", arial, sans-serif;--font-size-base: 14px;--font-size-sm: 12px;--font-size-lg: 16px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 120%;--font-page-title: 24px;--font-page-description: 14px;--font-table-header: 12px;--font-table-cell: 14px;--font-form-label: 12px;--font-button: 14px;--size-control-height: 48px;--size-table-row: 64px;--size-modal-width: 396px;--size-action-column: 56px;--size-close-button: 32px;--dropdown-chevron-optical-offset-y: 1px;--z-base: 0;--z-sticky: 100;--z-dropdown: 1000;--z-row-menu: 2000;--z-modal: 3000;--z-toast: 4000;--z-progress: 5000;--table-header-font-size: var(--font-table-header);--table-header-font-weight: var(--font-weight-medium);--table-header-line-height: var(--line-height-base);--table-header-letter-spacing: .2px;--table-header-color: var(--color-text-secondary);--table-header-text-transform: uppercase;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px var(--color-black-alpha-06);--shadow-md: 0 8px 24px var(--color-black-alpha-08);--focus-ring-color: var(--color-primary-40);--focus-ring-width: 2px;--focus-ring-offset: 3px;--focus-ring-radius: var(--radius-sm)}}@layer base{@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400 700;src:url(/frontend/fonts/inter/inter-cyrillic-wght-400-700-v5.2.8-r2.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400 700;src:url(/frontend/fonts/inter/inter-latin-wght-400-700-v5.2.8-r2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;text-size-adjust:100%}body{min-height:100%;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{color:inherit}img,svg{display:block}}@layer base{body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-black-base);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-h1{--heading-h1-font-size: 40px;--heading-h1-line-height: 115%;--heading-h1-letter-spacing: -.5px;margin:0;font-size:var(--heading-h1-font-size);font-weight:var(--font-weight-bold);line-height:var(--heading-h1-line-height);letter-spacing:var(--heading-h1-letter-spacing)}.body-medium-medium,.body-medium-bold,.body-small-regular{line-height:120%}.body-medium-medium{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.2px}.body-medium-bold{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.body-small-regular{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}a:focus,button:focus,[role=button]:focus{outline:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary-40));outline-offset:var(--focus-ring-offset, 3px);border-radius:var(--focus-ring-radius, var(--radius-sm))}}@layer layout{.grid{display:grid}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-xl)}.stack{display:flex;flex-direction:column}.stack--center{align-items:center}}@layer components{.form-stack{--form-stack-gap: var(--spacing-lg);display:flex;flex-direction:column;align-items:stretch;gap:var(--form-stack-gap)}}@layer components{.field{--field-height: var(--size-control-height);--field-floating-label-left: 12px;--field-floating-label-top: -6.5px;--field-floating-label-height: 14px;--field-action-size: 24px;--field-action-offset: 12px;position:relative;display:flex;flex:none;width:100%;height:var(--field-height)}.field__label{pointer-events:none}.field__label[data-floating-label]{display:none}.field:focus-within>.field__label[data-floating-label],.field:has(.input:not(:placeholder-shown))>.field__label[data-floating-label]{position:absolute;top:var(--field-floating-label-top);left:var(--field-floating-label-left);z-index:var(--z-sticky);display:flex;flex:none;order:1;flex-grow:0;align-items:center;justify-content:center;width:max-content;height:var(--field-floating-label-height);padding:0 4px;gap:10px;background:var(--color-white);color:var(--color-black-40);font-family:var(--font-family-base);font-style:normal;font-weight:var(--font-weight-regular);font-size:var(--font-form-label);line-height:120%}.input{--input-height: var(--size-control-height);--input-padding-y: 13px;--input-padding-x: 16px;--input-padding-block-start: var(--input-padding-y);--input-padding-block-end: var(--input-padding-y);--input-gap: 12px;--input-border-color: var(--color-black-30);--input-focus-border-color: var(--color-primary-base);--input-invalid-border-color: var(--color-red-base);box-sizing:border-box;display:flex;flex:none;order:0;flex-grow:0;align-items:center;align-self:stretch;width:100%;height:var(--input-height);padding:var(--input-padding-block-start) var(--input-padding-x) var(--input-padding-block-end);gap:var(--input-gap);isolation:isolate;border:1px solid var(--input-border-color);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-black-base);font-family:var(--font-family-base);font-style:normal;font-size:var(--font-table-cell);font-weight:var(--font-weight-medium);line-height:120%;letter-spacing:.2px;outline:none;transition:border-color .16s ease}.field--has-action .input{padding-right:calc(var(--field-action-size) + var(--field-action-offset) * 2 + 4px)}.field__action{position:absolute;top:50%;right:var(--field-action-offset);z-index:var(--z-sticky);display:inline-flex;align-items:center;justify-content:center;width:var(--field-action-size);height:var(--field-action-size);padding:0;border:0;background:transparent;color:var(--color-black-40);cursor:pointer;transform:translateY(-50%)}.field__action:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary-40));outline-offset:2px;border-radius:var(--focus-ring-radius, var(--radius-sm))}.field__action-icon{display:block;flex:none;width:var(--field-action-size);height:var(--field-action-size);pointer-events:none}.field__action-icon--visible,.field__action.is-password-visible .field__action-icon--hidden{display:none}.field__action.is-password-visible .field__action-icon--visible{display:block}.input::placeholder{color:var(--color-black-base);opacity:1}.input:focus::placeholder{color:transparent}.input:focus{border-color:var(--input-focus-border-color);box-shadow:none}.input[readonly]{color:var(--color-black-40);cursor:default}.input[readonly]:focus{border-color:var(--input-border-color)}.input[aria-invalid=true],.input[aria-invalid=true]:focus{border-color:var(--input-invalid-border-color)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{box-shadow:0 0 0 1000px var(--color-white) inset;-webkit-text-fill-color:var(--color-black-base);caret-color:var(--color-black-base)}}@layer components{.checkbox{display:inline-flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;user-select:none}.checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.checkbox__box{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--color-black-30);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-white);transition:border-color .16s ease,background .16s ease}.checkbox__icon{display:block;flex:none;width:20px;height:20px;opacity:0;pointer-events:none;transition:opacity .16s ease}.checkbox__input:checked+.checkbox__box{border-color:var(--color-primary-base);background:var(--color-primary-base)}.checkbox__input:checked+.checkbox__box .checkbox__icon{opacity:1}.checkbox__input:focus-visible+.checkbox__box{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary-40));outline-offset:var(--focus-ring-offset, 3px)}.checkbox__label{color:var(--color-black-50);font-size:14px;font-weight:var(--font-weight-medium);line-height:120%;letter-spacing:.2px}}@layer components{.button{--button-height: 48px;--button-padding-x: 32px;--button-gap: 10px;--button-ripple-color: var(--control-primary-ripple);position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);min-height:var(--button-height);padding:0 var(--button-padding-x);gap:var(--button-gap);overflow:hidden;border-radius:var(--radius-lg);font-size:var(--font-button);font-weight:var(--font-weight-bold);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;outline:none;box-shadow:none;transform:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease;-webkit-tap-highlight-color:transparent}.button:focus{outline:none;box-shadow:none;transform:none}.button:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary-40));outline-offset:var(--focus-ring-offset, 3px);box-shadow:none;transform:none}.button:active{transform:none}.button--primary{--button-background: var(--color-primary-base);--button-ripple-color: var(--control-primary-ripple);background-color:var(--button-background);color:var(--color-white)}.button--primary:hover,.button--primary:hover:active{background-color:var(--control-primary-hover)}.button--outline-primary{--button-background: var(--color-white);--button-ripple-color: var(--color-auth-primary-alpha-25);border:1px solid var(--color-primary-base);background-color:var(--button-background);color:var(--color-primary-base)}.button--outline-primary:focus,.button--outline-primary:active,.button--outline-primary:focus-visible{background-color:var(--button-background)}.button--outline-primary:hover,.button--outline-primary:hover:active,.button--outline-primary:hover:focus-visible{border-color:var(--control-primary-disabled-border);background-color:var(--control-primary-active-surface)}.button--full{width:100%}.button .ripple{position:absolute;z-index:var(--z-base);border-radius:50%;transform:scale(0);background:var(--button-ripple-color);pointer-events:none;animation:ripple-anim .6s linear}.button span.label{position:relative;z-index:var(--z-sticky);display:inline-flex;align-items:center;justify-content:center;min-height:100%;gap:inherit;line-height:1;pointer-events:none}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}}@layer components{.link{--link-color: var(--color-primary-base);--link-font-size: var(--font-size-base);--link-letter-spacing: .2px;--link-line-height: 120%;color:var(--link-color);font-family:var(--font-family-base);font-style:normal;font-size:var(--link-font-size);font-weight:var(--font-weight-medium);line-height:var(--link-line-height);letter-spacing:var(--link-letter-spacing);text-decoration:none}.link--primary{--link-color: var(--color-primary-base)}.link:hover,.link:focus,.link:focus-visible{text-decoration:none}}@layer components{.card{--card-background: var(--color-white);--card-border-radius: var(--radius-lg);background:var(--card-background);border-radius:var(--card-border-radius)}.alert{--alert-min-height: 48px;--alert-padding: 14px 16px;--alert-icon-width: 28px;--alert-icon-size: 20px;--alert-icon-padding: 0 8px 0 0;--alert-content-width: 320px;--alert-title-min-height: 19px;--alert-close-width: 36px;--alert-close-padding: 0 0 0 16px;display:flex;flex-direction:row;align-items:flex-start;min-height:var(--alert-min-height);padding:var(--alert-padding);border-radius:var(--radius-lg)}.alert--danger{background:var(--color-red-15);color:var(--color-red-base)}.alert__icon{display:flex;flex:none;flex-direction:row;align-items:flex-start;width:var(--alert-icon-width);height:var(--alert-icon-size);padding:var(--alert-icon-padding)}.alert__icon-svg,.alert__close-svg{display:block;flex:none;width:var(--alert-icon-size);height:var(--alert-icon-size);object-fit:contain}.alert__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;width:var(--alert-content-width);min-width:0;min-height:var(--alert-title-min-height);padding:0}.alert__title{width:100%;min-height:var(--alert-title-min-height);margin:0;color:currentcolor;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:600;line-height:120%;letter-spacing:.2px;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.alert__close{position:relative;display:flex;flex:none;flex-direction:row;align-items:flex-start;width:var(--alert-close-width);height:var(--alert-icon-size);padding:var(--alert-close-padding);border:0;background:transparent;color:currentcolor;cursor:pointer}.alert__close:focus-visible{outline:none}.alert__close:focus-visible:after{content:"";position:absolute;top:50%;right:0;width:var(--alert-icon-size);height:var(--alert-icon-size);border-radius:var(--focus-ring-radius, var(--radius-sm));outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-primary-40));outline-offset:2px;transform:translateY(-50%);pointer-events:none}.alert.is-hidden,.alert[hidden]{display:none}}}@layer ds-modules{.auth-page{width:100%;min-width:0;min-height:100vh;min-height:100dvh;padding:24px;display:grid;place-items:center;background:var(--color-black-5);overflow:auto}.auth-page__shell{display:flex;flex-direction:column;align-items:center;width:416px;max-width:100%;height:auto;gap:24px}.auth-page__logo{width:167px;height:28px;flex:none}.auth-page__logo-svg{display:block;width:167px;height:28px}.auth-page__panel{display:flex;flex:none;flex-direction:column;align-items:flex-start;width:416px;max-width:100%;min-width:0;height:auto}.auth-card{display:flex;flex:none;flex-direction:column;justify-content:center;align-items:center;width:416px;max-width:100%;height:355px;padding:24px;gap:24px;background:var(--color-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.auth-card__title{flex:none;width:130px;height:46px;margin:0;color:var(--color-black-base);font-size:40px;font-weight:var(--font-weight-bold);line-height:115%;letter-spacing:-.5px}.auth-form{display:flex;flex:none;flex-direction:column;align-items:flex-start;width:368px;height:237px;gap:20px}.auth-form__input{width:368px}.auth-form__meta{display:grid;grid-template-columns:minmax(0,1fr) max-content;flex:none;align-items:center;width:368px;height:33px;gap:10px}.auth-form__remember{display:inline-flex;align-items:center;flex:none;width:auto;min-width:0;height:24px}.auth-form__remember .checkbox__label{width:auto;min-width:0;height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form__forgot{flex:none;width:auto;min-width:max-content;height:17px;text-align:right;white-space:nowrap}.auth-form__submit{flex:none;width:368px;height:48px}.auth-page__alert{flex:none;width:416px;max-width:100%;min-width:0;min-height:48px;box-sizing:border-box;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.auth-page__alert--success{background:var(--status-success-surface);color:var(--status-success-text)}.auth-page__alert.is-hidden,.auth-page__alert[hidden]{display:none}.auth-page__alert .alert__content{flex:1 1 0;width:auto;min-width:0}.auth-page__panel--alert-hidden .auth-card{border-radius:var(--radius-lg)}.auth-page__panel--login-notification{height:403px}.auth-page__notice{position:fixed;left:50%;bottom:16px;width:494px;max-width:calc(100% - 48px);min-height:28px;margin:0;transform:translate(-50%);color:var(--auth-supporting-text);font-size:12px;font-weight:var(--font-weight-regular);line-height:120%;text-align:center}.auth-page__notice-link{color:inherit;text-decoration:none}.auth-page__panel--verification{align-items:center}.auth-card--verification{height:284px;border-radius:var(--radius-lg)}.auth-page__panel--verification-notification{height:332px}.auth-page__panel--verification-notification:has(.auth-card--verification-with-selector){height:auto}.auth-page__panel--verification-notification .auth-card--verification{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.auth-page__panel--verification-notification.auth-page__panel--alert-hidden .auth-card--verification{border-radius:var(--radius-lg)}.auth-card__header{display:flex;flex:none;flex-direction:column;align-items:center;width:368px;gap:var(--spacing-xs)}.auth-card__header--verification{height:88px}.auth-card__title--verification{width:222px;text-align:center}.auth-card__description{flex:none;width:368px;min-height:34px;margin:0;color:var(--color-black-base);font-size:14px;font-weight:var(--font-weight-regular);line-height:120%;text-align:center}.auth-card__description-highlight{font-weight:var(--font-weight-bold)}[data-auth-method-selector-mount]:empty{display:none}[data-auth-method-selector-mount]:not(:empty){width:100%}.auth-method-selector{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:368px;max-width:100%;height:48px;gap:var(--spacing-sm);box-sizing:border-box}.auth-method-selector__option{position:relative;overflow:hidden;--auth-method-ripple-color: var(--color-auth-primary-alpha-14);display:flex;flex:none;min-width:0;height:48px;align-items:center;justify-content:flex-start;gap:10px;padding:8px 12px;border:0;border-radius:var(--radius-lg);background:var(--color-black-5);color:var(--color-black-60);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:120%;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .25s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent}.auth-method-selector__option:hover{background:var(--color-black-5)}.auth-method-selector__option:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.auth-method-selector__option.is-active{--auth-method-ripple-color: var(--color-auth-primary-alpha-22);background:var(--color-primary-5);color:var(--color-primary-base);box-shadow:none}.auth-method-selector__option:active{transform:translateY(1px)}.auth-method-selector__option-icon-box{position:relative;z-index:var(--z-sticky);display:inline-flex;flex:none;width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;color:var(--color-black-60);transition:color .16s ease}.auth-method-selector__option.is-active .auth-method-selector__option-icon-box{background:transparent;color:var(--color-primary-base)}.auth-method-selector__option-label{position:relative;z-index:var(--z-sticky);pointer-events:none}.auth-method-selector__option .ripple{position:absolute;z-index:var(--z-base);border-radius:50%;transform:scale(0);background:var(--auth-method-ripple-color);pointer-events:none;animation:auth-method-ripple-anim .6s linear}@keyframes auth-method-ripple-anim{to{transform:scale(4);opacity:0}}.auth-method-selector__option-icon{flex:none;display:block;width:24px;height:24px;color:currentcolor}.auth-card--verification-with-selector{height:auto;min-height:368px;gap:var(--spacing-xl)}.auth-card__header--verification-with-selector{height:auto}.auth-verification-form{display:flex;flex:none;flex-direction:column;align-items:center;width:368px;height:120px;gap:var(--spacing-xl)}.auth-code,.auth-yubikey{display:flex;flex:none;flex-direction:row;align-items:flex-start;width:368px;min-inline-size:0;height:48px;margin:0;padding:0;gap:var(--spacing-xs);border:0}.auth-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;align-self:stretch;gap:var(--spacing-sm)}.auth-code.is-hidden,.auth-code[hidden],.auth-yubikey.is-hidden,.auth-yubikey[hidden]{display:none}.auth-code__field{flex:none;width:100%;min-width:0;height:48px}.auth-yubikey{height:48px}.auth-yubikey__field{width:100%;height:48px}.auth-code__input{width:100%;height:48px;padding:var(--input-padding-block-start) 0 var(--input-padding-block-end);text-align:center}.auth-yubikey__input{width:100%;height:48px;padding:var(--input-padding-block-start) 16px var(--input-padding-block-end)}.auth-verification-form__actions{display:flex;flex:none;flex-direction:row;align-items:flex-start;width:368px;height:48px;gap:var(--spacing-xl)}.auth-verification-form__back,.auth-verification-form__verify{flex:1 1 0;width:172px;height:48px}.auth-page__panel--password-recovery{align-items:center;height:347px}.auth-card--password-recovery{height:347px;border-radius:var(--radius-lg)}.auth-page__panel--password-recovery-notification{height:395px}.auth-page__panel--password-recovery-notification .auth-card--password-recovery{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.auth-page__panel--password-recovery-notification.auth-page__panel--alert-hidden .auth-card--password-recovery{border-radius:var(--radius-lg)}.auth-card__header--password-recovery{height:159px;gap:var(--spacing-md)}.auth-card__title--password-recovery{width:368px;height:92px;text-align:center}.auth-card__description--password-recovery{height:51px}.auth-recovery-form{display:flex;flex:none;flex-direction:column;align-items:flex-start;width:368px;height:116px;gap:var(--spacing-lg)}.auth-recovery-form__input{flex:none;width:368px;height:48px}.auth-page__notice-link--primary{color:var(--color-primary-base)}.auth-page__panel--reset-password{align-items:center;height:416px}.auth-card--reset-password{height:416px;border-radius:var(--radius-lg)}.auth-page__panel--reset-password-notification{height:464px}.auth-page__panel--reset-password-notification .auth-card--reset-password{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.auth-page__panel--reset-password-notification.auth-page__panel--alert-hidden .auth-card--reset-password{border-radius:var(--radius-lg)}.auth-card__title--reset-password{width:198px;height:92px}.auth-reset-form{display:flex;flex:none;flex-direction:column;align-items:flex-start;width:368px;height:252px;gap:var(--spacing-lg)}.auth-reset-form__input,.auth-reset-form__submit{flex:none;width:368px;height:48px}@media(width<=767px){.auth-page{min-width:0;min-height:100vh;padding:24px 16px 72px;overflow-x:hidden}.auth-page__shell{width:calc(100% - 32px);height:auto}.auth-page__panel,.auth-card,.auth-card__header,.auth-card__description,.auth-method-selector,.auth-form,.auth-form__input,.auth-form__meta,.auth-form__submit,.auth-verification-form,.auth-code,.auth-yubikey,.auth-verification-form__actions,.auth-page__alert,.auth-recovery-form,.auth-recovery-form__input,.auth-recovery-form__submit,.auth-reset-form,.auth-reset-form__input,.auth-reset-form__submit{width:100%;max-width:100%;min-width:0}.auth-card,.auth-card__header--verification,.auth-verification-form,.auth-page__panel--verification,.auth-page__panel--verification-notification,.auth-card--verification,.auth-page__panel--password-recovery,.auth-page__panel--password-recovery-notification,.auth-card--password-recovery,.auth-card__header--password-recovery,.auth-recovery-form,.auth-page__panel--reset-password,.auth-page__panel--reset-password-notification,.auth-card--reset-password,.auth-reset-form{height:auto}.auth-card__description{height:auto;overflow-wrap:break-word}.auth-method-selector__option{padding:8px 10px;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.auth-method-selector__option-icon-box{width:30px;height:30px}.auth-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;align-self:auto;gap:var(--spacing-sm)}.auth-code.is-hidden,.auth-code[hidden],.auth-yubikey.is-hidden,.auth-yubikey[hidden]{display:none}.auth-code__field,.auth-code__input{width:100%;min-width:0}.auth-code__field{flex-basis:auto}.auth-verification-form__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-md)}.auth-verification-form__back,.auth-verification-form__verify,.auth-card__title--password-recovery,.auth-card__description--password-recovery,.auth-card__title--reset-password{width:100%}}@media(width<=359px){.auth-code{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.auth-verification-form__actions{gap:var(--spacing-sm)}}.auth-demo-toolbar{position:fixed;top:20px;left:20px;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 40px);padding:8px;border:1px solid var(--color-black-10);border-radius:var(--radius-xl);background:var(--color-white);box-shadow:0 12px 32px var(--color-black-alpha-08)}.auth-demo-toolbar__label{padding:0 6px;color:var(--color-black-60);font-size:var(--font-size-xs);font-weight:500;line-height:32px;white-space:nowrap}.auth-demo-toolbar__button{min-height:32px;padding:0 12px;border:0;border-radius:var(--radius-lg);background:var(--color-black-5);color:var(--color-black-70);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);font-weight:500;line-height:32px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.auth-demo-toolbar__button:hover{background:var(--color-black-5)}.auth-demo-toolbar__button.is-active{background:var(--color-primary-5);color:var(--color-primary-base)}.auth-demo-toolbar__button:active{transform:translateY(1px)}.auth-demo-toolbar__button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media(width<=720px){.auth-demo-toolbar{top:12px;left:12px;right:12px;max-width:none}}.auth-method-selector[hidden],.auth-method-selector.is-hidden{display:none}}