@layer reset{*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}p sup{font-size:.8em;line-height:0}}@layer ui{:focus-visible{outline:2px solid var(--color-outline-focus);outline-offset:2px}.page{max-width:83rem;margin-inline:auto;padding:clamp(1.25rem,4vw,3rem) 1.5rem 0}.eyebrow{color:var(--color-eyebrow);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:800}.code{font-family:var(--font-atkinson-mono), ui-monospace, monospace;color:var(--color-code-text);letter-spacing:-.04em;font-size:1.04em;font-weight:500}.code-no-wrap{white-space:nowrap}.field{margin-bottom:.65rem;display:grid}.field-label{width:fit-content;color:var(--color-form-label);margin-block-end:.4rem;font-size:.9rem;font-weight:600;line-height:1}.text-input{border:1px solid var(--color-input-border);min-width:0;color:inherit;background:var(--color-input-background);padding:.32rem .5rem;font-size:1rem}.control-pair{border:0;grid-template-columns:minmax(0,1fr) 4.5rem;align-items:center;gap:.3rem .5rem;min-width:0;padding:0;display:grid}.control-pair .field-label{margin-bottom:-.4rem}.range-input{--track-height:.25rem;--thumb-size:1.1rem;cursor:pointer;width:100%;height:var(--thumb-size);appearance:none;background:linear-gradient(var(--color-range-accent) 0 0) no-repeat 0 50% / calc(var(--progress,0) * (100% - var(--thumb-size)) + var(--thumb-size) / 2) var(--track-height), linear-gradient(var(--color-range-track) 0 0) no-repeat 0 50% / 100% var(--track-height)}.range-input::-webkit-slider-thumb{box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);border:.18rem solid var(--color-range-accent);appearance:none;background:var(--color-page-background);outline:.28rem solid var(--color-page-background);border-radius:50%;transition:background .1s ease-in}.range-input::-moz-range-thumb{box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);border:.18rem solid var(--color-range-accent);background:var(--color-page-background);border-radius:50%;transition:background .1s ease-in}.range-input:is(:hover,:active,:focus-visible)::-webkit-slider-thumb{background:var(--color-range-accent)}.range-input:is(:hover,:active,:focus-visible)::-moz-range-thumb{background:var(--color-range-accent)}.button{cursor:pointer;border:1px solid var(--color-accent);color:var(--color-surface);background:var(--color-accent);border-radius:.35rem;padding:.55rem .8rem;font-weight:750}.range-input~.text-input{margin-top:-1px}.text-input:focus-visible,.range-input:focus-visible,.button:focus-visible{outline:2px solid var(--color-outline-focus);outline-offset:2px}.rounded-m,.rounded-m:before{clip-path:shape(from 1.349rem 0, line to calc(100% - 1.349rem) 0, curve to calc(100% - .331rem) .331rem with calc(100% - .84rem) 0 / calc(100% - .548rem) .114rem, curve to 100% 1.349rem with calc(100% - .114rem) .548rem / 100% .84rem, line to 100% calc(100% - 1.349rem), curve to calc(100% - .331rem) calc(100% - .331rem) with 100% calc(100% - .84rem) / calc(100% - .114rem) calc(100% - .548rem), curve to calc(100% - 1.349rem) 100% with calc(100% - .548rem) calc(100% - .114rem) / calc(100% - .84rem) 100%, line to 1.349rem 100%, curve to .331rem calc(100% - .331rem) with .84rem 100% / .548rem calc(100% - .114rem), curve to 0 calc(100% - 1.349rem) with .114rem calc(100% - .548rem) / 0 calc(100% - .84rem), line to 0 1.349rem, curve to .331rem .331rem with 0 .84rem / .114rem .548rem, curve to 1.349rem 0 with .548rem .114rem / .84rem 0, close);border-radius:1.6rem}@supports (corner-shape:superellipse(1.3)){.rounded-m,.rounded-m:before{clip-path:none;corner-shape:superellipse(1.3)}}.rounded-s,.rounded-s:before{clip-path:shape(from 1.03rem 0, line to calc(100% - 1.03rem) 0, curve to calc(100% - .268rem) .268rem with calc(100% - .68rem) 0 / calc(100% - .443rem) .093rem, curve to 100% 1.03rem with calc(100% - .093rem) .443rem / 100% .68rem, line to 100% calc(100% - 1.03rem), curve to calc(100% - .268rem) calc(100% - .268rem) with 100% calc(100% - .68rem) / calc(100% - .093rem) calc(100% - .443rem), curve to calc(100% - 1.03rem) 100% with calc(100% - .443rem) calc(100% - .093rem) / calc(100% - .68rem) 100%, line to 1.03rem 100%, curve to .268rem calc(100% - .268rem) with .68rem 100% / .443rem calc(100% - .093rem), curve to 0 calc(100% - 1.03rem) with .093rem calc(100% - .443rem) / 0 calc(100% - .68rem), line to 0 1.03rem, curve to .268rem .268rem with 0 .68rem / .093rem .443rem, curve to 1.03rem 0 with .443rem .093rem / .68rem 0, close);border-radius:1.4rem}@supports (corner-shape:superellipse(1.2)){.rounded-s,.rounded-s:before{clip-path:none;corner-shape:superellipse(1.2)}}.rounded-xs{clip-path:shape(from .8rem 0, line to calc(100% - .8rem) 0, curve to calc(100% - .185rem) .185rem with calc(100% - .468rem) 0 / calc(100% - .307rem) .063rem, curve to 100% .8rem with calc(100% - .063rem) .307rem / 100% .468rem, line to 100% calc(100% - .8rem), curve to calc(100% - .185rem) calc(100% - .185rem) with 100% calc(100% - .468rem) / calc(100% - .063rem) calc(100% - .307rem), curve to calc(100% - .8rem) 100% with calc(100% - .307rem) calc(100% - .063rem) / calc(100% - .468rem) 100%, line to .8rem 100%, curve to .185rem calc(100% - .185rem) with .468rem 100% / .307rem calc(100% - .063rem), curve to 0 calc(100% - .8rem) with .063rem calc(100% - .307rem) / 0 calc(100% - .468rem), line to 0 .8rem, curve to .185rem .185rem with 0 .468rem / .063rem .307rem, curve to .8rem 0 with .307rem .063rem / .468rem 0, close);border-radius:.8rem}@supports (corner-shape:superellipse(1.4)){.rounded-xs{clip-path:none;corner-shape:superellipse(1.4)}}}:root{--color-sunflower-gold-20:oklch(99.8% .008 84.44);--color-sunflower-gold-50:oklch(97.45% .021 85.94);--color-sunflower-gold-100:oklch(95.23% .043 86.59);--color-sunflower-gold-200:oklch(90.38% .083 85.72);--color-sunflower-gold-300:oklch(86.02% .12 85.04);--color-sunflower-gold-400:oklch(81.94% .147 82.91);--color-sunflower-gold-500:oklch(77.88% .16 78.05);--color-sunflower-gold-600:oklch(66.22% .135 78.6);--color-sunflower-gold-700:oklch(53.69% .108 79.13);--color-sunflower-gold-800:oklch(40.37% .08 80.06);--color-sunflower-gold-900:oklch(26.21% .05 83.69);--color-sunflower-gold-950:oklch(21.45% .04 88.06);--color-almond-cream-50:oklch(96.36% .009 67.72);--color-almond-cream-100:oklch(92.79% .018 64.92);--color-almond-cream-200:oklch(85.44% .035 64.5);--color-almond-cream-300:oklch(77.9% .054 62.21);--color-almond-cream-400:oklch(70.53% .074 61.99);--color-almond-cream-500:oklch(63.21% .093 60.44);--color-almond-cream-600:oklch(53.75% .078 60.81);--color-almond-cream-700:oklch(43.87% .061 60.52);--color-almond-cream-800:oklch(33.64% .043 62.67);--color-almond-cream-900:oklch(22.41% .025 63.25);--color-almond-cream-950:oklch(18.6% .018 58.26);--color-hunter-green-20:oklch(98.8% .009 163.06);--color-hunter-green-50:oklch(96.8% .012 162.05);--color-hunter-green-100:oklch(93.5% .025 160.58);--color-hunter-green-200:oklch(86.9% .047 160.95);--color-hunter-green-300:oklch(80.46% .072 159.56);--color-hunter-green-400:oklch(74.13% .097 158.06);--color-hunter-green-500:oklch(67.77% .117 156.25);--color-hunter-green-600:oklch(57.75% .099 156.46);--color-hunter-green-700:oklch(47.05% .078 156.88);--color-hunter-green-800:oklch(35.69% .055 157.68);--color-hunter-green-900:oklch(23.58% .033 157.24);--color-hunter-green-950:oklch(19.42% .023 159.66);--color-blue-energy-50:oklch(95.7% .015 247.99);--color-blue-energy-100:oklch(91.23% .033 252.47);--color-blue-energy-200:oklch(82.69% .067 251.39);--color-blue-energy-300:oklch(74.07% .102 252.29);--color-blue-energy-400:oklch(65.72% .136 253.33);--color-blue-energy-500:oklch(57.93% .169 255.2);--color-blue-energy-600:oklch(49.4% .141 254.93);--color-blue-energy-700:oklch(40.54% .113 254.58);--color-blue-energy-800:oklch(31.12% .081 253.83);--color-blue-energy-900:oklch(20.66% .046 253.72);--color-blue-energy-950:oklch(17.44% .035 251.91);--color-dusty-rose-50:oklch(95.17% .015 7.49);--color-dusty-rose-100:oklch(90.5% .03 12.62);--color-dusty-rose-200:oklch(81.07% .063 13.6);--color-dusty-rose-300:oklch(71.88% .099 14.24);--color-dusty-rose-400:oklch(63.19% .137 16.66);--color-dusty-rose-500:oklch(55.57% .171 20.23);--color-dusty-rose-600:oklch(47.35% .143 19.86);--color-dusty-rose-700:oklch(38.76% .113 19.25);--color-dusty-rose-800:oklch(29.67% .081 19.25);--color-dusty-rose-900:oklch(19.92% .046 17.63);--color-dusty-rose-950:oklch(16.66% .034 14.48);--color-text-primary:var(--color-sunflower-gold-950);--color-text-secondary:var(--color-sunflower-gold-900);--color-text-tertiary:var(--color-sunflower-gold-700);--color-eyebrow:var(--color-dusty-rose-300);--color-label:var(--color-dusty-rose-50);--color-info-surface:var(--color-dusty-rose-50);--color-info-border:var(--color-dusty-rose-200);--color-accent:var(--color-blue-energy-500);--color-group-border:var(--color-dusty-rose-100);--color-card-start:var(--color-blue-energy-400);--color-card-end:var(--color-blue-energy-600);--color-dot:var(--color-sunflower-gold-300);--color-outline-focus:color-mix(var(--color-sunflower-gold-600) 80%, transparent);--color-input-border:var(--color-almond-cream-100);--color-input-background:color-mix(var(--color-sunflower-gold-50) 90%, transparent);--color-form-label:color-mix(var(--color-sunflower-gold-900) 60%, transparent);--color-toggle-background:var(--color-blue-energy-50);--color-toggle-border:var(--color-blue-energy-200);--color-toggle-thumb:var(--color-blue-energy-500);--color-toggle-text:var(--color-blue-energy-800);--color-toggle-text-on-thumb:var(--color-blue-energy-50);--color-toggle-focus:var(--color-blue-energy-900);--color-range-track:var(--color-almond-cream-100);--color-range-accent:var(--color-accent);--color-page-background:var(--color-sunflower-gold-20);--color-muted:var(--color-almond-cream-700);--color-warning-border:var(--color-dusty-rose-500);--color-warning-text:var(--color-dusty-rose-700);--color-border:var(--color-almond-cream-200);--color-divider:var(--color-almond-cream-100);--color-surface:var(--color-sunflower-gold-50);--color-card-text:var(--color-sunflower-gold-50);--color-focus:var(--color-blue-energy-500);--color-accent-soft:var(--color-blue-energy-100);--color-control-bg:var(--color-sunflower-gold-50);--color-secondary:var(--color-almond-cream-600);--color-group-title:var(--color-almond-cream-900);--color-syntax-comment:var(--color-almond-cream-600);--color-syntax-keyword:var(--color-dusty-rose-600);--color-syntax-number:var(--color-sunflower-gold-700);--color-syntax-string:var(--color-hunter-green-700);--color-syntax-function:var(--color-blue-energy-600);--color-transparent:oklch(0% 0 0/0);--color-code-text:var(--color-hunter-green-600);--color-code-surface:var(--color-hunter-green-50);--color-code-border:var(--color-hunter-green-100);--background-dots:radial-gradient(circle at center, var(--color-dot) .8px, var(--color-transparent) .6px) 0 0 / .5rem .5rem, var(--color-transparent);--size:.6;--ratio:1;--p:10%;--fs:1rem;--r-tl:1rem;--r-tr:1rem;--r-br:1rem;--r-bl:1rem;--fb-r-tl:.583rem;--fb-r-tr:.583rem;--fb-r-br:.583rem;--fb-r-bl:.583rem;--shape-tl:squircle;--shape-tr:squircle;--shape-br:squircle;--shape-bl:squircle;--preview-clip:none}html{min-width:22.5rem;font-family:var(--font-atkinson), system-ui, sans-serif;color:var(--color-text-primary);color-scheme:light;accent-color:var(--color-accent);background:var(--color-page-background)}.root[data-astro-cid-l5xpqunh]{color:var(--color-text-tertiary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-block-start:5rem;font-size:1rem;line-height:1.2;display:flex}.item[data-astro-cid-l5xpqunh]{align-items:center;gap:.4rem;display:flex}.bullet[data-astro-cid-l5xpqunh]{opacity:.8;font-size:.9em}.link[data-astro-cid-l5xpqunh]{color:var(--color-accent)}.root[data-astro-cid-ve2kyxgx]{isolation:isolate;max-width:50rem;margin-inline:auto;padding-block:6rem 2rem;position:relative}.root[data-astro-cid-ve2kyxgx]:before{content:"";z-index:-1;background:var(--background-dots);opacity:.6;width:100dvw;height:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.support-panel[data-astro-cid-ve2kyxgx]{border:1px solid var(--color-border);background:#fff;border-radius:3.205rem;flex-direction:column;align-items:center;gap:.8rem;padding-block:1.8rem;padding-inline:2.4rem;display:flex}@supports (corner-shape:superellipse(1.8)){.support-panel[data-astro-cid-ve2kyxgx]{corner-shape:superellipse(1.8);border-radius:4.9rem}}.support-panel-content[data-astro-cid-ve2kyxgx]{font-size:clamp(1.1rem,4vw,1.7rem);font-weight:700;line-height:1.24;& .code{font-weight:700}}.baseline-status[data-astro-cid-ve2kyxgx]{border:0;border-radius:0;padding:0}baseline-status[data-astro-cid-ve2kyxgx]::part(name){display:none}@media (width<=48rem){.support-panel[data-astro-cid-ve2kyxgx]{grid-template-columns:1fr}}.toggle-field[data-astro-cid-m7setdxm]{border:0;min-width:0;padding:0}.toggle[data-astro-cid-m7setdxm]{--toggle-count:2;--toggle-index:0;--toggle-pad:3px;max-width:100%;padding:var(--toggle-pad);border:1px solid var(--color-toggle-border);background:var(--color-toggle-background);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:inline-grid;position:relative}.toggle-block[data-astro-cid-m7setdxm]{width:100%;display:grid}.toggle[data-astro-cid-m7setdxm]:before{content:"";z-index:0;inset-block:var(--toggle-pad);transform:translateX(calc(var(--toggle-index) * 100%));width:calc((100% - var(--toggle-pad) * 2) / var(--toggle-count));background:var(--color-toggle-thumb);transition:transform .18s,opacity .18s;position:absolute;inset-inline-start:var(--toggle-pad)}.toggle[data-astro-cid-m7setdxm]:not(:has(.toggle-input:checked)):before{opacity:0}.toggle[data-astro-cid-m7setdxm][data-instant=true]:before{transition:none}.toggle-input[data-astro-cid-m7setdxm]{opacity:0;position:absolute}.toggle-option[data-astro-cid-m7setdxm]{cursor:pointer;z-index:1;min-width:0;color:var(--color-toggle-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:.2rem;font-size:.88rem;font-weight:700;position:relative;overflow:hidden}.toggle-m[data-astro-cid-m7setdxm] .toggle-option[data-astro-cid-m7setdxm]{padding-block:.4rem;padding-inline:.9rem;font-size:.92rem}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:focus-visible){outline:2px solid var(--color-outline-focus);outline-offset:2px}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(2):checked){--toggle-index:1}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(3):checked){--toggle-index:2}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(4):checked){--toggle-index:3}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(5):checked){--toggle-index:4}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(6):checked){--toggle-index:5}.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:first-of-type:checked) .toggle-option[data-astro-cid-m7setdxm]:first-of-type,.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(2):checked) .toggle-option[data-astro-cid-m7setdxm]:nth-of-type(2),.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(3):checked) .toggle-option[data-astro-cid-m7setdxm]:nth-of-type(3),.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(4):checked) .toggle-option[data-astro-cid-m7setdxm]:nth-of-type(4),.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(5):checked) .toggle-option[data-astro-cid-m7setdxm]:nth-of-type(5),.toggle[data-astro-cid-m7setdxm]:has(.toggle-input:nth-of-type(6):checked) .toggle-option[data-astro-cid-m7setdxm]:nth-of-type(6){color:var(--color-toggle-text-on-thumb)}@media (prefers-reduced-motion:reduce){.toggle[data-astro-cid-m7setdxm]:before{transition:none}}.preset-group[data-astro-cid-m7setdxm]{margin-block-end:.4rem}.output-section[data-astro-cid-iu75hbwv]{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(20rem,.35fr);gap:1.8rem;margin-top:4rem;padding-block:1.4rem;display:grid;position:relative}.output-section[data-astro-cid-iu75hbwv]:before{content:"";z-index:-1;background-color:var(--color-code-surface);width:100dvw;height:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.output-controls[data-astro-cid-iu75hbwv]{flex-direction:column;gap:1.2rem;height:100%;display:flex}.output-options[data-astro-cid-iu75hbwv]{gap:1.8rem;display:grid}.selector-field[data-astro-cid-iu75hbwv]{flex-grow:1;gap:.25rem;display:grid}.copy-css-button[data-astro-cid-iu75hbwv]{width:100%;transition:background-color .25s,border-color .25s,color .25s;display:grid}.copy-css-label[data-astro-cid-iu75hbwv]{grid-area:1/1;transition:opacity .25s,transform .25s,visibility .25s}.copy-css-label-copied[data-astro-cid-iu75hbwv],.copy-css-button[data-astro-cid-iu75hbwv][data-copied] .copy-css-label-idle[data-astro-cid-iu75hbwv]{visibility:hidden;opacity:0;transform:translateY(-.35rem)}.copy-css-button[data-astro-cid-iu75hbwv][data-copied]{background:var(--color-blue-energy-600)}.copy-css-button[data-astro-cid-iu75hbwv][data-copied] .copy-css-label-copied[data-astro-cid-iu75hbwv]{visibility:visible;opacity:1;transform:none}.unit-toggle .toggle-option{padding-inline:.8rem}.exact-toggle[data-astro-cid-iu75hbwv]{cursor:pointer;color:var(--color-text-secondary);grid-template-columns:1em auto;align-items:center;gap:.5em;margin-inline-start:.1rem;font-size:1.1rem;font-weight:500;transition:color .2s;display:grid;&:hover{color:var(--color-accent)}}.exact-toggle-input[data-astro-cid-iu75hbwv]{width:1.15em;height:1.15em;font:inherit;color:currentColor;appearance:none;background-color:var(--color-control-bg);border:.12em solid;border-radius:.22em;place-content:center;margin:0;transition:background-color .12s ease-in-out,border-color .12s ease-in-out;display:grid}.exact-toggle-input[data-astro-cid-iu75hbwv]:before{content:"";transform-origin:0 100%;background-color:var(--color-card-text);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:.7em;height:.7em;transition:transform .12s ease-in-out;transform:scale(0)}.exact-toggle-input[data-astro-cid-iu75hbwv]:checked{border-color:var(--color-accent);background-color:var(--color-accent)}.exact-toggle-input[data-astro-cid-iu75hbwv]:checked:before{transform:scale(1)}.exact-toggle-input[data-astro-cid-iu75hbwv]:focus-visible{outline:max(2px, .12em) solid var(--color-focus);outline-offset:max(2px, .12em)}@media (prefers-reduced-motion:reduce){.exact-toggle-input[data-astro-cid-iu75hbwv]:before{transition-duration:0s}}.css-output[data-astro-cid-iu75hbwv]{border-right:3px solid var(--color-code-border);border-left:3px solid var(--color-code-border);min-height:12rem;max-height:32rem;font-family:var(--font-atkinson-mono), ui-monospace, monospace;color:var(--color-text-primary);tab-size:2;background:radial-gradient(circle at 0% 50%, var(--color-hunter-green-20) 0%, var(--color-transparent) 28%, var(--color-transparent));padding-block:1.4rem;padding-inline:1.8rem;font-size:1rem;font-weight:500;line-height:1.55;overflow:auto}.css-output[data-astro-cid-iu75hbwv] .shj-numbers{display:none}.css-output[data-astro-cid-iu75hbwv] .shj-syn-cmnt{color:var(--color-syntax-comment);font-style:italic}.css-output[data-astro-cid-iu75hbwv] .shj-syn-kwd,.css-output[data-astro-cid-iu75hbwv] .shj-syn-oper{color:var(--color-syntax-keyword)}.css-output[data-astro-cid-iu75hbwv] .shj-syn-num,.css-output[data-astro-cid-iu75hbwv] .shj-syn-class{color:var(--color-syntax-number)}.css-output[data-astro-cid-iu75hbwv] .shj-syn-str,.css-output[data-astro-cid-iu75hbwv] .shj-syn-insert{color:var(--color-syntax-string)}.css-output[data-astro-cid-iu75hbwv] .shj-syn-func,.css-output[data-astro-cid-iu75hbwv] .shj-syn-var,.css-output[data-astro-cid-iu75hbwv] .shj-syn-type{color:var(--color-syntax-function)}@media (width<=48rem){.output-section[data-astro-cid-iu75hbwv]{grid-template-columns:1fr}.output-controls[data-astro-cid-iu75hbwv]{border-right:0;border-bottom:1px solid var(--color-divider)}}.class-name-input[data-astro-cid-iu75hbwv]{border:1px solid var(--color-input-border)}.root[data-astro-cid-t44emvoy]{&::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .2s linear,content-visibility .2s linear}&[open] .arrow[data-astro-cid-t44emvoy]{transform:rotate(45deg)}&[open]:before{width:100%}&[open]::details-content{block-size:auto}}.summary[data-astro-cid-t44emvoy]{cursor:pointer;align-items:center;gap:.8rem;width:fit-content;font-size:1.4rem;font-weight:700;display:flex;&::marker{content:""}}.arrow[data-astro-cid-t44emvoy]{margin-top:-1px;font-size:1.1rem;font-weight:800;transition:transform .2s linear;display:inline-block}.card-properties-content[data-astro-cid-t44emvoy]{background:var(--color-page-background);padding-top:1rem}.text-field-header[data-astro-cid-t44emvoy]{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.clear-text[data-astro-cid-t44emvoy]{cursor:pointer;color:var(--color-form-label);background:0 0;border:0;margin-block-end:.4rem;margin-inline-end:.2rem;padding:0;font-size:.8rem;font-weight:600;line-height:1;&:hover{color:var(--color-accent)}}.textarea[data-astro-cid-t44emvoy]{padding:.6rem .8rem}.dimension-grid[data-astro-cid-t44emvoy]{gap:.75rem;margin-block-start:2.2rem;display:grid}.header[data-astro-cid-swn6sb57]{padding-block-end:2.75rem;position:relative}.header[data-astro-cid-swn6sb57]:after{content:"";background:var(--background-dots);width:100%;height:1rem;display:block;position:absolute;bottom:0}.mode-toggle{background:var(--color-page-background);margin-block:1.6rem 1.8rem}.corner-group[data-astro-cid-swn6sb57]{background:var(--color-page-background);border:0;gap:1.8rem;min-width:0;padding:.6rem 0;display:grid}.individual-controls[data-astro-cid-swn6sb57] .corner-group[data-astro-cid-swn6sb57]{margin-block-start:1rem}.corner-grid[data-astro-cid-swn6sb57]{background:var(--color-page-background);gap:1.8rem;display:none}.generator-form[data-mode=individual] .all-controls[data-astro-cid-swn6sb57]{display:none}.generator-form[data-mode=individual] .individual-controls[data-astro-cid-swn6sb57]{display:grid}.corner-group-legend[data-astro-cid-swn6sb57]{width:100%;font-family:var(--font-atkinson-mono), ui-monospace, monospace;color:var(--color-code-text);text-transform:lowercase;align-items:center;gap:.8rem;font-size:1.1rem;display:flex}.corner-group-legend[data-astro-cid-swn6sb57]:after{content:"";background:var(--background-dots);flex:1;height:1rem}.stage[data-astro-cid-rnawfihc]{gap:.8rem;display:grid}@media (width>=54rem){.stage[data-astro-cid-rnawfihc]{position:sticky;top:1rem}}.stage-head[data-astro-cid-rnawfihc]{gap:.4rem;display:grid}.preview-card[data-astro-cid-rnawfihc]{--fill:calc(var(--size) * min(1, var(--ratio)));--shadow-color:color-mix(in oklch, var(--color-dot) 28%, transparent 50%);--shadow-color-light:color-mix(in oklch, var(--color-card-start) 18%, transparent 50%);box-sizing:border-box;aspect-ratio:var(--ratio);inline-size:calc(100% * var(--fill));padding:calc(var(--p) * var(--fill));border-radius:var(--r-tl) var(--r-tr) var(--r-br) var(--r-bl);font-size:var(--fs);color:var(--color-card-text);text-align:center;background:linear-gradient(145deg, var(--color-card-start), var(--color-card-end));box-shadow:0 -8px 18px 1px var(--shadow-color), 0 8px 18px 1px var(--shadow-color), -8px 0 18px 1px var(--shadow-color-light), 8px 0 18px 1px var(--shadow-color-light);corner-shape:var(--shape-tl) var(--shape-tr) var(--shape-br) var(--shape-bl);place-items:center;line-height:1.35;display:grid;overflow:hidden}.stage[data-astro-cid-rnawfihc][data-preview=fallback] .preview-card[data-astro-cid-rnawfihc]{border-radius:var(--fb-r-tl) var(--fb-r-tr) var(--fb-r-br) var(--fb-r-bl);clip-path:none;corner-shape:round}.stage[data-astro-cid-rnawfihc][data-preview=fallback][data-exact=true] .preview-card[data-astro-cid-rnawfihc],:root[data-corner-shape=unsupported] .stage[data-astro-cid-rnawfihc][data-preview=enhanced][data-clip=path] .preview-card[data-astro-cid-rnawfihc]{clip-path:var(--preview-clip);border-radius:0}:root[data-corner-shape=unsupported] .stage[data-astro-cid-rnawfihc][data-preview=enhanced][data-square=true] .preview-card[data-astro-cid-rnawfihc]{border-radius:0}.preview-wrapper[data-astro-cid-rnawfihc]{background:var(--background-dots);place-items:center;padding:1.4rem;display:grid}.value-readout[data-astro-cid-rnawfihc]{white-space:break-spaces;font-size:1.2rem;font-weight:500;display:block;overflow:hidden}@media (width<=48rem){.stage[data-astro-cid-rnawfihc]{position:static}}.root[data-astro-cid-zk5harwz]{align-items:start;gap:1.8rem;display:grid}@media (width>=54rem){.root[data-astro-cid-zk5harwz]{grid-template-columns:1fr 1fr}}.page-head[data-astro-cid-cug5bywh]{gap:.8rem;margin-bottom:4rem;display:grid}.page-title[data-astro-cid-cug5bywh]{color:var(--color-blue-energy-500);text-shadow:0 -7px 0 color-mix(var(--color-blue-energy-100) clamp(10%, calc((100vw / 20px) * 1%), 80%), transparent);letter-spacing:-.02em;margin-block-start:6px;margin-inline-start:calc(-1*min(.5vw,6px));font-size:clamp(2.4rem,6.6vw,5.4rem);font-weight:800;line-height:.9}.page-intro[data-astro-cid-cug5bywh]{color:var(--color-text-secondary);text-wrap:balance;font-size:1.22rem;font-weight:500;line-height:1.4;& .code{font-weight:700}& .link{color:var(--color-accent)}}.about-summary-arrow[data-astro-cid-cug5bywh]{margin-top:-1px;font-weight:800;transition:transform .4s ease-in;display:inline-block}.about[data-astro-cid-cug5bywh]{isolation:isolate;margin-top:.8rem;padding-block:.6rem;padding-inline:1.8rem;position:relative;overflow:hidden;&:before{content:"";z-index:-1;border-right:3px solid var(--color-info-border);border-left:3px solid var(--color-info-border);background:color-mix(var(--color-info-surface) 50%, transparent);width:6px;height:100%;transition:width .8s cubic-bezier(.348,.756,.771,.923);display:block;position:absolute;top:0;left:0}&::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .4s cubic-bezier(.348,.756,.771,.923),content-visibility .4s linear}&[open] .about-summary-arrow[data-astro-cid-cug5bywh]{transform:rotate(45deg)}&[open]:before{width:100%}&[open]::details-content{block-size:auto}}.about-summary[data-astro-cid-cug5bywh]{cursor:pointer;align-items:center;gap:.8rem;width:fit-content;font-size:1.1rem;display:flex;&::marker{content:""}}.about-content[data-astro-cid-cug5bywh]{column-width:36ch;column-fill:balance;color:var(--color-text-primary);column-gap:2.8rem;padding-block:.8rem 1.2rem;font-size:1.1rem;font-weight:400;line-height:1.44;container-type:inline-size;& a,& a .code{transition:all .2s ease-in}& a:has(.code){text-decoration-color:var(--color-code-text);text-underline-offset:.16em;text-decoration-thickness:2.5px}& a:has(.code):has(:hover){text-decoration-color:var(--color-blue-energy-400)}& a:hover .code{color:var(--color-blue-energy-400)}& strong{color:var(--color-text-primary)}}.about-paragraph[data-astro-cid-cug5bywh]{orphans:2;break-inside:auto;margin-bottom:.44rem;&:last-child{margin-bottom:0}}.about-link[data-astro-cid-cug5bywh]{color:var(--color-accent)}.support-warning[data-astro-cid-j66cw3a2]{border-left:3px solid var(--color-warning-border);border-right:3px solid var(--color-warning-border);color:var(--color-warning-text);background:var(--color-info-surface);margin-block:0 3rem;padding-block:.6rem .51rem;padding-inline:1.8rem;font-size:1.1rem;display:none}:root[data-corner-shape=unsupported] .support-warning[data-astro-cid-j66cw3a2]{display:block}