@font-face{font-family:paperMono;src:url(/_next/static/media/163ab149c404cad1-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:paperMono Fallback;src:local("Arial");ascent-override:71.91%;descent-override:18.45%;line-gap-override:0.00%;size-adjust:132.81%}.__className_8c1b79{font-family:paperMono,paperMono Fallback;font-weight:400;font-style:normal}.__variable_8c1b79{--font-paper-mono:"paperMono","paperMono Fallback"}:root{--blue:#3264eb;--cream:#f4eee2;--menu-fg:var(--cream);--mark-top:28px;--mark-w:min(300px,calc(100vw - 120px));--mark-ratio:0.09470;color-scheme:light}:root,body,html{background:var(--blue)}body,html{overscroll-behavior:none}body{min-height:100svh}.swatch{position:relative;height:100svh;overflow:hidden;isolation:isolate;touch-action:none;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;display:block;opacity:0;z-index:0}.swatch.is-live .swatch-canvas{opacity:1}@media(prefers-reduced-motion:no-preference){.swatch-canvas{transform:scale(1.02);transition:opacity .64s cubic-bezier(.2,.8,.2,1),transform .64s cubic-bezier(.2,.8,.2,1)}.swatch.is-live .swatch-canvas{transform:none}}.swatch-fallback{display:none;position:absolute;left:50%;top:22vh;width:min(80vw,1100px);transform:translateX(-50%);color:var(--cream)}.swatch-fallback svg{display:block;width:100%;height:auto}.swatch-fallback path{fill:currentColor}.swatch.no-gl .swatch-fallback{display:block}.lab-note{position:absolute;z-index:3;left:40px;bottom:max(36px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 80px));color:var(--cream);font-family:var(--font-paper-mono),monospace;font-size:14px;line-height:1.6;-moz-user-select:text;user-select:text;-webkit-user-select:text;touch-action:pan-y}.lab-note:has(details[open]){padding:16px 18px;background:rgba(16,45,125,.76);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid rgba(244,238,226,.28);border-radius:12px;box-shadow:inset 0 1px 0 rgba(244,238,226,.08),0 12px 36px rgba(8,24,65,.16);max-height:calc(100svh - 72px);overflow-y:auto}.lab-description{text-wrap:pretty}.lab-details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;width:-moz-fit-content;width:fit-content;min-height:44px;cursor:pointer;list-style:none;border-bottom:1px solid rgba(244,238,226,.5)}.lab-details summary::-webkit-details-marker{display:none}.lab-details[open] summary{position:relative;min-height:24px}.lab-details[open] summary:before{content:"";position:absolute;inset:-10px -4px}.lab-details summary span{font-size:20px;line-height:1}.lab-details[open] summary span{transform:rotate(45deg)}.lab-details summary:hover{border-color:var(--cream)}.lab-details summary:focus-visible{outline:2px solid var(--cream);outline-offset:5px}.lab-expanded{padding-top:12px}.lab-expanded p{margin:0 0 12px}.lab-expanded p:last-child{margin-bottom:0}.lab-nav{margin-top:16px;padding-top:12px;border-top:1px solid rgba(244,238,226,.35)}.lab-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:20px;column-gap:20px}.lab-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.lab-nav a:hover{text-decoration:underline;text-underline-offset:4px}.lab-nav a:focus-visible{outline:2px solid var(--cream);outline-offset:3px}@media(max-aspect-ratio:4/5),(max-width:700px){.lab-note{left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 32px);font-size:13px;line-height:1.55}}@media(max-height:500px) and (min-width:700.1px){.lab-note{left:24px;bottom:16px;width:360px;font-size:12px;line-height:1.4}}.tags{inset:0;z-index:2;pointer-events:none}.tag,.tags{position:absolute}.tag{pointer-events:auto;top:var(--paw,70vh);display:inline-flex;align-items:center;gap:16px;min-height:56px;padding:20px 26px 19px 28px;font-family:var(--font-dela),"Arial Black",sans-serif;font-size:clamp(17px,1.45vw,24px);line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--blue);background-color:var(--cream);background-image:repeating-linear-gradient(0deg,rgba(40,50,90,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 1px,transparent 1px 2px);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(20,30,80,.1),0 2px 1px rgba(10,20,70,.28),0 10px 22px -8px rgba(10,20,70,.55)}@media(prefers-reduced-motion:no-preference){.tag{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.tag-arrow{transition:transform .18s cubic-bezier(.4,0,.2,1)}}.tag:before{content:"";position:absolute;inset:6px;border:1.5px dashed rgba(50,100,235,.55);border-radius:2px;pointer-events:none}.tag-1{right:calc(100% - var(--cat-left,40vw) + clamp(24px,3vw,56px));transform:translateY(-50%) rotate(-3deg)}.tag-2{left:calc(var(--cat-right,60vw) + clamp(24px,3vw,56px));transform:translateY(-50%) rotate(2.5deg)}.tag:focus-visible,.tag:hover{transform:translateY(calc(-50% - 10px)) rotate(0deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(20,30,80,.1),0 8px 4px rgba(10,20,70,.2),0 26px 36px -12px rgba(10,20,70,.65)}.tag:focus-visible .tag-arrow,.tag:hover .tag-arrow{transform:translate(2px,-2px)}.tag:active{transform:translateY(-50%) rotate(0deg) scale(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 1px rgba(10,20,70,.3),0 4px 10px -6px rgba(10,20,70,.5)}.tag:focus-visible{outline:2px solid var(--cream);outline-offset:5px}.tag-arrow{flex:none;width:clamp(14px,1.1vw,18px);height:auto}@media(max-aspect-ratio:4/5),(max-width:700px){.tags{inset:auto 0 auto 0;top:calc(var(--mark-bottom,40vh) + 10px);display:flex;justify-content:center;gap:12px;padding:0 16px}.tag{position:relative;inset:auto;top:auto;font-size:13px;min-height:48px;padding:14px 14px 13px 16px;gap:8px}.tag-1{right:auto;transform:rotate(-2deg)}.tag-2{left:auto;transform:rotate(1.5deg)}.tag:focus-visible,.tag:hover{transform:translateY(-3px) rotate(0deg)}.tag:active{transform:scale(.97)}}