:root{--tds-onboarding-gap:var(--tds-space-4);--tds-onboarding-padding:var(--tds-space-5);--tds-onboarding-radius:var(--tds-radius-lg);--tds-onboarding-track:var(--tds-surface-sunken);--tds-onboarding-progress-height:.375rem;--tds-onboarding-transition:var(--tds-dur-base) var(--tds-ease-out)}[data-tds=onboarding]{gap:var(--tds-onboarding-gap);padding:var(--tds-onboarding-padding);border:var(--tds-border-width) solid var(--tds-border-subtle);border-radius:var(--tds-onboarding-radius);background:var(--tds-surface-default);color:var(--tds-fg-default);flex-direction:column;min-inline-size:0;display:flex}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress-head]{gap:var(--tds-space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=count]{color:var(--tds-fg-muted);font-size:var(--tds-font-size-sm);font-variant-numeric:tabular-nums}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress]{--_dir:to right;inline-size:100%;block-size:var(--tds-onboarding-progress-height);border-radius:var(--tds-radius-full);background:var(--tds-onboarding-track);position:relative;overflow:hidden}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_dir:to left}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress-fill]{inline-size:calc(var(--_pct,0) * 1%);border-radius:inherit;background-color:var(--tds-accent-default);transition:inline-size var(--tds-onboarding-transition);position:absolute;inset-block:0;inset-inline-start:0}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress] [data-part=progress-fill]{background-image:linear-gradient(var(--_dir), var(--tds-rainbow-1), var(--tds-rainbow-2), var(--tds-rainbow-3), var(--tds-rainbow-4), var(--tds-rainbow-5), var(--tds-rainbow-6), var(--tds-rainbow-7));background-size:calc(10000% / max(var(--_pct,1), 1)) 100%;background-position:0 0}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) [data-part=progress-fill]{background-position:100% 0}[data-contrast=high] :is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress] [data-part=progress-fill]{background-image:none;background-color:var(--tds-focus-ring)}[data-tds=onboarding] [data-part=panel]{gap:var(--tds-space-3);animation:tds-onboarding-enter var(--tds-onboarding-transition);flex-direction:column;display:flex}[data-tds=onboarding] [data-part=media]{justify-content:center;min-block-size:8rem;display:flex}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=title]{font-size:var(--tds-font-size-lg);font-weight:var(--tds-font-weight-heading);margin:0}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=title]:focus{outline:none}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=title]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo);border-radius:var(--tds-radius-control)}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=body]{color:var(--tds-fg-muted);margin:0;line-height:1.8}:is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=actions]{gap:var(--tds-space-2);flex-wrap:wrap;justify-content:space-between;display:flex}@keyframes tds-onboarding-enter{0%{opacity:0;transform:translateY(var(--tds-space-2))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-tds=onboarding] [data-part=panel],html:not([data-reduced-motion=false]) :is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress-fill]{transition:none;animation:none}}html[data-reduced-motion=true] [data-tds=onboarding] [data-part=panel],html[data-reduced-motion=true] :is([data-tds=onboarding],[data-tds=onboarding-tour]) [data-part=progress-fill]{transition:none;animation:none}@media print{[data-tds=onboarding] [data-part=progress-head] button,[data-tds=onboarding] [data-part=actions]{display:none}[data-tds=onboarding] [data-part=panel]{break-inside:avoid}}
@property --tds-onboarding-tour-flow{syntax:"<time>";inherits:true;initial-value:.72s}@property --tds-onboarding-tour-tail{syntax:"<time>";inherits:true;initial-value:1.08s}@property --tds-onboarding-tour-settle{syntax:"<time>";inherits:true;initial-value:.24s}@property --tds-onboarding-tour-rim-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--tds-onboarding-tour-flow:calc(var(--tds-dur-slow) * 2);--tds-onboarding-tour-tail:calc(var(--tds-dur-slow) * 3);--tds-onboarding-tour-ease:var(--tds-ease-soft);--tds-onboarding-tour-settle:var(--tds-dur-deliberate);--tds-onboarding-tour-float:7s;--tds-onboarding-tour-rim-speed:14s;--tds-onboarding-tour-radius:var(--tds-radius-lg);--tds-onboarding-tour-liquid:color-mix(in oklch, var(--tds-accent-default) 40%, var(--tds-surface-overlay));--tds-onboarding-tour-liquid-opacity:.22;--tds-onboarding-tour-lens-bg:color-mix(in oklch, var(--tds-accent-default) 7%, transparent);--tds-onboarding-tour-lens-filter:saturate(1.35) contrast(1.04) brightness(1.03);--tds-onboarding-tour-lens-border:color-mix(in oklch, var(--tds-surface-overlay) 70%, transparent);--tds-onboarding-tour-lens-highlight:inset 0 1px 0 color-mix(in oklch, var(--tds-surface-overlay) 90%, transparent), inset 1px 0 0 color-mix(in oklch, var(--tds-surface-overlay) 45%, transparent), inset 0 -2px 0 color-mix(in oklch, var(--tds-fg-default) 9%, transparent), inset -1px 0 0 color-mix(in oklch, var(--tds-fg-default) 5%, transparent);--tds-onboarding-tour-lens-shadow:0 14px 30px -14px color-mix(in oklch, var(--tds-fg-default) 30%, transparent);--tds-onboarding-tour-glint:color-mix(in oklch, var(--tds-surface-overlay) 75%, transparent);--tds-onboarding-tour-rim-opacity:.55;--tds-onboarding-tour-rim-width:1.5px;--tds-onboarding-tour-scrim:transparent;--tds-onboarding-tour-scrim-tint:color-mix(in oklch, var(--tds-bg-canvas) 35%, transparent);--tds-onboarding-tour-bubble-width:22rem;--tds-onboarding-tour-bubble-bg:var(--tds-surface-overlay);--tds-onboarding-tour-bubble-border:var(--tds-border-default);--tds-onboarding-tour-bubble-shadow:var(--tds-elevation-4);--tds-onboarding-tour-bubble-radius:var(--tds-radius-lg);--tds-onboarding-tour-z:var(--tds-z-modal)}[data-tds=onboarding-tour]{z-index:var(--tds-onboarding-tour-z);direction:ltr;position:fixed;inset:0}[data-tds=onboarding-tour] [data-part=scrim]{background:var(--tds-onboarding-tour-scrim);position:absolute;inset:0}[data-tds=onboarding-tour][data-scrim=tint] [data-part=scrim]{background:var(--tds-onboarding-tour-scrim-tint);animation:tds-onboarding-tour-fade var(--tds-onboarding-tour-settle) var(--tds-ease-out) both}[data-tds=onboarding-tour][data-scrim=tint]:is([data-phase=exit],[data-phase=reborn]) [data-part=scrim]{animation:tds-onboarding-tour-fade var(--tds-onboarding-tour-flow) var(--tds-ease-soft) reverse both}[data-tds=onboarding-tour] [data-part=liquid]{filter:var(--tds-tour-goo);opacity:var(--tds-onboarding-tour-liquid-opacity);pointer-events:none;position:absolute;inset:0}[data-tds=onboarding-tour] [data-part=liquid]>span{background:var(--tds-onboarding-tour-liquid);display:block;position:absolute}[data-tds=onboarding-tour] [data-part=drop]{left:var(--tds-tour-x);top:var(--tds-tour-y);width:var(--tds-tour-w);height:var(--tds-tour-h);border-radius:var(--tds-tour-r)}[data-tds=onboarding-tour] [data-part=tail]{left:calc(var(--tds-tour-x) + var(--tds-tour-w) * .2);top:calc(var(--tds-tour-y) + var(--tds-tour-h) * .2);width:calc(var(--tds-tour-w) * .6);height:calc(var(--tds-tour-h) * .6);border-radius:var(--tds-radius-full)}[data-tds=onboarding-tour] [data-part=base]{left:var(--tds-tour-sx);top:var(--tds-tour-sy);width:var(--tds-tour-sw);height:var(--tds-tour-sh);border-radius:var(--tds-tour-sr);opacity:0;transform-origin:50%}[data-tds=onboarding-tour][data-phase=enter] [data-part=base]{animation:tds-onboarding-tour-source var(--tds-onboarding-tour-flow) var(--tds-ease-soft) var(--tds-onboarding-tour-settle) both}[data-tds=onboarding-tour][data-phase=exit] [data-part=base]{animation:tds-onboarding-tour-source var(--tds-onboarding-tour-flow) var(--tds-ease-soft) reverse both}[data-tds=onboarding-tour]:is([data-phase=enter],[data-phase=moving],[data-phase=exit],[data-phase=reborn]) :is([data-part=drop],[data-part=lens]){transition:left var(--tds-onboarding-tour-flow) var(--tds-onboarding-tour-ease), top var(--tds-onboarding-tour-flow) var(--tds-onboarding-tour-ease), width var(--tds-onboarding-tour-flow) var(--tds-onboarding-tour-ease), height var(--tds-onboarding-tour-flow) var(--tds-onboarding-tour-ease), border-radius var(--tds-onboarding-tour-flow) var(--tds-onboarding-tour-ease), opacity var(--tds-onboarding-tour-settle) var(--tds-ease-out)}[data-tds=onboarding-tour]:is([data-phase=enter],[data-phase=moving],[data-phase=exit]) [data-part=tail]{transition:left var(--tds-onboarding-tour-tail) var(--tds-ease-out), top var(--tds-onboarding-tour-tail) var(--tds-ease-out), width var(--tds-onboarding-tour-tail) var(--tds-ease-out), height var(--tds-onboarding-tour-tail) var(--tds-ease-out)}[data-tds=onboarding-tour] [data-part=lens]{left:var(--tds-tour-x);top:var(--tds-tour-y);width:var(--tds-tour-w);height:var(--tds-tour-h);border-radius:var(--tds-tour-r);background:var(--tds-onboarding-tour-lens-bg);border:var(--tds-border-width) solid var(--tds-onboarding-tour-lens-border);box-shadow:var(--tds-onboarding-tour-lens-highlight), var(--tds-onboarding-tour-lens-shadow);-webkit-backdrop-filter:var(--tds-onboarding-tour-lens-filter);backdrop-filter:var(--tds-onboarding-tour-lens-filter);pointer-events:none;transform-origin:50%;position:absolute}[data-tds=onboarding-tour][data-phase=enter] [data-part=lens]{animation:tds-onboarding-tour-fade var(--tds-onboarding-tour-settle) var(--tds-ease-out) both}[data-tds=onboarding-tour][data-phase=reborn] :is([data-part=lens],[data-part=liquid]){opacity:0;transition:opacity var(--tds-onboarding-tour-settle) var(--tds-ease-out)}[data-tds=onboarding-tour][data-phase=settled] [data-part=lens]{animation:tds-onboarding-tour-land var(--tds-onboarding-tour-settle) var(--tds-ease-spring) both, tds-onboarding-tour-float var(--tds-onboarding-tour-float) var(--tds-ease-soft) var(--tds-onboarding-tour-settle) infinite}[data-tds=onboarding-tour][data-phase=settled] [data-part=drop]{animation:tds-onboarding-tour-float var(--tds-onboarding-tour-float) var(--tds-ease-soft) var(--tds-onboarding-tour-settle) infinite}[data-tds=onboarding-tour][data-phase=settled] [data-part=tail]{animation:tds-onboarding-tour-drift calc(var(--tds-onboarding-tour-float) * 1.4) var(--tds-ease-soft) infinite}[data-tds=onboarding-tour][data-float=false][data-phase=settled] [data-part=lens]{animation:tds-onboarding-tour-land var(--tds-onboarding-tour-settle) var(--tds-ease-spring) both}[data-tds=onboarding-tour][data-float=false][data-phase=settled] :is([data-part=drop],[data-part=tail]){animation:none}[data-tds=onboarding-tour] [data-part=rim]{inset:calc(var(--tds-border-width) * -1);padding:var(--tds-onboarding-tour-rim-width);border-radius:inherit;background:conic-gradient(from var(--tds-onboarding-tour-rim-angle), var(--tds-rainbow-1), var(--tds-rainbow-2), var(--tds-rainbow-3), var(--tds-rainbow-4), var(--tds-rainbow-5), var(--tds-rainbow-6), var(--tds-rainbow-7), var(--tds-rainbow-1));-webkit-mask:linear-gradient(var(--tds-fg-default) 0 0) content-box, linear-gradient(var(--tds-fg-default) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--tds-fg-default) 0 0) content-box exclude, linear-gradient(var(--tds-fg-default) 0 0);mask:linear-gradient(var(--tds-fg-default) 0 0) content-box exclude, linear-gradient(var(--tds-fg-default) 0 0);opacity:var(--tds-onboarding-tour-rim-opacity);animation:tds-onboarding-tour-rim var(--tds-onboarding-tour-rim-speed) linear infinite;position:absolute}[data-tds=onboarding-tour][data-rim=accent] [data-part=rim]{background:var(--tds-accent-default);animation:none}[data-tds=onboarding-tour][data-rim=none] [data-part=rim]{display:none}[data-tds=onboarding-tour] [data-part=glint]{border-radius:var(--tds-radius-full);background:var(--tds-onboarding-tour-glint);filter:blur(3px);opacity:.9;width:26%;height:14%;position:absolute;top:7%;left:7%}[data-tds=onboarding-tour] [data-part=bubble]{gap:var(--tds-space-3);inline-size:min(var(--tds-onboarding-tour-bubble-width), calc(100vw - var(--tds-space-8)));padding:var(--tds-space-4);border-radius:var(--tds-onboarding-tour-bubble-radius);background:var(--tds-onboarding-tour-bubble-bg);border:var(--tds-border-width) solid var(--tds-onboarding-tour-bubble-border);box-shadow:var(--tds-onboarding-tour-bubble-shadow);color:var(--tds-fg-default);opacity:0;transform:translateY(var(--tds-space-2)) scale(.96);pointer-events:none;transition:opacity var(--tds-onboarding-tour-settle) var(--tds-ease-out), transform var(--tds-onboarding-tour-settle) var(--tds-ease-spring);flex-direction:column;display:flex;position:absolute}[data-tds=onboarding-tour][data-side=above] [data-part=bubble]{transform:translateY(calc(var(--tds-space-2) * -1)) scale(.96)}[data-tds=onboarding-tour][data-phase=settled] [data-part=bubble]{opacity:1;pointer-events:auto;transform:none}[data-tds=onboarding-tour] [data-part=bubble]:focus{outline:none}[data-tds=onboarding-tour] [data-part=bubble] [data-part=progress]{block-size:calc(var(--tds-onboarding-progress-height) * .8)}[data-tds=onboarding-tour] [data-part=arrow]{left:calc(var(--tds-tour-ax) - 7px);background:var(--tds-onboarding-tour-bubble-bg);border:var(--tds-border-width) solid var(--tds-onboarding-tour-bubble-border);width:14px;height:14px;position:absolute;rotate:45deg}[data-tds=onboarding-tour][data-side=below] [data-part=arrow]{border-bottom:0;border-right:0;top:-8px}[data-tds=onboarding-tour][data-side=above] [data-part=arrow]{border-top:0;border-left:0;bottom:-8px}[data-tds=topbar][data-tour-morph] [data-part=card]{pointer-events:none}[data-tds=topbar][data-tour-morph=away] [data-part=card]{opacity:0;transition:opacity var(--tds-onboarding-tour-settle) var(--tds-ease-soft), scale var(--tds-onboarding-tour-settle) var(--tds-ease-soft);scale:.94}[data-tds=topbar][data-tour-morph=reborn] [data-part=card]{animation:tds-onboarding-tour-reborn var(--tds-onboarding-tour-flow) var(--tds-ease-spring) both}[data-tds=topbar][data-tour-morph=reborn] [data-part=card]:before{animation:tds-onboarding-tour-reborn-glass var(--tds-onboarding-tour-flow) var(--tds-ease-out) both}[data-tds=topbar][data-tour-morph=reborn] [data-part=head]>:first-child{animation:tds-onboarding-tour-reborn-logo var(--tds-onboarding-tour-flow) var(--tds-ease-spring) calc(var(--tds-onboarding-tour-settle) * .4) both}[data-tds=topbar][data-tour-morph=reborn] [data-part=card]>[data-tds=busy-ring],[data-tds=dock][data-tour-morph=reborn]>[data-tds=busy-ring]{animation:tds-onboarding-tour-reborn-ring calc(var(--tds-onboarding-tour-flow) * 1.5) var(--tds-ease-out) both}[data-tds=dock][data-tour-morph=away]{opacity:0;pointer-events:none;transition:opacity var(--tds-onboarding-tour-settle) var(--tds-ease-soft)}[data-tds=dock][data-tour-morph=reborn]{transform-origin:50% 100%;animation:tds-onboarding-tour-reborn-dock var(--tds-onboarding-tour-flow) var(--tds-ease-spring) both}@keyframes tds-onboarding-tour-fade{0%{opacity:0}}@keyframes tds-onboarding-tour-source{0%{opacity:0;transform:scale(1)}14%,40%{opacity:1;transform:scale(1.04,1.12)}72%,to{opacity:0;transform:scale(1)}}@keyframes tds-onboarding-tour-land{0%{scale:1.04 .95}55%{scale:.99 1.02}to{scale:1}}@keyframes tds-onboarding-tour-float{0%,to{border-radius:var(--tds-tour-r);translate:0}30%{border-radius:calc(var(--tds-tour-r) * 1.3) calc(var(--tds-tour-r) * .8) calc(var(--tds-tour-r) * 1.15) calc(var(--tds-tour-r) * .9);translate:1px -2px}65%{border-radius:calc(var(--tds-tour-r) * .85) calc(var(--tds-tour-r) * 1.25) calc(var(--tds-tour-r) * .9) calc(var(--tds-tour-r) * 1.2);translate:-1px 1px}}@keyframes tds-onboarding-tour-drift{0%,to{translate:0}35%{translate:6px 3px}70%{translate:-5px -2px}}@keyframes tds-onboarding-tour-rim{to{--tds-onboarding-tour-rim-angle:360deg}}@keyframes tds-onboarding-tour-reborn{0%{opacity:0;scale:.88}to{opacity:1;scale:1}}@keyframes tds-onboarding-tour-reborn-glass{0%,45%{opacity:1}}@keyframes tds-onboarding-tour-reborn-logo{0%{opacity:0;translate:0 6px;scale:.6}to{opacity:1;translate:0;scale:1}}@keyframes tds-onboarding-tour-reborn-ring{0%{opacity:1;--tds-busy-angle:0deg}55%{opacity:1}to{opacity:0;--tds-busy-angle:360deg}}@keyframes tds-onboarding-tour-reborn-dock{0%{opacity:0;transform:scale(.96,.9)}70%{opacity:1;transform:scale(1.02,1.08)}to{opacity:1;transform:none}}html[data-reduced-motion=true] [data-tds=onboarding-tour] :is([data-part=scrim],[data-part=drop],[data-part=lens],[data-part=tail],[data-part=rim],[data-part=bubble],[data-part=base]){transition:none!important;animation:none!important}html[data-reduced-motion=true] [data-tds=onboarding-tour] [data-part=liquid]{filter:none}html[data-reduced-motion=true] [data-tds=onboarding-tour] :is([data-part=tail],[data-part=base]){display:none}html[data-reduced-motion=true] :is([data-tds=topbar][data-tour-morph] [data-part=card],[data-tds=topbar][data-tour-morph] [data-part=head]>:first-child,[data-tds=topbar][data-tour-morph] [data-tds=busy-ring],[data-tds=dock][data-tour-morph],[data-tds=dock][data-tour-morph]>[data-tds=busy-ring]){transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){html:not([data-reduced-motion=false]) [data-tds=onboarding-tour] :is([data-part=scrim],[data-part=drop],[data-part=lens],[data-part=tail],[data-part=rim],[data-part=bubble],[data-part=base]){transition:none!important;animation:none!important}html:not([data-reduced-motion=false]) [data-tds=onboarding-tour] [data-part=liquid]{filter:none}html:not([data-reduced-motion=false]) [data-tds=onboarding-tour] :is([data-part=tail],[data-part=base]){display:none}html:not([data-reduced-motion=false]) :is([data-tds=topbar][data-tour-morph] [data-part=card],[data-tds=topbar][data-tour-morph] [data-part=head]>:first-child,[data-tds=topbar][data-tour-morph] [data-tds=busy-ring],[data-tds=dock][data-tour-morph],[data-tds=dock][data-tour-morph]>[data-tds=busy-ring]){transition:none!important;animation:none!important}}[data-contrast=high] [data-tds=onboarding-tour] [data-part=rim]{background:var(--tds-focus-ring);opacity:1;animation:none}[data-contrast=high] [data-tds=onboarding-tour] [data-part=lens]{border-color:var(--tds-focus-ring)}@media (prefers-reduced-transparency:reduce){[data-tds=onboarding-tour] [data-part=lens]{background:color-mix(in oklch, var(--tds-accent-default) 14%, transparent)}}@media print{[data-tds=onboarding-tour]{display:none!important}}