@font-face{font-family:Geist;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/geist-wght-latin-ext-Dr5IBr7O.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/geist-wght-latin-BGnTDqni.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sans: "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--demos-bg: #17151b;--demos-ink: #f4f1f7;--demos-ink-2: #aaa5b0;--demos-well: #0f0e13;--demos-accent: #bca3e9;--demos-accent-soft: rgba(188, 163, 233, .16);--demos-card: rgba(255, 255, 255, .055);--demos-card-hover: rgba(255, 255, 255, .085);--demos-band: #24212a;--demos-hair: rgba(255, 255, 255, .07);--demos-thumb: #3b3742;--demos-track: rgba(255, 255, 255, .07);--demos-ease: cubic-bezier(.2, .8, .2, 1);--demos-gutter: 32px;color-scheme:dark;background:var(--demos-bg)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body.demos-page{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--demos-bg);color:var(--demos-ink);font-family:var(--sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}:where(.demos-page) :where(h1,h2,p,ul){margin:0}:where(.demos-page) a{color:inherit}.demos-page :focus-visible{outline:2px solid var(--demos-ink);outline-offset:2px}.demos-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:#17151bcc;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 -1px 0 var(--demos-hair)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.demos-bar{background:#17151beb}}.demos-bar a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none}.demos-bar a:focus-visible{outline-offset:-2px;border-radius:10px}.demos-home{margin-left:-10px}.demos-home img{display:block;width:24px;height:24px}.demos-book{margin-right:-8px;padding:0 8px;font-size:15px;line-height:20px;font-weight:600;white-space:nowrap}@media(hover:hover){.demos-book:hover{opacity:.72}}.demos-main{flex:1 0 auto;width:100%;max-width:calc(1024px + 2 * var(--demos-gutter));margin:0 auto;padding:64px var(--demos-gutter) 96px;container-type:inline-size}.demos-title{margin-bottom:32px;font-size:40px;line-height:44px;font-weight:600;letter-spacing:0;text-wrap:balance}.demos-cubsy{display:grid;grid-template-columns:336px minmax(0,1fr);padding:8px;border-radius:28px;background:var(--demos-band);box-shadow:inset 0 0 0 1px var(--demos-hair),0 12px 32px #00000052}.demos-well{display:grid;place-items:center;min-height:272px;border-radius:20px;background:radial-gradient(90% 80% at 50% 72%,#bca3e93d,#bca3e900 62%),var(--demos-well)}.demos-well img{display:block;width:auto;height:224px}.demos-band-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px 40px}.demos-pill{display:inline-flex;align-items:center;gap:8px;height:28px;margin-bottom:16px;padding:0 12px;border-radius:999px;background:var(--demos-accent-soft);color:var(--demos-accent);font-size:13px;line-height:16px;font-weight:600}.demos-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.demos-cubsy h2{margin-bottom:8px;font-size:32px;line-height:36px;font-weight:600;letter-spacing:0}.demos-line{max-width:46ch;margin-bottom:4px;font-size:17px;line-height:24px}.demos-price{max-width:60ch;margin-bottom:24px;color:var(--demos-ink-2);text-wrap:pretty}.demos-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:999px;background:var(--demos-ink);color:var(--demos-bg);font-size:16px;line-height:20px;font-weight:400;text-decoration:none;transition:transform .18s var(--demos-ease),background-color .2s var(--demos-ease)}@media(hover:hover){.demos-primary:hover{background:#fff}}.demos-primary:active{transform:scale(.98)}.demos-note{margin-top:12px;font-size:13px;line-height:16px;color:var(--demos-ink-2)}.demos-shelf{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;margin-top:80px}.demos-shelf>h2{margin-bottom:24px;font-size:28px;line-height:32px;font-weight:600;letter-spacing:0}.demos-tabs{display:inline-flex;max-width:100%;margin-bottom:24px;border-radius:999px;background:var(--demos-track)}.demos-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:999px;color:var(--demos-ink-2);font-size:15px;line-height:20px;font-weight:600;white-space:nowrap;text-decoration:none;transition:color .24s var(--demos-ease)}.demos-tab:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:transparent;transition:background-color .24s var(--demos-ease)}.demos-tab>span{position:relative}.demos-tab[data-selected]{color:var(--demos-ink)}.demos-tab[data-selected]:before{background:var(--demos-thumb)}@media(hover:hover){.demos-tab:not([data-selected]):hover{color:var(--demos-ink)}}.demos-tab:focus-visible{outline-offset:-2px}.demos-panel{grid-row:3;grid-column:1;justify-self:stretch}.demos-panel[hidden]{display:block;visibility:hidden}.demos-shelf>script{display:none}.demos-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;list-style:none}.demos-panel-in .demos-cards{animation:demos-in .24s var(--demos-ease)}@keyframes demos-in{0%{opacity:0}to{opacity:1}}.demos-cards>li{display:flex}.demos-card{display:flex;flex-direction:column;width:100%;padding:8px 8px 16px;border-radius:20px;background:var(--demos-card);text-decoration:none;transition:background-color .2s var(--demos-ease)}@media(hover:hover){.demos-card:hover{background:var(--demos-card-hover)}}.demos-card img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;margin-bottom:12px;border-radius:12px;background:var(--demos-well)}.demos-card-text{display:flex;flex-direction:column;padding:0 8px}.demos-card-name{font-size:17px;line-height:24px;font-weight:600}.demos-card-line{margin-top:4px;font-size:15px;line-height:20px;color:var(--demos-ink-2)}.demos-card-run{margin-top:12px;font-size:13px;line-height:16px;font-weight:600;color:var(--demos-accent)}html:not([data-demos-js]) .demos-panel[hidden]:target{visibility:visible}html:not([data-demos-js]) .demos-shelf:has(.demos-panel:target) .demos-panel:not(:target){visibility:hidden}.demos-updates{margin-top:96px;padding-top:48px;box-shadow:inset 0 1px 0 var(--demos-hair);scroll-margin-top:64px}.demos-updates>h2{margin-bottom:32px;font-size:28px;line-height:32px;font-weight:600;letter-spacing:0}.demos-updates>.ember-line{position:relative;max-width:560px;min-height:260px}#updates .sheet{gap:16px}#updates .sheet-eyebrow-text{gap:8px;font-family:var(--sans);font-size:13px;line-height:16px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--demos-ink-2)}#updates .sheet-eyebrow-done{color:var(--sheet-green)}#updates .sheet-head{min-height:28px}#updates .capture-headline{font-family:var(--sans);font-size:20px;line-height:28px;font-weight:600;letter-spacing:0}#updates .sheet-text{min-height:48px}#updates :is(.capture-body,.capture-success){font-size:17px;line-height:24px;color:var(--demos-ink-2)}#updates .capture-form{gap:16px;max-width:none;margin-top:0}#updates .capture-label{margin-bottom:4px}#updates .capture-input{height:48px;font-size:20px;letter-spacing:0}#updates .sheet-action{min-width:168px}#updates :is(.capture-button.capture-button,.sheet-book){height:44px;padding:0 24px;font-size:15px}.demos-page>.v2-footer{width:min(1024px,100% - 2 * var(--demos-gutter));margin:0 auto;padding:24px 0 max(32px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--demos-hair);font-size:13px;line-height:24px;color:var(--demos-ink-2)}.demos-page>.v2-footer a{padding-block:10px;color:var(--demos-ink);text-underline-offset:.2em;white-space:nowrap}@media(prefers-reduced-motion:reduce){.demos-primary,.demos-tab,.demos-tab:before,.demos-card{transition:none}.demos-panel-in .demos-cards{animation:none}}@container (max-width: 860px){.demos-cubsy{grid-template-columns:240px minmax(0,1fr)}.demos-well img{height:176px}.demos-band-text{padding:24px 32px}.demos-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 600px){.demos-title{margin-bottom:24px;font-size:28px;line-height:32px}.demos-cubsy{grid-template-columns:104px minmax(0,1fr);column-gap:16px}.demos-band-text{display:contents}.demos-well{grid-row:1 / span 2;grid-column:1;width:104px;height:104px;min-height:0}.demos-well img{height:88px}.demos-pill{grid-column:2;grid-row:1;align-self:end;justify-self:start;margin-bottom:8px}.demos-cubsy h2{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:22px;line-height:28px}.demos-line,.demos-price,.demos-primary,.demos-note{grid-column:1 / -1;margin-left:8px;margin-right:8px}.demos-line{margin-top:16px}.demos-price{margin-bottom:16px}.demos-primary{justify-self:start}.demos-note{margin-top:8px;margin-bottom:8px}.demos-shelf{margin-top:48px;justify-items:stretch}.demos-shelf>h2{margin-bottom:16px;font-size:24px;line-height:28px}.demos-tabs{display:flex;width:100%;margin-bottom:16px}.demos-tab{flex:1 1 auto;min-width:0;padding:0 8px;font-size:13px;line-height:16px;white-space:normal;text-align:center}.demos-cards{grid-template-columns:minmax(0,1fr);gap:8px}.demos-card{flex-direction:row;align-items:center;gap:12px;padding:8px}.demos-card img{flex:none;width:104px;height:72px;aspect-ratio:auto;margin:0}.demos-card-text{padding:0 4px 0 0}.demos-card-line{margin-top:2px}.demos-card-run{margin-top:4px}.demos-updates{margin-top:48px;padding-top:40px}.demos-updates>h2{margin-bottom:24px;font-size:24px;line-height:28px}#updates .capture-form{gap:16px}.demos-updates>.ember-line{min-height:380px}}@media(max-width:664px){:root{--demos-gutter: 16px}.demos-main{padding-top:24px;padding-bottom:48px}}
