[data-overlay=onboarding],[data-appearance=onboarding][role=dialog]{--matrix-shell-bg:#fafafa;--matrix-page-bg:#fafafa;--matrix-card-bg:#fff;--matrix-card-bg-soft:#f2f2f2;--matrix-ink:#171717;--matrix-ink-muted:#525252;--matrix-ink-faint:#6b6b6b;--matrix-line:#d4d4d4;--matrix-tint-wash:color-mix(in srgb, var(--matrix-ink) 6%, transparent);--matrix-accent:var(--matrix-ink);--matrix-focus-ring:0 0 0 2px color-mix(in srgb, var(--matrix-ink) 45%, transparent);--matrix-field:120, 120, 118;--matrix-field-hi:38, 38, 38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-appearance=onboarding][role=dialog]{border:1px solid var(--matrix-line);background:var(--matrix-shell-bg);width:min(1120px,100vw - 48px);height:min(1000px,100dvh - 48px);max-height:calc(100dvh - 48px);color:var(--matrix-ink);border-radius:4px;box-shadow:0 24px 80px #00000073}.dark [data-overlay=onboarding],.dark [data-appearance=onboarding][role=dialog]{--matrix-shell-bg:#191919;--matrix-page-bg:#191919;--matrix-card-bg:#222;--matrix-card-bg-soft:#1e1e1e;--matrix-ink:#f2f2f2;--matrix-ink-muted:#b8b8b8;--matrix-ink-faint:#8c8c8c;--matrix-line:#3a3a3a;--matrix-field:150, 150, 148;--matrix-field-hi:236, 236, 234;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-appearance=onboarding] .onboarding-auth-shell{background:var(--matrix-shell-bg)}[data-appearance=onboarding] .onboarding-footer:not(:has(button,p)){display:none}[data-appearance=onboarding][role=dialog]:focus{outline:none}[data-appearance=onboarding] h1{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:1.25}[data-appearance=onboarding] :is(input,textarea,select):not([type=checkbox]):not([type=radio]){border-radius:4px}[data-appearance=onboarding] :is(.onboarding-input-wrap,.onboarding-btn-shine):before{content:none}[data-appearance=onboarding] .onboarding-input-wrap:focus-within{box-shadow:none}[data-appearance=onboarding] .onboarding-press:hover{box-shadow:none;transform:none}[data-appearance=onboarding] .onboarding-btn-shine:not(:disabled):hover{color:var(--matrix-ink);box-shadow:none}[data-appearance=onboarding] [aria-pressed=true],[data-appearance=onboarding] [data-option-row][data-selected=true]{color:var(--matrix-ink);border-color:var(--matrix-ink-muted);box-shadow:none;background:0 0}[data-appearance=onboarding] :is([data-option-row],button[aria-pressed]){isolation:isolate;transition:border-color .22s,color .22s,background-color .22s,opacity .22s,transform .38s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}[data-appearance=onboarding] [data-option-row]:before,[data-appearance=onboarding] button[aria-pressed]:before{content:"";z-index:-1;background:color-mix(in srgb, var(--matrix-ink) 13%, transparent);transform-origin:0;transition:transform .32s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scaleX(0)}[data-appearance=onboarding] [data-option-row][data-selected=true]:before,[data-appearance=onboarding] button[aria-pressed=true]:before{transform:scaleX(1)}[data-appearance=onboarding] :is([data-option-row],button[aria-pressed]):active{transition-duration:.22s,.22s,.22s,.22s,90ms;transform:scale(.97)}[data-appearance=onboarding] [data-option-row] input{transition:transform .38s cubic-bezier(.34,1.56,.64,1)}[data-appearance=onboarding] [data-option-row]:active input{transition-duration:90ms;transform:scale(.7)}@keyframes onb-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes onb-drop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes onb-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:none}}[data-appearance=onboarding] .onboarding-step-in{animation:.32s cubic-bezier(.2,.8,.2,1) backwards onb-rise-in}[data-appearance=onboarding] .onboarding-chip-in{animation:.26s cubic-bezier(.2,.8,.2,1) backwards onb-drop-in}[data-appearance=onboarding] .onboarding-count-pop{animation:.36s cubic-bezier(.34,1.56,.64,1) backwards onb-pop;display:inline-block}[data-appearance=onboarding] [data-field-message]{margin-bottom:8px;font-family:inherit;font-size:13px;animation:.2s backwards onb-drop-in}[data-appearance=onboarding] .onboarding-step-dot{border:1px solid var(--matrix-line);width:26px;height:26px;color:var(--matrix-ink-faint);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background-color .24s,border-color .24s,color .24s,transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-flex}[data-appearance=onboarding] .onboarding-step-dot[data-state=done]{border-color:var(--matrix-ink-muted);color:var(--matrix-ink)}[data-appearance=onboarding] .onboarding-step-dot[data-state=current]{background:var(--matrix-ink);border-color:var(--matrix-ink);color:var(--matrix-shell-bg);transform:scale(1.08)}[data-appearance=onboarding] .onboarding-step-dot:not(:disabled):not([data-state=current]):hover{border-color:var(--matrix-ink);color:var(--matrix-ink)}[data-appearance=onboarding] .onboarding-step-dot:disabled{cursor:not-allowed;opacity:.45}[data-appearance=onboarding] .onboarding-step-link{background:var(--matrix-line);width:14px;height:1px;margin:0 4px;transition:background-color .24s;display:block}[data-appearance=onboarding] .onboarding-step-link[data-state=done]{background:var(--matrix-ink-muted)}[data-appearance=onboarding] img[src*=icon\.svg]{filter:none}[data-appearance=onboarding] .onboarding-scroll-fade:before,[data-appearance=onboarding] .onboarding-scroll-fade:after{content:"";z-index:5;pointer-events:none;position:absolute;inset-inline:0}[data-appearance=onboarding] .onboarding-scroll-fade:before{background:linear-gradient(to bottom, var(--matrix-shell-bg), transparent);height:28px;top:0}[data-appearance=onboarding] .onboarding-scroll-fade:after{background:linear-gradient(to top, var(--matrix-shell-bg), transparent);height:40px;bottom:0}@keyframes law-ring-draw{0%{stroke-dashoffset:var(--ring-length)}}[data-appearance=onboarding] .law-ring-arc{animation:.9s cubic-bezier(.2,.8,.2,1) .12s backwards law-ring-draw}@keyframes onb-text-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.matrix-dock-launcher{transition:border-color .2s,background-color .2s,color .2s,transform .38s cubic-bezier(.34,1.56,.64,1)}.matrix-dock-launcher:hover{background:color-mix(in srgb, var(--matrix-ink) 6%, var(--matrix-card-bg))}.matrix-dock-launcher:active{transition-duration:.2s,.2s,.2s,90ms;transform:scale(.99)}.matrix-dock-launcher[aria-expanded=true]{border-color:var(--matrix-ink-muted);color:var(--matrix-ink)}.matrix-dock-launcher__text{animation:.26s cubic-bezier(.2,.8,.2,1) backwards onb-text-in}.matrix-dock-launcher__chevron{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.matrix-dock-launcher[aria-expanded=true] .matrix-dock-launcher__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){[data-appearance=onboarding] :is(.onboarding-step-in,.onboarding-chip-in,.onboarding-count-pop,[data-field-message]),.matrix-dock-launcher__text,[data-appearance=onboarding] .law-ring-arc{animation:none}:is(.matrix-dock-launcher,.matrix-dock-launcher__chevron,[data-appearance=onboarding] .onboarding-step-dot),[data-appearance=onboarding] :is([data-option-row],button[aria-pressed],[data-option-row] input),[data-appearance=onboarding] [data-option-row]:before,[data-appearance=onboarding] button[aria-pressed]:before{transition:none}[data-appearance=onboarding] :is([data-option-row],button[aria-pressed],[data-option-row] input):active{transform:none}}[data-appearance=onboarding] [aria-pressed=false]{color:var(--matrix-ink-muted)}[data-appearance=onboarding] .onboarding-primary-action{background:var(--matrix-ink);height:40px;color:var(--matrix-shell-bg);border-radius:4px}@media (max-width:639px){[data-appearance=onboarding][role=dialog]{width:100%;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}}[data-appearance=onboarding] [data-option-row] input{accent-color:var(--matrix-ink)}[data-appearance=onboarding] [data-option-row][data-selected=true] p{color:var(--matrix-ink-muted)}[data-appearance=onboarding] .matrix-ripple-field{z-index:0;opacity:0;transition:opacity .7s;-webkit-mask-image:linear-gradient(#0000 0,#000 8% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 8% 88%,#0000 100%)}[data-appearance=onboarding] .matrix-ripple-field[data-active]{opacity:.5}@media (prefers-reduced-motion:reduce){[data-appearance=onboarding] .matrix-ripple-field{transition:none}}
