.theme-specimen[data-v-1cb1aa54]{--sheet:#fcfaf6;--ink:#000225;--muted:#545467;--line:#0002251a;--fill:#2012ff;--lit:#2012ff;--app-text-scale:1;--app-text-boost:0px;--app-leading-boost:0px;--app-font-inter:Inter;--app-font-lora:Lora;background:var(--sheet);height:112px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:6px;align-content:start;gap:9px;padding:12px 14px 0;display:grid;position:relative;overflow:hidden}.theme-specimen--accessible[data-v-1cb1aa54]{--sheet:#fff;--muted:#33344a;--line:#9b978f;--app-text-scale:1.06;--app-text-boost:1.5px;--app-leading-boost:2.5px}:where([data-app-theme=dark]) .theme-specimen[data-v-1cb1aa54]{--sheet:#14151f;--ink:#eeeae2;--muted:#aaa7b1;--line:#eeeae21f;--fill:#4a44ff;--lit:#9491ff}:where([data-app-theme=dark]) .theme-specimen--accessible[data-v-1cb1aa54]{--ink:#fff;--muted:#dcd9e2;--line:#6a6876;--fill:#3730e0;--lit:#b9b6ff}@media (prefers-color-scheme:dark){:where([data-app-theme=system]) .theme-specimen[data-v-1cb1aa54]{--sheet:#14151f;--ink:#eeeae2;--muted:#aaa7b1;--line:#eeeae21f;--fill:#4a44ff;--lit:#9491ff}:where([data-app-theme=system]) .theme-specimen--accessible[data-v-1cb1aa54]{--ink:#fff;--muted:#dcd9e2;--line:#6a6876;--fill:#3730e0;--lit:#b9b6ff}}.theme-specimen__glyphs[data-v-1cb1aa54]{white-space:nowrap;align-items:baseline;gap:12px;display:flex}.theme-specimen__glyphs b[data-v-1cb1aa54]{font:400 calc(30px * var(--app-text-scale,1) + var(--app-text-boost,0px))/1 var(--app-font-lora,Lora), Georgia, serif;letter-spacing:-.04em}.theme-specimen__glyphs i[data-v-1cb1aa54]{font:500 calc(13px * var(--app-text-scale,1) + var(--app-text-boost,0px))/1 var(--app-font-inter,Inter), sans-serif;letter-spacing:.02em;color:var(--muted);font-style:normal}.theme-specimen--accessible .theme-specimen__glyphs[data-v-1cb1aa54] :is(b,i){font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible Next,sans-serif}.theme-specimen--accessible .theme-specimen__glyphs b[data-v-1cb1aa54]{letter-spacing:-.01em;font-weight:650}.theme-specimen--accessible .theme-specimen__glyphs i[data-v-1cb1aa54]{color:var(--ink);font-weight:600}.theme-specimen__lines[data-v-1cb1aa54]{gap:5px;display:grid}.theme-specimen__lines s[data-v-1cb1aa54]{background:color-mix(in srgb, var(--muted) 45%, transparent);border-radius:2px;height:4px;display:block}.theme-specimen__lines s[data-v-1cb1aa54]:last-child{width:72%}.theme-specimen--accessible .theme-specimen__lines s[data-v-1cb1aa54]{background:color-mix(in srgb, var(--muted) 80%, transparent);height:6px}.theme-specimen__actions[data-v-1cb1aa54]{align-items:center;gap:12px;margin-top:2px;display:flex}.theme-specimen__actions u[data-v-1cb1aa54]{background:var(--fill);border-radius:2px;width:34px;height:11px;display:block}.theme-specimen__actions em[data-v-1cb1aa54]{border-bottom:1px solid var(--lit);width:30px;height:7px;display:block}.theme-specimen--accessible .theme-specimen__actions u[data-v-1cb1aa54]{outline:2px solid var(--lit);outline-offset:2px;width:38px;height:14px}.theme-specimen--accessible .theme-specimen__actions em[data-v-1cb1aa54]{border-bottom-width:2px}.theme-radio[data-v-1cb1aa54]{border:1px solid color-mix(in srgb, var(--color-ink) 45%, transparent);background-color:var(--color-paper);width:16px;height:16px;color:var(--color-ink);box-shadow:none;cursor:pointer;flex-shrink:0;margin:0;transition:border-color .18s}:where([data-app-accessible]) .theme-radio[data-v-1cb1aa54]{border-width:2px;border-color:color-mix(in srgb, var(--color-ink) 70%, transparent);width:20px;height:20px}.theme-radio[data-v-1cb1aa54]:hover{border-color:color-mix(in srgb, var(--color-ink) 60%, transparent)}.theme-radio[data-v-1cb1aa54]:checked{background-color:currentColor;border-color:#0000}.theme-radio[data-v-1cb1aa54]:focus,.theme-radio[data-v-1cb1aa54]:focus-visible{box-shadow:none;outline:none}fieldset:disabled .theme-card[data-v-1cb1aa54]{cursor:default;opacity:.6}.motion-demo[data-v-86de99df]{background:color-mix(in srgb, var(--color-ink) 4%, var(--color-paper));height:112px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:6px;align-content:start;gap:7px;padding:14px 14px 0;display:grid;position:relative;overflow:hidden}.motion-demo__slip[data-v-86de99df]{background:var(--color-paper);width:72%;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 9%, transparent), 0 6px 14px -10px rgb(var(--app-drop) / .4);border-radius:5px;gap:5px;padding:9px 10px;display:grid}.motion-demo__slip i[data-v-86de99df]{background:color-mix(in srgb, var(--color-ink) 22%, transparent);border-radius:2px;height:4px;display:block}.motion-demo__slip i[data-v-86de99df]:first-child{background:color-mix(in srgb, var(--color-ink) 70%, transparent);width:64%}.motion-demo__slip--next[data-v-86de99df]{margin-left:14px}.motion-demo__mark[data-v-86de99df]{background:var(--color-paper);width:26px;height:26px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 12%, transparent);color:var(--color-ink-muted);font-size:calc(14px * var(--app-text-scale,1) + var(--app-text-boost,0px));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:12px}@media (prefers-reduced-motion:no-preference){:where(html:not([data-app-motion=reduce])) .motion-card--device:is(:hover,:focus-within) .motion-demo__slip--next[data-v-86de99df]{animation:.64s cubic-bezier(.16,1,.3,1) both motion-demo-rise-86de99df}:where(html:not([data-app-motion=reduce])) .motion-card--device:is(:hover,:focus-within) .motion-demo__mark[data-v-86de99df]{animation:.64s cubic-bezier(.22,1,.36,1) both motion-demo-turn-86de99df}}@keyframes motion-demo-rise-86de99df{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes motion-demo-turn-86de99df{0%{transform:rotate(-90deg)scale(.8)}to{transform:none}}.motion-radio[data-v-86de99df]{border:1px solid color-mix(in srgb, var(--color-ink) 45%, transparent);background-color:var(--color-paper);width:16px;height:16px;color:var(--color-ink);box-shadow:none;cursor:pointer;flex-shrink:0;margin:0;transition:border-color .18s}:where([data-app-accessible]) .motion-radio[data-v-86de99df]{border-width:2px;border-color:color-mix(in srgb, var(--color-ink) 70%, transparent);width:20px;height:20px}.motion-radio[data-v-86de99df]:hover{border-color:color-mix(in srgb, var(--color-ink) 60%, transparent)}.motion-radio[data-v-86de99df]:checked{background-color:currentColor;border-color:#0000}.motion-radio[data-v-86de99df]:focus,.motion-radio[data-v-86de99df]:focus-visible{box-shadow:none;outline:none}fieldset:disabled .motion-card[data-v-86de99df]{cursor:default;opacity:.6}