.auth-wrapper{background-color:var(--neutral-surface-background);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-wrapper .tabs{min-width:100%}.auth-form{justify-content:center;align-items:flex-start;gap:var(--space-48);background-color:var(--neutral-surface-main);width:100%;max-width:480px;padding:var(--space-48);border-radius:var(--radius-8);flex-direction:column;display:flex}.auth-title-wrapper{gap:var(--space-32);flex-direction:column;display:flex}.auth-logo{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.auth-logo img,.auth-logo svg{object-fit:contain;width:100%;height:100%;margin:0;padding:0}.auth-input-wrapper{gap:var(--space-24);flex-direction:column;width:100%;display:flex}.auth-input-wrapper .input-field,.auth-banner,.auth-form .banner{width:100%;min-width:100%;max-width:100%}.auth-divider{align-items:center;gap:var(--space-16);width:100%;color:var(--neutral-content-body);font-size:var(--size-caption);letter-spacing:.08em;text-transform:uppercase;display:flex}.auth-divider-line{background-color:color-mix(in srgb,var(--neutral-surface-border,#ffffff3d)60%,transparent);flex:1;height:1px}.auth-social-buttons{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.auth-tabs{width:100%;min-width:0}.auth-tabs .tabs-list{width:100%}.auth-tabs .tabs-panel.is-active{gap:var(--space-48);width:100%;padding-top:var(--space-32);flex-direction:column;display:flex}.auth-tabs .tabs-panels{width:100%}.auth-tab-form{gap:var(--space-48);flex-direction:column;width:100%;display:flex}@media (max-width:520px){.auth-form{padding:var(--space-32);border-radius:var(--radius-6)}}
.tabs{gap:var(--space-16);flex-direction:column;width:100%;min-width:600px;display:flex}.tabs[data-orientation=vertical]{flex-direction:row;align-items:flex-start}.tabs-list{border-bottom:var(--stroke-components)solid var(--neutral-border-components);gap:var(--space-8);flex-wrap:wrap;display:flex;position:relative}.tabs-list[data-orientation=vertical]{border-bottom:none;border-right:var(--stroke-components)solid var(--neutral-border-components);flex-direction:column;padding-bottom:0}.tabs-list-stretch{width:100%}.tabs-list-stretch .tabs-trigger{flex:1}.tabs-trigger{min-width:0;color:var(--neutral-content-main-titles);font-family:var(--font-sans);font-size:var(--size-label);font-weight:var(--weight-label);line-height:var(--line-label);letter-spacing:var(--spacing-label);text-align:left;cursor:pointer;transition:background-color var(--speed-medium)var(--ease-linear);padding:var(--space-8)0;white-space:nowrap;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.tabs-trigger:after{content:"";background-color:var(--neutral-border-components);width:100%;height:1px;transition:all var(--speed-fast)var(--ease-linear);position:absolute;bottom:-1px}.tabs-trigger:hover.tabs-trigger:after{background-color:var(--neutral-border-active);height:2px}.tabs[data-orientation=vertical] .tabs-trigger:after{background-color:var(--neutral-border-components);width:1px;height:100%;transition:all var(--speed-fast)var(--ease-linear);top:0;bottom:auto;right:-1px}.tabs[data-orientation=vertical] .tabs-trigger:hover.tabs-trigger:after{background-color:var(--neutral-border-active);width:2px}.tabs-trigger:focus-visible{outline:var(--stroke-focus)solid var(--support-focus);outline-offset:var(--stroke-focus)}.tabs-trigger:disabled{color:var(--neutral-content-disabled);cursor:not-allowed}.tabs-trigger.is-active{color:var(--neutral-content-main-titles)}.tabs-trigger.is-active:after{background-color:var(--neutral-border-active);height:2px}.tabs[data-orientation=vertical] .tabs-trigger.is-active{color:var(--neutral-content-main-titles)}.tabs[data-orientation=vertical] .tabs-trigger.is-active:after{background-color:var(--neutral-border-active);width:2px;height:100%}.tabs[data-orientation=vertical] .tabs-trigger{padding:var(--space-16)}.tabs-panels{width:100%}.tabs-panel{background-color:var(--neutral-surface-main);color:var(--neutral-content-main-body);display:none}.tabs-panel.is-active{display:block}.tabs-panel>:first-child{margin-top:0}.tabs-panel>:last-child{margin-bottom:0}