@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/411228ec63226ca4-s.2tz_zyn1pe147.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/08e32fb4449ee08b-s.2122qgixroprz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/74c2b937c57846d8-s.p.29es_w-umji9l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inconsolata;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/411228ec63226ca4-s.2tz_zyn1pe147.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/08e32fb4449ee08b-s.2122qgixroprz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/74c2b937c57846d8-s.p.29es_w-umji9l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inconsolata;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/411228ec63226ca4-s.2tz_zyn1pe147.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inconsolata;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/08e32fb4449ee08b-s.2122qgixroprz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inconsolata;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/74c2b937c57846d8-s.p.29es_w-umji9l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inconsolata Fallback;src:local(Arial);ascent-override:76.59%;descent-override:16.94%;line-gap-override:0.0%;size-adjust:112.16%}.eyK9wa_className{font-family:Inconsolata,Inconsolata Fallback;font-style:normal}.eyK9wa_variable{--font-inconsolata:"Inconsolata", "Inconsolata Fallback"}
.brand-kit{--bk-forest:#00280e;--bk-sun:#d1d100;--bk-mist:#faf9f0;--bk-olive:#9ca703;--bk-lime:#e3e270;--bk-line:#faf9f024;--bk-muted:#faf9f0b3;--bk-ease:cubic-bezier(.16, 1, .3, 1);--bk-grain:url(/images/texture-grain.png)}.brand-kit [id]{scroll-margin-top:7rem}section.bk-hero{justify-content:center;min-height:814px;padding:120px clamp(24px,7.25vw,104px) 80px;overflow:clip}.bk-guide-blob{z-index:0;pointer-events:none;width:375px;height:813px;position:absolute;top:0;right:0}.bk-guide-blob rect,.bk-guide-blob path{shape-rendering:crispedges}section.bk-hero>.relative{width:100%;max-width:1232px;margin-inline:auto;padding-right:calc(341px - clamp(24px,7.25vw,104px))}section.bk-hero>.relative>div:first-child{width:fit-content;color:var(--bk-lime);letter-spacing:.01em;text-transform:none;background:#19321e url(/images/texture-grain.png) 0 0/328px 140px;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 16px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}section.bk-hero>.relative>div:first-child svg{color:var(--bk-lime);flex:none}section.bk-hero h1{max-width:900px;color:var(--bk-mist);letter-spacing:-.02em;margin:24px 0;font-size:clamp(36px,4.45vw,64px);font-weight:700;line-height:1.125}section.bk-hero>.relative>p{max-width:698px;color:var(--bk-mist);letter-spacing:.02em;margin:0;font-size:16px;font-weight:400;line-height:1.4}section.bk-hero>.relative>div:last-child{max-width:none;margin-top:40px}.bk-hero-cta{flex-wrap:wrap;gap:24px;display:flex}@media (max-width:1199px){.bk-guide-blob{width:317px;height:687px}}@media (max-width:1023px){section.bk-hero{min-height:0;padding-top:clamp(120px,13vw,176px);padding-bottom:64px}}@media (max-width:767px){.bk-guide-blob{display:none}section.bk-hero>.relative{padding-right:0}.bk-hero-cta{flex-direction:column;gap:12px}.bk-hero-cta .bk-btn{width:100%}.bk-jump{margin-top:32px}}@media (prefers-reduced-motion:reduce){.bk-guide-blob{display:none}}.bk-btn{height:48px;font:600 16px/1 var(--font-sans), sans-serif;cursor:pointer;transition:transform .25s var(--bk-ease), box-shadow .25s, background-color .25s, border-color .25s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 30px;text-decoration:none;display:inline-flex}.bk-btn--primary{color:#000;background:#fff}.bk-btn--secondary{color:var(--bk-mist);background:#ffffff1f;border:1px solid #ffffff80}.bk-btn--compact{border-radius:12px;height:44px;padding:0 16px;font-size:14px}@media (hover:hover){.bk-btn--primary:hover{transform:scale(1.04);box-shadow:0 0 28px #e3e27066}.bk-btn--secondary:hover{background-color:#ffffff38;transform:scale(1.03)}.bk-btn:hover .bk-btn-arrow{transform:translate(3px)}.bk-btn:hover .bk-btn-arrow--down{transform:translateY(3px)rotate(90deg)}}.bk-btn-arrow{transition:transform .25s var(--bk-ease);display:block}.bk-btn-arrow--down{transform:rotate(90deg)}.bk-grid-sec{margin-block:-3rem;padding-block:3rem;position:relative}.bk-btn:focus-visible,.bk-seg-btn:focus-visible,.bk-toggle:focus-visible,.bk-ground:focus-visible,.bk-file:focus-visible,.bk-textlink:focus-visible,.bk-icon:focus-visible,.bk-tint:focus-visible,.bk-swatch:focus-visible,.bk-jump-link:focus-visible,.bk-dock-link:focus-visible{outline:2px solid var(--color-bitmap-highlight);outline-offset:2px}.bk-jump{flex-wrap:wrap;gap:8px;max-width:820px;margin-top:40px;display:flex}.bk-jump-link,.bk-pill{color:var(--bk-lime);font:500 14px/1.28 var(--font-sans), sans-serif;letter-spacing:.01em;background:#19321e url(/images/texture-grain.png) 0 0/328px 140px;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:4px 13px;text-decoration:none;display:inline-flex}.bk-jump-link:hover{color:var(--bk-mist);border-color:#e3e27099}.bk-head{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.bk-mark{color:var(--bk-olive);display:block}.bk-kicker{color:var(--bk-olive);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:16px;font-weight:700;line-height:1}.bk-h2{max-width:48rem;color:var(--bk-mist);letter-spacing:-.02em;margin:0;font-size:clamp(32px,3.34vw,48px);font-weight:700;line-height:1.27}.bk-sub{max-width:640px;color:var(--bk-mist);letter-spacing:.02em;margin:0;font-size:16px;font-weight:400;line-height:1.4}.bk-section-body{margin-top:48px}.bk-head-split{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:48px;display:grid}.bk-head-split>.bk-card{position:relative;top:40px}.bk-head-split+.bk-section-body{margin-top:88px}@media (max-width:1023px){.bk-head-split{grid-template-columns:minmax(0,1fr);gap:32px}.bk-head-split>.bk-card{top:0}.bk-head-split+.bk-section-body{margin-top:48px}}@media (max-width:767px){.bk-section-body,.bk-head-split+.bk-section-body{margin-top:32px}}.bk-card-title{color:var(--bk-mist);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.28}.bk-card-desc{color:#faf9f0bf;margin:0;font-size:16px;font-weight:400;line-height:1.5}.bk-mini .bk-card-desc{font-size:15px}.bk-card,.bk-dither{transition:transform .5s var(--bk-ease), box-shadow .5s var(--bk-ease), border-color .5s}.bk-card{background:#19321e var(--bk-grain) 0 0 / 328px 140px;border:1px solid #e3e27066;border-radius:24px;flex-direction:column;gap:12px;padding:24px;display:flex}@media (hover:hover){.bk-card:hover,.bk-dither:hover{border-color:#e3e270cc;transform:translateY(-6px);box-shadow:0 24px 50px #0006,0 0 30px #d9e5331f,inset 0 1px #ffffff14}.bk-code:hover{border-color:#212c2599;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}.bk-code{background:#092611;border:1px solid #212c2599;border-radius:16px;gap:0;padding:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.bk-dl-grid{gap:24px;display:grid}.bk-dl-art{background:var(--bk-forest);border-radius:14px;height:180px;margin-bottom:4px;position:relative;overflow:hidden}.bk-dl-art>img{object-fit:cover;width:100%;height:100%;display:block}.bk-dl--guideline .bk-dl-art>img{object-position:30% 40%}.bk-dl-art-logo{place-items:center;padding:24px;display:grid;position:absolute;inset:0}.bk-dl-art-logo img{width:min(78%,280px);height:auto}.bk-dl-art-type{background:var(--bk-sun);color:var(--bk-forest);justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.bk-dl-aa{font:700 88px/1 var(--font-sans), sans-serif;letter-spacing:-.03em}.bk-dl-mono{font:500 64px/1 var(--font-inconsolata), ui-monospace, monospace}.bk-dl-foot{flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:auto;padding-top:8px;display:flex}.bk-textlink{color:var(--bk-lime);font:500 14px/1.3 var(--font-sans), sans-serif;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-bitmap-highlight) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-bitmap-highlight) 35%, transparent);text-underline-offset:4px;align-items:center;gap:6px;display:inline-flex}.bk-textlink:hover{text-decoration-color:currentColor}.bk-variations{color:var(--bk-muted);margin:0;padding:32px;font-size:15px;line-height:1.5;list-style:none}.bk-variations li{padding-left:18px;position:relative}.bk-variations li:before{content:"";background:var(--color-sunflower);width:8px;height:8px;position:absolute;top:.55em;left:0}.bk-variations strong{color:var(--bk-mist);font-weight:600}.bk-stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bk-seg{border:1px solid var(--bk-line);background:color-mix(in srgb, var(--bk-forest) 55%, transparent);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.bk-seg-btn{color:var(--bk-muted);font:500 14px/1.2 var(--font-sans), sans-serif;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px}.bk-seg-btn:hover:not(:disabled){color:var(--bk-mist);background:#ffffff0f}.bk-seg-btn.is-on{background:var(--color-bitmap-highlight);color:var(--bk-forest)}.bk-seg-btn:disabled{cursor:not-allowed;opacity:.35}.bk-toggle{border:1px solid var(--bk-line);background:color-mix(in srgb, var(--bk-forest) 55%, transparent);color:var(--bk-mist);font:500 14px/1.2 var(--font-sans), sans-serif;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.bk-toggle svg{color:var(--bk-lime)}.bk-toggle:disabled{cursor:not-allowed;opacity:.35}.bk-toggle-dot{border:1.5px solid var(--color-bitmap-highlight);border-radius:50%;width:10px;height:10px}.bk-toggle.is-on .bk-toggle-dot{background:var(--color-bitmap-highlight)}.bk-stage{background:var(--ground);min-height:420px;transition:background-color .5s var(--bk-ease);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:48px 24px;display:flex;overflow:hidden}.bk-stage-logo{width:min(440px,64vw);height:auto;animation:bk-logo-in .5s var(--bk-ease) both;display:block}.bk-stage--vertical .bk-stage-logo{width:auto;height:min(260px,50vw)}.bk-safe{--w:min(440px, 64vw);--c:calc(var(--w) * 87 / 556 * .46);transition:padding .4s var(--bk-ease), outline-color .3s ease, background-color .3s ease;outline:1px dashed #0000;padding:0;position:relative}.bk-safe.is-on{padding:var(--c);outline-color:var(--guide);background:color-mix(in srgb, var(--guide) 12%, transparent)}.bk-safe-dots i{width:var(--c);height:var(--c);background:color-mix(in srgb, var(--guide) 40%, transparent);opacity:0;transition:opacity .3s ease, transform .4s var(--bk-ease);border-radius:50%;position:absolute;transform:scale(.4)}.bk-safe-dots i:first-child{top:0;left:0}.bk-safe-dots i:nth-child(2){top:0;right:0}.bk-safe-dots i:nth-child(3){bottom:0;left:0}.bk-safe-dots i:nth-child(4){bottom:0;right:0}.bk-safe.is-on .bk-safe-dots i{opacity:1;transform:none}.bk-safe-note{background:color-mix(in srgb, var(--bk-forest) 75%, transparent);max-width:420px;color:var(--bk-mist);text-align:center;border-radius:10px;margin:0;padding:8px 14px;font-size:13px;line-height:1.4}.bk-grounds{flex-wrap:wrap;gap:8px;display:flex}.bk-ground{border:1px solid var(--bk-line);color:var(--bk-muted);font:500 14px/1.2 var(--font-sans), sans-serif;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.bk-ground.is-on,.bk-ground:hover{color:var(--bk-mist)}.bk-ground.is-on{border-color:var(--color-bitmap-highlight)}.bk-ground-chip{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff40}.bk-files{border-top:1px solid var(--bk-line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:20px;display:flex}.bk-files-label{color:var(--bk-olive);font:700 13px/1.3 var(--font-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase}.bk-files-list{flex-wrap:wrap;flex:auto;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bk-file{border:1px solid var(--bk-line);background:color-mix(in srgb, var(--bk-forest) 55%, transparent);color:var(--bk-mist);font:500 13px/1.2 var(--font-sans), sans-serif;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.bk-file svg{color:var(--color-bitmap-highlight)}.bk-file:hover{border-color:color-mix(in srgb, var(--color-bitmap-highlight) 55%, transparent);color:var(--color-bitmap-highlight)}.bk-swatches,.bk-pairs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bk-swatches{gap:24px}.bk-swatch{background:#19321e var(--bk-grain) 0 0 / 328px 140px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #e3e27066;border-radius:24px;flex-direction:column;gap:16px;padding:12px 12px 24px;display:flex}.bk-swatch-block{background:var(--sw);height:200px;color:var(--sw-ink);transition:height .5s var(--bk-ease);border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}@media (hover:hover){.bk-swatch:hover .bk-swatch-block{height:216px}}.bk-swatch-name{font:700 22px/1.2 var(--font-sans), sans-serif}.bk-swatch-copied{min-height:1em;font:700 13px/1 var(--font-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;align-self:flex-end}.bk-swatch-codes{color:var(--bk-mist);font:500 15px/1.2 var(--font-jetbrains-mono), ui-monospace, monospace;flex-direction:column;gap:6px;padding:0 8px;display:flex}.bk-swatch-codes em{width:44px;color:var(--bk-olive);font-size:12px;font-style:normal;display:inline-block}.bk-swatch-role{color:var(--bk-muted);padding:0 8px;font-size:14px;line-height:1.5}.bk-tint-strip,.bk-ramp-strip{border-radius:16px;display:grid;overflow:hidden}.bk-tint-strip{border:1px solid var(--bk-line);grid-template-columns:repeat(5,minmax(0,1fr));height:96px}.bk-tint{background:var(--sw);color:#001407d9;font:500 13px/1 var(--font-jetbrains-mono), ui-monospace, monospace;cursor:pointer;border:0;align-items:flex-end;padding:12px 14px;display:flex}.bk-tint:nth-child(n+3){color:#faf9f0e6}.bk-tint:hover{filter:brightness(1.08)}.bk-pair{background:var(--p-bg);border-radius:18px;align-items:center;min-height:180px;padding:28px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.bk-pair p{color:var(--p-fg);font:700 clamp(22px, 2vw, 26px) / 1.35 var(--font-sans), sans-serif;letter-spacing:-.01em;margin:0}.bk-pair mark{background:var(--p-mark);color:var(--p-mark-fg);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 6px}.bk-mini-label{color:var(--bk-olive);font:700 13px/1 var(--font-sans), sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;display:block}.bk-rule-n{color:var(--bk-lime);font:700 14px/1 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.04em}.bk-tester-text{field-sizing:content;resize:none;width:100%;min-height:1.3em;color:var(--bk-mist);font-family:var(--font-space-grotesk), var(--font-sans), sans-serif;letter-spacing:-.02em;caret-color:var(--color-sunflower);background:0 0;border:0;outline:none;padding:0;line-height:1.12}.bk-tester-text::selection{background:var(--bk-sun);color:var(--bk-forest)}.bk-glyphs{border-top:1px solid var(--bk-line);color:var(--bk-muted);font-family:var(--font-space-grotesk), var(--font-sans), sans-serif;letter-spacing:.12em;overflow-wrap:anywhere;margin:0;padding-top:24px;font-size:22px;line-height:1.6}.bk-code-body{color:var(--bk-mist);font-family:var(--font-inconsolata), ui-monospace, monospace;margin:0;padding:24px;font-size:17px;line-height:1.7;overflow-x:auto}.bk-term-bar{color:#90a1b9;font:12px/16px var(--font-jetbrains-mono), ui-monospace, monospace;background:#04160a;border-bottom:1px solid #1d3d1d;align-items:center;gap:16px;padding:12px 16px 13px;display:flex}.bk-term-dots{gap:6px;display:inline-flex}.bk-term-dots i{border-radius:50%;width:12px;height:12px;display:block}.bk-term-dots i:first-child{background:#fb2c36cc}.bk-term-dots i:nth-child(2){background:#f0b100cc}.bk-term-dots i:nth-child(3){background:#00c950cc}.bk-range{flex-direction:column;gap:10px;min-width:200px;display:flex}.bk-range-label{color:var(--bk-muted);font:500 14px/1.2 var(--font-sans), sans-serif;align-items:baseline;gap:8px;display:flex}.bk-range-label b{color:var(--bk-mist)}.bk-range-label small{color:var(--bk-olive);margin-left:auto;font-size:12px}.bk-range input{appearance:none;background:linear-gradient(90deg, transparent var(--lo,0%), color-mix(in srgb, var(--color-bitmap-highlight) 45%, transparent) var(--lo,0%), color-mix(in srgb, var(--color-bitmap-highlight) 45%, transparent) var(--hi,0%), transparent var(--hi,0%)), color-mix(in srgb, var(--bk-mist) 16%, transparent);cursor:pointer;border-radius:999px;width:100%;height:6px}.bk-range input::-webkit-slider-thumb{appearance:none;border:3px solid var(--bk-forest);background:var(--color-bitmap-highlight);width:18px;height:18px;box-shadow:0 0 0 1px var(--color-bitmap-highlight);border-radius:50%}.bk-range input:focus-visible{outline:2px solid var(--color-bitmap-highlight);outline-offset:6px}.bk-maker-bar{flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;display:flex}.bk-maker-actions{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.bk-maker-actions .bk-toggle{height:46px}.bk-field{flex-direction:column;gap:8px;display:flex}.bk-field span{color:var(--bk-muted);font:500 13px/1 var(--font-sans), sans-serif}.bk-field input{border:1px solid var(--bk-line);width:200px;height:44px;color:var(--bk-mist);font:700 18px/1 var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;background:#0014078c;border-radius:12px;outline:none;padding:0 14px}.bk-field input:focus{border-color:var(--color-bitmap-highlight)}.bk-pixels{background:var(--bk-sun);cursor:pointer;border-radius:14px;width:100%;height:auto;display:block}.bk-pixels rect{transition:fill .25s}@media (hover:hover){.bk-pixels rect:hover{stroke:var(--bk-forest);stroke-width:.06px}}.bk-icons-art{border:1px solid color-mix(in srgb, var(--color-bitmap-highlight) 25%, transparent);border-radius:20px;margin:0;overflow:hidden}.bk-icons-art img{object-fit:cover;width:100%;height:180px;display:block}.bk-icon-grid{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bk-icon-grid li{animation:bk-icon-in .45s var(--bk-ease) backwards;animation-delay:calc(var(--n) * 12ms)}.bk-icon{aspect-ratio:1;background:var(--ig-bg);color:var(--ig-fg);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 8px;text-decoration:none;transition:background-color .4s,color .4s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.bk-icon:hover{box-shadow:inset 0 0 0 1px var(--ig-fg)}.bk-icon-glyph{transition:transform .5s var(--bk-ease);flex:none}.bk-icon-grid--pattern .bk-icon:hover .bk-icon-glyph,.bk-icon-grid--pattern .bk-icon:focus-visible .bk-icon-glyph{transform:rotate(90deg)}.bk-icon-name{color:inherit;font:500 11px/1.2 var(--font-jetbrains-mono), ui-monospace, monospace;text-align:center;overflow-wrap:anywhere;opacity:.8}.bk-icon-means{background:var(--ig-fg);color:var(--ig-bg);font:500 11px/1.25 var(--font-sans), sans-serif;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .3s var(--bk-ease);border-radius:8px;padding:6px;position:absolute;bottom:6px;left:6px;right:6px;transform:translateY(8px)}@media (hover:hover){.bk-icon:hover .bk-icon-means{opacity:1;transform:none}}.bk-compare{background:var(--bk-forest);touch-action:pan-y;border-radius:14px;position:relative;overflow:hidden}.bk-compare-out,.bk-compare-in{width:100%;height:auto;display:block}.bk-compare-out{image-rendering:pixelated}.bk-compare-in{object-fit:cover;height:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.bk-compare-line{top:0;bottom:0;left:var(--split);background:var(--color-bitmap-highlight);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.bk-compare-line i{background:var(--color-bitmap-highlight);border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000059}.bk-compare-line i:before,.bk-compare-line i:after{content:"";border:5px solid #0000;width:0;height:0;margin-top:-5px;position:absolute;top:50%}.bk-compare-line i:before{border-right-color:var(--bk-forest);left:5px}.bk-compare-line i:after{border-left-color:var(--bk-forest);right:5px}.bk-compare-tag{background:color-mix(in srgb, var(--bk-forest) 75%, transparent);color:var(--bk-mist);font:500 12px/1 var(--font-sans), sans-serif;pointer-events:none;border-radius:8px;padding:5px 10px;position:absolute;top:12px}.bk-compare-tag--in{left:12px}.bk-compare-tag--out{right:12px}.bk-compare-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.bk-compare:focus-within{outline:2px solid var(--color-bitmap-highlight);outline-offset:3px}.bk-ramp-strip{border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));height:56px}.bk-ramp-labels{color:var(--bk-muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.bk-type-side{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:24px;display:grid}.bk-dither{background:#19321e var(--bk-grain) 0 0 / 328px 140px;border:1px solid #e3e27066;border-radius:24px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:32px;padding:24px;display:grid}.bk-dither-actions{flex-wrap:wrap;gap:12px;display:flex}.bk-photo-banner{background-color:#19321e;background-image:linear-gradient(#002810a8, #002810a8), var(--bk-grain);background-repeat:no-repeat,repeat;background-size:100% 100%,328px 140px;border-color:#d1d10052;flex-direction:row;align-items:center}.bk-photo-banner>img{object-fit:cover;border-radius:14px;flex:none;width:220px;height:124px}.bk-dock{bottom:max(20px, env(safe-area-inset-bottom));z-index:40;opacity:0;max-width:calc(100vw - 32px);transition:translate .5s var(--bk-ease), opacity .3s ease;position:fixed;left:50%;translate:-50% calc(100% + 32px)}.bk-dock.is-on{opacity:1;translate:-50%}.bk-dock-list{border:1px solid color-mix(in srgb, var(--color-bitmap-highlight) 35%, transparent);background:#19321e url(/images/texture-grain.png) 0 0/328px 140px;border-radius:999px;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:relative;box-shadow:0 18px 40px #00000073,0 0 24px #d9e53314}.bk-dock-pill{width:var(--pill-w,0px);translate:var(--pill-x,0px) 0;background:var(--color-bitmap-highlight);transition:translate .45s var(--bk-ease), width .45s var(--bk-ease);border-radius:999px;position:absolute;top:6px;bottom:6px;left:0}.bk-dock-link{z-index:1;height:40px;color:color-mix(in srgb, var(--bk-mist) 78%, transparent);font:500 14px/1 var(--font-sans), sans-serif;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex;position:relative}.bk-dock-link svg{color:var(--bk-olive)}.bk-dock-link.is-active,.bk-dock-link.is-active svg{color:var(--bk-forest)}@keyframes bk-logo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bk-icon-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:1199px){.bk-swatches,.bk-pairs,.bk-type-side{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-type-side>:first-child{grid-column:1/-1}.bk-dock-link:not(.is-active) .bk-dock-label{display:none}}@media (max-width:1023px){.bk-stage{min-height:280px}.bk-dither{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.bk-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bk-pairs,.bk-type-side,.bk-dl-grid{grid-template-columns:minmax(0,1fr)}.bk-swatch-block{height:120px;padding:12px}.bk-swatch{gap:12px;padding:8px 8px 16px}.bk-swatch-name{font-size:16px}.bk-swatch-codes{padding:0 4px;font-size:13px}.bk-swatch-codes em{width:34px;font-size:10px}.bk-swatch-role{padding:0 4px;font-size:12.5px}.bk-stage{padding:40px 16px}.bk-icon-name{display:none}.bk-tint{writing-mode:vertical-rl;align-items:flex-start;padding:8px 6px;font-size:10px;transform:rotate(180deg)}.bk-maker,.bk-icon-card,.bk-dither{padding:16px}.bk-field{flex:120px}.bk-field input,.bk-photo-banner>img{width:100%}.bk-maker-actions{width:100%;margin-left:0}.bk-maker-actions>*,.bk-dither-actions>.bk-btn{flex:auto;justify-content:center}.bk-seg--sets{flex-wrap:nowrap;max-width:100%}.bk-seg--sets .bk-seg-btn{white-space:nowrap;flex:0 auto;min-width:0}.bk-photo-banner.bk-card{flex-direction:column;align-items:stretch;padding:16px 16px 24px}.bk-photo-banner>.bk-btn{width:100%;height:auto;padding:14px 24px;font-size:16px}.bk-photo-banner>img{height:160px}}@media (max-width:479px){.bk-dl-foot .bk-btn,.bk-dither-actions>.bk-btn,.bk-maker-actions>.bk-btn{flex-basis:100%;width:100%;max-width:340px;margin-inline:auto}.bk-photo-banner>.bk-btn{width:100%;max-width:340px;margin-inline:auto}.bk-maker-actions>.bk-toggle{flex-basis:100%;width:100%}}@media (prefers-reduced-motion:reduce){.bk-dock,.bk-dock-pill,.bk-stage-logo,.bk-icon-grid li,.bk-icon-glyph,.bk-swatch-block,.bk-safe,.bk-safe-dots i,.bk-pixels rect,.bk-card,.bk-dither{transition:none;animation:none}.bk-card:hover,.bk-dither:hover,.bk-icon-grid--pattern .bk-icon:hover .bk-icon-glyph,.bk-btn:hover{transform:none}.bk-btn-arrow{transition:none}.bk-btn:hover .bk-btn-arrow{transform:none}.bk-btn-arrow--down,.bk-btn:hover .bk-btn-arrow--down{transform:rotate(90deg)}}