@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--paper:#f5f2e9;--ink:#20242a;--muted:#77786f;--orange:#ef694d;--line:#dedbd1;--blue:#243b69;--display:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace;background:#f5f2e9;font-family:Manrope,Arial,sans-serif;font-weight:500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;height:76px;margin:auto;padding:0 44px;display:flex}.wordmark{letter-spacing:-.07em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.dot{color:var(--orange)}.brand-mark{align-items:center;gap:2px;width:25px;height:24px;display:flex;transform:rotate(-8deg)}.brand-mark i{background:var(--orange);border-radius:5px;width:7px;display:block}.brand-mark i:first-child{height:13px}.brand-mark i:nth-child(2){background:#e9bc42;height:22px}.brand-mark i:last-child{background:#3a598b;height:17px}.topbar nav{color:#5a5c58;gap:34px;font-size:12px;display:flex}.topbar nav a:hover,.github-link:hover{color:var(--orange)}.github-link{font-size:12px;font-weight:700}.github-link span{color:var(--orange);margin-left:5px}main{max-width:1280px;margin:auto;padding:0 44px}.intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;min-height:486px;display:grid;position:relative;overflow:hidden}.intro-copy{z-index:1;padding:54px 0 60px;position:relative}.edition,.section-label{font:500 9px var(--mono);letter-spacing:.09em;color:#6f716d}.edition{align-items:center;gap:8px;display:flex}.edition-dot{background:var(--orange);border-radius:50%;width:6px;height:6px}h1,h2,p{margin-top:0}h1{letter-spacing:-.085em;margin:25px 0 20px;font-size:clamp(55px,7vw,88px);font-weight:800;line-height:.94}h1 em,h2 em{letter-spacing:-.07em;color:var(--orange);font-family:Georgia,serif;font-weight:500}.lede{color:#62645f;max-width:390px;margin-bottom:23px;font-size:14px;line-height:1.8}.text-link{border-bottom:1px solid #bcb8ac;align-items:center;gap:10px;padding-bottom:8px;font-size:12px;font-weight:800;display:inline-flex}.text-link svg{width:15px;height:15px;color:var(--orange);transition:transform .2s}.text-link:hover svg{transform:translate(4px)}.hero-art{place-items:center;height:440px;display:grid;position:relative}.orbit{border:1px dashed #d9d4c8;border-radius:50%;width:355px;height:355px;position:absolute;transform:rotate(-19deg)}.orbit-two{width:260px;height:260px;transform:rotate(32deg)}.floating{filter:drop-shadow(0 12px 12px #312c2020);width:124px;margin:0;animation:5s ease-in-out infinite bob;position:absolute}.floating svg{width:100%;height:auto;display:block}.f-one{width:151px;animation-delay:-1.2s;top:51px;left:calc(50% - 55px);transform:rotate(9deg)}.f-two{width:116px;animation-delay:-2.4s;top:131px;right:22px;transform:rotate(11deg)}.f-three{width:127px;animation-delay:-.6s;bottom:54px;left:calc(50% - 168px);transform:rotate(-12deg)}.f-four{width:107px;animation-delay:-3.3s;bottom:64px;right:42px;transform:rotate(8deg)}.scribble{color:var(--orange);font:italic 20px Georgia,serif;position:absolute;top:84px;left:calc(50% - 154px);transform:rotate(-13deg)}.star{color:#e9bc42;font-size:27px;position:absolute}.star-a{top:97px;right:62px}.star-b{color:#405f94;font-size:17px;bottom:89px;left:calc(50% - 20px)}.hero-caption{font:9px/1.6 var(--mono);color:#77786f;text-align:right;text-transform:uppercase;letter-spacing:.04em;position:absolute;bottom:11px;right:2px}@keyframes bob{0%,to{translate:0}50%{translate:0 -8px}}.studio{border-bottom:1px solid var(--line);padding:66px 0 75px}.studio-heading{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.section-label{margin-bottom:10px}.studio h2,.gallery h2,.how h2{letter-spacing:-.07em;margin:0;font-size:32px;font-weight:800;line-height:1.06}.shuffle{cursor:pointer;background:0 0;border:1px solid #ccc7b9;border-radius:3px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:background .2s,color .2s,border .2s;display:flex}.shuffle svg,.preview-actions svg{width:15px;height:15px}.shuffle:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.workbench{background:#f8f6f0;border:1px solid #d9d5ca;grid-template-columns:1.07fr .93fr;min-height:435px;display:grid}.preview-pane{background:#eeeae0;border-right:1px solid #d9d5ca;flex-direction:column;align-items:center;padding:21px 24px 20px;display:flex}.preview-top{width:100%;font:9px var(--mono);letter-spacing:.07em;color:#787971;justify-content:space-between;display:flex}.live{color:#668068;align-items:center;gap:6px;display:flex}.live i{background:#7eaa7b;border-radius:50%;width:6px;height:6px}.main-avatar{flex:1;place-items:center;padding:26px 0 18px;display:grid}.main-avatar svg{filter:drop-shadow(0 13px 12px #252b3320);width:min(220px,40vw);height:auto;transition:width .15s}.avatar-caption{width:100%;font:10px var(--mono);border-top:1px solid #d8d4c9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.avatar-caption span:last-child{color:#898981;text-transform:uppercase;font-size:9px}.preview-actions{gap:8px;width:100%;margin-top:14px;display:flex}.preview-actions button{cursor:pointer;background:0 0;border:1px solid #c6c1b5;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.preview-actions button:hover{background:#fff}.download-button{color:#fff;background:#20242a!important;border-color:#20242a!important}.download-button:hover{background:#414952!important}.controls-pane{padding:26px 30px}.control-label{font:10px var(--mono);letter-spacing:.03em;color:#aaa69a;align-items:center;gap:12px;display:flex}.control-label span{font:700 12px var(--display);color:var(--ink);letter-spacing:-.02em}.input-wrap{border-bottom:1px solid #9b978d;align-items:center;margin-top:10px;padding:0 0 8px;display:flex}.input-wrap input{min-width:0;font:600 14px var(--mono);color:var(--blue);background:0 0;border:0;outline:none;flex:1}.input-wrap span{font:9px var(--mono);color:#99968e}.input-wrap:focus-within{border-color:var(--orange)}.hint{color:#818178;margin:8px 0 24px;font-size:10px}.controls-pane fieldset{border:0;margin:0 0 22px;padding:0}.palette-list{gap:5px;display:grid}.palette{text-align:left;cursor:pointer;color:#595b57;background:0 0;border:1px solid #0000;border-radius:2px;grid-template-columns:46px 1fr 14px;align-items:center;width:100%;padding:6px 8px;font-size:10px;transition:background .15s,border .15s;display:grid}.palette:hover{background:#f0ede5}.palette.selected{color:var(--ink);background:#f0ede5;border-color:#c9c4b8}.swatches{align-items:center;display:flex}.swatches i{background:var(--swatch);border:2px solid #f8f6f0;border-radius:50%;width:15px;height:15px}.swatches i+i{margin-left:-4px}.check{opacity:0;color:var(--orange);font-size:12px}.selected .check{opacity:1}.range-label{justify-content:space-between;align-items:center;display:flex}.range-label output{font:10px var(--mono);color:#66675f}input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer;height:3px;margin:13px 0 3px}.range-ends{color:#98958c;font:9px var(--mono);justify-content:space-between;display:flex}.gallery{border-bottom:1px solid var(--line);padding:74px 0 76px}.gallery-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.gallery-heading>p{color:#77786f;margin:0 0 2px;font-size:11px;line-height:1.8}.gallery h2{font-size:35px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-tile{cursor:pointer;background:#eeeae0;border:1px solid #e1ddd2;border-radius:3px;flex-direction:column;align-items:center;padding:11px 11px 9px;transition:transform .2s,background .2s,border .2s;display:flex;position:relative}.avatar-tile:hover{background:#faf8f2;border-color:#b7b0a2;transform:translateY(-4px)}.tile-avatar svg{width:100%;height:auto;display:block}.tile-name{font:9px var(--mono);color:#72746e;white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;max-width:100%;margin-top:7px;overflow:hidden}.tile-arrow{opacity:0;color:var(--orange);position:absolute;bottom:8px;right:10px}.avatar-tile:hover .tile-arrow{opacity:1}.how{grid-template-columns:1fr 1fr;align-items:start;gap:8%;padding:65px 0 73px;display:grid}.how h2{font-size:38px}.how-copy>p{color:#62645f;max-width:470px;margin:0 0 20px;font-size:13px;line-height:1.85}.code-sample{color:#f0eee7;font:10px/1.8 var(--mono);background:#242a33;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:19px;padding:15px 14px;display:flex}.code-sample code span{color:#9bd6b2}.code-sample code b{color:#f1ca75;font-weight:400}.code-sample button{color:#c7c9c6;cursor:pointer;background:0 0;border:0;padding:2px}.code-sample button svg{width:15px;height:15px}.how .text-link{font-size:11px}footer{border-top:1px solid var(--line);color:#77786f;min-height:74px;font:9px var(--mono);justify-content:space-between;align-items:center;display:flex}footer .wordmark{color:var(--ink);font:800 16px var(--display)}footer .brand-mark{transform:scale(.8)rotate(-8deg)}footer b{color:var(--orange)}.toast{z-index:10;color:#fff;background:#20242a;border-radius:3px;padding:12px 18px;font-size:11px;animation:.22s ease-out toast-in;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #20242a33}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}::selection{color:#20242a;background:#f3c6b7}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:#c7c2b6;border-radius:8px}@media (width<=850px){.topbar,main{padding:0 25px}.intro{min-height:440px}.intro-copy{padding:42px 0}.hero-art{margin-left:-30px;transform:scale(.87)}.workbench{grid-template-columns:1fr 1fr}.controls-pane{padding:23px 20px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.f-two{right:0}}@media (width<=600px){.topbar{height:64px;padding:0 18px}.topbar nav{display:none}.github-link{font-size:10px}main{padding:0 18px}.intro{flex-direction:column;align-items:stretch;min-height:0;padding-top:28px;display:flex}.intro-copy{padding:16px 0 2px}.edition{font-size:8px}h1{margin:21px 0 16px;font-size:67px}.lede{max-width:340px;font-size:13px}.hero-art{height:300px;margin:-4px 0 0;transform:none}.orbit{width:260px;height:260px}.orbit-two{width:195px;height:195px}.f-one{width:110px;top:24px;left:calc(50% - 43px)}.f-two{width:84px;top:89px;right:calc(50% - 137px)}.f-three{width:94px;bottom:32px;left:calc(50% - 136px)}.f-four{width:80px;bottom:37px;right:calc(50% - 127px)}.scribble{font-size:16px;top:48px;left:calc(50% - 126px)}.star-a{top:64px;right:calc(50% - 137px)}.star-b{bottom:55px;left:calc(50% - 10px)}.hero-caption{font-size:8px;bottom:3px;right:1px}.studio{padding:49px 0 53px}.studio-heading{align-items:flex-start;gap:12px}.studio h2{font-size:25px}.shuffle{flex-shrink:0;padding:9px;font-size:0}.shuffle svg{width:16px;height:16px}.workbench{grid-template-columns:1fr}.preview-pane{border-bottom:1px solid #d9d5ca;border-right:0;min-height:360px;padding:18px}.main-avatar svg{width:172px}.controls-pane{padding:22px 19px 25px}.gallery{padding:54px 0}.gallery-heading{display:block}.gallery h2{font-size:31px}.gallery-heading>p{margin-top:13px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:7px}.avatar-tile{padding:8px 8px 7px}.tile-name{font-size:8px}.how{grid-template-columns:1fr;gap:23px;padding:51px 0}.how h2{font-size:34px}.how-copy>p{font-size:12px}footer{grid-template-columns:1fr 1fr;row-gap:2px;min-height:84px;padding:14px 0;display:grid}footer>span{text-align:right;justify-self:end;font-size:8px}footer>a:last-child{grid-column:2;justify-self:end;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.seed-colors{margin:0!important;padding:0!important}.color-pair{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 0 2px;display:flex}.color-chip{align-items:center;gap:6px;display:flex}.color-chip i{background:var(--chip);border:2px solid #f8f6f0;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 1px #c9c4b8}.color-chip code{font:9px var(--mono);color:#55574f}.controls-pane{flex-direction:column;gap:16px;display:flex}.controls-pane legend{margin-bottom:6px}.controls-pane .hint{margin:7px 0 0}.controls-pane .palette-note{color:#627565!important;margin:7px 0 0!important;font-size:9px!important}.seed-control .control-label{margin-bottom:7px}.grid-control{margin:0}.grid-control select{color:#343943;width:100%;font:11px var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9b978d;border-radius:0;margin-top:7px;padding:8px 4px;display:block}.grid-control select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.controls-pane .size-control{margin:0}#main-avatar svg{width:min(var(--preview-size,220px),60vw)}.intro{grid-template-columns:.86fr 1.14fr;gap:clamp(22px,3vw,42px);min-height:540px}.intro-copy{max-width:590px;padding:48px 0 54px}.intro h1{max-width:none;margin:0 0 18px;font-size:clamp(52px,5.1vw,72px)}.intro .lede{max-width:430px;margin-bottom:0;line-height:1.75}.hero-proof{color:#565a57;max-width:500px;font:9px/1.6 var(--mono);flex-wrap:wrap;gap:8px 14px;margin:22px 0 23px;display:flex}.hero-proof span+span:before{background:var(--orange);content:"";border-radius:50%;width:4px;height:4px;margin:0 10px 2px 0;display:inline-block}.hero-art{grid-template-rows:1fr 1fr;grid-template-columns:1.08fr .92fr;place-items:center;gap:22px 18px;height:460px;margin:0;display:grid;transform:none}.specimen{filter:none;width:max-content;margin:0;animation:none;display:block;position:relative;inset:auto}.specimen-art svg{filter:drop-shadow(0 9px 9px #252b3318);width:100%;height:auto;transition:transform .22s ease-out;display:block}.specimen:hover .specimen-art svg{transform:translateY(-4px)rotate(-2deg)}.specimen figcaption{color:#575b59;font:8px/1.4 var(--mono);text-align:center;white-space:nowrap;margin-top:7px}.f-one{grid-area:1/1/2/2;justify-self:end;width:216px;transform:rotate(-4deg)}.f-two{grid-area:1/2/2/3;place-self:end start;width:160px;transform:rotate(5deg)}.f-three{grid-area:2/1/3/2;place-self:start end;width:184px;transform:rotate(-3deg)}.f-four{grid-area:2/2/3/3;place-self:start;width:148px;transform:rotate(4deg)}.studio-heading{align-items:center}.studio-heading>div>h2{margin-bottom:7px}.section-intro{color:#6f706a;margin:0;font-size:11px;line-height:1.6}.gallery-heading{gap:24px}.gallery-heading>p{max-width:250px}.gallery-note{color:#6f706a;max-width:34ch;font-size:10px;line-height:1.7}.gallery-note p{margin-bottom:7px}.gallery-note a{color:#343943;text-underline-offset:3px;font-size:9px;font-weight:800;text-decoration:underline #b8b2a4}.how{gap:9%}.how h2{max-width:10ch}.code-sample{min-height:54px}@media (width<=850px){.intro{grid-template-columns:.88fr 1.12fr;gap:16px;min-height:480px}.hero-art{height:400px}.f-one{width:184px}.f-two{width:138px}.f-three{width:164px}.f-four{width:126px}}@media (width<=600px){.intro{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:29px;display:flex}.intro-copy{max-width:none;padding:0 0 4px}.intro h1{max-width:9ch;margin:0 0 16px;font-size:clamp(52px,14vw,68px)}.intro .lede{max-width:36ch}.hero-proof{gap:5px 10px;margin:16px 0 18px;font-size:8px}.hero-art{grid-template-columns:1.05fr .95fr;gap:8px;width:100%;height:300px;margin:0;overflow:visible}.f-one{justify-self:end;width:120px}.f-two{justify-self:start;width:86px}.f-three{justify-self:start;width:98px}.f-four{justify-self:start;width:78px}.specimen figcaption{font-size:7px}.studio-heading{align-items:center}.gallery-heading{gap:0}.gallery-heading>p,.gallery-note{max-width:none}}@media (prefers-reduced-motion:reduce){.specimen-art svg{transition:none}}.how{grid-template-columns:.72fr 1.28fr;align-items:start;gap:7%}.integration-intro{max-width:31ch}.integration-intro h2{max-width:11ch;margin-bottom:18px}.integration-intro p{color:var(--ink);font-size:12px;line-height:1.8}.integration-intro .release-note{border-top:1px solid var(--line);padding-top:13px;font-size:10px}.release-note strong{color:var(--ink)}.language-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 18px;margin:0 0 15px;display:flex}.language-tabs button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 0 10px;font-size:10px;position:relative}.language-tabs button[aria-pressed=true]{color:var(--ink);font-weight:800}.language-tabs button[aria-pressed=true]:after{background:var(--orange);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.install-row{background:color-mix(in srgb, var(--paper) 92%, var(--ink));grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:9px;padding:10px 12px;display:grid}.install-row>span{color:var(--ink);font:10px var(--mono);letter-spacing:.04em}.install-row code{color:var(--ink);font:10px var(--mono);white-space:nowrap;overflow:auto}.install-row button,.code-sample button{width:26px;height:26px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.install-row button:hover{color:var(--orange)}.code-sample button,.code-sample button:hover{color:var(--paper)}.install-row button svg,.code-sample button svg{width:15px;height:15px}.code-sample{background:var(--ink);min-height:155px;padding:16px 48px 16px 16px;display:block;position:relative}.code-sample pre{max-width:100%;color:var(--paper);font:10px/1.75 var(--mono);white-space:pre;margin:0;overflow:auto}.code-sample pre code{font:inherit}.code-sample>button{position:absolute;top:12px;right:12px}.language-parity{color:#77786f;font:10px var(--mono);margin:9px 0 0}.release-downloads{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:17px;padding-top:13px;display:flex}.release-downloads a,.release-downloads button{color:var(--ink);font:9px var(--mono);text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0}.release-downloads a span{color:var(--ink);padding-left:4px;text-decoration:none}body,#app{background:var(--paper);color:var(--ink)}.avatar-frame{box-sizing:border-box;border:1.5px solid var(--frame-ink);border-radius:var(--frame-radius,0%);background:var(--paper);padding:2px;display:inline-block;overflow:hidden}#main-avatar .avatar-frame{width:min(var(--preview-size,220px), 60vw);aspect-ratio:1}#main-avatar .avatar-frame svg{width:100%;height:100%;display:block}.specimen-art .avatar-frame,.tile-avatar .avatar-frame{aspect-ratio:1;width:100%}.specimen-art .avatar-frame svg,.tile-avatar .avatar-frame svg{width:100%;height:100%;display:block}.topbar,.intro,.studio,.gallery,.how,footer{border-color:color-mix(in srgb, var(--ink) 20%, var(--paper))}.preview-pane,.workbench,.controls-pane,.avatar-tile{background:var(--paper)}.topbar nav,.preview-top,.live,.avatar-caption,.avatar-caption span:last-child,.input-wrap>span,.range-ends,.palette-note,.language-parity,footer,.lede,.section-intro,.hero-proof,.gallery-note,.gallery-heading>p,.how-copy>p,.hint,.tile-name,.specimen figcaption,.specimen figcaption span,.color-chip code,.input-wrap input,.range-label output,.range-ends,.color-join{color:var(--ink)}.controls-pane .palette-note,.palette-note{color:var(--ink)!important}.shuffle:hover,.download-button{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}.download-button:hover{filter:brightness(.84)}.install-row,.palette:hover,.palette.selected{background:color-mix(in srgb, var(--paper) 92%, var(--ink))}.palette.selected{border-color:color-mix(in srgb, var(--paper) 65%, var(--ink))}:root{--orange:#20242a;--blue:#20242a;--muted:#4f524d}.brand-mark i,.brand-mark i:nth-child(2),.brand-mark i:last-child{background:var(--ink);background:var(--ink)}.topbar nav{color:#484b4c}.lede,.section-intro,.gallery-note,.gallery-heading>p,.how-copy>p,.hint,.tile-name{color:#4f524d}.hero-proof{color:#454944;font-size:10px}.specimen figcaption{color:#4f524d;font-size:10px}.specimen figcaption span{color:#5e615b}.color-chip code{color:#444843;font-size:10px}.tile-name,.range-ends,footer{font-size:10px}.color-chip i{border:1px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}.live i{background:var(--ink)}.controls-pane .control-label{color:var(--ink)}.seed-control .hint,.palette-note{font-size:10px!important}.shuffle,.preview-actions button,.avatar-tile,.avatar-tile:hover,.input-wrap{border-color:var(--ink)}.grid-control select{border-bottom-color:var(--ink)}.controls-pane input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:10px 0 2px}.controls-pane input[type=range]::-webkit-slider-runnable-track{background:#4f524d;border-radius:2px;height:4px}.controls-pane input[type=range]::-moz-range-track{background:#4f524d;border-radius:2px;height:4px}.controls-pane input[type=range]::-moz-range-progress{background:var(--ink);border-radius:2px;height:4px}.controls-pane input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 2px 5px #20242a30}.controls-pane input[type=range]::-moz-range-thumb{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #20242a30}@media (width<=850px){.how{grid-template-columns:.65fr 1.35fr;gap:5%}.language-tabs{gap:3px 12px}}@media (width<=600px){.how{grid-template-columns:1fr;gap:22px}.integration-intro{max-width:none}.language-tabs{gap:3px 13px}.install-row{grid-template-columns:1fr auto;gap:7px 10px}.install-row>span{grid-column:1/-1}.install-row code{font-size:9px}.code-sample{min-height:128px;padding-left:12px}.code-sample pre{font-size:9px}}.documentation{border-top:1px solid var(--line);padding:76px 0 94px}.docs-heading{justify-content:space-between;align-items:end;gap:26px;margin-bottom:38px;display:flex}.docs-heading h2{margin:0;font-size:clamp(32px,4vw,48px)}.docs-heading p{color:#4f524d;max-width:36ch;margin:0;font-size:12px;line-height:1.7}.docs-layout{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:clamp(30px,6vw,84px);display:grid}.docs-index{gap:12px;padding-top:5px;font-size:11px;font-weight:700;display:grid;position:sticky;top:24px}.docs-index a{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--ink) 35%, var(--paper));text-underline-offset:4px}.docs-index a:hover,.docs-content a:hover{color:var(--orange)}.docs-content{max-width:820px}.docs-content article{border-top:1px solid var(--line);padding:24px 0 30px;scroll-margin-top:28px}.docs-content article:first-child{border-top:0;padding-top:0}.docs-content h3{letter-spacing:-.03em;margin:0 0 12px;font-size:19px}.docs-content p{color:#4f524d;max-width:68ch;margin-bottom:12px;font-size:12px;line-height:1.75}.docs-content a{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--ink) 35%, var(--paper));text-underline-offset:3px}.docs-command{background:var(--ink);max-width:100%;color:var(--paper);font:11px/1.65 var(--mono);white-space:pre;margin:14px 0 16px;padding:15px 17px;overflow:auto}.style-downloads{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 2px;display:grid}.style-downloads a{border-bottom:1px solid var(--line);gap:3px;min-width:0;padding:10px 0;font-size:11px;text-decoration:none;display:grid}.style-downloads span{color:#4f524d;font-size:10px}.docs-options{margin:18px 0}.docs-options>div{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.32fr) 1fr;gap:12px 24px;padding:10px 0;font-size:11px;line-height:1.6;display:grid}.docs-options dt{font-family:var(--mono);font-weight:500}.docs-options dd{color:#4f524d;margin:0}@media (width<=700px){.documentation{padding:52px 0 64px}.docs-heading{margin-bottom:27px;display:block}.docs-heading p{margin-top:12px}.docs-layout{grid-template-columns:1fr;gap:26px}.docs-index{flex-wrap:wrap;gap:9px 18px;display:flex;position:static}.docs-options>div{grid-template-columns:100px 1fr;gap:10px 14px}.style-downloads{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.style-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--accent:#c91d57;--orange:var(--accent)}.brand-mark{flex:0 0 31px;width:31px;height:24px;display:block}.language-switch{color:var(--accent);text-underline-offset:3px;font-size:11px;font-weight:700}.language-switch:hover{text-decoration:underline}