.ThemeShowcase-module__CzjMva__root{position:relative}.ThemeShowcase-module__CzjMva__stage{padding-bottom:7%;position:relative}.ThemeShowcase-module__CzjMva__screen{aspect-ratio:1440/900;background:var(--o-bg-sunken);position:relative;overflow:hidden}.ThemeShowcase-module__CzjMva__layer{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.ThemeShowcase-module__CzjMva__layer[data-on]{opacity:1;z-index:1}.ThemeShowcase-module__CzjMva__page{inset-inline:0;height:300%;position:absolute;top:0}.ThemeShowcase-module__CzjMva__scrolling{animation:ThemeShowcase-module__CzjMva__scroll-page calc(var(--dwell) - 1.5s) cubic-bezier(.4, 0, .25, 1) 1.1s both;animation-play-state:paused}.ThemeShowcase-module__CzjMva__root[data-running] .ThemeShowcase-module__CzjMva__scrolling{animation-play-state:running}@keyframes ThemeShowcase-module__CzjMva__scroll-page{0%{transform:translateY(0)}to{transform:translateY(-52%)}}.ThemeShowcase-module__CzjMva__image{object-fit:cover;object-position:top}.ThemeShowcase-module__CzjMva__phone{z-index:3;width:23%;position:absolute;bottom:0;right:-3%}.ThemeShowcase-module__CzjMva__rail{flex-direction:column;align-items:flex-start;gap:14px;margin-top:4px;padding-right:24%;display:flex}.ThemeShowcase-module__CzjMva__pills{flex-wrap:wrap;gap:8px;display:flex}.ThemeShowcase-module__CzjMva__pill{background:var(--o-bg-canvas);height:32px;box-shadow:inset 0 0 0 1px var(--o-border-2);color:var(--o-fg-2);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:baseline;gap:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:32px;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.ThemeShowcase-module__CzjMva__pill:hover{color:var(--o-fg-1);box-shadow:inset 0 0 0 1px var(--o-border-3)}.ThemeShowcase-module__CzjMva__pill:focus-visible{outline:2px solid var(--o-focus,var(--o-accent));outline-offset:2px}.ThemeShowcase-module__CzjMva__pill[aria-pressed=true]{background:var(--o-fg-1);color:var(--o-bg-canvas);box-shadow:none}.ThemeShowcase-module__CzjMva__kind{opacity:.62;font-size:11px;font-weight:500}.ThemeShowcase-module__CzjMva__clock{background:color-mix(in oklab, var(--o-bg-canvas) 70%, transparent);transform-origin:0;height:2px;animation:ThemeShowcase-module__CzjMva__clock var(--dwell) linear both;border-radius:2px;animation-play-state:paused;position:absolute;bottom:5px;left:14px;right:14px}.ThemeShowcase-module__CzjMva__root[data-running] .ThemeShowcase-module__CzjMva__clock{animation-play-state:running}@keyframes ThemeShowcase-module__CzjMva__clock{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ThemeShowcase-module__CzjMva__live{color:var(--o-fg-1);text-decoration:underline;-webkit-text-decoration-color:var(--o-border-3);text-decoration-color:var(--o-border-3);text-underline-offset:4px;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:text-decoration-color .15s;display:inline-flex}.ThemeShowcase-module__CzjMva__live:hover{text-decoration-color:currentColor}.ThemeShowcase-module__CzjMva__live svg{width:14px;height:14px}@media (max-width:639.98px){.ThemeShowcase-module__CzjMva__stage{padding-bottom:12%}.ThemeShowcase-module__CzjMva__phone{width:30%;right:-2%}.ThemeShowcase-module__CzjMva__rail{margin-top:8px;padding-right:0}}@media (pointer:coarse){.ThemeShowcase-module__CzjMva__pill{height:40px;line-height:40px}}@media (prefers-reduced-motion:reduce){.ThemeShowcase-module__CzjMva__layer{transition:none}.ThemeShowcase-module__CzjMva__scrolling{animation:none}}