.playground[data-astro-cid-alq5tfmz]{isolation:isolate;padding:max(76px,min(11vw,148px)) 0 0;position:relative;overflow-x:hidden}.playground[data-astro-cid-alq5tfmz]:before{z-index:-1;background-image:radial-gradient(circle, color-mix(in srgb, var(--accent), transparent 70%) 1px, transparent 1.5px);content:"";opacity:.3;pointer-events:none;background-position:0 0;background-size:29px 29px;transition:filter .44s cubic-bezier(.2,.9,.2,1),opacity .3s;animation:28s linear infinite orb-field-drift;position:absolute;top:0;bottom:0;left:-12%;right:-12%;-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 9%,#000 72%,transparent)}.playground[data-astro-cid-alq5tfmz].is-search-spotlight:before{filter:blur(9px);opacity:.06}.playground-heading[data-astro-cid-alq5tfmz],.library-heading[data-astro-cid-alq5tfmz]{justify-content:space-between;align-items:end;gap:32px;padding-bottom:28px;display:grid}.kicker[data-astro-cid-alq5tfmz]{color:var(--faint);letter-spacing:.11em;text-transform:uppercase;margin:0 0 11px;font-size:.72rem;font-weight:720}h2[data-astro-cid-alq5tfmz],h3[data-astro-cid-alq5tfmz]{letter-spacing:-.075em;margin:0;line-height:.9}h2[data-astro-cid-alq5tfmz]{max-width:10ch;font-size:max(2.7rem,min(6vw,5.1rem));font-weight:680}.playground-heading[data-astro-cid-alq5tfmz]>p[data-astro-cid-alq5tfmz],.library-heading[data-astro-cid-alq5tfmz]>p[data-astro-cid-alq5tfmz]{max-width:33ch;color:var(--muted);margin:0 0 5px;font-size:.96rem;line-height:1.65}.lab[data-astro-cid-alq5tfmz]{border:1px solid var(--line);background:var(--bg);grid-template-columns:minmax(0,1.5fr) minmax(300px,.78fr);display:grid}.stage[data-astro-cid-alq5tfmz]{border-right:1px solid var(--line);background:var(--bg);border-radius:17px 0 0 17px;align-items:center;justify-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.stage-grid[data-astro-cid-alq5tfmz]{opacity:.46;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:38px 38px;transition:opacity .5s;animation:16s linear infinite grid-drift;position:absolute;top:-38px;bottom:-38px;left:-38px;right:-38px;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 48%,#000,transparent 70%)}.stage[data-astro-cid-alq5tfmz]:after{aspect-ratio:1;border:1px solid var(--line);content:"";width:min(68%,330px);transform:translate(var(--orbit-x,0), var(--orbit-y,0));border-radius:50%;transition:border-color .3s,transform .52s cubic-bezier(.2,.8,.2,1);position:absolute}loadersz-loader[data-astro-cid-alq5tfmz]{z-index:1;filter:drop-shadow(0 22px 30px rgba(0,0,0,.18));position:relative}.stage[data-astro-cid-alq5tfmz]>loadersz-loader[data-astro-cid-alq5tfmz]{transition:transform .52s cubic-bezier(.2,.8,.2,1)}.stage-meta[data-astro-cid-alq5tfmz],.stage-caption[data-astro-cid-alq5tfmz]{z-index:2;color:var(--faint);letter-spacing:.03em;font-size:.72rem;position:absolute}.stage-meta[data-astro-cid-alq5tfmz]{justify-content:space-between;display:flex;top:18px;left:18px;right:18px}.stage-meta[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]:first-child{color:var(--text);font-weight:650}.stage-caption[data-astro-cid-alq5tfmz]{bottom:18px;left:18px}.controls[data-astro-cid-alq5tfmz]{align-content:center;gap:20px;padding:32px;display:grid}.field[data-astro-cid-alq5tfmz]{color:var(--muted);letter-spacing:.02em;gap:9px;font-size:.77rem;font-weight:620;display:grid}.field[data-astro-cid-alq5tfmz]>span[data-astro-cid-alq5tfmz]{justify-content:space-between;display:flex}output[data-astro-cid-alq5tfmz]{color:var(--faint);font-weight:500}.output-unit[data-astro-cid-alq5tfmz]{color:var(--faint);margin-left:1px;font-weight:500}.output-value[data-astro-cid-alq5tfmz]{white-space:nowrap;align-items:baseline;display:inline-flex}output[data-astro-cid-alq5tfmz][data-odometer]{vertical-align:-.28em;align-items:flex-start;height:1.25em;display:inline-flex}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit,output[data-astro-cid-alq5tfmz][data-odometer] .odometer-symbol{height:1.25em;color:var(--faint);font-variant-numeric:tabular-nums;display:grid;overflow:hidden}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit{width:.62em}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-symbol{width:.26em}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit>span,output[data-astro-cid-alq5tfmz][data-odometer] .odometer-symbol>span{text-align:center;grid-area:1/1}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking.is-up .odometer-current{animation:.3s cubic-bezier(.16,1,.3,1) both odometer-current-up}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking.is-up .odometer-previous{animation:.3s cubic-bezier(.16,1,.3,1) both odometer-previous-up}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking.is-down .odometer-current{animation:.3s cubic-bezier(.16,1,.3,1) both odometer-current-down}output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking.is-down .odometer-previous{animation:.3s cubic-bezier(.16,1,.3,1) both odometer-previous-down}input[data-astro-cid-alq5tfmz][type=range]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:var(--line-strong);width:100%;height:3px;accent-color:var(--accent);cursor:ew-resize;border-radius:99px;outline:none}input[data-astro-cid-alq5tfmz][type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:2px solid var(--accent-ink);background:var(--accent);border-radius:50%;width:14px;height:14px}input[data-astro-cid-alq5tfmz][type=range]::-moz-range-thumb{border:2px solid var(--accent-ink);background:var(--accent);border-radius:50%;width:14px;height:14px}@keyframes grid-drift{to{transform:translate(38px,38px)}}@keyframes odometer-current-up{0%{opacity:0;transform:translateY(110%)}}@keyframes odometer-previous-up{to{opacity:0;transform:translateY(-110%)}}@keyframes odometer-current-down{0%{opacity:0;transform:translateY(-110%)}}@keyframes odometer-previous-down{to{opacity:0;transform:translateY(110%)}}.color-field[data-astro-cid-alq5tfmz]>span[data-astro-cid-alq5tfmz]{align-items:center}.color-mode[data-astro-cid-alq5tfmz]{--selected-hue:88;--selected-css-color:var(--accent);border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.color-mode[data-astro-cid-alq5tfmz] legend[data-astro-cid-alq5tfmz]{color:var(--muted);letter-spacing:.02em;padding:0;font-size:.77rem;font-weight:620}.color-mode[data-astro-cid-alq5tfmz]>div[data-astro-cid-alq5tfmz]{isolation:isolate;background:0 0;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid;position:relative}.color-mode-indicator[data-astro-cid-alq5tfmz]{z-index:2;border:1px solid var(--line-strong);pointer-events:none;background:0 0;border-radius:9px 14px 10px 15px;width:calc(33.3333% - 4.66667px);transition:transform .62s cubic-bezier(.16,1,.3,1),border-color .26s,border-radius .42s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;bottom:3px;left:3px;transform:translate(0)}.color-mode[data-astro-cid-alq5tfmz][data-active-mode=native] .color-mode-indicator[data-astro-cid-alq5tfmz]{border-color:color-mix(in srgb, var(--line-strong), transparent 12%);animation:.72s cubic-bezier(.22,1.42,.36,1) color-outline-left}.color-mode[data-astro-cid-alq5tfmz][data-active-mode=hue] .color-mode-indicator[data-astro-cid-alq5tfmz]{border-color:hsl(var(--selected-hue) 82% 58% / 72%);animation:.72s cubic-bezier(.22,1.42,.36,1) color-outline-center;transform:translate(calc(100% + 4px))}.color-mode[data-astro-cid-alq5tfmz][data-active-mode=css] .color-mode-indicator[data-astro-cid-alq5tfmz]{border-color:color-mix(in srgb, var(--selected-css-color), transparent 28%);animation:.72s cubic-bezier(.22,1.42,.36,1) color-outline-right;transform:translate(calc(200% + 8px))}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz]{z-index:1;min-height:29px;color:var(--faint);cursor:pointer;isolation:isolate;background:0 0;border:1px solid transparent;border-radius:9px 13px 10px 14px;font-size:.68rem;font-weight:650;transition:background .18s,color .18s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][aria-pressed=true]{color:var(--text)}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=native][aria-pressed=true].is-settled{background:radial-gradient(circle at 16% 28%, rgba(250,177,66,.42), transparent 28%), radial-gradient(circle at 86% 72%, rgba(223,83,238,.34), transparent 32%), radial-gradient(circle at 54% 6%, rgba(87,208,244,.2), transparent 30%), var(--surface-raised);background-position:0%,100%,50% 0,0 0;background-size:165% 165%,160% 160%,170% 170%,auto;animation:4.8s ease-in-out infinite alternate native-tab-tide}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=hue][aria-pressed=true].is-settled{background:hsl(var(--selected-hue) 75% 52% / 16%)}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=css][aria-pressed=true].is-settled{background:color-mix(in srgb, var(--selected-css-color), transparent 84%)}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=hue][aria-pressed=true]{color:hsl(var(--selected-hue) 82% 58%)}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=css][aria-pressed=true]{color:color-mix(in srgb, var(--selected-css-color) 72%, var(--text))}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz]:hover:not([aria-pressed=true]){color:var(--text)}.color-mode[data-astro-cid-alq5tfmz] small[data-astro-cid-alq5tfmz]{color:var(--faint);letter-spacing:0;font-size:.65rem;font-weight:500}.color-mode-buttons[data-astro-cid-alq5tfmz]{overflow:visible}@keyframes color-outline-left{38%{border-radius:16px 7px 18px 8px}66%{border-radius:7px 17px 8px 18px}}@keyframes color-outline-center{34%{border-radius:8px 18px 7px 19px}64%{border-radius:18px 8px 18px 7px}}@keyframes color-outline-right{32%{border-radius:18px 8px 19px 7px}62%{border-radius:7px 18px 8px}}@keyframes native-tab-tide{to{background-position:100% 42%,0 58%,52% 100%,0 0}}.color-field[data-astro-cid-alq5tfmz]>div[data-astro-cid-alq5tfmz]{grid-template-columns:38px 1fr;gap:7px;display:grid}.color-field[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz][type=color]{border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;border-radius:8px;width:38px;height:36px;padding:3px}.color-field[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz][type=text]{border:1px solid var(--line);background:var(--surface-raised);min-width:0;color:var(--text);border-radius:8px;outline:none;padding:9px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.72rem}.color-field[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz][type=text]:focus{border-color:var(--accent)}.color-field[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz]:disabled{cursor:not-allowed;opacity:.4}input[data-astro-cid-alq5tfmz][type=range]:disabled{cursor:not-allowed;opacity:.4}.color-field[data-astro-cid-alq5tfmz] small[data-astro-cid-alq5tfmz]{color:var(--faint);letter-spacing:0;font-size:.65rem;font-weight:500}.shuffle[data-astro-cid-alq5tfmz]{border:0;border-top:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;margin-top:2px;padding:11px 0;font-size:.82rem;font-weight:650;display:flex;position:relative}.shuffle[data-astro-cid-alq5tfmz]>span[data-astro-cid-alq5tfmz]{color:var(--accent)}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz]{border-radius:50%;align-items:center;justify-items:center;width:22px;height:22px;transition:border-color .18s,transform .32s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz]:before{background:var(--accent);width:5px;height:5px;box-shadow:0 -7px 0 color-mix(in srgb, var(--accent), transparent 30%), 0 7px 0 color-mix(in srgb, var(--accent), transparent 48%);content:"";border-radius:50%;position:absolute}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz] b[data-astro-cid-alq5tfmz]{background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz] b[data-astro-cid-alq5tfmz]:first-child{transform:translate(7px)}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz] b[data-astro-cid-alq5tfmz]:nth-child(2){transform:translate(-7px)}.shuffle[data-astro-cid-alq5tfmz] i[data-astro-cid-alq5tfmz] b[data-astro-cid-alq5tfmz]:nth-child(3){opacity:0}.shuffle[data-astro-cid-alq5tfmz]:hover i[data-astro-cid-alq5tfmz]{border-color:var(--accent);transform:rotate(70deg)}.shuffle[data-astro-cid-alq5tfmz].is-shuffling i[data-astro-cid-alq5tfmz]{animation:.68s cubic-bezier(.2,.9,.25,1) shuffle-orbit}.shuffle[data-astro-cid-alq5tfmz].is-shuffling i[data-astro-cid-alq5tfmz]:before{animation:.68s ease-out shuffle-pulse}@keyframes shuffle-orbit{55%{transform:rotate(430deg)scale(1.2)}}@keyframes shuffle-pulse{45%{box-shadow:0 -11px 0 var(--accent), 0 11px 0 var(--accent);transform:scale(1.32)}}@keyframes orb-field-drift{to{background-position:29px 29px}}.code-row[data-astro-cid-alq5tfmz]{border-bottom:1px solid var(--line);color:var(--faint);grid-template-columns:150px 1fr auto;align-items:center;gap:18px;padding:16px 0;font-size:.75rem;display:grid}.code-row[data-astro-cid-alq5tfmz] pre[data-astro-cid-alq5tfmz]{color:var(--muted);margin:0;overflow:auto}.code-row[data-astro-cid-alq5tfmz] code[data-astro-cid-alq5tfmz]{font-family:SFMono-Regular,Consolas,monospace}.code-row[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz]{color:var(--text);font-weight:650}.code-row[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]{color:var(--accent)}.library-heading[data-astro-cid-alq5tfmz]{padding-top:max(72px,min(10vw,132px))}.library-heading[data-astro-cid-alq5tfmz] h3[data-astro-cid-alq5tfmz]{font-size:max(2rem,min(4vw,3.35rem));font-weight:680}.library-tools[data-astro-cid-alq5tfmz]{z-index:10;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 32px;display:flex;position:relative}.state-search-wrap[data-astro-cid-alq5tfmz]{z-index:5;width:248px;min-width:248px;position:relative}.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight{z-index:90;width:min(760px,56vw,100vw - 32px);min-width:0;animation:.56s cubic-bezier(.16,1,.3,1) search-spotlight-arrive;position:fixed;top:calc(50% - 120px);left:50%;transform:translate(-50%,-50%)}.search-spotlight-backdrop[data-astro-cid-alq5tfmz]{z-index:80;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%), rgba(0,0,0,.2);cursor:default;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();border:0;transition:opacity .36s,-webkit-backdrop-filter .52s,backdrop-filter .52s;position:fixed;top:0;bottom:0;left:0;right:0}body.has-search-spotlight .search-spotlight-backdrop{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.playground-heading[data-astro-cid-alq5tfmz],.lab[data-astro-cid-alq5tfmz],.code-row[data-astro-cid-alq5tfmz],.library-heading[data-astro-cid-alq5tfmz],.mode-library[data-astro-cid-alq5tfmz],.category-filters[data-astro-cid-alq5tfmz],.site-header,main>section:not(.playground),contentinfo{transition:filter .44s cubic-bezier(.2,.9,.2,1),opacity .3s}.playground[data-astro-cid-alq5tfmz].is-search-spotlight .playground-heading[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-search-spotlight .lab[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-search-spotlight .code-row[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-search-spotlight .library-heading[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-search-spotlight .mode-library[data-astro-cid-alq5tfmz],.playground[data-astro-cid-alq5tfmz].is-search-spotlight .category-filters[data-astro-cid-alq5tfmz],body.has-search-spotlight .site-header,body.has-search-spotlight main>section:not(.playground),body.has-search-spotlight contentinfo{filter:blur(8px);opacity:.28;pointer-events:none}.state-search-active[data-astro-cid-alq5tfmz]{align-items:center;justify-items:center;min-height:max(132px,min(13vw,176px));margin:0 0 8px;padding:10px;animation:.3s cubic-bezier(.2,.9,.2,1) active-search-preview-in;display:grid;position:relative}.state-search-active[data-astro-cid-alq5tfmz][hidden]{display:none}.state-search-active-preview[data-astro-cid-alq5tfmz]{z-index:1;filter:drop-shadow(0 12px 16px rgba(0,0,0,.18));justify-self:center;position:relative;transform:scale(1.5)}.state-search-active-preview[data-astro-cid-alq5tfmz][hidden],.state-search-empty[data-astro-cid-alq5tfmz][hidden]{display:none}.state-search-empty[data-astro-cid-alq5tfmz]{max-width:260px;color:var(--muted);text-align:center;align-items:center;justify-items:center;gap:10px;font-size:.76rem;font-weight:580;line-height:1.45;animation:.36s cubic-bezier(.2,.9,.2,1) empty-search-state-in;display:grid}.state-search-empty[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz]{color:var(--accent);letter-spacing:.01em;font-size:.7rem;font-weight:720;text-decoration:none;position:relative}.state-search-empty[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz]:after{content:"";opacity:.45;transform-origin:50%;background:currentColor;height:1px;transition:transform .24s,opacity .18s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(.42)}.state-search-empty[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz]:hover:after{opacity:1;transform:scaleX(1)}.state-search-empty[data-astro-cid-alq5tfmz] a[data-astro-cid-alq5tfmz]:focus-visible:after{opacity:1;transform:scaleX(1)}.state-search[data-astro-cid-alq5tfmz]{border:1px solid var(--line);width:100%;min-height:32px;color:var(--faint);border-radius:999px;align-items:center;gap:9px;padding:0 9px;transition:min-height .38s cubic-bezier(.16,1,.3,1),padding .38s cubic-bezier(.16,1,.3,1),border-radius .38s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .24s,color .18s;display:flex}.state-search[data-astro-cid-alq5tfmz]:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 11%, transparent)}.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight .state-search[data-astro-cid-alq5tfmz]{border-radius:16px;min-height:max(52px,min(4.3vw,64px));padding:0 max(16px,min(1.7vw,22px))}.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight .state-search[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz]{font-size:max(.84rem,min(1.05vw,1rem))}.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight .state-search[data-astro-cid-alq5tfmz] svg[data-astro-cid-alq5tfmz]{width:max(17px,min(1.4vw,20px))}.state-search[data-astro-cid-alq5tfmz] svg[data-astro-cid-alq5tfmz]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:15px}.state-search[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz]{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:.72rem;line-height:1}.state-search[data-astro-cid-alq5tfmz] kbd[data-astro-cid-alq5tfmz]{border:1px solid var(--line);color:var(--faint);border-radius:4px;padding:1px 5px;font:.6rem/1.3 SFMono-Regular,Consolas,monospace}.state-search-results[data-astro-cid-alq5tfmz]{opacity:0;pointer-events:none;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .38s cubic-bezier(.2,.9,.2,1),margin .38s cubic-bezier(.2,.9,.2,1),opacity .16s,transform .38s cubic-bezier(.2,.9,.2,1);display:grid;position:absolute;top:100%;left:0;right:0;transform:translateY(-4px)}.state-search-results[data-astro-cid-alq5tfmz].is-open{opacity:1;pointer-events:auto;grid-template-rows:1fr;margin-top:8px;transform:translateY(0)}.state-search-results-inner[data-astro-cid-alq5tfmz]{background:radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 38%), color-mix(in srgb, var(--bg) 66%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.35);backdrop-filter:blur(28px)saturate(1.35);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 42%, transparent) transparent;border:1px solid transparent;border-radius:15px;gap:0;min-height:0;max-height:min(60vh,560px);padding:0;transition:padding .38s cubic-bezier(.2,.9,.2,1),border-color .18s;display:grid;overflow-x:hidden;overflow-y:auto;box-shadow:0 22px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.18)}.state-search-results[data-astro-cid-alq5tfmz].is-open .state-search-results-inner[data-astro-cid-alq5tfmz]{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));padding:0}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar{width:6px}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:0 0;border:0;width:0;height:0;display:none}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-button:single-button{width:0;height:0;display:none}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-button:vertical:decrement{height:0;display:none}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-button:vertical:increment{height:0;display:none}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-track{background:0 0;margin:9px 0}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 42%, transparent);background-clip:padding-box;border:2px solid transparent;border-radius:999px}.state-search-results-inner[data-astro-cid-alq5tfmz]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 72%, transparent);background-clip:padding-box}.state-search-results[data-astro-cid-alq5tfmz] button{min-width:0;min-height:max(74px,min(6vw,90px));box-shadow:inset 0 -1px color-mix(in srgb, var(--line), transparent 24%);color:var(--text);cursor:pointer;font:inherit;isolation:isolate;text-align:left;opacity:0;background:0 0;border:0;border-radius:0;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:15px;padding:14px max(16px,min(1.7vw,22px));font-size:.68rem;transition:color .15s,opacity .18s;display:grid;position:relative;overflow:hidden;transform:translateY(-5px)}.state-search-results[data-astro-cid-alq5tfmz] button:before{z-index:0;background:linear-gradient(106deg, transparent 30%, rgba(255,255,255,.16) 46%, color-mix(in srgb, var(--accent) 15%, transparent) 53%, transparent 69%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 58%);content:"";opacity:0;filter:blur(10px);transition:opacity .18s,transform .62s cubic-bezier(.2,.9,.2,1);position:absolute;top:-14px;bottom:-14px;left:-26%;right:-26%;transform:translate(-54%)skew(-12deg)}.state-search-results[data-astro-cid-alq5tfmz].is-open button{animation:search-suggestion-in .34s calc(var(--suggestion-index) * 34ms + 40ms) cubic-bezier(.2, .9, .2, 1) both}.state-search-results[data-astro-cid-alq5tfmz] button:hover,.state-search-results[data-astro-cid-alq5tfmz] button.is-active{color:var(--text);opacity:.98}.state-search-results[data-astro-cid-alq5tfmz] button:hover:before,.state-search-results[data-astro-cid-alq5tfmz] button.is-active:before{opacity:1;transform:translate(54%)skew(-12deg)}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-main{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-preview{z-index:1;filter:drop-shadow(0 7px 10px rgba(0,0,0,.14));pointer-events:none;display:block;position:relative}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:max(.78rem,min(.95vw,.9rem));font-weight:700;overflow:hidden}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-meta small{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:max(.62rem,min(.74vw,.7rem))}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-meta{flex-wrap:wrap;justify-content:start;align-items:center;gap:4px;display:flex}.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-meta i{border:1px solid color-mix(in srgb, var(--line-strong), transparent 12%);max-width:70px;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 6px;font-size:.54rem;font-style:normal;line-height:1;overflow:hidden}.state-search-results[data-astro-cid-alq5tfmz] button:last-child{box-shadow:none}.state-search-results[data-astro-cid-alq5tfmz] small{color:var(--faint);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;overflow:hidden}@keyframes search-suggestion-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes search-spotlight-arrive{0%{opacity:0;transform:translate(-50%,-42%)scale(.9)}62%{opacity:1;transform:translate(-50%,-51%)scale(1.015)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes active-search-preview-in{0%{opacity:0;filter:blur(7px);transform:translateY(-8px)}}@keyframes empty-search-state-in{0%{opacity:0;transform:translateY(7px)scale(.97)}}.category-filters[data-astro-cid-alq5tfmz]{scrollbar-width:none;flex:1;justify-content:flex-end;gap:5px;padding:3px;display:flex;position:relative;overflow:auto}.category-filters[data-astro-cid-alq5tfmz]::-webkit-scrollbar{display:none}.category-filter-indicator[data-astro-cid-alq5tfmz]{z-index:0;border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 10%, transparent);opacity:0;pointer-events:none;border-radius:999px;width:0;transition:transform .46s cubic-bezier(.2,.9,.2,1),width .46s cubic-bezier(.2,.9,.2,1),opacity .16s;position:absolute;top:3px;bottom:3px;left:0}.category-filters[data-astro-cid-alq5tfmz][data-indicator-ready=true] .category-filter-indicator[data-astro-cid-alq5tfmz]{opacity:1}.category-filters[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz]{z-index:1;color:var(--faint);cursor:pointer;background:0 0;border:1px solid transparent;border-radius:999px;flex:none;padding:7px 10px;font:650 .67rem/1 inherit;transition:color .18s,background .18s,border-color .18s,transform .18s;position:relative}.category-filters[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]{color:var(--faint);margin-left:3px;font:.6rem/1 SFMono-Regular,Consolas,monospace;transition:color .18s}.category-filters[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz]:hover{color:var(--text);transform:translateY(-1px)}.category-filters[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz].is-active{color:var(--text)}.category-filters[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz].is-active span[data-astro-cid-alq5tfmz]{color:var(--accent)}.mode-library[data-astro-cid-alq5tfmz]{z-index:0;isolation:isolate;gap:32px;display:grid;position:relative;overflow:clip}.mode-category[data-astro-cid-alq5tfmz]{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .42s cubic-bezier(.2,.8,.2,1),opacity .19s,transform .24s,margin .42s;display:grid;transform:translateY(0)}.mode-category-inner[data-astro-cid-alq5tfmz]{min-height:0;overflow:clip}.mode-category[data-astro-cid-alq5tfmz].is-filtered-out{opacity:0;pointer-events:none;grid-template-rows:0fr;margin:-16px 0;transform:translateY(-9px)}.mode-category-heading[data-astro-cid-alq5tfmz]{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:11px;display:flex}.mode-category-heading[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:720}.mode-category-heading[data-astro-cid-alq5tfmz] small[data-astro-cid-alq5tfmz]{color:var(--faint);font-size:.7rem}.mode-category-grid[data-astro-cid-alq5tfmz]{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mode-card[data-astro-cid-alq5tfmz]{z-index:1;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:126px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;align-items:center;justify-items:center;gap:8px;padding:14px 6px;transition:background .18s,color .18s,box-shadow .18s,opacity .18s,filter .18s,transform .22s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.mode-card[data-astro-cid-alq5tfmz].is-filtered-out{opacity:0;filter:blur(5px);pointer-events:none;transform:scale(.9)}.mode-library[data-astro-cid-alq5tfmz].is-filtering .mode-card[data-astro-cid-alq5tfmz]:not(.is-filtered-out){animation:card-tile-cycle .52s min(calc(var(--card-index) * 18ms), .26s) cubic-bezier(.22, .9, .25, 1) both;will-change:opacity, filter, transform}.playground[data-astro-cid-alq5tfmz].is-revealed .mode-card[data-astro-cid-alq5tfmz]{animation:card-arrive .44s calc(var(--card-index) * 17ms) cubic-bezier(.2, .8, .2, 1) backwards;opacity:1}.mode-card[data-astro-cid-alq5tfmz]:after{background:linear-gradient(90deg, transparent, var(--accent), transparent);content:"";opacity:0;height:2px;transition:opacity .2s,transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;top:auto;bottom:-1px;left:-12%;right:-12%;transform:translate(-70%)}.mode-card[data-astro-cid-alq5tfmz]:hover{background:var(--surface);color:var(--text)}.mode-card[data-astro-cid-alq5tfmz]:hover:after,.mode-card[data-astro-cid-alq5tfmz].is-current:after{opacity:.9;transform:translate(70%)}.mode-card[data-astro-cid-alq5tfmz].is-current{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.mode-card[data-astro-cid-alq5tfmz].is-search-match:not(.is-current){color:color-mix(in srgb, var(--text) 82%, var(--muted))}.mode-card[data-astro-cid-alq5tfmz].is-search-selected{z-index:4;animation:.98s cubic-bezier(.2,.9,.2,1) search-card-focus}.mode-card[data-astro-cid-alq5tfmz].is-search-selected:before{opacity:1}.mode-card[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]{font-size:.68rem;font-weight:630}.mode-card[data-astro-cid-alq5tfmz] loadersz-loader[data-astro-cid-alq5tfmz]{filter:none}@media (hover:hover) and (pointer:fine){.mode-card[data-astro-cid-alq5tfmz]{will-change:auto}.mode-card[data-astro-cid-alq5tfmz]:before{z-index:0;background:radial-gradient(circle at var(--card-glow-x,50%) var(--card-glow-y,50%), color-mix(in srgb, var(--accent) 15%, transparent), transparent 48%);content:"";opacity:0;transition:opacity .18s;position:absolute;top:0;bottom:0;left:0;right:0}.mode-card[data-astro-cid-alq5tfmz]:hover:not(.is-filtered-out){z-index:3;background:color-mix(in srgb, var(--surface-raised) 75%, transparent);box-shadow:none;overflow:hidden;transform:none}.mode-card[data-astro-cid-alq5tfmz]:hover:before{opacity:0}.mode-card[data-astro-cid-alq5tfmz]:hover loadersz-loader[data-astro-cid-alq5tfmz]{transform:perspective(720px) rotateX(var(--card-tilt-x,0deg)) rotateY(var(--card-tilt-y,0deg)) translateZ(32px) scale(1.3)}.mode-card[data-astro-cid-alq5tfmz]:hover span[data-astro-cid-alq5tfmz]{transform:none}.mode-card[data-astro-cid-alq5tfmz] loadersz-loader[data-astro-cid-alq5tfmz],.mode-card[data-astro-cid-alq5tfmz] span[data-astro-cid-alq5tfmz]{z-index:1;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:relative}}@keyframes card-arrive{to{opacity:1}}@keyframes card-tile-cycle{0%{opacity:1;filter:blur();transform:scale(1)}26%{opacity:.12;filter:blur(11px);transform:scale(.9)}56%{opacity:.18;filter:blur(8px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes search-card-focus{0%{filter:blur(5px);transform:scale(.92)}48%{filter:blur();transform:scale(1.035)}to{filter:blur();transform:scale(1)}}@media (max-width:780px){.playground-heading[data-astro-cid-alq5tfmz],.library-heading[data-astro-cid-alq5tfmz]{display:block}.playground-heading[data-astro-cid-alq5tfmz]>p[data-astro-cid-alq5tfmz],.library-heading[data-astro-cid-alq5tfmz]>p[data-astro-cid-alq5tfmz]{margin-top:18px}.lab[data-astro-cid-alq5tfmz]{grid-template-columns:1fr}.stage[data-astro-cid-alq5tfmz]{border-right:0;border-bottom:1px solid var(--line);min-height:390px}.controls[data-astro-cid-alq5tfmz]{padding:26px 22px}.code-row[data-astro-cid-alq5tfmz]{grid-template-columns:1fr;gap:10px}.library-tools[data-astro-cid-alq5tfmz]{flex-direction:column;align-items:stretch}.state-search-wrap[data-astro-cid-alq5tfmz],.state-search[data-astro-cid-alq5tfmz]{width:100%;min-width:0}.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight{width:calc(100vw - 32px)}.category-filters[data-astro-cid-alq5tfmz]{justify-content:flex-start;margin:0 -4px}.mode-category-grid[data-astro-cid-alq5tfmz]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.state-search-active-preview[data-astro-cid-alq5tfmz]{transform:scale(1.72)}}@media (pointer:coarse){.state-search[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz],.state-search-wrap[data-astro-cid-alq5tfmz].is-spotlight .state-search[data-astro-cid-alq5tfmz] input[data-astro-cid-alq5tfmz]{font-size:16px}input[data-astro-cid-alq5tfmz][type=range]{height:5px}input[data-astro-cid-alq5tfmz][type=range]::-webkit-slider-thumb{width:22px;height:22px}input[data-astro-cid-alq5tfmz][type=range]::-moz-range-thumb{width:22px;height:22px}}@media (max-width:520px){.state-search-results[data-astro-cid-alq5tfmz] .state-search-result-meta i:nth-of-type(n+2){display:none}.mode-card[data-astro-cid-alq5tfmz]{min-height:112px}}@media (max-width:360px){.mode-category-grid[data-astro-cid-alq5tfmz]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking .odometer-current,output[data-astro-cid-alq5tfmz][data-odometer] .odometer-digit.is-ticking .odometer-previous,.stage-grid[data-astro-cid-alq5tfmz]{animation:none}.mode-card[data-astro-cid-alq5tfmz]{opacity:1;transition:none;transform:none}.playground[data-astro-cid-alq5tfmz].is-revealed .mode-card[data-astro-cid-alq5tfmz]{animation:none}.mode-card[data-astro-cid-alq5tfmz].is-filtered-out,.mode-category[data-astro-cid-alq5tfmz].is-filtered-out{display:none}.color-mode[data-astro-cid-alq5tfmz] button[data-astro-cid-alq5tfmz][data-color-mode=native][aria-pressed=true].is-settled{animation:none}}.hero[data-astro-cid-lcdefpme]{grid-template-columns:.9fr 1.1fr;align-items:center;gap:max(48px,min(8vw,126px));min-height:min(760px,100vh - 70px);padding-top:68px;padding-bottom:60px;display:grid}.eyebrow[data-astro-cid-lcdefpme]{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px;font-size:.7rem;font-weight:730}h1[data-astro-cid-lcdefpme],h2[data-astro-cid-lcdefpme],h3[data-astro-cid-lcdefpme],p[data-astro-cid-lcdefpme]{margin-top:0}h1[data-astro-cid-lcdefpme]{letter-spacing:-.09em;max-width:8.5ch;margin-bottom:24px;font-size:max(3.8rem,min(7.6vw,7rem));font-weight:680;line-height:.86}.hero-lede[data-astro-cid-lcdefpme]{max-width:39ch;color:var(--muted);margin-bottom:30px;font-size:1rem;line-height:1.7}.hero-actions[data-astro-cid-lcdefpme]{flex-wrap:wrap;gap:10px;display:flex}.button[data-astro-cid-lcdefpme]{border-radius:2px;justify-content:center;align-items:center;gap:11px;min-height:42px;padding:0 15px;font-size:.82rem;font-weight:690;transition:transform .17s,background .17s,border-color .17s;display:inline-flex}.button[data-astro-cid-lcdefpme]:hover{transform:translateY(-2px)}.primary[data-astro-cid-lcdefpme]{background:var(--accent);color:var(--accent-ink)}.quiet[data-astro-cid-lcdefpme]{border:1px solid var(--line);color:var(--text)}.quiet[data-astro-cid-lcdefpme]:hover{border-color:var(--line-strong);background:var(--surface)}.npm-launch[data-astro-cid-lcdefpme]{color:#fff;background:linear-gradient(132deg,#cb3837,#ff5a36 68%,#ff7e57);border:1px solid #d5453c;animation:3.6s ease-in-out infinite npm-breathe;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(203,56,55,.3),inset 0 1px rgba(255,255,255,.28)}.npm-launch[data-astro-cid-lcdefpme]:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);width:44%;animation:4.2s ease-in-out infinite npm-sheen;position:absolute;top:-130%;bottom:-130%;left:-55%;right:auto;transform:rotate(20deg)translate(-130%)}.npm-launch[data-astro-cid-lcdefpme]:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 14px 34px rgba(203,56,55,.38),inset 0 1px rgba(255,255,255,.32)}.npm-logo[data-astro-cid-lcdefpme]{background:#1f0202;border-radius:2px;align-items:center;justify-items:center;width:38px;height:16px;padding:3px 4px;display:inline-grid}.npm-logo[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme]{filter:invert();object-fit:contain;width:100%;height:100%;display:block}.hero-facts[data-astro-cid-lcdefpme]{gap:max(19px,min(4vw,42px));margin:52px 0 0;display:flex}.hero-facts[data-astro-cid-lcdefpme] div[data-astro-cid-lcdefpme]{gap:3px;display:grid}.hero-facts[data-astro-cid-lcdefpme] dt[data-astro-cid-lcdefpme]{letter-spacing:-.04em;font-size:1.15rem;font-weight:720}.hero-facts[data-astro-cid-lcdefpme] dd[data-astro-cid-lcdefpme]{color:var(--faint);margin:0;font-size:.7rem}.hero-stage[data-astro-cid-lcdefpme]{background:var(--bg);align-items:center;justify-items:center;min-height:510px;display:grid;position:relative;overflow:hidden}.hero-stage-rule[data-astro-cid-lcdefpme]{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;width:64%;animation:28s linear infinite stage-rule;position:absolute}.hero-stage-rule[data-astro-cid-lcdefpme]:before,.hero-stage-rule[data-astro-cid-lcdefpme]:after{border-top:1px solid var(--line);content:"";width:122%;position:absolute;top:50%;left:-11%}.hero-stage-rule[data-astro-cid-lcdefpme]:after{transform:rotate(90deg)}.hero-loader-stack[data-astro-cid-lcdefpme]{z-index:1;filter:drop-shadow(0 28px 30px rgba(0,0,0,.18));width:340px;height:340px;animation:.8s cubic-bezier(.2,.8,.2,1) 80ms both settle;position:relative}.hero-loader-orbit[data-astro-cid-lcdefpme]{--hero-orbit-x:0px;--hero-orbit-y:0px;z-index:1;transform:translate3d(var(--hero-orbit-x), var(--hero-orbit-y), 0);will-change:transform;transition:transform .62s cubic-bezier(.16,1,.3,1);position:relative}.hero-stage[data-astro-cid-lcdefpme]:hover .hero-loader-orbit[data-astro-cid-lcdefpme]{transition-duration:.14s}.hero-loader[data-astro-cid-lcdefpme]{opacity:0;pointer-events:none;transition:opacity .54s,transform .68s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.9)rotate(-2deg)}.hero-loader[data-astro-cid-lcdefpme].is-active{opacity:1;transform:scale(1)rotate(0)}.hero-note[data-astro-cid-lcdefpme]{z-index:2;color:var(--faint);grid-template-columns:8px auto;align-items:center;column-gap:8px;font-size:.7rem;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:18px;right:20px}.hero-stage[data-astro-cid-lcdefpme].is-switching .hero-note[data-astro-cid-lcdefpme]{opacity:0;transform:translateY(5px)}.hero-note[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero-note[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--text);margin:0;font-weight:650}.hero-note[data-astro-cid-lcdefpme] small[data-astro-cid-lcdefpme]{grid-column:2;font-size:.68rem}.framework-strip[data-astro-cid-lcdefpme]{isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:opacity .54s,transform .62s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.framework-strip[data-astro-cid-lcdefpme]:before,.framework-strip[data-astro-cid-lcdefpme]:after{z-index:3;content:"";pointer-events:none;width:max(24px,min(4vw,56px));position:absolute;top:0;bottom:0}.framework-strip[data-astro-cid-lcdefpme]:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.framework-strip[data-astro-cid-lcdefpme]:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.frameworks[data-astro-cid-lcdefpme]{min-height:66px;color:var(--faint);grid-template-columns:94px 1fr;align-items:center;gap:24px;font-size:.76rem;display:grid}.marquee[data-astro-cid-lcdefpme]{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track[data-astro-cid-lcdefpme]{will-change:transform;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;animation:30s linear infinite paused marquee;display:flex}.framework-strip[data-astro-cid-lcdefpme].is-revealed .marquee-track[data-astro-cid-lcdefpme]{animation-play-state:running}.marquee-group[data-astro-cid-lcdefpme]{flex:none;align-items:center;gap:42px;padding-right:42px;display:flex}.marquee[data-astro-cid-lcdefpme]:hover .marquee-track[data-astro-cid-lcdefpme]{animation-play-state:paused}.framework-item[data-astro-cid-lcdefpme]{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.framework-item[data-astro-cid-lcdefpme] img[data-astro-cid-lcdefpme]{opacity:.86;filter:grayscale(.15)}.framework-item[data-astro-cid-lcdefpme] b[data-astro-cid-lcdefpme]{font-size:.76rem;font-weight:630}@keyframes marquee{to{transform:translate(-50%)}}@keyframes stage-rule{to{transform:rotate(360deg)}}@keyframes npm-breathe{50%{box-shadow:0 16px 36px rgba(203,56,55,.42),inset 0 1px rgba(255,255,255,.34)}}@keyframes npm-sheen{0%,22%{opacity:0;transform:rotate(20deg)translate(-130%)}30%{opacity:1}52%{opacity:0;transform:rotate(20deg)translate(330%)}to{opacity:0;transform:rotate(20deg)translate(330%)}}.data-ribbon[data-astro-cid-lcdefpme]{opacity:.72;height:150px;margin:34px 0 10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.data-ribbon[data-astro-cid-lcdefpme] canvas[data-astro-cid-lcdefpme]{width:100%;height:100%;display:block}.runtime[data-astro-cid-lcdefpme]{border-top:1px solid var(--line);grid-template-columns:minmax(210px,.7fr) 1.3fr;align-items:start;gap:max(42px,min(7vw,96px));padding-top:max(72px,min(10vw,118px));padding-bottom:max(72px,min(10vw,118px));display:grid}.runtime-heading[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{letter-spacing:-.07em;max-width:8ch;margin:0;font-size:max(2.35rem,min(4.2vw,4.25rem));line-height:.91}.runtime-grid[data-astro-cid-lcdefpme]{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.runtime-card[data-astro-cid-lcdefpme]{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface), transparent 16%);min-height:242px;padding:21px;transition:background .26s,transform .32s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.runtime-card[data-astro-cid-lcdefpme]:last-child{border-right:0}.runtime-card[data-astro-cid-lcdefpme]:after{z-index:0;background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--accent), transparent 82%), transparent 44%);content:"";opacity:0;pointer-events:none;transform-origin:72% 28%;transition:opacity .3s,transform .62s cubic-bezier(.16,1,.3,1);position:absolute;top:-36%;bottom:-36%;left:-36%;right:-36%;transform:scale(.72)rotate(-12deg)}.runtime-card[data-astro-cid-lcdefpme]:hover{background:var(--surface-raised)}.runtime-card[data-astro-cid-lcdefpme]:hover:after{opacity:1;transform:scale(1)rotate(0)}.runtime-card[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]{z-index:1;position:relative}.runtime-card-top[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:flex-start;gap:10px;min-height:62px;display:flex}.runtime-card[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{color:var(--faint);font-family:SFMono-Regular,Consolas,monospace;font-size:.71rem}.runtime-loader[data-astro-cid-lcdefpme]{opacity:.78;width:54px;height:54px;margin:-9px -9px 0 0;transition:opacity .24s}.runtime-card[data-astro-cid-lcdefpme]:hover .runtime-loader[data-astro-cid-lcdefpme]{opacity:1}.runtime-card[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{letter-spacing:-.02em;max-width:13ch;margin:26px 0 10px;font-size:.96rem}.runtime-card[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--muted);margin:0;font-size:.78rem;line-height:1.65}.install[data-astro-cid-lcdefpme]{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:34px;margin-bottom:40px;padding:max(30px,min(5vw,54px));display:grid}.install[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{font-size:max(2.1rem,min(4vw,3.4rem))}.install[data-astro-cid-lcdefpme] pre[data-astro-cid-lcdefpme]{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.install[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{font-family:SFMono-Regular,Consolas,monospace}@keyframes settle{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (min-width:1081px){.hero-actions[data-astro-cid-lcdefpme]{flex-wrap:nowrap}.hero-actions[data-astro-cid-lcdefpme] .button[data-astro-cid-lcdefpme]{white-space:nowrap;flex:none}}@media (max-width:1080px){.hero[data-astro-cid-lcdefpme]{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-stage[data-astro-cid-lcdefpme]{min-height:430px}.install[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:22px}.runtime[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:30px}}@media (max-width:600px){h1[data-astro-cid-lcdefpme]{font-size:max(3.5rem,min(17vw,5rem))}.hero-stage[data-astro-cid-lcdefpme]{min-height:340px}.hero-loader-stack[data-astro-cid-lcdefpme]{transform:scale(.77)}.frameworks[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:0;padding:11px 0}.frameworks[data-astro-cid-lcdefpme]>span[data-astro-cid-lcdefpme]{padding-bottom:9px}.marquee-group[data-astro-cid-lcdefpme]{gap:30px;padding-right:30px}.runtime-grid[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.runtime-card[data-astro-cid-lcdefpme]{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:19px}.runtime-card[data-astro-cid-lcdefpme]:last-child{border-bottom:0}.runtime-card[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{margin-top:18px}}@media (prefers-reduced-motion:reduce){.hero-loader[data-astro-cid-lcdefpme],.hero-note[data-astro-cid-lcdefpme],.principle-list[data-astro-cid-lcdefpme] article[data-astro-cid-lcdefpme],.hero-loader-orbit[data-astro-cid-lcdefpme]{transition:none}.npm-launch[data-astro-cid-lcdefpme],.npm-launch[data-astro-cid-lcdefpme]:after,.marquee-track[data-astro-cid-lcdefpme],.hero-stage-rule[data-astro-cid-lcdefpme]{animation:none}}