:root{--color-bg-0:#151517;--color-bg-300:#1e1b28;--color-bg-500:#23212e;--color-bg-700:#372e60;--color-text-primary:#e8e6ede6;--color-text-secondary:#aea5c0;--color-bg-ground:var(--color-bg-0);--color-bg-primary:var(--color-bg-0);--color-fg-primary:#e8e6ede6;--color-fg-secondary:#aea5c0;--color-fg-tertiary:#948aa3;--color-fg-loud:#e8e6ed;--color-cta:#5d36b7;--color-cta-hover:#693fc7;--color-fg-link:#a68cff;--color-fg-link-hover:#beaaff;--color-border:#413b5e;--color-border-hover:#554d7a;--color-border-light:#413b5e92;--color-fg-warn:#f0a30a;--color-bg-warn:#292107;--color-fg-danger:#dc2626;--color-bg-danger:#ffebeb;--color-fg-success:#22c55e;--color-bg-success:#dafbe120;--font-size-xs:12px;--font-size-s:14px;--font-size-m:18px;--font-size-l:20px;--font-size-xl:24px;--font-size-2xl:30px;--container-width:950px;--container-mobile-side-padding:16px;--spacing-s:6px;--spacing-m:12px;--spacing-l:18px;--spacing-xl:24px;--spacing-2xl:36px;--border-radius-s:2px;--border-radius-m:5px}.notebookContent{--color-cta:#35b;--color-cta-hover:#46c;--color-fg-link:#abf;--color-fg-link-hover:#bcf;--color-bg-700:#347;--color-bg-500:#223;--color-bg-300:#1b1b28;--color-border:#41435e}@font-face{font-family:League Spartan;font-weight:100 900;src:local(LeagueSpartan),url(/fonts/LeagueSpartan-variable.woff2)format("woff2");font-display:swap}@keyframes workingState{0%{filter:contrast(.6)}to{filter:contrast(.6)brightness(1.2)}}@layer legacy_base{html,body{min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}figure{width:fit-content;max-width:100%;margin:0 0 .5rem;display:flex;position:relative}figcaption.overlay{text-align:right;border-radius:var(--border-radius-m);background:#0009;padding:5px 10px;position:absolute;bottom:10px;right:10px}p{margin:.5em 0 1em}p+p{margin-top:0}ul,ol{margin:.5em 0;padding-left:1em;line-height:1.6}h1,h2,h3,h4,h5,h6,.heading{color:var(--color-fg-loud);margin:1em 0 .5em;font-family:Futura,League Spartan,sans-serif;font-weight:500}h1{letter-spacing:-.02em;font-size:2rem}h2{font-size:1.4rem}h3{margin:1.2em 0 .4em;font-size:1.1rem;font-weight:500}h4{font-size:1rem}a{color:var(--color-fg-link);font-weight:500;text-decoration:none;transition:color .2s}}@layer app{a:not(.btn):not(.btnOutline):hover{color:var(--color-fg-link-hover);box-shadow:inset 0 calc(-1 * .5em) 0 var(--color-bg-700)}blockquote{border-left:4px solid var(--color-bg-700);background:var(--color-bg-300);margin:1em 0;padding:.5em 1.5em;font-style:italic}input,select,textarea{background:var(--color-bg-300);border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:var(--spacing-s) var(--spacing-m)}input:not(.noError):not(:placeholder-shown):invalid{border-color:var(--color-fg-danger)}label:has(input[type=checkbox]){cursor:pointer}label:has(input[type=checkbox]):hover{filter:brightness(1.1)}textarea{flex:1;min-height:4.5em;line-height:1.5}select{appearance:none}select:hover,input:hover{border-color:var(--color-border-hover)}button,.btn,.btnOutline{border-radius:var(--border-radius-s);padding:var(--spacing-m) var(--spacing-l);cursor:pointer;justify-content:center;align-items:center;gap:5px;font-family:Futura,League Spartan,sans-serif;font-size:1rem;font-weight:500;line-height:1;transition:filter .15s,background .15s;display:inline-flex}button,.btn{background:var(--color-cta);color:#fff;border:none}button.small,.btn.small,.btnOutline.small{padding:var(--spacing-s) var(--spacing-m);font-size:.9rem}.btn:hover:not(.btnText):not([disabled]){background-color:var(--color-cta-hover);box-shadow:0 3px 6px #0000001a}.btnOutline{color:var(--color-fg-link);background:0 0;border:1px solid}.btnOutline:hover{box-shadow:none;color:var(--color-fg-link-hover);background:linear-gradient(var(--color-bg-500), transparent)}button[disabled]{filter:grayscale(.6)contrast(.6)}button.working,.btn.working{animation:.9s infinite alternate workingState}.btnText{color:var(--color-fg-link);font-family:inherit;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0;display:inline-flex}.btnText:hover{color:var(--color-fg-link-hover)}.secondary{color:var(--color-text-secondary)}strong{color:var(--color-fg-loud)}.secondary strong{color:var(--color-text-primary);font-weight:500}.container{max-width:100vw;width:var(--container-width);margin:0 auto}.subtleCard{background-color:#1a191b;background-image:radial-gradient(ellipse at bottom, var(--color-bg-500), transparent 80%);border-radius:var(--border-radius-m);border:1px solid #252535}.inlineEmailForm{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.inlineEmailForm [role=alert]{color:var(--color-fg-success);align-items:center;display:flex}.inlineEmailForm [role=alert]:global(.error){color:var(--color-fg-danger)}.spacer{flex:1}.nowrap{white-space:nowrap}}@media (width<=900px){.container{max-width:calc(100vw - 8px);padding-right:var(--container-mobile-side-padding);margin:0 4px;padding-left:var(--container-mobile-side-padding)!important}}.timestamp{color:var(--color-text-secondary);font-size:.8em}.unstyledlist{flex-direction:column;gap:.8em;padding:0;list-style-type:none;display:flex}.devicePage section>h2{margin-top:3em}@media print{:root{--color-bg-0:white;--color-fg-loud:black;--color-text-primary:black;--color-text-secondary:#777}}.demoDetails{background:linear-gradient(155deg, transparent, var(--color-bg-300) 110%), var(--img);background-position:right 10px top 10px;background-repeat:no-repeat;background-size:200px;min-height:60px;padding:0 220px 0 1rem}@media (width<=700px){.demoDetails{background-size:100px;padding-right:120px}}.demoDetails summary{padding:1rem 0}.demoDetails .demoRow{list-style-type:none}.demoDetails .demoRow a{align-items:center;gap:.5rem;width:fit-content;display:flex}.downloadsCard{padding:.5rem 1rem 1rem}.downloadsCard .downloadsRow{gap:1rem;display:flex}@media (width<=700px){.downloadsCard .downloadsRow{flex-direction:column}}details{border:1px solid var(--color-border);max-width:50em}details[open] summary{color:var(--color-text-primary)}details+details{border-top:none}details:first-child{border-top-left-radius:10px;border-top-right-radius:10px}details:last-child{border-bottom-right-radius:10px;border-bottom-left-radius:10px}summary{cursor:pointer;color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5rem;padding:1em;font-size:.8em;font-weight:700;display:flex}summary svg:first-child{transition:transform .2s}summary:hover>svg:first-child{color:var(--color-text-primary)}details[open] summary svg{transform:rotate(90deg)}summary::-webkit-details-marker{content:"";display:none}summary::marker{content:"";display:none}