.PixelLoaderLab-module__R4rwRW__surface{--control-radius:12px;--ink:#f1f1ea;--muted:#a2a39b;--dim:#73756c;--ground:#11120f;--line:#30322c;--focus:#d8f56b;background:var(--ground);min-height:100svh;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.PixelLoaderLab-module__R4rwRW__page{width:min(100% - 48px,552px);min-height:100svh;color:var(--ink);margin:0 auto;padding:clamp(72px,12vh,128px) 0 64px;font-size:14px}.PixelLoaderLab-module__R4rwRW__header h1{letter-spacing:0;margin:0;font-size:20px;font-weight:520;line-height:1.2}.PixelLoaderLab-module__R4rwRW__intro{color:#d2d3cc;max-width:500px;margin:32px 0 0;font-size:15px;line-height:1.62}.PixelLoaderLab-module__R4rwRW__nav{flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:12px;display:flex}.PixelLoaderLab-module__R4rwRW__nav a{min-height:28px;color:var(--muted);border-bottom:1px solid #0000;align-items:center;text-decoration:none;transition:color 90ms cubic-bezier(.2,0,.38,.9),border-color 90ms cubic-bezier(.2,0,.38,.9);display:inline-flex}.PixelLoaderLab-module__R4rwRW__nav a:hover{border-color:var(--focus);color:var(--ink)}.PixelLoaderLab-module__R4rwRW__workspace{border-top:1px solid var(--line);margin-top:72px}.PixelLoaderLab-module__R4rwRW__stage{border-bottom:1px solid var(--line);min-height:318px;padding:24px 0;position:relative;overflow:hidden}.PixelLoaderLab-module__R4rwRW__previewHeading,.PixelLoaderLab-module__R4rwRW__sectionHeading,.PixelLoaderLab-module__R4rwRW__codeHeader{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.PixelLoaderLab-module__R4rwRW__kicker,.PixelLoaderLab-module__R4rwRW__stageIndex,.PixelLoaderLab-module__R4rwRW__stageNote,.PixelLoaderLab-module__R4rwRW__sectionHeading h2{color:var(--muted);letter-spacing:0;margin:0;font-size:10px;font-weight:400;line-height:1.2}.PixelLoaderLab-module__R4rwRW__replay,.PixelLoaderLab-module__R4rwRW__sectionHeading button,.PixelLoaderLab-module__R4rwRW__codeHeader button,.PixelLoaderLab-module__R4rwRW__codeTabs button,.PixelLoaderLab-module__R4rwRW__segments button{color:var(--ink);cursor:pointer;background:0 0;border:0}.PixelLoaderLab-module__R4rwRW__replay,.PixelLoaderLab-module__R4rwRW__sectionHeading button,.PixelLoaderLab-module__R4rwRW__codeHeader button{border-bottom:1px solid var(--line);min-height:28px;padding:0;font-size:13px;transition:color 90ms cubic-bezier(.2,0,.38,.9),border-color 90ms cubic-bezier(.2,0,.38,.9)}.PixelLoaderLab-module__R4rwRW__sectionHeading button{color:var(--muted);font-size:12px}.PixelLoaderLab-module__R4rwRW__replay:hover,.PixelLoaderLab-module__R4rwRW__sectionHeading button:hover,.PixelLoaderLab-module__R4rwRW__codeHeader button:hover{border-color:var(--focus);color:var(--focus)}.PixelLoaderLab-module__R4rwRW__scene{width:100%;margin:64px 0 52px}.PixelLoaderLab-module__R4rwRW__scene h2,.PixelLoaderLab-module__R4rwRW__scene p{z-index:1;color:var(--ink);margin:0;position:relative}.PixelLoaderLab-module__R4rwRW__scene h2{letter-spacing:0;font-size:20px;font-weight:520;line-height:1.2}.PixelLoaderLab-module__R4rwRW__role{font-size:12px;line-height:1.45;color:var(--muted)!important;margin-top:6px!important}.PixelLoaderLab-module__R4rwRW__statement{letter-spacing:0;max-width:500px;font-size:15px;font-weight:400;line-height:1.62;color:#d2d3cc!important;margin-top:32px!important}.PixelLoaderLab-module__R4rwRW__pixelText{isolation:isolate;display:grid}.PixelLoaderLab-module__R4rwRW__pixelText>span{font:inherit;letter-spacing:inherit;line-height:inherit;grid-area:1/1;display:block}.PixelLoaderLab-module__R4rwRW__letterText{display:block}.PixelLoaderLab-module__R4rwRW__letterText>.PixelLoaderLab-module__R4rwRW__letterFlow{white-space:pre-wrap;display:block}.PixelLoaderLab-module__R4rwRW__word{white-space:nowrap;display:inline-block}.PixelLoaderLab-module__R4rwRW__letterGlyph{isolation:isolate;display:inline-grid}.PixelLoaderLab-module__R4rwRW__letterGlyph>span{font:inherit;letter-spacing:inherit;line-height:inherit;grid-area:1/1;display:block}.PixelLoaderLab-module__R4rwRW__pixelBase{animation:PixelLoaderLab-module__R4rwRW__ink-lock var(--duration)cubic-bezier(.22,1,.36,1)var(--delay)both}.PixelLoaderLab-module__R4rwRW__pixelFx{color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;background-image:repeating-conic-gradient(from var(--pixel-angle),var(--tone-a)0 25%,transparent 0 50%,var(--tone-b)0 75%,var(--tone-c)0);animation-duration:var(--duration);animation-delay:var(--delay);animation-fill-mode:both;animation-timing-function:steps(var(--steps),end)}.PixelLoaderLab-module__R4rwRW__pixelCoarse{background-size:var(--coarse)var(--coarse);animation-name:PixelLoaderLab-module__R4rwRW__pixel-coarse}.PixelLoaderLab-module__R4rwRW__pixelMedium{background-size:var(--medium)var(--medium);animation-name:PixelLoaderLab-module__R4rwRW__pixel-medium}.PixelLoaderLab-module__R4rwRW__pixelFine{background-size:var(--fine)var(--fine);animation-name:PixelLoaderLab-module__R4rwRW__pixel-fine}.PixelLoaderLab-module__R4rwRW__reduced .PixelLoaderLab-module__R4rwRW__pixelBase{opacity:1;animation:none}.PixelLoaderLab-module__R4rwRW__reduced .PixelLoaderLab-module__R4rwRW__pixelFx{display:none}.PixelLoaderLab-module__R4rwRW__stageNote{color:var(--dim);text-align:right;font-size:9px;position:absolute;bottom:24px;right:0}.PixelLoaderLab-module__R4rwRW__controls{padding:0}.PixelLoaderLab-module__R4rwRW__controlSection{border-bottom:1px solid var(--line);padding:24px 0}.PixelLoaderLab-module__R4rwRW__sectionHeading{margin-bottom:24px}.PixelLoaderLab-module__R4rwRW__modeGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.PixelLoaderLab-module__R4rwRW__segmentFieldset{border:0;min-width:0;margin:0;padding:0}.PixelLoaderLab-module__R4rwRW__segmentFieldset legend{color:var(--muted);margin-bottom:8px;font-size:12px}.PixelLoaderLab-module__R4rwRW__segments{border:1px solid var(--line);border-radius:var(--control-radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.PixelLoaderLab-module__R4rwRW__segments button{min-width:0;min-height:42px;color:var(--muted);padding:0 10px;font-size:12px;transition:color 90ms cubic-bezier(.2,0,.38,.9),background-color 90ms cubic-bezier(.2,0,.38,.9)}.PixelLoaderLab-module__R4rwRW__segments button[aria-pressed=true]{color:var(--ink);background:#1a1b18}.PixelLoaderLab-module__R4rwRW__segments button:hover{color:var(--focus)}.PixelLoaderLab-module__R4rwRW__rangeRow{margin-top:20px;display:block}.PixelLoaderLab-module__R4rwRW__rangeRow>span,.PixelLoaderLab-module__R4rwRW__selectGrid label>span,.PixelLoaderLab-module__R4rwRW__textField>span{color:var(--muted);justify-content:space-between;gap:18px;margin-bottom:8px;font-size:12px;display:flex}.PixelLoaderLab-module__R4rwRW__rangeRow output{color:var(--dim);font-size:10px}.PixelLoaderLab-module__R4rwRW__rangeRow input{width:100%;height:24px;accent-color:var(--focus);cursor:ew-resize;margin:0}.PixelLoaderLab-module__R4rwRW__selectGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.PixelLoaderLab-module__R4rwRW__selectGrid select,.PixelLoaderLab-module__R4rwRW__textField input,.PixelLoaderLab-module__R4rwRW__textField textarea{border:1px solid var(--line);border-radius:var(--control-radius);width:100%;color:var(--ink);background:0 0}.PixelLoaderLab-module__R4rwRW__selectGrid select{height:42px;padding:0 10px;font-size:12px}.PixelLoaderLab-module__R4rwRW__palette{grid-template-columns:repeat(3,1fr);height:3px;margin-top:16px;display:grid;overflow:hidden}.PixelLoaderLab-module__R4rwRW__palette span{background:var(--swatch)}.PixelLoaderLab-module__R4rwRW__textField{margin-top:16px;display:block}.PixelLoaderLab-module__R4rwRW__textField input,.PixelLoaderLab-module__R4rwRW__textField textarea{resize:vertical;padding:10px 11px;font-size:13px;line-height:1.45}.PixelLoaderLab-module__R4rwRW__codeSection{padding:24px 0 0;scroll-margin-top:24px}.PixelLoaderLab-module__R4rwRW__codeHeader h2{letter-spacing:0;margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.4}.PixelLoaderLab-module__R4rwRW__codeTabs{border-bottom:1px solid var(--line);gap:20px;margin-top:24px;display:flex}.PixelLoaderLab-module__R4rwRW__codeTabs button{min-height:38px;color:var(--muted);border-bottom:1px solid #0000;padding:0;font-size:12px}.PixelLoaderLab-module__R4rwRW__codeTabs button[aria-selected=true]{border-color:var(--focus);color:var(--ink)}.PixelLoaderLab-module__R4rwRW__code{color:#c8cac1;white-space:pre;max-height:520px;margin:0;padding:20px 0;font-family:inherit;font-size:12px;line-height:1.65;overflow:auto}@media (max-width:560px){.PixelLoaderLab-module__R4rwRW__page{width:min(100% - 40px,552px);padding:64px 0 48px}.PixelLoaderLab-module__R4rwRW__workspace{margin-top:56px}.PixelLoaderLab-module__R4rwRW__stage{min-height:332px}.PixelLoaderLab-module__R4rwRW__scene{margin-top:56px}.PixelLoaderLab-module__R4rwRW__stageNote{text-align:left}.PixelLoaderLab-module__R4rwRW__modeGrid,.PixelLoaderLab-module__R4rwRW__selectGrid{grid-template-columns:1fr}.PixelLoaderLab-module__R4rwRW__nav a,.PixelLoaderLab-module__R4rwRW__replay,.PixelLoaderLab-module__R4rwRW__sectionHeading button,.PixelLoaderLab-module__R4rwRW__codeHeader button,.PixelLoaderLab-module__R4rwRW__segments button,.PixelLoaderLab-module__R4rwRW__codeTabs button{min-height:44px}.PixelLoaderLab-module__R4rwRW__codeHeader{align-items:flex-start}}@keyframes PixelLoaderLab-module__R4rwRW__ink-lock{0%,42%{opacity:.18}60%,to{opacity:1}}@keyframes PixelLoaderLab-module__R4rwRW__pixel-coarse{0%{opacity:0;clip-path:var(--clip-start);transform:translate(var(--enter-x),var(--enter-y))}4%,18%{opacity:var(--intensity);clip-path:inset(0)}38%,to{opacity:0;clip-path:inset(0);transform:translate(0)}}@keyframes PixelLoaderLab-module__R4rwRW__pixel-medium{0%,12%{opacity:0;clip-path:var(--clip-start);transform:translate(var(--exit-x),var(--exit-y))}16%,44%{opacity:var(--intensity);clip-path:inset(0)}58%,to{opacity:0;clip-path:inset(0);transform:translate(0)}}@keyframes PixelLoaderLab-module__R4rwRW__pixel-fine{0%,28%{opacity:0;clip-path:var(--clip-start)}33%,62%{opacity:var(--intensity);clip-path:inset(0)}84%,to{opacity:0;clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.PixelLoaderLab-module__R4rwRW__pixelBase{opacity:1;animation:none}.PixelLoaderLab-module__R4rwRW__pixelFx{display:none}.PixelLoaderLab-module__R4rwRW__forceMotion .PixelLoaderLab-module__R4rwRW__pixelBase{animation:PixelLoaderLab-module__R4rwRW__ink-lock var(--duration)cubic-bezier(.22,1,.36,1)var(--delay)both}.PixelLoaderLab-module__R4rwRW__forceMotion .PixelLoaderLab-module__R4rwRW__pixelFx{display:block}.PixelLoaderLab-module__R4rwRW__nav a,.PixelLoaderLab-module__R4rwRW__replay,.PixelLoaderLab-module__R4rwRW__sectionHeading button,.PixelLoaderLab-module__R4rwRW__codeHeader button,.PixelLoaderLab-module__R4rwRW__segments button{transition-duration:1ms}}@media (forced-colors:active){.PixelLoaderLab-module__R4rwRW__pixelBase{opacity:1;animation:none}.PixelLoaderLab-module__R4rwRW__pixelFx{display:none}}