.lb-demo-row[data-astro-cid-64hgbzca]{gap:var(--lb-space-4);align-items:center;display:grid}.lb-demo-row[data-astro-cid-64hgbzca]+.lb-demo-row[data-astro-cid-64hgbzca]{margin-top:var(--lb-space-6)}.lb-demo-row__text[data-astro-cid-64hgbzca]{align-items:flex-start;gap:var(--lb-space-2);flex-direction:column;display:flex}.lb-demo-row__text[data-astro-cid-64hgbzca]>*{margin:0}.lb-demo-row__media[data-astro-cid-64hgbzca]{justify-content:center;display:flex}@media (width>=56rem){.lb-demo-row[data-astro-cid-64hgbzca]{gap:var(--lb-space-6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lb-demo-row--reverse[data-astro-cid-64hgbzca] .lb-demo-row__text[data-astro-cid-64hgbzca]{order:2}}.lb-demo{width:100%;margin:0}.lb-demo--browser{max-width:34rem}.lb-demo--phone{max-width:19rem}.lb-demo__window{background:var(--lb-color-surface);border:1px solid var(--lb-color-line);border-radius:var(--lb-radius-xl);box-shadow:var(--lb-shadow-hero);overflow:hidden}.lb-demo--phone .lb-demo__window{background:var(--lb-color-surface-inset);border-radius:2rem;padding:.5rem}.lb-demo--phone .lb-demo__viewport{background:var(--lb-color-surface);border-radius:1.6rem;overflow:hidden}.lb-demo__bar{background:var(--lb-color-surface-soft);border-bottom:1px solid var(--lb-color-line);align-items:center;gap:.375rem;padding:.6rem .9rem;display:flex}.lb-demo__dot{background:var(--lb-color-line);border-radius:50%;width:.65rem;height:.65rem}.lb-demo__url{color:var(--lb-color-text-muted);font-size:var(--lb-text-xs);background:var(--lb-color-surface);border:1px solid var(--lb-color-line);border-radius:var(--lb-radius-pill);align-items:center;gap:.3rem;margin-inline:auto;padding:.1rem .8rem;display:inline-flex}.lb-demo__url .lb-i{width:.75rem;height:.75rem}.lb-demo__viewport{container-type:inline-size}.lb-demo__stage{width:100%;color:var(--lb-color-text);user-select:none;font-size:3.33333cqw;line-height:1.35;position:relative;overflow:hidden}.lb-demo--phone .lb-demo__stage{font-size:5.55556cqw}.lb-demo__meta{justify-content:space-between;align-items:center;gap:var(--lb-space-2);margin-top:var(--lb-space-2);display:flex}.lb-demo__toggle{width:var(--lb-tap-target);height:var(--lb-tap-target);color:var(--lb-color-text-muted);background:var(--lb-color-surface);border:1px solid var(--lb-color-line);border-radius:var(--lb-radius-pill);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.lb-demo__toggle[hidden],.lb-demo__toggle [hidden]{display:none}.lb-demo__toggle:hover{color:var(--lb-color-text);border-color:var(--lb-color-line-strong)}.lb-demo__toggle .lb-i{width:1rem;height:1rem}.lb-demo:not([data-playing]) .lb-demo__stage *,.lb-demo:not([data-playing]) .lb-demo__stage :before,.lb-demo:not([data-playing]) .lb-demo__stage :after{animation-play-state:paused}.lb-demo__stage.d-instant,.lb-demo__stage.d-instant *,.lb-demo__stage.d-instant :before{transition:none!important}.lb-demo__stage .d-in{opacity:0;transition:opacity var(--lb-motion-base) var(--lb-ease), transform var(--lb-motion-base) var(--lb-ease);transform:translateY(.4em)}.lb-demo__stage .d-card{background:var(--lb-color-surface);border:1px solid var(--lb-color-line);box-shadow:var(--lb-shadow-lift);border-radius:.7em}.lb-demo__stage .d-btn{height:2em;color:var(--lb-color-on-primary);font-weight:var(--lb-weight-medium);white-space:nowrap;background:var(--lb-color-primary);transition:transform var(--lb-motion-fast) var(--lb-ease), background-color var(--lb-motion-fast) var(--lb-ease);border-radius:99em;justify-content:center;align-items:center;padding-inline:.9em;display:inline-flex}.lb-demo__stage .d-btn--ghost{color:var(--lb-color-text);background:var(--lb-color-surface);border:1px solid var(--lb-color-line-strong)}.lb-demo__stage .d-muted{color:var(--lb-color-text-muted)}.lb-demo__stage .d-counter{font-weight:var(--lb-weight-semibold);font-variant-numeric:tabular-nums;display:inline-grid;position:relative;overflow:hidden}.lb-demo__stage .d-counter>span{transition:transform var(--lb-motion-base) var(--lb-ease), opacity var(--lb-motion-base) var(--lb-ease);grid-area:1/1}.lb-demo__stage .d-cursor{z-index:5;width:1.3em;height:1.3em;transition:left .7s var(--lb-ease), top .7s var(--lb-ease);position:absolute}.lb-demo__stage .d-cursor svg{width:100%;height:100%;fill:var(--lb-color-text);stroke:var(--lb-color-surface);stroke-width:1.5px}.lb-demo__stage .d-cursor:before{content:"";background:color-mix(in oklab, var(--lb-color-primary) 35%, transparent);opacity:0;width:1.6em;height:1.6em;transition:opacity var(--lb-motion-fast) var(--lb-ease), transform var(--lb-motion-fast) var(--lb-ease);border-radius:50%;position:absolute;top:-.8em;left:-.8em;transform:scale(.4)}