@font-face{font-family:polymathText;src:url(../media/PolymathText_Regular-s.p.24mnuw4sutpot.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:polymathText;src:url(../media/PolymathText_Bold-s.p.0u03rvnhrrzxa.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:polymathText Fallback;src:local(Arial);ascent-override:96.42%;descent-override:28.12%;line-gap-override:0.0%;size-adjust:99.56%}.cx3LWq_className{font-family:polymathText,polymathText Fallback}.cx3LWq_variable{--font-polymath-text:"polymathText", "polymathText Fallback"}
@font-face{font-family:polymathDisplay;src:url(../media/PolymathDisp_Bold-s.p.2j07jun8ja2pu.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:polymathDisplay;src:url(../media/PolymathDisp_Super-s.p.1j-w0va4909zq.woff2)format("woff2");font-display:swap;font-weight:950}@font-face{font-family:polymathDisplay Fallback;src:local(Arial);ascent-override:94.51%;descent-override:27.56%;line-gap-override:0.0%;size-adjust:101.58%}._C0zVa_className{font-family:polymathDisplay,polymathDisplay Fallback}._C0zVa_variable{--font-polymath-display:"polymathDisplay", "polymathDisplay Fallback"}
:root{--size:18px;--green:#5e7660;--green-deep:#4c604e;--ink:#000;--paper:#fff;--soft:#6b6b6b;--hair:#e4e4e4;--tile:#f3f4f2;--radius:14px;--pad:80px;--text:var(--font-polymath-text), system-ui, sans-serif;--display:var(--font-polymath-display), var(--font-polymath-text), system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font:400 16px/1.3 var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3,p,ul,dl,dd,figure,fieldset,pre{margin:0;padding:0}ul{list-style:none}fieldset{border:0;min-width:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.poster :focus-visible{outline-color:var(--paper)}.sr,.sizes input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--paper);padding:8px 12px;position:absolute;left:-999px}.skip:focus{top:8px;left:8px}.poster{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 240px;background-blend-mode:overlay;color:var(--paper);padding:48px var(--pad) 72px;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;display:grid}.masthead{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.wordmark{font:700 26px/1 var(--display);word-spacing:.1em;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo{flex:none;width:48px;height:auto;display:block}.masthead nav{gap:24px;margin-left:auto;font-weight:700;display:flex}.masthead nav a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.masthead nav .i{width:20px;height:20px}.masthead nav .i [stroke]{stroke-width:1.5px}.masthead nav a:hover{text-underline-offset:4px;text-decoration:underline}.big{font:950 min(16vw, 220px)/.8 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;grid-column:1/8;align-self:end}.big.word{letter-spacing:-.02em;word-spacing:.08em;font-size:min(11vw,150px);line-height:.85}.side{flex-direction:column;grid-column:9/-1;align-self:end;gap:20px;display:flex}.side.intro{grid-column:1/-1}.home-hero{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.home-logo{grid-column:1/5;display:block}.home-hero .logo-full{width:min(100%,360px)}.home-hero h1{font:700 clamp(30px, 3.9vw, 64px)/1.04 var(--display);letter-spacing:-.01em;word-spacing:.08em;text-wrap:balance;grid-column:6/-1}.side h1,.side .lede{font:400 19px/1.3 var(--text);max-width:30ch}.facts{gap:6px;font-weight:700;display:grid}.facts a{text-underline-offset:3px}.titlebar{font:700 22px/1.1 var(--display);word-spacing:.08em;border-top:1px solid #ffffff80;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:24px;margin-top:28px;padding-top:12px;display:flex}.bar{z-index:2;background:var(--paper);border-bottom:1px solid var(--hair);position:sticky;top:0}.search{padding:0 var(--pad);border-bottom:1px solid var(--hair);align-items:center;gap:12px;display:flex}.tools{padding:10px var(--pad);align-items:center;gap:8px;display:flex}.search input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:18px 0 16px;font-size:18px}.search input::placeholder{color:var(--soft);opacity:1}.search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.search label{cursor:text;display:flex}.bar .i{width:16px;height:16px}.clear{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;margin-right:-10px;display:grid}.clear:hover{background:var(--ink);color:var(--paper)}.search:focus-within{box-shadow:inset 0 -2px 0 var(--green)}.sizes{align-items:center;gap:0;display:flex}.sizes label{cursor:pointer}.sizes span{text-align:center;color:var(--soft);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:4px;padding:7px 6px 6px;font-size:14px;font-weight:500;display:block}.sizes span:hover{color:var(--ink)}.sizes input:checked+span{color:var(--ink);font-weight:700}.sizes input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.bar .sizes+.sizes{margin-left:24px}.tools>.sizes:first-child{margin-left:-10px}.views{background:var(--tile);border-radius:999px;margin-left:auto;padding:3px;display:flex}.views label{cursor:pointer}.views input{opacity:0;pointer-events:none;position:absolute}.views label>span{width:40px;height:32px;color:var(--soft);border-radius:999px;place-items:center;display:grid}.views label:hover>span{color:var(--ink)}.views input:checked+span{background:var(--ink);color:var(--paper)}.views input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}.mpicks{flex:none;gap:6px;display:none}.mpick{position:relative}.mpick-toggle{background:var(--tile);cursor:pointer;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.mpick-toggle[aria-expanded=true]{background:var(--ink);color:var(--paper)}.mpick-list{z-index:3;border:1px solid var(--hair);border-radius:var(--radius);background:var(--paper);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.mpick-list button{text-align:left;width:100%;min-width:104px;font:inherit;font-variant-numeric:tabular-nums;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:700;display:block}.mpick-list button:hover{background:var(--tile)}.mpick-list button[aria-selected=true]{background:var(--ink);color:var(--paper)}.mpick-squircle *{vector-effect:non-scaling-stroke;stroke-width:var(--weight,1)}.i{width:var(--size);height:var(--size);display:block}.grid .i [stroke],.weighted [stroke]{stroke-width:var(--weight,1.182)}.grid .cell[data-fixed] .i [stroke]{stroke-width:1px}.group-title{padding:48px var(--pad) 14px;font:700 24px/1 var(--display);word-spacing:.08em;justify-content:space-between;align-items:baseline;display:flex}.group-title a{text-decoration:none}.group-title a:hover{color:var(--green)}.group-title .n{font:400 15px var(--text);color:var(--soft)}.grid{--column:max(96px, calc(var(--size) + 68px), calc((100% - 66px) / 12));grid-template-columns:repeat(auto-fill, minmax(var(--column), 1fr));padding:0 var(--pad);gap:6px;display:grid}.cell{aspect-ratio:1;border-radius:var(--radius);background:var(--tile);position:relative}.cell:hover,.cell:focus-within{background:var(--green);color:var(--paper)}:root[data-view=icons] .grid{--column:max(64px, calc(var(--size) + 36px), calc((100% - 90px) / 16))}:root[data-view=icons] .hit{justify-content:center;align-items:center;padding:0}:root[data-view=icons] .label,.stage,:root[data-view=large] [data-group]{display:none}:root[data-view=large] .stage:not([data-empty]){padding:40px var(--pad) 64px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:stretch;gap:48px;display:grid}.stage-figure{width:min(100%,68vh);width:round(down, min(100%, 68vh), calc(var(--cells,16) * 1px));aspect-ratio:1;background-color:var(--tile);box-shadow:inset 0 0 0 1px var(--hair);border-radius:18px;position:relative;overflow:hidden}.stage-figure:before{content:"";background-image:linear-gradient(var(--hair) 1px, transparent 1px), linear-gradient(90deg, var(--hair) 1px, transparent 1px);background-size:calc(100% / var(--cells,16)) calc(100% / var(--cells,16));clip-path:inset(1px);pointer-events:none;position:absolute;inset:0}.stage-figure svg{width:100%;height:100%;display:block;position:relative}.stage-side{flex-direction:column;justify-content:space-between;gap:32px;display:flex}.stage-count{color:var(--soft);font-variant-numeric:tabular-nums;font-size:14px}.stage-name{font:700 40px/1 var(--display);word-spacing:.08em;overflow-wrap:anywhere;margin-top:8px}.stage-name a{text-decoration:none}.stage-name a:hover{text-underline-offset:4px;text-decoration:underline}.stage-group{color:var(--soft);margin-top:10px;font-size:16px}.stage-nav{gap:8px;display:flex}.stage-nav button{background:var(--tile);width:56px;height:56px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.stage-nav button:hover{background:var(--ink);color:var(--paper)}.stage-nav .i{width:20px;height:20px}.hit{border-radius:var(--radius);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:12px;display:flex;position:absolute;inset:0}.hit:focus-visible{outline-offset:-3px}.label{overflow-wrap:anywhere;color:var(--soft);font-size:12px;line-height:1.15;text-decoration:none;position:absolute;bottom:12px;left:12px;right:10px}.cell:hover .label,.cell:focus-within .label{color:inherit}.label:hover{text-underline-offset:2px;text-decoration:underline}.cell.copied{background:var(--ink);color:var(--paper)}.cell.copied .label{color:inherit}.empty{padding:48px var(--pad);font-size:20px}.empty-suggest{gap:12px;margin-top:20px;display:grid}.empty-more{max-width:62ch;color:var(--soft);margin-top:20px;font-size:18px;line-height:1.35}.empty a{color:var(--ink);text-underline-offset:3px}.section{padding:28px var(--pad);border-bottom:1px solid var(--hair);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;display:grid}.section>h2{font:700 16px/1.3 var(--text);grid-column:1/4}.section>.body{grid-column:4/-1;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;display:grid}.section p{max-width:62ch;font-size:18px;line-height:1.35}.section code:not(pre code){font:.9em ui-monospace,Menlo,monospace}.links{gap:6px;font-size:18px;display:grid}.links a{text-underline-offset:3px}.poster .figure{width:min(100%,440px);aspect-ratio:1;border-radius:18px;grid-column:1/7;width:round(down,min(100%,440px),16px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.poster .figure:before{content:"";clip-path:inset(1px);pointer-events:none;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:6.25% 6.25%;position:absolute;inset:0}.poster .figure svg{width:100%;height:100%;display:block;position:relative}.poster .detail-side{flex-direction:column;grid-column:8/-1;justify-content:space-between;gap:32px;display:flex}.detail-side h1{font:700 48px/1 var(--display);word-spacing:.08em;overflow-wrap:anywhere}.detail-side .also{max-width:32ch;margin-top:16px;font-size:19px;line-height:1.3}.crumb{font-weight:700}.crumb a{text-underline-offset:3px}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:2px solid var(--paper);background:var(--paper);color:var(--green-deep);font:700 16px/1.1 var(--text);cursor:pointer;border-radius:999px;padding:12px 18px;text-decoration:none;display:inline-block}.btn.quiet{color:var(--paper);background:0 0}.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.dark{border-color:var(--ink);background:var(--ink);color:var(--paper)}.btn.dark.quiet{color:var(--ink);background:0 0}.btn.dark:hover{background:var(--green);border-color:var(--green);color:var(--paper)}.sizes-row{flex-wrap:wrap;align-items:flex-end;gap:40px;display:flex}.sizes-row li[data-off]{opacity:.3}.sizes-row li[data-off] .weighted [stroke]{stroke-width:var(--cap)}.sizes-row li{flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;font-weight:700;display:flex}.code{border:1px solid var(--hair);background:#fafafa;border-radius:12px;padding:14px 16px;font:13px/1.5 ui-monospace,Menlo,monospace;overflow-x:auto}.code.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.code-tabs{gap:10px;display:grid}.code-tab-list{flex-wrap:wrap;margin-left:-10px}.code-panel{position:relative}.code-panel .code{white-space:pre-wrap;overflow-wrap:anywhere;min-height:76px;padding-right:64px}.code-copy{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.code-copy:hover{background:var(--ink);color:var(--paper)}.code-copy .i{width:20px;height:20px}.code-copy .i [stroke]{stroke-width:1.5px}.section .code-note{color:var(--soft);max-width:70ch;font-size:15px}.cmd{align-items:stretch;gap:8px;display:flex}.cmd .code{flex:1;min-width:0}.cmd .btn{flex:none}.related{margin-top:8px}.other{flex-wrap:wrap;gap:8px 20px;font-size:18px;font-weight:700;display:flex}.other a{text-decoration:none}.other a:hover{color:var(--green);text-decoration:underline}.menu{z-index:4;border-radius:var(--radius);background:var(--paper);width:248px;color:var(--ink);border:1px solid var(--ink);position:fixed;overflow:hidden;box-shadow:0 8px 24px #0000001f}.menu-head{border-bottom:1px solid var(--hair);overflow-wrap:anywhere;justify-content:space-between;gap:12px;padding:10px 12px 8px;font-size:14px;display:flex}.menu-head span{color:var(--soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.menu-note{border-bottom:1px solid var(--hair);background:var(--tile);color:var(--soft);padding:8px 12px;font-size:13px}.fixed-note{color:#fffc;margin-top:10px;font-size:14px}.view-row{border-bottom:1px solid var(--hair);grid-template-columns:52px 1fr;align-items:center;text-decoration:none;display:grid}.view-row span:first-child{font:700 14px var(--text);padding:11px 12px}.view-row span:last-child{border-left:1px solid var(--hair);color:var(--soft);padding:11px 8px;font-size:14px}.view-row:hover{background:var(--green);color:var(--paper)}.view-row:focus-visible{outline-offset:-3px}.action-row{border-bottom:1px solid var(--hair);grid-template-columns:52px 1fr 1fr;align-items:stretch;display:grid}.action-row:last-child{border-bottom:0}.action-row span{font:700 14px var(--text);align-items:center;padding:0 12px;display:flex}.action-row button{border:0;border-left:1px solid var(--hair);cursor:pointer;background:0 0;place-items:center;padding:11px 8px;font-size:14px;display:grid}.action-row button .i{width:20px;height:20px}.action-row button .i [stroke]{stroke-width:1.5px}.action-row button:hover{background:var(--green);color:var(--paper)}.action-row button:focus-visible{outline-offset:-3px}.action-rows.on-dark{border-radius:var(--radius);border:1px solid #fff9;max-width:340px;overflow:hidden}.action-rows.on-dark .action-row{border-color:#fff9}.action-rows.on-dark .action-row button{color:var(--paper);border-color:#fff9;padding:12px 8px;font-size:15px}.action-rows.on-dark .action-row span{font-size:15px}.action-rows.on-dark .action-row button:hover{background:var(--paper);color:var(--green-deep)}.foot{padding:18px var(--pad) 40px;border-top:1px solid var(--hair);color:var(--soft);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;margin-top:72px;font-size:14px;display:grid}.foot p:first-child{grid-column:1/7}.foot p:last-child{white-space:nowrap;flex-wrap:wrap;grid-column:8/-1;justify-content:flex-end;gap:6px 18px;display:flex}.foot a{text-underline-offset:3px}.foot-link{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.consent{z-index:16;border:1px solid var(--hair);background:var(--paper);color:var(--ink);border-radius:999px;align-items:center;gap:24px;padding:10px 10px 10px 18px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 32px #00000024}.consent-title{font:700 16px/1 var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.consent-title:hover{text-underline-offset:4px;text-decoration:underline}.consent-title .i,.consent-btn .i{width:20px;height:20px}.consent-title .i [stroke],.consent-btn .i [stroke]{stroke-width:1.5px}.consent-actions{flex:none;gap:8px;display:flex}.consent-btn{border:1.5px solid var(--ink);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.consent-btn:hover{background:var(--ink);color:var(--paper)}.toast{z-index:5;background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;transition:opacity .12s,transform .12s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px)}.toast.on{opacity:1;transform:translate(-50%)}@media (max-width:1100px){.search{min-width:0}.bar .sizes{display:none}.mpicks{display:flex}}@media (max-width:760px){:root{--pad:36px}.poster{padding-top:32px;padding-bottom:44px;display:block}.masthead{flex-wrap:wrap;gap:12px 16px;margin-bottom:28px}.wordmark{font-size:18px}.masthead nav{gap:14px;font-size:14px}.masthead nav a{gap:6px}.masthead nav .i{width:16px;height:16px}.big{font-size:34vw}.big.word{font-size:18vw}.side,.poster .detail-side{margin-top:24px}.home-hero{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.consent{justify-content:space-between;right:16px}.home-hero .logo-full{width:180px}.home-hero h1{font-size:30px}.poster .figure{width:min(100%,352px);width:round(down,min(100%,352px),16px)}.detail-side h1{font-size:38px}.titlebar{font-size:20px}:root[data-view=large] .stage:not([data-empty]){grid-template-columns:1fr;gap:24px;padding-top:24px}.stage-name{font-size:30px}.group-title{padding-top:32px;font-size:22px}.grid{gap:5px}.section{display:block}.section>h2{margin-bottom:12px}.cmd{flex-direction:column}.menu{width:min(300px,100vw - 16px)}.foot{display:block}.foot p:last-child{margin-top:10px}}.ex-fonts{--ex-font:var(--text);padding-top:32px}.ex-font-picker{padding:0 var(--pad);flex-wrap:wrap;align-items:center;gap:6px 0;display:flex}.ex-font-picker legend{float:left;margin-right:8px;padding:0}.ex-font-picker span{min-width:0;padding-left:14px;padding-right:14px;font-size:15px;font-weight:400}.ex-frame>*{font-family:var(--ex-font)}.examples{padding:32px var(--pad) 80px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.example{grid-row:span 2;grid-template-rows:subgrid;row-gap:0;display:grid}.example.wide{grid-column:1/-1}.ex-frame{background:var(--tile);border-radius:22px;place-items:center;min-height:340px;padding:40px;display:grid}.ex-frame>*{border:1px solid var(--hair);background:var(--paper);border-radius:16px;width:100%;max-width:420px;font-size:14px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000d}.example.wide .ex-frame>*{max-width:760px}.example figcaption{color:var(--soft);flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:4px 10px;padding:14px 0 40px;font-size:14px;display:flex}.example figcaption b{color:var(--ink);font-size:16px}.ex-used{flex-wrap:wrap;flex-basis:100%;gap:4px 10px;font-size:13px;display:flex}.ex-used a{color:var(--soft);text-underline-offset:2px}.ex-used a:hover{color:var(--ink)}.ex-i{flex:none;display:block}:where(.ex-frame) button{color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(.ex-frame) button:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:8px}:where(.ex-frame) input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none}.ex-on{display:none}.on>.ex-on{display:contents}.on>.ex-off{display:none}.ex-flash{animation:.3s ease-out ex-flash}@keyframes ex-flash{0%{opacity:.6;transform:scale(.88)}}.ex-sidebar{padding:14px;max-width:260px!important}.ex-workspace,.ex-foot{align-items:center;gap:10px;width:100%;padding:8px 10px;font-weight:700;display:flex}.ex-nav{border-block:1px solid var(--hair);gap:2px;margin:10px 0;padding:10px 0;display:grid}.ex-nav button{color:#3a3a3a;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 10px;display:flex}.ex-nav button:hover{background:var(--tile)}.ex-nav button.on{background:var(--tile);color:var(--ink);font-weight:700}.ex-nav button.on .ex-i{color:var(--green)}.ex-badge{background:var(--green);color:var(--paper);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:700}.ex-foot{color:var(--soft);border-radius:10px;font-weight:400}.ex-foot:hover{color:var(--ink)}.ex-toolbar{border-bottom:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:4px;padding:10px 12px;display:flex}.ex-toolbar button{border-radius:8px;place-items:center;padding:7px;display:grid}.ex-toolbar button:hover{background:var(--tile)}.ex-toolbar button.on{background:var(--ink);color:var(--paper)}.ex-align{gap:4px;display:flex}.ex-toolbar i{background:var(--hair);width:1px;height:20px;margin:0 6px}.ex-doc{gap:10px;padding:24px 28px 28px;font-size:15px;line-height:1.5;display:grid}.ex-doc h3{font:700 22px/1.2 var(--ex-font)}.ex-check{justify-self:start;align-items:center;gap:10px;display:flex}.ex-check.on{color:var(--soft);text-decoration:line-through}.fmt-heading{font:700 19px/1.3 var(--ex-font)}.fmt-bold{font-weight:700}.fmt-italic{font-style:italic}.fmt-underline{text-underline-offset:3px;text-decoration:underline}.fmt-strike{text-decoration:line-through}.fmt-underline.fmt-strike{text-decoration:underline line-through}.fmt-link{color:var(--green);text-underline-offset:3px;text-decoration:underline}.fmt-code{background:var(--tile);border-radius:8px;padding:10px 12px;font:13px/1.5 ui-monospace,Menlo,monospace}.fmt-bullets{margin-left:20px;list-style:outside;display:list-item}.ex-player{padding:20px;max-width:300px!important}.ex-art{aspect-ratio:1;background:var(--green);color:var(--paper);border-radius:6px;place-items:center;display:grid}.ex-track{margin-top:16px;font-size:16px;display:grid}.ex-track span{color:var(--soft);font-size:14px}.ex-progress{background:var(--hair);border-radius:999px;flex:1;height:4px;margin-top:14px}.ex-progress span{border-radius:inherit;background:var(--ink);height:100%;transition:width .2s linear;display:block}.ex-progress[data-ex-seek]{cursor:pointer;background-clip:content-box;height:16px;margin-top:8px;padding-block:6px}.ex-times{color:var(--soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.ex-controls{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.ex-controls button{border-radius:999px;place-items:center;padding:6px;display:grid}.ex-controls [data-ex-toggle]{color:var(--soft)}.ex-controls [data-ex-toggle].on{color:var(--green);background:var(--tile)}.ex-play{width:64px;height:64px;color:var(--paper);background:var(--ink)!important}.ex-volume{color:var(--soft);align-items:center;gap:10px;margin-top:12px;display:flex}.ex-volume .ex-progress{margin:0}.ex-volume button{display:grid}.ex-volume button:hover{color:var(--ink)}.ex-chat header,.ex-compose{align-items:center;gap:10px;padding:12px 14px;display:flex}.ex-chat header{border-bottom:1px solid var(--hair)}.ex-chat header span{color:var(--soft);gap:14px;margin-left:auto;display:flex}.ex-chat header button:hover,.ex-compose>button:not(.ex-send):hover{color:var(--ink)}.ex-thread{align-content:start;gap:8px;max-height:280px;padding:16px 14px;display:grid;overflow-y:auto}.ex-thread p{border-radius:14px;max-width:80%;padding:9px 12px;line-height:1.35}.ex-thread .them{background:var(--tile);border-bottom-left-radius:4px;justify-self:start}.ex-thread .me{background:var(--green);color:var(--paper);border-bottom-right-radius:4px;justify-self:end}.ex-file{border:1px solid var(--hair);justify-self:end;align-items:center;gap:10px;font-weight:700;display:flex}.ex-file button{color:var(--soft);margin-left:12px}.ex-compose{border-top:1px solid var(--hair);color:var(--soft)}.ex-input{border-radius:999px;flex:1;background:var(--tile)!important;padding:8px 12px!important}.ex-send{width:34px;height:34px;color:var(--paper);border-radius:999px;place-items:center;display:grid;background:var(--green)!important}.ex-settings{padding:6px 0;list-style:none}.ex-settings li{align-items:center;gap:12px;padding:12px 16px;display:flex}.ex-settings li+li{border-top:1px solid var(--hair)}.ex-settings li>span{color:var(--soft);margin-left:auto}.ex-settings li>span+.ex-toggle{margin-left:8px}.ex-toggle{border-radius:999px;flex:none;width:36px;height:22px;margin-left:auto;transition:background .15s;position:relative;background:var(--hair)!important}.ex-toggle:after{content:"";background:var(--paper);border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.ex-toggle.on{background:var(--green)!important}.ex-toggle.on:after{left:17px}.ex-files header{border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:14px 16px;display:flex}.ex-files header b{margin-right:auto;font-size:16px}.ex-field,.ex-button{border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:flex}.ex-field{background:var(--tile);min-width:200px;color:var(--soft);cursor:text}.ex-field input{flex:1}.ex-button{color:var(--paper);font-weight:700;background:var(--ink)!important}.ex-files table{border-collapse:collapse;width:100%}.ex-files td{border-top:1px solid var(--hair);color:var(--soft);white-space:nowrap;padding:11px 16px}.ex-files tr:first-child td{border-top:0}.ex-files td:first-child{color:var(--ink);white-space:normal;align-items:center;gap:12px;font-weight:700;display:flex}.ex-actions{width:1%}.ex-actions button{vertical-align:middle;margin-left:12px;display:inline-grid}.ex-actions button:hover{color:var(--ink)}.ex-actions [data-ex-action=delete]:hover{color:#c53030}.ex-none{color:var(--soft);padding:20px 16px}.ex-none button{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.ex-toasts{align-content:start;gap:10px;display:grid;box-shadow:none!important;background:0 0!important;border:0!important}.ex-toasts p{border:1px solid var(--hair);background:var(--paper);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0000000f}.ex-msg{color:var(--soft);flex:1;gap:2px;line-height:1.35;display:grid}.ex-toasts b{color:var(--ink)}.ex-toasts .ok>.ex-i:first-child,.ex-toasts .ok .ex-state{color:var(--green)}.ex-toasts .warn>.ex-i:first-child{color:#b7791f}.ex-toasts .bad .ex-state{color:#c53030}.ex-state{display:flex}.ex-toasts p>button{color:var(--soft)}.ex-toasts p>button:hover{color:var(--ink)}.ex-link{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:flex;color:var(--ink)!important}.ex-again{border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex;background:var(--paper)!important;border:1px solid var(--hair)!important}.ex-phone{padding:10px;border-radius:32px!important;max-width:300px!important}.ex-phone header{justify-content:space-between;align-items:center;padding:14px 12px;font-size:17px;display:flex}.ex-phone header button{display:grid}.ex-phone ul{gap:8px;padding:4px 6px 16px;list-style:none;display:grid}.ex-phone li button{background:var(--tile);border-radius:16px;align-items:center;gap:14px;width:100%;padding:12px;transition:box-shadow .15s;display:flex;box-shadow:inset 0 0 0 2px #0000}.ex-phone li button.on{box-shadow:inset 0 0 0 2px var(--green)}.ex-phone li span{color:var(--soft);font-size:13px;display:grid}.ex-phone li b{color:var(--ink);font-size:15px}.ex-phone nav{border-top:1px solid var(--hair);color:var(--soft);justify-content:space-around;align-items:center;padding:10px 4px 6px;display:flex}.ex-phone nav button{place-items:center;display:grid}.ex-phone nav button:hover{color:var(--ink)}.ex-phone nav .on{color:var(--green)!important}.ex-fab{border-radius:999px;width:48px;height:48px;background:var(--green)!important;color:var(--paper)!important}.ex-checkout{padding:8px 18px 18px}.ex-row{border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:12px 0;display:flex}.ex-row span{color:var(--soft);flex:1;font-size:13px;display:grid}.ex-row span b{color:var(--ink);font-size:14px}.ex-promo span{display:block}.ex-promo .ex-i,.ex-promo>b{color:var(--green)}.ex-total{justify-content:space-between;padding:14px 0;font-size:16px;display:flex}.ex-pay{width:100%;color:var(--paper);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;transition:background .15s;display:flex;background:var(--ink)!important}.ex-pay.on{background:var(--green)!important}.ex-pr{padding:18px}.ex-pr p{align-items:center;gap:8px;display:flex}.ex-pr-title{font-size:15px}.ex-pr-title .ex-i:first-child{color:var(--green)}.ex-pill{background:var(--green);color:var(--paper);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:700}.ex-pr.merged .ex-pill{background:var(--ink)}.ex-pr-meta{color:var(--soft);margin-top:8px;font-size:13px;gap:16px!important}.ex-pr-meta span{align-items:center;gap:8px;display:flex}.ex-pr ul{border-block:1px solid var(--hair);gap:8px;margin:16px 0;padding:14px 0;list-style:none;display:grid}.ex-pr li{align-items:center;gap:10px;display:flex}.ex-pr li .ex-i{color:var(--green)}.ex-pr li:last-child .ex-i{color:var(--soft)}.ex-merge{color:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex;background:var(--green)!important}.ex-pr.merged .ex-merge{color:var(--soft);background:var(--tile)!important}@media (max-width:900px){.examples{grid-template-columns:1fr}.ex-frame{min-height:0;padding:20px}.ex-files td:nth-child(2),.ex-files td:nth-child(3){display:none}.ex-field{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ds-note{color:var(--soft);font-size:14px;line-height:1.3;display:block}.ds-note code,.ds-swatches code{font:.95em ui-monospace,Menlo,monospace}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 6px;display:grid}.ds-chip{aspect-ratio:3/2;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--hair);margin-bottom:8px}.ds-swatches b,.ds-radii b{font-size:14px;display:block}.ds-type{gap:28px;display:grid}.ds-type .ds-note{margin-top:8px}.ds-type .big{margin-bottom:24px}.ds-icon-row{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.ds-icon-row li{flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;font-weight:700;display:flex}.ds-radii{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 6px;display:grid}.ds-radius{background:var(--tile);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--hair);margin-bottom:8px}.ds-columns{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.ds-columns span{background:var(--tile);text-align:center;color:var(--soft);border-radius:10px;padding:12px 0;font-size:12px}.ds-grid .grid{padding:0}.ds-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.ds-specimen{align-content:start;justify-items:start;gap:8px;display:grid}.ds-tile{width:96px}.ds-on .label{color:inherit}.ds-centered{justify-content:center;align-items:center;padding:0}.ds-figures>*{flex:0 280px;min-width:0}.poster.ds-green{border-radius:18px;padding:24px;display:block}.poster.ds-figure-wrap{border-radius:18px;padding:0;display:block}.ds-figure{max-height:none}.ds-panel{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.poster.ds-panel{display:flex}.poster.ds-panel .ds-note{color:#fffc}.ds-nav{margin:0}.ds-focus{outline:2px solid var(--ink);outline-offset:2px}.ds-surfaces{gap:32px}.ds-static{position:static;transform:none}.toast.on.ds-static{display:inline-block;transform:none}
.poster .figure,#stage-figure{position:relative}[data-anchors]{cursor:crosshair}[data-anchors][data-anchors-touch]{touch-action:none}.anchor-layer{opacity:0;transition:opacity 80ms}[data-anchors]:hover .anchor-layer,[data-anchors]:focus-within .anchor-layer,[data-anchors][data-anchors-touch] .anchor-layer{opacity:1}.anchor-line{fill:none;stroke:var(--green-deep);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}#stage-figure .anchor-line{stroke:var(--paper)}.anchor-dot{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.anchor-dot.on{fill:var(--ink);stroke:var(--paper)}.anchor-ghost{opacity:.7}.anchor-preview{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;opacity:.4;pointer-events:none}.anchor-axis{stroke:var(--green-deep);stroke-width:1px;stroke-dasharray:3 3;opacity:.6;vector-effect:non-scaling-stroke;pointer-events:none}.anchor-guide{stroke:var(--green-deep);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.anchor-marquee{fill:color-mix(in srgb, var(--green-deep) 8%, transparent);stroke:var(--green-deep);stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke;pointer-events:none}#stage-figure :is(.anchor-axis,.anchor-guide){stroke:var(--paper)}#stage-figure .anchor-marquee{fill:color-mix(in srgb, var(--paper) 10%, transparent);stroke:var(--paper)}.anchor-handle-line{stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.anchor-handle{fill:var(--ink);stroke:var(--paper);stroke-width:1px;vector-effect:non-scaling-stroke;pointer-events:none}.anchor-handle-hit{fill:#0000;cursor:inherit}.anchor-hit{fill:#0000;cursor:inherit;outline:none}.anchor-hit:focus-visible{stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke}.anchor-reset{padding:8px 12px;font-size:14px;position:absolute;top:12px;right:12px}