@layer theme,base,components,utilities;[data-demo]{--duration-fast:.12s;--duration-base:.2s;--duration-moderate:.28s;--duration-slow:.36s;--ease-spring:cubic-bezier(.34, 1.36, .64, 1)}@supports (animation-timing-function:linear(0, 1)){[data-demo]{--ease-spring:linear(0, .081, .262, .47, .663, .818, .931, 1.003, 1.042, 1.057, 1.057, 1.048, 1.037, 1.025, 1.015, 1.007, 1.002, .998, 1)}}[data-demo][data-js=on] .d-scene,[data-demo][data-js=on] .d-fade{animation:pot-demo-fade var(--duration-base) var(--ease-standard) both}[data-demo][data-js=on] .d-swap{animation:pot-demo-fade .16s var(--ease-standard) 40ms both}[data-demo][data-js=on] .d-pop{animation:pot-demo-pop var(--duration-slow) var(--ease-spring) both, pot-demo-fade var(--duration-fast) linear both}[data-demo] [data-trace]{display:none}[data-demo] [data-tour-stage]{--tour-chrome:19rem}[data-demo] [data-tour-stage][data-mode=cover]{--tour-chrome:27.5rem}@media not (min-width:48rem){[data-demo] [data-tour-stage][data-mode=step] [data-tour-phone-box]{container-type:size}[data-demo] [data-tour-stage][data-mode=step] [data-tour-phone]{--tour-aspect:calc(390 / 720);aspect-ratio:390/720;width:min(100cqw, 21rem, 100cqh * var(--tour-aspect));max-height:none}}@media (not (min-width:48rem)) and (not (min-height:45rem)){[data-demo] [data-tour-stage][data-mode=step] [data-tour-phone]{--tour-aspect:calc(390 / 640);aspect-ratio:390/640}}@media (not (min-width:48rem)) and (not (min-height:41rem)){[data-demo] [data-tour-stage][data-mode=step] [data-tour-phone-box]{container-type:normal}[data-demo] [data-tour-stage][data-mode=step] [data-tour-phone]{width:min(100%,15rem)}}[data-demo] [data-tour-stage][data-poke=a][data-poke-to=phone] [data-tour-phone] [data-phone-primary],[data-demo] [data-tour-stage][data-poke=a][data-poke-to=next] [data-tour-next]{animation:pot-demo-ring-a .6s var(--ease-standard) 2}[data-demo] [data-tour-stage][data-poke=b][data-poke-to=phone] [data-tour-phone] [data-phone-primary],[data-demo] [data-tour-stage][data-poke=b][data-poke-to=next] [data-tour-next]{animation:pot-demo-ring-b .6s var(--ease-standard) 2}@keyframes pot-demo-ring-a{50%{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-ink) 45%, transparent)}}@keyframes pot-demo-ring-b{50%{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-ink) 45%, transparent)}}@keyframes pot-demo-ring-hold-a{0%,to{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-ink) 45%, transparent)}}@keyframes pot-demo-ring-hold-b{0%,to{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-ink) 45%, transparent)}}@media (prefers-reduced-motion:reduce){[data-demo] [data-tour-stage][data-poke=a][data-poke-to=phone] [data-tour-phone] [data-phone-primary],[data-demo] [data-tour-stage][data-poke=a][data-poke-to=next] [data-tour-next]{animation:1.2s step-end pot-demo-ring-hold-a}[data-demo] [data-tour-stage][data-poke=b][data-poke-to=phone] [data-tour-phone] [data-phone-primary],[data-demo] [data-tour-stage][data-poke=b][data-poke-to=next] [data-tour-next]{animation:1.2s step-end pot-demo-ring-hold-b}}@media (prefers-reduced-motion:no-preference){[data-demo][data-js=on] [data-tour-tap-hint] .d-point{animation:pot-demo-point .8s var(--ease-standard) .4s 2}}@keyframes pot-demo-point{40%{transform:translateY(2px)scale(.92)}}[data-demo] [data-tour-story] :is([data-tour-list-part],[data-tour-list-end]){content-visibility:auto;contain-intrinsic-size:auto 40rem}[data-demo][data-js=on] [data-tour-stage][data-via=back] :is(.d-scene,.d-fade,.d-swap){animation:pot-demo-fade var(--duration-fast) linear both}[data-demo][data-js=on] [data-tour-stage]:not([data-via=next]) .d-pop{animation:none}[data-hood-sheet]>[data-hood]{background:0 0;border:0;padding:0}[data-demo] .d-nudge svg:last-child,[data-demo] .d-nudge svg:first-child{transition:translate var(--duration-base) var(--ease-standard)}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-demo] .d-nudge:hover svg:last-child{translate:var(--l-nudge,3px 0)}}@keyframes pot-demo-fade{0%{opacity:0}}@keyframes pot-demo-pop{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){[data-demo] .d-pop{animation:none!important}[data-demo][data-js=on] .d-scene,[data-demo][data-js=on] .d-fade,[data-demo][data-js=on] .d-swap{animation:pot-demo-fade var(--duration-fast) linear both}}@media (prefers-reduced-motion:no-preference){[data-glossary] details::details-content{opacity:0;transition:opacity var(--duration-base,.2s) var(--ease-standard), content-visibility var(--duration-base,.2s) allow-discrete}[data-glossary] details[open]::details-content{opacity:1}}