.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid--width, 340px),100%),1fr))}.cluster{display:flex;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0;visibility:hidden}}@keyframes fade-out{to{opacity:0;visibility:hidden}}@keyframes translate-x-in{0%{transform:translate(var(--animation--translate-x-in, 0px))}}:root{--size--4: clamp(.5124rem, .6691rem + -.179vw, .6243rem);--size--3: clamp(.6149rem, .7373rem + -.1399vw, .7023rem);--size--2: clamp(.7378rem, .811rem + -.0836vw, .7901rem);--size--1: clamp(.8854rem, .8903rem + -.0056vw, .8889rem);--size-0: clamp(1rem, .975rem + .1vw, 1.0625rem);--size-1: clamp(1.125rem, 1.065rem + .24vw, 1.275rem);--size-2: clamp(1.2656rem, 1.1599rem + .423vw, 1.53rem);--size-3: clamp(1.4238rem, 1.259rem + .6595vw, 1.836rem);--size-4: clamp(1.6018rem, 1.3612rem + .9622vw, 2.2032rem);--size-5: clamp(1.802rem, 1.4653rem + 1.3469vw, 2.6438rem);--ease--lazy-spring: cubic-bezier(.68, -.6, .32, 1.6);--accent: #4263eb;--accent--color: #fff;--accent--outline: #4263eb;color-scheme:dark}@supports (animation-timing-function: linear(0,1)){:root{--ease--lazy-spring: linear(0, .002 .5%, .008 1.1%, .017 1.6%, .031 2.2%, .049 2.8%, .07 3.4%, .098 4.1%, .129 4.8%, .184 5.9%, .257 7.2%, .551 12.1%, .671 14.2%, .735 15.4%, .789 16.5%, .839 17.6%, .881 18.6%, .923 19.7%, .957 20.7%, .99 21.8%, 1.019 22.9%, 1.043 24%, 1.063 25.1%, 1.08 26.2%, 1.094 27.4%, 1.107 29%, 1.114 30.7%, 1.116 32.5%, 1.112 34.5%, 1.105 36.1%, 1.095 37.9%, 1.041 45.8%, 1.018 49.9%, 1.008 52.1%, 1 54.4%, .994 56.7%, .99 59.1%, .987 62.3%, .987 65.9%, .999 84.9%, 1)}}*,*:before,*:after{padding:unset;margin:unset;border:unset;font-size:unset;background:unset;box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:1.5;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;letter-spacing:.025em;background-color:#02040f;color:#adb6d1;font-size:var(--size-0);padding:var(--size-4);max-width:1360px;margin-left:auto;margin-right:auto}input,button{font:inherit;letter-spacing:inherit}input[type=checkbox],input[type=radio],button{color:inherit;cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;border-top-left-radius:8px;border-bottom-left-radius:8px;min-width:0;padding:var(--size--4) var(--size-0);caret-color:var(--accent, currentColor);border:2px solid #575d6f}label{display:block}code{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;white-space:break-spaces;color:#fff}hgroup{text-wrap:balance}ul{margin-left:1em;text-wrap:pretty}:focus-visible{outline:3px dashed var(--accent--outline, var(--accent))}a{color:#fff;text-underline-offset:2px;text-decoration-thickness:2px;text-decoration-color:var(--accent--outline)}a:focus-visible{outline-offset:4px;border-radius:2px}::selection{background:var(--accent);color:var(--accent--color)}input[type=range].svelte-n9d2fr{position:absolute;inset:var(--size-3);left:calc(var(--size-3) + var(--padding-x) - 3px);-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0}input[type=range].svelte-n9d2fr::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}input[type=range].svelte-n9d2fr::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}svg.svelte-n9d2fr{--line--color: var(--accent--border);--point--color: var(--accent);--area--color: var(--accent);--axis--color: #575d6f;--grid--color: var(--accent);font-size:var(--size-0);max-width:100%;height:auto}text.svelte-n9d2fr{fill:currentColor;font-variant-numeric:tabular-nums}.size-preview.svelte-1fs2pwo{padding:var(--size-1);border-radius:12px;color:#fff;position:relative;overflow:hidden;container:size-preview/inline-size;display:grid;grid-template-areas:"center";place-items:center}.size-preview.svelte-1fs2pwo:before{content:"";position:absolute;z-index:-1;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,#0000 90%);mask-image:radial-gradient(circle at 50% 50%,#000,#0000 90%);background:conic-gradient(from 90deg at 1px 1px,transparent 25%,var(--accent) 0) 0 0/60px 60px round;top:-1px;right:0;bottom:0;left:-1px}.size-preview.svelte-1fs2pwo :where(.svelte-1fs2pwo)::selection{background:var(--accent--color);color:var(--accent)}.accurate.svelte-1fs2pwo{width:var(--dynamic-size, 0);position:fixed}.preview.svelte-1fs2pwo{--scale: clamp(0, var(--calculated-size) / var(--actual-size), 1);transform:scale(var(--scale));background:var(--accent--gradient);forced-color-adjust:none;clip-path:url(#squircle);width:100%;padding-bottom:100%;grid-area:center;contain:content}@media (prefers-reduced-motion: no-preference){.preview.svelte-1fs2pwo{transition:transform .4s var(--ease--lazy-spring)}}figcaption.svelte-1fs2pwo{grid-area:center;animation:fade-in .3s ease;z-index:1}.radio-group.svelte-120s3lo{display:grid;row-gap:var(--size--4);grid-template-areas:"radio_label" "radio_input"}[data-variant=nested].svelte-120s3lo{display:contents}[data-variant=nested].svelte-120s3lo .label:where(.svelte-120s3lo){font-size:var(--size--1)}.label.svelte-120s3lo{grid-area:radio_label;display:contents}.inputs.svelte-120s3lo{display:flex;grid-area:radio_input}.input-wrapper.svelte-120s3lo{position:relative}.input-wrapper.svelte-120s3lo label:where(.svelte-120s3lo){border:2px solid #575d6f;background:#111827;padding:var(--size--4) var(--size-0);transition:.2s ease;transition-property:color,background}input.svelte-120s3lo:hover+label:where(.svelte-120s3lo){color:var(--accent--color);background:var(--accent--hover)}input.svelte-120s3lo:focus-visible+label:where(.svelte-120s3lo){color:var(--accent--color);outline:3px dashed var(--accent--outline, var(--accent))}.input-wrapper.svelte-120s3lo:not(:first-child),[data-variant=nested].svelte-120s3lo .input-wrapper:where(.svelte-120s3lo){margin-left:-2px}.radio-group.svelte-120s3lo:not([data-variant=nested]) .input-wrapper:where(.svelte-120s3lo):first-child label:where(.svelte-120s3lo){border-top-left-radius:8px;border-bottom-left-radius:8px}.input-wrapper.svelte-120s3lo:last-child label:where(.svelte-120s3lo){border-top-right-radius:8px;border-bottom-right-radius:8px}input.svelte-120s3lo:checked+label:where(.svelte-120s3lo){background:var(--accent);z-index:1;position:relative;color:var(--accent--color);border-color:var(--accent--border)}input.svelte-120s3lo:checked+label:where(.svelte-120s3lo)::selection{color:var(--accent);background:var(--accent--color)}input.svelte-120s3lo{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;z-index:2}@supports not (width: 10cqi){#relative-input.svelte-120s3lo{display:none}}.length-input.svelte-1u5x5ab{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label radio_label" "input radio_input";row-gap:var(--size--4);align-items:flex-end}label.svelte-1u5x5ab{grid-area:label;padding-inline-end:var(--size--4)}input.svelte-1u5x5ab{grid-area:input}input.svelte-1u5x5ab:focus-visible{z-index:2}[data-variant=narrow].svelte-1u5x5ab{max-width:max-content}[data-variant=narrow].svelte-1u5x5ab input:where(.svelte-1u5x5ab){max-width:14em}.checkbox-wrapper.svelte-wsvw3v{display:flex;align-items:center}label.svelte-wsvw3v{padding-inline-start:var(--size--2)}input[type=checkbox].svelte-wsvw3v{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.15em;height:1.15em;border:.15em solid currentColor;border-radius:.2em;position:relative;transition:color .2s ease}input[type=checkbox].svelte-wsvw3v:after{position:absolute;top:.1em;right:.1em;bottom:.1em;left:.1em;background:var(--accent--color);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox].svelte-wsvw3v:hover,input[type=checkbox].svelte-wsvw3v:focus-visible{color:#fff;outline-offset:2px}input[type=checkbox].svelte-wsvw3v:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox].svelte-wsvw3v:checked:after{content:""}@media (min-width: 700px){[data-variant=wide].svelte-xn9y0o{grid-column:span 2}}.section.svelte-xn9y0o{border-radius:12px;display:grid;grid-template-rows:auto 1fr;border:2px solid transparent;position:relative}.section.svelte-xn9y0o:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;opacity:.6;z-index:-1;border:2px solid #575d6f;-webkit-mask-image:linear-gradient(45deg,#000,#0000000d,#000);mask-image:linear-gradient(45deg,#000,#0000000d,#000)}.section--content.svelte-xn9y0o{display:flex;flex-direction:column;gap:var(--size-1);padding:var(--size-3)}[data-variant=center-content].svelte-xn9y0o .section--content:where(.svelte-xn9y0o){align-items:center;justify-content:center;grid-row:span 2}.section--title.svelte-xn9y0o{padding-left:.6em;padding-right:.6em;font-size:var(--size-1);position:absolute;top:0;left:var(--size-3);transform:translateY(calc(-50% - 1px)) translate(-.6em);background:#02040f;max-width:max-content;font-weight:inherit}[data-theme=blue].svelte-xn9y0o{--accent: #3b5bdb;--accent--outline: #4263eb;--accent--color: #fff;--accent--hover: rgb(41.5, 61.5, 137);--accent--gradient: radial-gradient(circle at 50% 100%, #4263eb 10%, #3b5bdb, #3b8cdb);--accent--border: #5c7cfa}[data-theme=red].svelte-xn9y0o{--accent: #a61e4d;--accent--outline: #d6336c;--accent--color: #fff;--accent--hover: rgb(115.5, 37.5, 73.5);--accent--gradient: radial-gradient(circle at 50% 100%, #d6336c 10%, #a61e4d, #a61e94);--accent--border: #f06595}[data-theme=purple].svelte-xn9y0o{--accent: #5f3dc4;--accent--outline: #7048e8;--accent--color: #fff;--accent--hover: rgb(64.5, 48, 135.5);--accent--gradient: radial-gradient(circle at 50% 100%, #7048e8 10%, #5f3dc4, #ac3dc4);--accent--border: #845ef7}.code-output.svelte-ggu8ge{position:relative;height:100%}.code-output.svelte-ggu8ge:before{content:"";position:absolute;inset:calc(-1 * var(--size-3));border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:var(--accent);pointer-events:none;opacity:0;z-index:-1}.code-output.svelte-ggu8ge.copied:before{opacity:.3;animation:fade-out 1s forwards ease}.svelte-ggu8ge::highlight(code-punctuation){color:#4c6ef5}.svelte-ggu8ge::highlight(code-property-name){color:#845ef7}.svelte-ggu8ge::highlight(code-function){color:#e64980}.svelte-ggu8ge::highlight(code-comment){color:#adb6d1}button.svelte-ggu8ge{padding:var(--size-1) var(--size-3);background:#111827;transition:.3s ease;transition-property:color,background}button.svelte-ggu8ge:hover,button.svelte-ggu8ge:focus-visible{background:var(--accent--hover);color:var(--accent--color)}.header.svelte-ggu8ge{display:grid;border-bottom:2px solid #575d6f}.checkbox-container.svelte-ggu8ge{border-bottom:2px solid #575d6f;padding:var(--size-1) var(--size-3);display:flex;justify-content:flex-end}@media (min-width: 600px){.header.svelte-ggu8ge{grid-template-columns:1fr 13rem;position:relative;border-color:transparent}.header.svelte-ggu8ge:before{content:"";position:absolute;top:0;right:0;left:0;bottom:-2px;border-bottom:2px solid #575d6f;-webkit-mask-image:linear-gradient(45deg,#000,#0003,#000);mask-image:linear-gradient(45deg,#000,#0003,#000);z-index:-1}.checkbox-container.svelte-ggu8ge{border-bottom:0;border-right:2px solid #575d6f}button.svelte-ggu8ge{border-top-right-radius:10px}}.font-size-input.svelte-rcio6g{animation:fade-in .3s forwards,translate-x-in .4s var(--ease--lazy-spring)}@media (prefers-reduced-motion: no-preference){.font-size-input.svelte-rcio6g{--animation--translate-x-in: var(--size-1)}}.input--wrapper.svelte-rcio6g{display:flex;margin-top:var(--size--4);gap:var(--size--3);align-items:center}input.svelte-rcio6g{border-top-left-radius:8px;border-bottom-left-radius:8px;max-width:4rem}a.svelte-xop48,svg.svelte-xop48{display:inline-flex;gap:.5em;align-items:center}svg.svelte-xop48{width:1.5em;height:1.5em;transition:.2s}.left.svelte-xop48,.right.svelte-xop48{transform-origin:center}.right.svelte-xop48{transform:scaleX(-1)}a.svelte-xop48{color:currentColor;transition:color .2s}a.svelte-xop48:hover,a.svelte-xop48:focus-visible{color:#fff}@media (prefers-reduced-motion: no-preference){a.svelte-xop48:hover .left:where(.svelte-xop48),a.svelte-xop48:focus-visible .left:where(.svelte-xop48){animation:svelte-xop48-flutter .43s ease-in-out;--flip: 1}a.svelte-xop48:hover .right:where(.svelte-xop48),a.svelte-xop48:focus-visible .right:where(.svelte-xop48){animation:svelte-xop48-flutter .5s ease-in-out;--flip: -1}a.svelte-xop48:hover svg:where(.svelte-xop48),a.svelte-xop48:focus-visible svg:where(.svelte-xop48){transform:rotate(-5deg);transition:.5s}}@keyframes svelte-xop48-flutter{10%{transform:scale(calc(var(--flip) * 1),.9)}20%{transform:scaleX(calc(var(--flip) * .5))}40%{transform:scale(calc(var(--flip) * .9),.95)}60%{transform:scaleX(calc(var(--flip) * .3))}80%{transform:scale(calc(var(--flip) * .9),.95)}to{transform:scaleX(calc(var(--flip) * 1))}}svg.svelte-1a6bh1m{max-width:300px;height:auto;fill:#adb6d1}#dot-2.svelte-1a6bh1m{fill:#d6336c}#dot.svelte-1a6bh1m{fill:#4263eb}.auto-grid.svelte-16stwf1{--auto-grid--width: 210px;align-items:center;justify-content:center;column-gap:var(--size-5);row-gap:var(--size-1)}.input-wrapper.svelte-16stwf1{display:grid;row-gap:var(--size-1)}.squircle-outline.svelte-11g3bbm use:where(.svelte-11g3bbm){stroke:#575d6f;stroke-width:.035;stroke-dasharray:.1 .05;fill:none}.button-wrapper.svelte-11g3bbm{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-1)}.button-wrapper.svelte-11g3bbm p:where(.svelte-11g3bbm){font-size:var(--size-1)}.button-wrapper.svelte-11g3bbm span:where(.svelte-11g3bbm){font-size:var(--size--1)}.output--auto-grid.svelte-11g3bbm{--auto-grid--width: 210px;align-items:center;justify-content:center;column-gap:var(--size-5);row-gap:var(--size-1)}.size-3-close.svelte-11g3bbm{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:#02040f;border:2px #575d6f solid;border-radius:8px;width:2em;height:2em;font-size:var(--size-2);display:flex;justify-content:center;align-items:center;line-height:1;padding-bottom:.2em;font-weight:700;outline-offset:3px}.grid.svelte-11g3bbm{display:grid;gap:var(--size-5)}.grid.svelte-11g3bbm>[data-variant=wide]{grid-column:span 1}@media (min-width: 960px){.grid.svelte-11g3bbm{grid-template-columns:1fr 1fr 1fr}.grid.svelte-11g3bbm>[data-variant=wide]{grid-column:span 2}.grid.svelte-11g3bbm>[data-variant=wide]:first-child:last-child{transform:translate(25%)}}.narrow.svelte-11g3bbm{display:flex;flex-direction:column;gap:var(--size-5)}.input-wrapper.svelte-11g3bbm{display:grid;gap:var(--size--4)}[type=range].svelte-11g3bbm{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%;cursor:pointer;color:inherit}input[type=range].svelte-11g3bbm::-webkit-slider-runnable-track{background:#111827;height:var(--size-0);border-radius:4px}input[type=range].svelte-11g3bbm::-moz-range-track{background:#111827;height:var(--size-0);border-radius:4px}input[type=range].svelte-11g3bbm::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:calc(var(--size-0) / 2 - var(--size-2) / 2);background-color:var(--accent);height:var(--size-2);width:var(--size-2);border-radius:4px;transition:background-color .3s}input[type=range].svelte-11g3bbm::-moz-range-thumb{border:none;border-radius:4px;background-color:var(--accent);transition:background-color .3s;height:var(--size-3);width:var(--size-3)}input[type=range].svelte-11g3bbm:hover::-webkit-slider-thumb{background-color:#fff}input[type=range].svelte-11g3bbm:hover::-moz-range-thumb{background-color:#fff}input[type=range].svelte-11g3bbm:focus{outline:none}input[type=range].svelte-11g3bbm:focus::-webkit-slider-thumb{outline:3px dashed var(--accent--outline, var(--accent));outline-offset:.125rem}input[type=range].svelte-11g3bbm:focus::-moz-range-thumb{outline:3px dashed var(--accent--outline, var(--accent));outline-offset:.125rem}noscript.svelte-11g3bbm{text-align:center;font-weight:700;font-size:var(--size-1)}main.svelte-11g3bbm{margin-top:var(--size-3);margin-bottom:var(--size-3);display:flex;flex-direction:column;gap:var(--size-5)}.output-inputs.svelte-11g3bbm{gap:var(--size-1)}header.svelte-11g3bbm{padding-bottom:var(--size--4);contain:content;text-align:center}footer.svelte-11g3bbm{justify-content:center;align-items:center;gap:var(--size--4)}.y-axis-label.svelte-11g3bbm{writing-mode:vertical-rl;position:absolute;top:50%;left:0;transform:translateY(-50%) translate(-50%) rotate(-180deg);padding-top:.6em;padding-bottom:.6em;background:#02040f}.x-axis-label.svelte-11g3bbm{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);padding-left:.6em;padding-right:.6em;background:#02040f}