:root{--orb-face:#141414;--orb-ink:#b8b8b8;--orb-shadow:#ffffff03}.sidebar-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.sidebar-heading .sidebar-brand{align-self:center}.sidebar-tools{flex-shrink:0;position:relative}.sidebar-personality{min-height:0;overflow:hidden}.sidebar-tools .color-picker{position:static}.sidebar-tools .color-panel{width:min(260px,100vw - 36px);left:0;right:auto}.color-panel-title>span{color:var(--text);font-size:12px}.color-panel .color-swatches{margin-top:12px}.sidebar-heading .github-link{background:#ffffff03;border-color:#ffffff13;border-radius:999px;gap:10px;width:100%;min-height:44px;padding:10px 13px;display:flex}.sidebar-heading .github-link>span{display:inline-flex}.sidebar-heading .github-stars{border-left:1px solid var(--line);align-items:center;gap:6px;margin-left:auto;padding-left:12px;display:flex}.sidebar-heading .github-star-count{min-width:2ch;font-size:11px}.sidebar-eyebrow{text-transform:none;font:11px var(--sans);letter-spacing:0;margin-bottom:12px}.site-sidebar nav{gap:0}.sidebar-link{border-radius:8px;height:38px;min-height:38px;padding:0 12px;line-height:38px}.sidebar-light{display:none!important}.sidebar-tools{flex-direction:row;align-items:center;gap:8px;display:flex}.sidebar-tools .theme-segment{isolation:isolate;border:1px solid var(--line-soft);background:#ffffff04;border-radius:999px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;height:36px;padding:3px;display:grid;position:relative}.sidebar-tools .theme-segment button{height:30px;color:var(--muted);transition:color .2s var(--motion-ease);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-tools .theme-thumb{width:calc(33.3333% - 2px);top:3px;bottom:3px;left:3px}.theme-segment button[aria-pressed=true]{color:var(--text)}.theme-segment button:focus-visible{outline:1px solid var(--text);outline-offset:-2px}.theme-thumb{z-index:-1;width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--theme-index)*100%));background:#ffffff0c;border-radius:999px;transition:transform .55s cubic-bezier(.2,.8,.18,1),background .5s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0002}.site-sidebar,.sidebar-mobile-bar,.element-card,.workbench-inspector,.detail-workspace,.document-surface,.card-stage,.github-link,.header-tool,.sidebar-art,.theme-segment{transition:background-color .55s var(--motion-ease),border-color .55s var(--motion-ease),color .55s var(--motion-ease)}html[data-theme=light]{--bg:#f6f5f3;--surface:#fff;--raised:#eeece9;--line:#d7d4d0;--line-soft:#e5e2dd;--text:#1c1b1a;--muted:#64615e;--subtle:#77736f;--brand-neutral:#797570;--accent-soft:color-mix(in srgb,var(--accent) 82%,#4b1813);--orb-face:#f3f1ed;--orb-ink:#57534d;--orb-shadow:#00000004;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background:var(--bg)}html[data-theme=light] .ambient-stage>img{opacity:.025;filter:grayscale()contrast(.6)}html[data-theme=light] .ambient-grain{opacity:.025}html[data-theme=light] .ambient-light{opacity:.22}html[data-theme=light] .site-sidebar{background:linear-gradient(160deg,#fbfaf8f8,#f1efecf5);border-color:#0000000c}html[data-theme=light] .sidebar-mobile-bar{border-color:var(--line-soft);background:#f7f5f1ee}html[data-theme=light] .sidebar-heading .github-link,html[data-theme=light] .sidebar-tools .header-tool{border-color:var(--line);color:var(--text);background:#fff8}html[data-theme=light] .github-stars,html[data-theme=light] .sidebar-eyebrow,html[data-theme=light] .sidebar-link{color:var(--muted)}html[data-theme=light] .sidebar-link:hover{color:var(--text);background:#00000009}html[data-theme=light] .sidebar-link.is-active,html[data-theme=light] .sidebar-link[aria-current=page]{color:var(--text);background:#0000000f}html[data-theme=light] .sidebar-section-title{color:var(--muted)}html[data-theme=light] .sidebar-tools .header-tool{border-color:var(--line-soft);background:#e8e5e080}html[data-theme=light] .sidebar-tools{border-color:var(--line-soft)}html[data-theme=light] .sidebar-light{background:radial-gradient(ellipse at 0 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 85%)}html[data-theme=light] .theme-segment{background:#e8e5e080}html[data-theme=light] .theme-thumb{background:#fff;box-shadow:0 1px 5px #3f302012,inset 0 0 0 1px #00000004}html[data-theme=light] .home-copy .primary-button,html[data-theme=light] .primary-button{background:var(--text);color:#fff;border-color:var(--text)}html[data-theme=light] .home-copy p,html[data-theme=light] .home-note p,html[data-theme=light] .home-art>span{color:var(--muted)}html[data-theme=light] .home-note{border-color:var(--line-soft)}html[data-theme=light] .element-card{border-color:var(--line-soft);background:#ffffffb8;box-shadow:0 3px 15px #51433403}html[data-theme=light] .element-card:hover{border-color:var(--line)}html[data-theme=light] .card-stage,html[data-theme=light] .workbench-stage .detail-workspace{border-color:var(--line-soft);background:radial-gradient(at 50% 48%,#fff,#efede8)}html[data-theme=light] .tags span,html[data-theme=light] .workbench-inspector .tags span{color:#68645f;background:#00000002;border-color:#00000012}html[data-theme=light] .category-label,html[data-theme=light] .workbench-heading .category-label{color:var(--muted)}html[data-theme=light] .save-button,html[data-theme=light] .icon-button,html[data-theme=light] .header-tool{color:var(--muted);border-color:var(--line);background:#faf9f6c9}html[data-theme=light] .save-button.is-saved{color:var(--accent)}html[data-theme=light] .filters button{color:var(--muted)}html[data-theme=light] .filters button.selected{background:var(--text);color:#fff}html[data-theme=light] .search-frame{border-color:var(--line);background:#ffffff8a}html[data-theme=light] .search,html[data-theme=light] .search input,html[data-theme=light] .search kbd{color:var(--muted)}html[data-theme=light] .workbench-inspector{border-color:var(--line-soft);background:linear-gradient(155deg,#ffffffd9,#f5f3eff5)}html[data-theme=light] .element-workbench .detail-tabs,html[data-theme=light] .workbench-viewport{border-color:var(--line);background:#eae7e280;box-shadow:inset 0 1px 3px #00000004}html[data-theme=light] .segment-thumb{background:#fff;border-color:#00000009;box-shadow:0 2px 5px #00000008}html[data-theme=light] .workbench-viewport button{color:var(--muted)}html[data-theme=light] .workbench-viewport button[aria-pressed=true]{color:var(--text);background:#fff}html[data-theme=light] .inspector-group{border-color:var(--line-soft)}html[data-theme=light] .parameter-range{border-color:var(--line-soft);background:#ffffff80}html[data-theme=light] .parameter-range:before{background:linear-gradient(110deg,#b6aca428,#b6aca411)}html[data-theme=light] .parameter-range output,html[data-theme=light] .parameter-colour code,html[data-theme=light] .parameter-reset,html[data-theme=light] .parameter-select,html[data-theme=light] .parameter-colour{color:var(--muted)}html[data-theme=light] .parameter-colour>div{border-color:var(--line-soft)}html[data-theme=light] .choice-trigger,html[data-theme=light] .parameter-select .choice-trigger{border-color:var(--line);color:var(--text);background:#ffffff8a}html[data-theme=light] .inspector-disclosure{border-color:var(--line-soft)}html[data-theme=light] .inspector-disclosure summary,html[data-theme=light] .inspector-disclosure pre,html[data-theme=light] .mobile-settings-toggle{color:var(--muted);border-color:var(--line)}html[data-theme=light] .inspector-disclosure pre{background:#ffffff90}html[data-theme=light] .prompt-liquid .prompt-split{background:linear-gradient(155deg,#ffffffdc,#eeece7bc);border-color:#c8c2b9;box-shadow:inset 0 1px 1px #fff,0 4px 15px #4a36200d}html[data-theme=light] .prompt-liquid .prompt-button,html[data-theme=light] .prompt-liquid .prompt-select{color:var(--text)}html[data-theme=light] .prompt-liquid .prompt-button:hover,html[data-theme=light] .prompt-liquid .prompt-select:hover{color:#000;background:#ffffff70}html[data-theme=light] .prompt-liquid .prompt-select:before{background:#00000026}html[data-theme=light] .choice-menu.prompt-menu,html[data-theme=light] .color-panel{border-color:var(--line);background:linear-gradient(150deg,#fffefbee,#f1eee8f5);box-shadow:0 18px 60px #42362420,inset 0 1px #fff}html[data-theme=light] .choice-menu.prompt-menu>button{color:var(--text)}html[data-theme=light] .choice-menu.prompt-menu>button:hover,html[data-theme=light] .choice-menu.prompt-menu>button[aria-checked=true]{background:#b4aaa71a}html[data-theme=light] .choice-menu.prompt-menu>button[aria-checked=true]{color:var(--accent-soft)}html[data-theme=light] .prompt-menu small,html[data-theme=light] .review-prompt,html[data-theme=light] .color-panel p{color:var(--muted)}html[data-theme=light] .color-swatches button{border-color:#f6f3ee}html[data-theme=light] .custom-color{color:var(--muted)}html[data-theme=light] .document-surface,html[data-theme=light] .source-gutter,html[data-theme=light] .docs-snippet{border-color:var(--line-soft);background:#fffdf9}html[data-theme=light] .document-toolbar{border-color:var(--line-soft);background:#f5f2ec70}html[data-theme=light] .document-label,html[data-theme=light] .document-filename,html[data-theme=light] .document-note{color:var(--muted);border-color:var(--line-soft)}html[data-theme=light] .source-content,html[data-theme=light] .prompt-document p,html[data-theme=light] .prompt-document p:first-child,html[data-theme=light] .docs-snippet{color:#36322e}html[data-theme=light] .source-gutter{color:#938c82;border-color:var(--line-soft)}html[data-theme=light] .source-keyword{color:#8c473c}html[data-theme=light] .source-string{color:#536346}html[data-theme=light] .source-comment{color:#898074}html[data-theme=light] .source-number{color:#8d693c}html[data-theme=light] .prompt-example{color:var(--text);border-color:var(--line-soft);background:#f2eee77a}html[data-theme=light] .site-footer,html[data-theme=light] .footer-bottom{border-color:var(--line-soft)}html[data-theme=light] .brand-loader{background:var(--bg)}html[data-theme=light] :is(.search-frame:has(input:focus-visible),.prompt-split:has(button:focus-visible),.choice-trigger:focus-visible,.parameter-range:has(input:focus-visible)){outline-color:#302c28}html[data-theme=light] .motiqo-bezel-light{background:radial-gradient(110px 65px at var(--bezel-x,50%) var(--bezel-y,50%),#c05a4a,transparent 90%)}html[data-theme=light] :is(.line-stage,.pleat,.image-liquid-surface,.liquid-form,.crate-stage,.demo-liquid-sculpture,.demo-glow-nav,.pulse){background:radial-gradient(at 50% 47%,#fff,#f1eee8 74%)}html[data-theme=light] :is(.arbor,.drawer,.pleat)>svg{filter:invert()hue-rotate(180deg)}html[data-theme=light] .glow-nav{color:#77716a}html[data-theme=light] .glow-nav .gn-link:hover,html[data-theme=light] .glow-nav .gn-link[aria-current=page]{color:#25211e;text-shadow:0 0 18px #a0523528}html[data-theme=light] .pulse-card{background:linear-gradient(155deg,#fffdf9,#f4f0e9);border-color:#00000014;box-shadow:0 20px 60px #46332108}html[data-theme=light] .pulse-header strong{color:var(--text)}html[data-theme=light] :is(.pulse-label,.pulse-period,.pulse-footer>span){color:var(--muted)}html[data-theme=light] :is(.pulse-change,.pulse-footer time){color:var(--text)}html[data-theme=light] .pulse-change>span{color:#616758}html[data-theme=light] .pulse-card svg text{fill:#797169}html[data-theme=light] .pulse-card svg path[pathLength]{stroke:color-mix(in srgb,var(--pulse-accent) 40%,#24271f)}html[data-theme=light] .pulse-card svg>circle{fill:#747e66;stroke:#fff}html[data-theme=light] .pulse-footer{border-color:var(--line-soft)}html[data-theme=light] .pulse-footer button{color:var(--text);border-color:var(--line);background:#ffffff90}html[data-theme=light] :is(.line-stage,.pleat,.liquid-form,.image-liquid-surface,.crate-stage,.pulse):focus-visible{outline-color:#302c28}@media (max-width:780px){.sidebar-link{height:44px;min-height:44px;padding:12px 13px}.sidebar-light{height:44px}.theme-segment button{height:40px}}@media (prefers-reduced-motion:reduce){.theme-thumb,.theme-segment button{transition:none}}html[data-theme=light] .pulse-card svg>path:first-of-type{stroke:#00000012}html[data-theme=light] .pulse-card svg>g path{stroke:#746d5f70}html[data-theme=light] .pulse-card svg>g circle{fill:#746d5f}.sidebar-heading{transition:margin-bottom .2s var(--motion-ease)}.site-sidebar nav[data-view=components]{animation:sidebar-drill-in .22s var(--motion-ease) both}.site-sidebar nav[data-view=main]{animation:sidebar-drill-out .2s var(--motion-ease) both}.sidebar-back{animation:sidebar-drill-in .22s var(--motion-ease) both}@keyframes sidebar-drill-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes sidebar-drill-out{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.site-sidebar nav[data-view],.sidebar-back{animation:none}.sidebar-heading{transition:none}}.site-sidebar.has-component-menu .sidebar-heading{margin-bottom:16px}.sidebar-back{text-align:left;min-height:44px;color:var(--muted);border-radius:10px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:8px;padding:8px 13px;font-size:13px;display:flex}.sidebar-back:hover{color:var(--text);background:var(--raised)}.sidebar-chevron{margin-left:auto}.site-sidebar.has-component-menu nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;overflow-y:auto}.site-sidebar.has-component-menu .sidebar-tools{flex-shrink:0;margin-top:auto}.sidebar-group{padding-top:18px}.sidebar-group-title{color:var(--muted);margin:0 13px 7px;font-size:11px;display:block}.sidebar-link>svg{flex-shrink:0}.sidebar-group .sidebar-link{text-align:left;gap:10px;width:100%;font-size:12px}.sidebar-link:disabled{color:var(--muted);cursor:default}.sidebar-link:disabled>svg,.sidebar-link:disabled>span{opacity:.55}.sidebar-link small.sidebar-soon{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--muted);font:500 11px/1.2 var(--sans);letter-spacing:.02em;white-space:nowrap;border:none;border-radius:9999px;margin-left:auto;padding:3px 8px}html[data-theme=light] .sidebar-link small.sidebar-soon{background:color-mix(in srgb,var(--text) 8%,transparent)}.sidebar-badge{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.sidebar-badge[data-new]:before{content:attr(data-new);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font:600 11px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:none;border-radius:9999px;padding:3px 8px}.sidebar-badge[data-count]:after{content:attr(data-count)}.sidebar-count,.sidebar-badge[data-count]:after{font:500 12px/1.2 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}.sidebar-badge[data-has-new=true]:after{color:var(--accent);font-weight:600}.card-badge-new{z-index:3;background:color-mix(in srgb,var(--accent) 22%,#000000b8);-webkit-backdrop-filter:blur(8px);color:var(--accent);font:600 11px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;border:none;border-radius:9999px;padding:3px 8px;position:absolute;top:10px;left:10px}html[data-theme=light] .card-badge-new{background:color-mix(in srgb,var(--accent) 15%,#ffffffe0)}.sidebar-link:focus-visible,.sidebar-back:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-back:active,.sidebar-link:active{transform:none}.collection-toolbar .collection-label{color:var(--muted);font-size:13px}@media (max-width:780px){.sidebar-group .sidebar-link{min-height:44px}.site-sidebar.has-component-menu{padding-top:18px}.site-sidebar.has-component-menu .sidebar-heading{gap:14px;margin-bottom:10px}.site-sidebar.has-component-menu .sidebar-tools{padding-top:12px}.collection-toolbar .collection-label:empty{display:none}.collection-toolbar .search-tools{flex-wrap:wrap}}.sidebar-chevron,.sidebar-back>svg{color:var(--muted);background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0}.sidebar-back{gap:10px;padding-left:7px}.site-sidebar nav{scrollbar-gutter:auto;scrollbar-width:none;gap:2px;padding-right:0}.site-sidebar nav::-webkit-scrollbar{width:0}.site-sidebar nav[data-view] .sidebar-link,.sidebar-back{border-radius:7px;flex-shrink:0;width:100%;max-width:none;height:34px;min-height:34px;padding:0 12px;font-size:12px}.site-sidebar .sidebar-back{color:var(--muted);background:0 0;gap:9px;margin:0 0 8px}.sidebar-back:hover{color:var(--text)}.site-sidebar .sidebar-group{padding-top:16px}.sidebar-group-title{margin-bottom:6px}@media (pointer:coarse){.site-sidebar nav[data-view] .sidebar-link,.site-sidebar .sidebar-back{height:44px;min-height:44px}}:root .element-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}@media (min-width:1080px){:root .element-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.element-card[data-element] .card-stage{aspect-ratio:4/3;height:auto}.card-poster{-o-object-fit:contain;object-fit:contain}.workbench-stage.hero-workbench-stage{aspect-ratio:1280/900;align-self:start;height:auto;min-height:260px}.hero-workbench-stage .detail-workspace{background:#050508}.workbench-stage.hero-workbench-stage[data-viewport=tablet]{aspect-ratio:820/900}.workbench-stage.hero-workbench-stage[data-viewport=mobile]{aspect-ratio:390/844;max-height:844px}.workbench-stage.section-workbench-stage{align-self:start;height:auto}.section-workbench-stage .detail-workspace,.section-workbench-stage .workbench-preview,.section-workbench-stage .demo{height:auto;min-height:0}.section-workbench-stage .demo{align-items:center!important;overflow:visible!important}.sidebar-link small.sidebar-soon,.sidebar-badge[data-new]:before{text-transform:none;letter-spacing:0;font-size:12px}
:root,html[data-theme]{--bg:#050505;--surface:#0b0b0b;--raised:#121212;--line:#ffffff1c;--line-soft:#ffffff10;--text:#f3f2ef;--muted:#a3a29e;--subtle:#73726e;--accent:#f3f2ef;--accent-soft:#c9c8c4;--brand-neutral:#6f6e6a;--red:var(--text);--sans:"Funnel Sans Variable",ui-sans-serif,system-ui,sans-serif;--display:"Funnel Display Variable","Funnel Sans Variable",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--ease-cine:cubic-bezier(.65,0,.15,1);--hair:inset 0 0 0 1px #ffffff12;--glass:linear-gradient(180deg,#ffffff0d,#ffffff05);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-feature-settings:"ss01","cv11"}::selection{color:#050505;background:#f3f2ef}.ambient-light{opacity:1!important;background:radial-gradient(at 50% -10%,#ffffff0b,#0000 60%)!important}.ambient-stage>img{opacity:.05}.skip-link{background:var(--text);color:var(--bg);border-radius:999px;left:16px}html body .site-shell{max-width:none;margin-left:0;padding:104px clamp(16px,3.4vw,48px) 0}html body .site-shell.bleed-shell{padding:0}html body .site-shell.workspace-shell{padding-top:92px}@media (max-width:780px){html body .site-shell{padding:88px 16px 0}html body .site-shell.bleed-shell{padding:0}}.mq-nav{z-index:60;pointer-events:none;justify-content:center;padding:0 clamp(12px,2.4vw,28px);display:flex;position:fixed;inset:14px 0 auto}.mq-nav-bar{pointer-events:auto;width:min(1180px,100%);height:58px;transition:background-color .5s var(--ease-out),box-shadow .5s var(--ease-out),backdrop-filter .5s var(--ease-out);background:#0a0a0a00;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 8px 0 20px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fff0}.mq-nav[data-scrolled] .mq-nav-bar{-webkit-backdrop-filter:blur(22px)saturate(1.4);background:#0b0b0bc7;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff12,0 18px 50px -18px #000c}.mq-nav-brand{border-radius:8px;justify-self:start;width:104px;display:block}.mq-nav-brand svg{width:100%;height:auto;display:block}.mq-nav-brand:focus-visible{outline:2px solid var(--text);outline-offset:6px}.mq-nav-links{border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:relative}.mq-nav-links a{z-index:1;height:36px;color:var(--muted);font:500 13.5px/1 var(--sans);letter-spacing:-.005em;border-radius:999px;align-items:center;padding:0 15px;display:flex;position:relative}.mq-nav-links a:hover,.mq-nav-links a[aria-current=page]{color:var(--text)}.mq-nav-links a:focus-visible{box-shadow:0 0 0 1px var(--text);outline:none}.mq-nav-soon{border:1px solid var(--line);color:var(--muted);font:500 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-left:6px;padding:3px 6px}.mq-nav-pill{z-index:0;height:36px;width:var(--pill-w,0);transform:translateX(var(--pill-x,0));opacity:0;transition:transform .52s var(--ease-out),width .52s var(--ease-out),opacity .3s ease;background:#ffffff10;border-radius:999px;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff14}.mq-nav-pill[data-visible=true]{opacity:1}.mq-nav-tools{justify-self:end;align-items:center;gap:6px;display:flex}.mq-nav-saved{min-width:42px;height:42px;color:var(--muted);font:500 12px var(--sans);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.mq-nav-saved:hover,.mq-nav-saved[aria-current=page]{color:var(--text);background:#ffffff0a}.mq-nav-saved:focus-visible{outline:2px solid var(--text);outline-offset:2px}.mq-nav-account{width:42px;height:42px;color:var(--muted);font:600 12px var(--sans);border-radius:999px;place-items:center;transition:color .16s,background .16s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.mq-nav-account[data-loading]{opacity:0}.mq-nav-account.mq-nav-signin{white-space:nowrap;width:auto;padding:0 16px}.mq-nav-account:hover{color:var(--text);background:#ffffff0a}.mq-nav-account:focus-visible{outline:2px solid var(--text);outline-offset:2px}.mq-nav-account img,.mq-nav-account>span{-o-object-fit:cover;object-fit:cover;width:30px;height:30px;color:var(--text);background:#ffffff10;border-radius:999px;place-items:center;display:grid}.mq-nav-account[data-pro]:after{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg);border-radius:999px;position:absolute;bottom:5px;right:5px}@media (max-width:780px){.mq-nav-account.mq-nav-signin{display:none}}.mq-nav .github-link{color:#0a0a0a;background:var(--text);height:42px;font:600 13px var(--sans);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #0000001f,0 6px 24px -10px #ffffff70}.mq-nav .github-link:hover{background:#fff;transform:translateY(-1px)}.mq-nav .github-link:focus-visible{outline:2px solid var(--text);outline-offset:3px}.mq-nav .github-stars{color:#0a0a0acc;border-left:1px solid #0000001f;align-items:center;gap:5px;margin-left:2px;padding-left:10px;display:flex}.mq-nav .github-star-count{min-width:1.5ch;font:600 12px var(--sans)}.mq-nav .motiqo-bezel-light{display:none}.mq-nav-toggle{width:42px;height:42px;color:var(--text);border-radius:999px;display:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.mq-nav-toggle span{height:1.5px;transition:transform .42s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:13px;right:13px}.mq-nav-toggle span:first-child{transform:translateY(-3.5px)}.mq-nav-toggle span:last-child{transform:translateY(3.5px)}.mq-nav[data-open] .mq-nav-toggle span:first-child{transform:rotate(45deg)}.mq-nav[data-open] .mq-nav-toggle span:last-child{transform:rotate(-45deg)}.mq-nav-toggle:focus-visible{outline:2px solid var(--text);outline-offset:2px}.mq-sheet{z-index:55;-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out),visibility .42s;background:#050505fa;flex-direction:column;justify-content:space-between;padding:104px 24px 32px;display:flex;position:fixed;inset:0}.mq-sheet[data-open]{opacity:1;visibility:visible}.mq-sheet nav{display:grid}.mq-sheet nav a{border-bottom:1px solid var(--line-soft);color:var(--muted);font:500 clamp(32px,9vw,44px)/1.05 var(--display);letter-spacing:-.04em;opacity:0;transition:opacity .5s var(--ease-out),transform .7s var(--ease-out),color .2s;transition-delay:calc(var(--i)*45ms);justify-content:space-between;align-items:center;padding:14px 0;display:flex;transform:translateY(18px)}.mq-sheet[data-open] nav a{opacity:1;transform:none}.mq-sheet nav a[aria-current=page],.mq-sheet nav a:hover{color:var(--text)}.mq-sheet nav a small{font:500 14px var(--sans);color:var(--muted)}.mq-sheet-secondary{color:var(--muted);font:500 14px var(--sans);gap:22px;display:flex}.mq-sheet-secondary a:hover{color:var(--text)}@media (max-width:900px){.mq-nav-bar{grid-template-columns:1fr auto;padding-left:18px}.mq-nav-links{display:none}.mq-nav-toggle{display:block}.mq-nav-saved{display:none}}@media (max-width:420px){.mq-nav .github-link>span:not(.github-stars):not(.motiqo-bezel-light){display:none}.mq-nav .github-link{padding:0 13px}.mq-nav-brand{width:92px}}@media (min-width:901px){.mq-sheet{display:none}}.page-header h1,.document-shell h1,.docs-content h1{font-family:var(--display);letter-spacing:-.045em}.page-header h1>span[aria-hidden]{color:var(--subtle)}.mq-explore{margin:0 0 30px;position:relative}.mqx-rail{overscroll-behavior-x:contain;scrollbar-width:none;gap:30px;padding:6px 2px 10px;scroll-padding-inline:48px;display:flex;overflow-x:auto}.mqx-rail::-webkit-scrollbar{display:none}.mq-explore[data-edge-end] .mqx-rail{-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000);mask-image:linear-gradient(90deg,#000 86%,#0000)}.mq-explore[data-edge-start] .mqx-rail{-webkit-mask-image:linear-gradient(90deg,#0000,#000 9%);mask-image:linear-gradient(90deg,#0000,#000 9%)}.mq-explore[data-edge-start][data-edge-end] .mqx-rail{-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 86%,#0000)}.mqx-section{flex-direction:column;flex:none;gap:12px;display:flex}.mqx-section-label{color:var(--subtle);font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;padding-left:4px;display:flex}.mqx-section-label:after{content:"";background:linear-gradient(90deg,#ffffff1f,#0000);flex:1;min-width:24px;height:1px}.mqx-tiles{gap:10px;display:flex}.mqx-tile{--mx:0;text-align:left;cursor:pointer;background:#ffffff05;border-radius:18px;flex-direction:column;flex:none;gap:11px;width:158px;padding:7px 7px 11px;transition:background .35s,box-shadow .35s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.mqx-tile:hover{background:#ffffff0a;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff1c}.mqx-tile[aria-pressed=true]{background:linear-gradient(#ffffff14,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff3d,0 22px 44px -28px #000}.mqx-tile:focus-visible{outline:2px solid var(--text);outline-offset:3px}.mqx-deck{background:radial-gradient(120% 90% at 50% 100%,#ffffff0d,#0000 70%),#0a0a0a;border-radius:12px;height:92px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.mqx-deck img{--i:0;-o-object-fit:cover;object-fit:cover;filter:brightness(.7)saturate(.8);width:86px;height:62px;transform:translate(-50%,-50%) translateX(calc(var(--i) * 26px)) translateY(calc(var(--i) * var(--i) * 6px)) rotate(calc(var(--i) * 8deg)) scale(calc(1 - var(--i) * var(--i) * .1));border-radius:9px;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s;position:absolute;top:54%;left:50%;box-shadow:0 12px 22px -10px #000,0 0 0 1px #ffffff1f}.mqx-deck img:first-child{z-index:3;filter:brightness(.86)saturate(.9)}.mqx-deck img:nth-child(2){z-index:2}.mqx-deck img:nth-child(3){z-index:1}.mqx-tile:hover .mqx-deck img,.mqx-tile[aria-pressed=true] .mqx-deck img{filter:none;transform:translate(-50%,-50%) translateX(calc(var(--i) * 44px + var(--mx) * 14px)) translateY(calc(var(--i) * var(--i) * 3px - 3px)) rotate(calc(var(--i) * 13deg + var(--mx) * 4deg)) scale(calc(1.04 - var(--i) * var(--i) * .1))}.mqx-meta{align-items:baseline;gap:7px;min-width:0;padding:0 5px;display:flex}.mqx-name{color:var(--muted);font:500 13px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;transition:color .3s;overflow:hidden}.mqx-count{color:var(--subtle);font:500 10.5px var(--mono);letter-spacing:.04em;margin-left:auto}.mqx-new{background:var(--text);border-radius:50%;flex:none;order:-1;align-self:center;width:6px;height:6px;font-size:0;box-shadow:0 0 10px #ffffffa0}.mqx-tile:hover .mqx-name,.mqx-tile[aria-pressed=true] .mqx-name{color:var(--text)}.mqx-tile[aria-pressed=true] .mqx-count{color:var(--muted)}.mqx-surprise .mqx-deck{background:repeating-linear-gradient(135deg,#ffffff06 0 6px,#0000 6px 12px),#0a0a0a}.mqx-die{color:var(--muted);place-items:center;transition:color .3s,transform .7s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;inset:0}.mqx-die:before{content:"";border:1px dashed #ffffff2e;border-radius:16px;width:54px;height:54px;transition:transform .7s cubic-bezier(.34,1.56,.64,1),border-color .3s;position:absolute}.mqx-surprise:hover .mqx-die{color:var(--text);transform:rotate(-14deg)scale(1.08)}.mqx-surprise:hover .mqx-die:before{border-color:#fff5;transform:rotate(28deg)}.mqx-surprise[data-rolling] .mqx-deck img{filter:none;animation:.14s cubic-bezier(.22,1,.36,1) mqx-deal}@keyframes mqx-deal{0%{opacity:.4;transform:translate(-50%,-50%)translateY(10px)rotate(-6deg)scale(.86)}}.mqx-arrow{z-index:2;width:36px;height:36px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0b0b0bd9;border-radius:50%;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s;display:grid;position:absolute;top:62px;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 24px -8px #000}.mqx-arrow:hover{background:#1a1a1ae6;transform:scale(1.06)}.mqx-arrow[hidden]{display:none}.mqx-arrow-start{left:-8px}.mqx-arrow-end{right:-8px}.mqx-arrow:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (max-width:700px){.mqx-rail{gap:22px}.mqx-tile{width:134px}.mqx-deck{height:78px}.mqx-deck img{width:72px;height:52px}.mqx-arrow{display:none}}@media (hover:none){.mqx-tile:hover{transform:none}}@media (prefers-reduced-motion:reduce){.mqx-tile,.mqx-deck img,.mqx-die,.mqx-die:before{transition:none}.mqx-surprise[data-rolling] .mqx-deck img{animation:none}}.search-frame .search{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 8px 0 15px;display:grid}.search-frame .search>svg{display:block}.search-frame .search input{height:100%;font:500 13px/1 var(--sans);padding:0}.search-frame .search kbd{min-width:34px;height:26px;color:var(--muted);font:500 11px/1 var(--sans);background:#ffffff0b;border-radius:999px;justify-content:center;align-items:center;gap:2px;padding:0 7px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff12}.search-frame .search kbd svg{display:block}.library-order button{font:500 13px/1 var(--sans)}@media (max-width:600px){.collection-toolbar .collection-label{display:none}.collection-toolbar .search-tools{flex-wrap:nowrap;width:100%}.search-tools>.library-order{flex:none;width:168px}.search-tools>.search-frame{flex:1;width:auto;min-width:0}}@media (max-width:620px){.search-frame .search{grid-template-columns:auto minmax(0,1fr);padding:0 14px}.search-frame .search kbd{display:none}}.site-footer{border-top:1px solid var(--line-soft);margin-top:40px;padding:72px 0 0}.bleed-shell .site-footer{box-sizing:border-box;border-top:0;width:auto;max-width:1416px;margin:clamp(110px,13vw,190px) auto 0;padding-left:clamp(16px,3.4vw,48px);padding-right:clamp(16px,3.4vw,48px)}.footer-brand p{font:400 15px/1.6 var(--sans);color:var(--muted)}.footer-links a,.footer-links button{color:var(--muted);font:500 14px var(--sans)}.footer-links a:hover,.footer-links button:hover{color:var(--text)}.footer-links .eyebrow{font:500 11px var(--mono);letter-spacing:.08em;color:var(--subtle)}@media (prefers-reduced-motion:reduce){.mq-nav-bar,.mq-nav-pill,.mq-sheet,.mq-sheet nav a,.mq-nav-toggle span{transition:none}}.footer-main{grid-template-columns:minmax(0,1fr) auto;gap:48px;padding-bottom:56px}.footer-links{flex-wrap:wrap;gap:28px 72px}.footer-bottom{border-top:1px solid var(--line-soft);color:var(--subtle);font:500 13px var(--sans);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:24px 0 36px;display:flex}.footer-bottom .maker-link{color:var(--muted)}.footer-bottom .maker-link:hover{color:var(--text)}@media (max-width:620px){.footer-main{grid-template-columns:1fr}.footer-links{gap:28px 48px}}.workbench-stage .detail-workspace{background:radial-gradient(at 50% 38%,#ffffff0a,#0000 62%),radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 1.4px) 0 0/22px 22px,#060606;border:0;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff12,0 40px 120px -50px #000}.workbench-stage .document-surface{background:#070707}.workbench-bottom-bar{margin-top:14px}.workbench-pagination>span{font:500 12px var(--mono);color:var(--text)}.workbench-pagination>span>span{color:var(--subtle)}.workbench-pagination .icon-button{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff14}.workbench-pagination .icon-button:hover{color:var(--text);background:#ffffff0a}.workbench-viewport{background:#0b0b0b;border:0;border-radius:999px;gap:2px;padding:4px;box-shadow:inset 0 0 0 1px #ffffff14}.workbench-viewport button{width:46px;min-height:38px;color:var(--subtle);transition:color .3s,background-color .3s}.workbench-viewport button:hover{color:var(--text)}.workbench-viewport button[aria-pressed=true]{color:#070707;background:var(--text);box-shadow:0 6px 20px -8px #ffffff80}.workbench-actions>.save-button{color:var(--muted);background:0 0;border:0;box-shadow:inset 0 0 0 1px #ffffff14}.workbench-actions>.save-button:hover,.workbench-actions>.save-button.is-saved{color:var(--text);background:#ffffff0a}.workbench-inspector{background:radial-gradient(120% 60% at 50% -10%,#ffffff0d,#0000 60%),linear-gradient(#0e0e0e,#080808);border:0;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff14,0 30px 90px -40px #000}.workbench-inspector-scroll{scrollbar-color:#ffffff1f transparent;gap:20px}.workbench-heading{container-type:inline-size}.workbench-heading h1{font:500 clamp(20px,min(38px,calc(100cqi / (var(--title-chars,10) * .54))),38px)/1.05 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere;margin:6px 0 16px}.workbench-heading .tags{gap:6px}.workbench-inspector .tags span,.workbench-inspector .tags .tag-filter-button{color:var(--muted);font:500 11.5px/1.3 var(--sans);background:#ffffff08;border:0;border-radius:999px;padding:5px 10px;box-shadow:inset 0 0 0 1px #ffffff12}.workbench-inspector .tags .tag-filter-button:hover{color:var(--text);background:#ffffff12}.element-workbench .detail-tabs{background:#060606;border:0;border-radius:16px;padding:4px;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 8px #000}.element-workbench .detail-tabs button{min-height:40px;font:500 12px var(--sans);color:var(--subtle);transition:color .4s var(--ease-out)}.element-workbench .detail-tabs button.active,.element-workbench .detail-tabs button:hover{color:var(--text)}.element-workbench .detail-tabs .segment-thumb{background:linear-gradient(#ffffff1c,#ffffff0c);border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff26,0 8px 24px -10px #000}.inspector-settings-summary{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:500 11px var(--mono)!important}.inspector-customization .inspector-controls,.inspector-group{border-top-color:#ffffff10}.parameter-select>span,.parameter-colour>span,.parameter-text>span{color:var(--subtle);font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase}.parameter-range{min-height:0;color:var(--muted);font:500 12.5px var(--sans);cursor:ew-resize;background:linear-gradient(#0f0f0f,#0a0a0a);border:0;border-radius:14px;grid-template-rows:auto 22px;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:13px 14px 12px;transition:box-shadow .3s,background-color .3s;display:grid;box-shadow:inset 0 0 0 1px #ffffff10,inset 0 1px #ffffff0d}.parameter-range:before{content:none}.parameter-range>span:first-child{color:var(--text)}.parameter-range output{color:var(--text);font:500 11px var(--mono);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:6px;justify-self:end;padding:3px 7px;transition:background-color .3s,box-shadow .3s}.parameter-range input{z-index:3;cursor:ew-resize}.range-rail{color:#ffffff26;background:linear-gradient(currentColor,currentColor) 0/100% 1px no-repeat,repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 10%) 0/calc(100% + 1px) 8px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 14px no-repeat;grid-column:1/-1;height:22px;transition:color .3s;position:relative}.range-rail:before{content:"";clip-path:inset(0 calc(100% - var(--range-fill)) 0 0);background:linear-gradient(90deg,#ffffff38,#fff) 0/100% 2px no-repeat,repeating-linear-gradient(90deg,#ffffffc0 0 1px,#0000 1px 10%) 0/calc(100% + 1px) 8px no-repeat;position:absolute;inset:0}.range-rail>i{top:0;bottom:0;left:var(--range-fill);width:2px;transition:transform .3s var(--ease-out),box-shadow .3s;background:#fff;border-radius:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 3px #ffffff14,0 0 14px #ffffffb0}.parameter-range:hover{background:linear-gradient(#121212,#0c0c0c);box-shadow:inset 0 0 0 1px #ffffff1c,inset 0 1px #ffffff14}.parameter-range:hover .range-rail{color:#ffffff3a}:is(.parameter-range:has(input:active) .range-rail>i,.parameter-range:has(input:focus-visible) .range-rail>i){transform:scaleY(1.3);box-shadow:0 0 0 5px #ffffff1c,0 0 22px #fff}.parameter-range:has(input:active) output{background:#ffffff1c;box-shadow:0 0 18px -4px #ffffff70}.parameter-range:has(input:focus-visible){outline:none;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 3px #ffffff14}.parameter-select .choice-trigger,.parameter-colour>div,.parameter-text input,.parameter-text textarea{min-height:44px;color:var(--text);font:500 13px var(--sans);background:linear-gradient(#0f0f0f,#0a0a0a);border:0;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff10,inset 0 1px #ffffff0d}.parameter-select .choice-trigger:hover,.parameter-colour>div:hover{background:linear-gradient(#131313,#0c0c0c);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 1px #ffffff14}.parameter-text input,.parameter-text textarea{resize:vertical;width:100%;padding:11px 14px}.parameter-text input:focus-visible,.parameter-text textarea:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 3px #ffffff14}.parameter-colour input{border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #0a0a0a,0 0 0 3px #ffffff40}.parameter-colour input::-webkit-color-swatch{border-radius:50%}.parameter-colour code{color:var(--muted);font:500 11px var(--mono)}.parameter-reset{color:var(--muted);font:500 12px var(--sans);text-underline-offset:4px;-webkit-text-decoration:underline #ffffff30;text-decoration:underline #ffffff30}.parameter-reset:hover{color:var(--text);-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.inspector-delivery{gap:8px}.inspector-delivery>a,.inspector-delivery>button{min-height:46px;font:600 13px var(--sans);border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff1a}.inspector-delivery>button:hover{background:#ffffff0a}.inspector-delivery>a{color:#070707;background:var(--text);box-shadow:0 10px 30px -14px #ffffff90}.inspector-delivery>a:hover{background:#fff}.inspector-dependencies .document-label{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}@media (prefers-reduced-motion:reduce){.range-rail,.range-rail>i,.parameter-range,.parameter-range output,.workbench-viewport button{transition:none}}@media (min-width:1101px){html body .workbench-stage{height:clamp(360px,100dvh - 272px,1000px)}html body .workbench-inspector{height:calc(100dvh - 196px);min-height:0;max-height:calc(100dvh - 196px)}}.brand-loader.motiqo-loader{z-index:150;pointer-events:auto;animation:ml-in .42s var(--ease-out) both;background:radial-gradient(60% 50% at 50% 46%,#111 0%,#050505 70%);place-items:center;display:grid;position:fixed;inset:0}.brand-loader.motiqo-loader.route-loader{background:#050505f2}.ml-center{flex-direction:column;align-items:center;margin-top:-40px;display:flex}.ml-pixels{max-width:none;margin:-140px;display:block}.ml-line{background:#ffffff14;width:min(280px,62vw);height:1px;margin-top:6px;position:relative;overflow:hidden}.ml-line i{width:40%;animation:ml-sweep 1.4s var(--ease-cine) infinite;background:linear-gradient(90deg,#0000,#f3f2ef,#0000);position:absolute;inset:0 auto 0 0}.ml-caption{color:#8f8e8a;font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:0;animation:ml-rise .9s var(--ease-out) .7s both;align-items:center;gap:10px;margin:20px 0 0;display:flex}.ml-caption .loader-isotype{width:13px;height:13px;animation:3.6s linear infinite ml-spin}.ml-corner{color:#5f5e5a;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;position:absolute;bottom:24px}.ml-left{left:clamp(16px,3.4vw,48px)}.ml-right{right:clamp(16px,3.4vw,48px)}@keyframes ml-in{0%{opacity:0}}@keyframes ml-sweep{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes ml-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ml-spin{to{transform:rotate(360deg)}}@media (max-width:620px){.ml-corner{display:none}}.card-badge-access{z-index:3;font:600 11px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex;position:absolute;top:10px;right:56px}.card-badge-access[data-access=free]{color:#9fe3b5;background:#0e301bc5}.card-badge-access[data-access=pro]{color:#f0f0f0;background:#0000009e;box-shadow:inset 0 0 0 1px #ffffff1c}html[data-theme=light] .card-badge-access[data-access=free]{color:#17703a;background:#ddf7e7ea}html[data-theme=light] .card-badge-access[data-access=pro]{color:#1c1b1a;background:#ffffffdb;box-shadow:inset 0 0 0 1px #00000014}.card-stats{color:var(--subtle);font:500 11px/1 var(--mono);font-variant-numeric:tabular-nums;gap:12px;margin:6px 0 8px;display:flex}.card-stats span{align-items:center;gap:5px;display:inline-flex}.pro-unlock-button{min-height:42px;font:600 13px var(--sans);color:#111;transition:background .16s,transform .16s var(--motion-ease);background:#efefef;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.pro-unlock-button:hover{background:#fff}.pro-unlock-button:active{transform:scale(.98)}.pro-unlock-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html[data-theme=light] .pro-unlock-button{background:var(--text);color:#fff}