.ScribbleTypes-module__94tc7q__root{--ease:cubic-bezier(.7,0,.2,1);--spring:linear(0,.009,.035 2.1%,.141 4.4%,.281 6.7%,.723 12.9%,.938 16.7%,1.017 19.4%,1.077 22.3%,1.101 25%,1.104 28.4%,1.077 33.3%,1.006 42.1%,.98 48%,.977 52%,.992 63.5%,1.001 79.3%,1);width:100vw;color:var(--home-ink);background:0 0;margin-left:calc(50% - 50vw);font-family:Inter,system-ui,sans-serif}.ScribbleTypes-module__94tc7q__experience{position:relative;overflow:hidden}.ScribbleTypes-module__94tc7q__header{z-index:3;justify-items:center;gap:14px;display:grid;position:relative}.ScribbleTypes-module__94tc7q__header h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:500}.ScribbleTypes-module__94tc7q__tabs{background:#f3f3f4;border-radius:999px;padding:3px;display:flex;position:relative}.ScribbleTypes-module__94tc7q__tabs button{z-index:1;color:#8a8a90;cursor:pointer;background:0 0;border:0;width:96px;padding:8px 0;font:500 12px Inter,system-ui;transition:color .3s;position:relative}.ScribbleTypes-module__94tc7q__tabs button[aria-selected=true]{color:#111}.ScribbleTypes-module__94tc7q__pill{width:96px;height:calc(100% - 6px);transition:transform .6s var(--spring);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001a,0 2px 8px #0000000d}.dark .ScribbleTypes-module__94tc7q__tabs{background:#252529}.dark .ScribbleTypes-module__94tc7q__pill{background:#45454b}.dark .ScribbleTypes-module__94tc7q__tabs button[aria-selected=true]{color:#f3f3f4}.ScribbleTypes-module__94tc7q__panel{position:relative}.ScribbleTypes-module__94tc7q__upper{overflow:hidden}.ScribbleTypes-module__94tc7q__webglGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:min(100% - 48px,860px);margin:48px auto 24px;display:grid}.ScribbleTypes-module__94tc7q__webglGrid button{text-align:left;cursor:zoom-in;gap:8px;min-width:0;display:grid}.ScribbleTypes-module__94tc7q__strip{width:100%;height:680px;transition:margin .75s var(--ease);touch-action:pan-y;outline-offset:-3px;margin-block:-128px;position:relative}.ScribbleTypes-module__94tc7q__strip canvas{display:block}.ScribbleTypes-module__94tc7q__strip[inert]{pointer-events:none;cursor:default}.ScribbleTypes-module__94tc7q__root[data-type=Components] .ScribbleTypes-module__94tc7q__strip{margin-block:0 -24px}.ScribbleTypes-module__94tc7q__componentStage{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;width:calc(100% - 32px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ScribbleTypes-module__94tc7q__componentViewport{isolation:isolate;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;height:560px;display:grid;overflow:hidden}.ScribbleTypes-module__94tc7q__cell{pointer-events:auto;border:1px solid var(--home-line);min-width:min(480px,100vw - 32px);max-width:100%;min-height:360px;box-shadow:none;background:0 0;border-radius:6px;grid-area:1/1;place-items:center;padding:0;display:grid;overflow:hidden}.ScribbleTypes-module__94tc7q__cell[inert]{pointer-events:none}.ScribbleTypes-module__94tc7q__componentContent{width:100%;min-width:0}.ScribbleTypes-module__94tc7q__cell .scribble-interaction-demo{width:100%;height:auto;min-height:360px;padding:24px}.ScribbleTypes-module__94tc7q__cell .scribble-interaction-demo>div{max-width:100%}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=theme-switch]{padding:0}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=theme-switch]>div{width:100%;min-height:360px}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=hold-to-ship]{padding:0}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=hold-to-ship]>div{min-height:360px}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch]{padding:0}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch]>div{min-height:400px;padding:24px}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch] fieldset{flex:1 0 auto}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch] .grid{flex-wrap:wrap;width:100%;max-width:100%;display:flex}:is(.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=viscosity-images],.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=gooey-images]){padding:0}.ScribbleTypes-module__94tc7q__pager{pointer-events:auto;width:min(100%,380px);color:var(--home-muted);grid-template-columns:36px minmax(0,280px) 36px;justify-content:center;align-items:center;gap:14px;font-size:12px;display:grid}.ScribbleTypes-module__94tc7q__componentTitle{text-align:center;place-items:center;width:100%;height:40px;line-height:1.4;display:grid;overflow:hidden}.ScribbleTypes-module__94tc7q__componentTitle span{grid-area:1/1;width:100%}.ScribbleTypes-module__94tc7q__pager button{border:1px solid var(--home-line);width:36px;height:36px;color:var(--home-ink);background:0 0;border-radius:50%}.ScribbleTypes-module__94tc7q__all{z-index:3;justify-content:center;margin-top:16px;font-size:13px;display:flex;position:relative}.ScribbleTypes-module__94tc7q__all>a{border:1px solid var(--home-line);white-space:nowrap;border-radius:999px;align-items:center;padding:8px 16px;display:inline-flex}.ScribbleTypes-module__94tc7q__preview{aspect-ratio:1.5;border:1px solid var(--home-line);border-radius:4px;display:block;overflow:hidden}.ScribbleTypes-module__94tc7q__caption{color:var(--home-muted);text-align:left;font-size:12px}@media (max-width:760px){.ScribbleTypes-module__94tc7q__root[data-type]{display:none}.ScribbleTypes-module__94tc7q__header h2{font-size:14px}.ScribbleTypes-module__94tc7q__webglGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ScribbleTypes-module__94tc7q__strip{height:800px;margin-block:-168px}.ScribbleTypes-module__94tc7q__root[data-type=Components] .ScribbleTypes-module__94tc7q__strip{margin-block:0 -24px}.ScribbleTypes-module__94tc7q__componentViewport{height:660px}.ScribbleTypes-module__94tc7q__cell .scribble-interaction-demo{padding:18px}:is(.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=theme-switch],.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=hold-to-ship],.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch],.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=viscosity-images],.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=gooey-images]){padding:0}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=sliding-tab-indicator] [role=tablist]{border-radius:16px;flex-wrap:wrap;justify-content:center}.ScribbleTypes-module__94tc7q__cell [data-scribble-demo=fluid-organic-switch] fieldset{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.ScribbleTypes-module__94tc7q__pill,.ScribbleTypes-module__94tc7q__tabs button,.ScribbleTypes-module__94tc7q__strip{transition:none}}.ScribbleTypes-module__94tc7q__mobileComponents{justify-items:center;gap:12px;width:100%;margin-left:0;display:grid}.ScribbleTypes-module__94tc7q__mobileComponents .ScribbleTypes-module__94tc7q__componentViewport{height:auto;min-height:360px}.ScribbleTypes-module__94tc7q__mobileComponents .ScribbleTypes-module__94tc7q__cell{min-width:0}.ScribbleTypes-module__94tc7q__mobileComponents .ScribbleTypes-module__94tc7q__pager{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.ScribbleTypes-module__94tc7q__mobileComponents .ScribbleTypes-module__94tc7q__pager button{width:44px;height:44px}.ScribbleTypes-module__94tc7q__mobileComponents .ScribbleTypes-module__94tc7q__all{margin-top:4px}
:root{--editorial-body-font:400 14px/25.2px Inter, system-ui, sans-serif}.editorial-topbar{z-index:75;color:#747474;align-items:center;gap:20px;font-family:Neue Haas Grotesk Text,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;top:10px;left:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px)}.editorial-back{color:#747474;cursor:pointer;background:0 0;border:1px solid #dedee3;border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;margin-right:auto;padding:4px 10px 4px 7px;font:400 12px/20px Neue Haas Grotesk Text,sans-serif;transition:background-color .18s,color .18s;display:inline-flex}.editorial-back:hover{color:#242424;background:0 0}.editorial-back:hover svg{animation:.26s cubic-bezier(.22,1,.36,1) editorial-back-nudge}.editorial-back:focus-visible{outline-offset:3px;outline:2px solid #999}.editorial-back svg{flex-shrink:0;width:16px;height:16px}.editorial-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editorial-nav a{color:#999;font-size:14px;line-height:1.4;text-decoration:none;display:inline-block;position:relative}.editorial-nav a[aria-current]{color:#242424}.editorial-link-ink{color:#242424;clip-path:inset(0 100% 0 0);pointer-events:none;font:inherit;white-space:nowrap;transition:clip-path .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.editorial-nav a:hover .editorial-link-ink,.editorial-nav a:focus-visible .editorial-link-ink{clip-path:inset(0)}.editorial-underline{pointer-events:none;width:100%;height:6px;position:absolute;bottom:-5px;left:0}.editorial-underline path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s cubic-bezier(.22,1,.36,1)}.editorial-nav a:hover .editorial-underline path,.editorial-nav a[aria-current] .editorial-underline path,.editorial-tabs button[aria-selected=true] .editorial-underline path{stroke-dashoffset:0}.editorial-utilities{align-items:center;gap:16px;margin-top:0;display:flex}.editorial-utilities button{background:0 0;border:0;padding:0;line-height:1}.editorial-utilities button>svg,.editorial-utilities button svg{width:14px;height:14px}.editorial-page{color:#242424;background:#fafafc;min-height:100dvh;padding:34px clamp(16px,4vw,32px) 60px;font-family:Neue Haas Grotesk Text,sans-serif}.editorial-intro{align-content:start;justify-items:start;gap:16px;width:30%;min-width:300px;max-width:44ch;padding:56px 0 36px;display:grid}.editorial-intro h1{font:italic 400 16px/1.3 var(--font-instrument-serif), serif;color:#242424;margin:0}.editorial-intro .editorial-lede,.editorial-intro .editorial-count{letter-spacing:-.14px;color:#747474;margin:0;font:400 14px/25.2px Inter,system-ui,sans-serif}.editorial-signature{justify-items:start;gap:8px;display:grid}.editorial-signature svg{transform-origin:40%;color:#242424;width:64px;height:auto;display:block;overflow:visible;transform:rotate(-8deg)}.editorial-signature path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.editorial-signature .signature-caption{color:#747474;margin:0;font:400 12px/18px Neue Haas Grotesk Text,sans-serif}.editorial-tabs{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:8px 0 32px;display:flex}.editorial-tabs button{cursor:pointer;color:#747474;white-space:nowrap;background:0 0;border:0;padding:3px 0;font:400 12px/19px Neue Haas Grotesk Text,sans-serif;position:relative}.editorial-tabs button[aria-selected=true]{color:#242424}.editorial-tabs button>span{color:#999;margin-left:4px;font-size:10px}.editorial-tabs button:focus-visible{outline-offset:5px;outline:2px solid #999}.editorial-empty{color:#747474;padding:32px 0;font-size:14px}.editorial-footer{color:#999;justify-content:space-between;width:40%;margin:56px auto 0;font-size:12px;display:flex}.editorial-footer a{text-decoration:none}.dark .editorial-page{color:#f4f4f5;background:#18181c}.dark .editorial-intro h1,.dark .editorial-signature svg,.dark .editorial-nav a[aria-current],.dark .editorial-link-ink,.dark .editorial-tabs button[aria-selected=true]{color:#f4f4f5}.dark .editorial-back{color:#a1a1aa;background:0 0;border-color:#3f3f46}.dark .editorial-back:hover{color:#f4f4f5;background:0 0}.dark .editorial-lede,.dark .editorial-count,.dark .editorial-signature .signature-caption{color:#a1a1aa}.editorial-projects{height:100dvh;padding:34px 0 0;overflow:hidden}.editorial-projects .editorial-project-intro{z-index:35;width:min(30%,320px);padding:0;position:absolute;top:80px;left:32px}.editorial-project-intro .editorial-intro{width:100%;min-width:0;padding:0}.editorial-projects .editorial-project-controls{z-index:40;gap:8px;display:flex;position:absolute;top:430px;left:32px}@keyframes editorial-back-nudge{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@media (max-width:767px){.editorial-topbar{background:#fafafc;flex-wrap:wrap;gap:8px 10px;padding-bottom:8px;top:8px}.dark .editorial-topbar{background:#18181c}.editorial-nav{flex-basis:100%;justify-content:center;gap:12px;margin-inline:auto}.editorial-nav a{font-size:12px}.editorial-utilities{gap:12px}.editorial-page{padding-top:72px}.editorial-intro{width:100%;min-width:0;padding-top:28px}.editorial-footer{width:100%}.editorial-tabs{gap:12px 16px}.editorial-projects{padding-top:72px}.editorial-projects .editorial-project-intro,.editorial-projects .editorial-project-controls{display:none}}@media (prefers-reduced-motion:reduce){.editorial-back:hover svg{animation:none}.editorial-back,.editorial-link-ink,.editorial-underline path{transition:none}}.editorial-nav a,.editorial-back,.editorial-topbar .editorial-nav a,.editorial-topbar .editorial-back{font-size:14px}.editorial-topbar .editorial-back{background:#fafafc}.dark .editorial-topbar .editorial-back{background:#18181c}.editorial-topbar .editorial-back:hover{background:#fafafc}.dark .editorial-topbar .editorial-back:hover{background:#18181c}.editorial-topbar .editorial-nav a,.editorial-topbar .editorial-back{font-size:14px;line-height:25.2px}.dark .writing-page.is-reading .editorial-topbar .editorial-back,.dark .writing-page.is-reading .editorial-topbar .editorial-back:hover{background:#18181c}.editorial-topbar,.editorial-topbar .editorial-nav a,.editorial-topbar .editorial-back{font:var(--editorial-body-font);letter-spacing:-.14px}@media (max-width:767px){.editorial-topbar:before{content:"";background:inherit;height:8px;position:absolute;top:-8px;left:0;right:0}}