:root[data-theme-preview]{--color-ink:var(--theme-preview-page);--color-raised:color-mix(in oklch, var(--theme-preview-page) 88%, var(--theme-preview-paper));--color-structure:color-mix(in oklch, var(--theme-preview-page) 72%, var(--theme-preview-paper));--color-muted:color-mix(in oklch, var(--theme-preview-paper) 64%, var(--theme-preview-page));--color-paper:var(--theme-preview-paper);--color-signal:var(--theme-preview-accent)}@property --color-ink{syntax:"<color>";inherits:true;initial-value:#000}@property --color-raised{syntax:"<color>";inherits:true;initial-value:#111}@property --color-structure{syntax:"<color>";inherits:true;initial-value:#333}@property --color-muted{syntax:"<color>";inherits:true;initial-value:#999}@property --color-paper{syntax:"<color>";inherits:true;initial-value:#fff}@property --color-signal{syntax:"<color>";inherits:true;initial-value:red}:root{transition:--color-ink .42s var(--ease-out), --color-raised .42s var(--ease-out), --color-structure .42s var(--ease-out), --color-muted .42s var(--ease-out), --color-paper .36s var(--ease-out), --color-signal .42s var(--ease-out)}.theme-preview{--theme-orb-size:clamp(2.25rem, min(16cqi, 14.5cqb), 3.75rem);isolation:isolate;background:color-mix(in oklch, var(--surface-raised) 94%, var(--color-paper));place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden;container-type:size}.theme-preview__options{contain:layout paint style;width:100%;height:100%;min-height:0;margin:0;position:relative}.theme-preview__option{--theme-orb-state-opacity:.28;width:var(--theme-orb-size);height:var(--theme-orb-size);cursor:grab;opacity:0;filter:grayscale()saturate(.08)brightness(.78);pointer-events:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;min-width:0;min-height:0;transition:filter .18s var(--ease-out), opacity .24s var(--ease-out);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.theme-preview__option[data-dragging=true]{--theme-orb-state-opacity:1;z-index:1;cursor:grabbing;filter:brightness(1.18)saturate(1.16)}.theme-preview__option[data-physics-visible=true]{opacity:var(--theme-orb-state-opacity)}.theme-preview__option[data-physics-contained=true]{pointer-events:auto}.theme-preview[data-physics-state=running] .theme-preview__option{will-change:transform}.theme-preview__option[data-active=true],.theme-preview__option[data-hovered=true]{--theme-orb-state-opacity:1;filter:brightness(1.15)saturate(1.12)}.theme-preview__option:focus-visible{outline:.125rem solid var(--color-paper);outline-offset:.1875rem}.theme-preview__orb{--theme-orb-squish:0;--theme-orb-squish-tangent:0;--theme-orb-squish-angle:0deg;--theme-orb-squish-angle-inverse:0deg;--theme-pupil-x:0px;--theme-pupil-y:1.5rem;background-color:var(--theme-orb-base);width:100%;height:100%;box-shadow:inset -.125rem -.1875rem .3125rem #0000006b, inset .09375rem .09375rem .1875rem #ffffff2e, 0 0 0 .03125rem color-mix(in oklch, var(--theme-orb-base) 82%, var(--theme-orb-accent));transform:rotate(var(--theme-orb-squish-angle)) scaleX(calc(1 - var(--theme-orb-squish))) scaleY(calc(1 + var(--theme-orb-squish-tangent))) rotate(var(--theme-orb-squish-angle-inverse));transform-origin:50%;border-radius:50%;display:block;position:relative;overflow:hidden}.theme-preview__orb:before{content:"";background:radial-gradient(circle at 24% 18%, color-mix(in oklch, var(--theme-orb-bloom) 38%, white) 0 3%, color-mix(in oklch, var(--theme-orb-bloom) 24%, transparent) 16%, transparent 34%), radial-gradient(circle at 86% 18%, var(--theme-orb-accent) 0 8%, color-mix(in oklch, var(--theme-orb-base) 42%, var(--theme-orb-accent)) 27%, transparent 54%), radial-gradient(circle at 18% 84%, color-mix(in oklch, var(--theme-orb-base) 72%, black) 0 13%, transparent 45%), radial-gradient(circle at 50% 46%, transparent 0 36%, color-mix(in oklch, var(--theme-orb-base) 68%, black) 78%, color-mix(in oklch, var(--theme-orb-base) 42%, black) 100%);position:absolute;inset:-16%;transform:translate(-3%,-2%)scale(1.04)}.theme-preview__option:is([data-active=true],[data-hovered=true],[data-dragging=true]) .theme-preview__orb:before{animation:6.4s cubic-bezier(.45,0,.55,1) infinite alternate theme-orb-drift}.theme-preview__pupil{z-index:1;aspect-ratio:1;pointer-events:none;width:clamp(.3125rem,22%,.4375rem);transform:translate3d(calc(-50% + var(--theme-pupil-x)), calc(-50% + var(--theme-pupil-y)), 0);background:#000;border-radius:50%;transition:transform .16s cubic-bezier(.7,0,.84,0);display:block;position:absolute;top:50%;left:50%}.theme-preview[data-gaze=tracking] .theme-preview__pupil{transition:none}.theme-preview__option:nth-child(3n+2) .theme-preview__orb:before{animation-duration:7.2s;animation-delay:-2.1s}.theme-preview__option:nth-child(3n) .theme-preview__orb:before{animation-duration:5.8s;animation-delay:-4.3s}@keyframes theme-orb-drift{0%{transform:translate(-3%,-2%)scale(1.04)}to{transform:translate(3%,2%)scale(1.1)}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.theme-preview__pupil{transition:none;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){:root,.theme-preview__option,.theme-preview__orb,.theme-preview__pupil{transition:none}.theme-preview__orb:before{animation:none}}.logo-theme-switcher{--theme-exit-time:calc((var(--theme-option-count) - 1) * 15ms + .12s);width:100%;height:100%;position:relative}.logo-theme-trigger,.logo-theme-option{width:var(--space-8);height:var(--space-8);cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.logo-theme-trigger:after,.logo-theme-option:after{content:"";inset:calc(-1 * var(--space-1));position:absolute}.logo-theme-trigger:focus-visible,.logo-theme-option:focus-visible{outline:1px solid var(--color-paper);outline-offset:calc(var(--space-2) / 2);border-radius:50%}.logo-theme-symbol,.logo-theme-current{transition:opacity .16s;transition-delay:var(--theme-exit-time);position:absolute;inset:0}.logo-theme-switcher[data-open=true] .logo-theme-symbol,.logo-theme-switcher[data-open=true] .logo-theme-current{transition-delay:0s}.logo-theme-current{opacity:0;place-items:center;display:grid}.logo-theme-switcher[data-open=true] .logo-theme-symbol{opacity:0}.logo-theme-switcher[data-open=true] .logo-theme-current{opacity:1}.logo-theme-options{top:100%;left:calc(-1 * var(--space-2));width:var(--space-12);padding-inline:var(--space-2);gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-2);max-height:calc(100dvh - var(--layout-hero-inset-top) - var(--space-12));scrollbar-width:none;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--theme-exit-time);flex-direction:column;display:flex;position:absolute;overflow:clip auto}.logo-theme-option{flex:0 0 var(--space-8);opacity:0;transition:opacity .12s,transform .12s cubic-bezier(.25,1,.5,1);transition-delay:calc((var(--theme-option-count) - 1 - var(--theme-option-index)) * 15ms);place-items:center;display:grid;transform:translateY(-6px)scale(.9)}.logo-theme-switcher[data-open=true] .logo-theme-options{visibility:visible;pointer-events:auto;transition-delay:0s}.logo-theme-switcher[data-open=true] .logo-theme-option{opacity:1;transition-duration:.18s;transition-delay:calc(var(--theme-option-index) * 25ms);transform:none}.logo-theme-switcher .theme-preview__orb{width:var(--space-6);height:var(--space-6);--theme-pupil-x:0px;--theme-pupil-y:0px}.logo-theme-switcher .theme-preview__pupil{width:22%;transition:none}@media (prefers-reduced-motion:reduce){.logo-theme-switcher .logo-theme-symbol,.logo-theme-switcher .logo-theme-current,.logo-theme-switcher .logo-theme-options,.logo-theme-switcher .logo-theme-option{transition:none}.logo-theme-switcher .logo-theme-option{transform:none}}.logo-theme-option[aria-pressed=true] .theme-preview__orb,.logo-theme-switcher[data-open=true] .logo-theme-trigger[data-active=true] .theme-preview__orb{outline:1px solid var(--color-muted);outline-offset:0}
