@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:local("Outfit"),url(/_astro/outfit-400.CWubtlTD.woff2) format("woff2")}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:500;src:local("Outfit"),url(/_astro/outfit-500.ME412_jq.woff2) format("woff2")}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:local("Outfit"),url(/_astro/outfit-700.CqpteYfc.woff2) format("woff2")}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html,body{min-block-size:100%}html{position:relative;background-attachment:scroll,fixed;background-blend-mode:multiply;background-image:radial-gradient(51.98% 51.98% at 75.49% 26.72%,#330e82,#18004a),url(/_astro/grain.B-b11DEA.png);background-size:auto,22rem 30rem}body{display:flex;flex-direction:column;color:var(--color-foreground);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:var(--space);margin-inline:auto;max-inline-size:66rem;padding-block-start:calc(var(--space) * 2);padding-inline:1rem}.sr-only{position:absolute;overflow:hidden;padding:0;border-width:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;white-space:nowrap}a{display:inline-block;border-radius:.25rem;color:inherit;text-decoration:underline}:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}button{border:none;color:inherit;cursor:pointer;font-family:inherit}::-moz-selection{background:hsl(var(--color-orange-hsl) / .4);color:var(--color-foreground)}::selection{background:hsl(var(--color-orange-hsl) / .4);color:var(--color-foreground)}@media (--reduced-motion){*,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01s!important}}:root{--color-foreground: hsl(0 0% 100%);--color-foreground-secondary: hsl(0 0% 100% / .6);--color-orange-hsl: 7 100% 69%;--color-orange: hsl(var(--color-orange-hsl));--color-purple-hsl: 259 81% 28%;--color-purple: hsl(var(--color-purple-hsl));--space: clamp(1.25rem, -.294rem + 6.59vw, 3rem);--font-size--2: clamp(.69rem, .64rem + .22vw, .8rem);--font-size--1: clamp(.83rem, .75rem + .35vw, 1rem);--font-size-0: clamp(1rem, .88rem + .52vw, 1.25rem);--font-size-1: clamp(1.2rem, 1.02rem + .76vw, 1.56rem);--font-size-2: clamp(1.44rem, 1.19rem + 1.07vw, 1.95rem);--font-size-3: clamp(1.73rem, 1.38rem + 1.49vw, 2.44rem);--font-size-4: clamp(2.07rem, 1.59rem + 2.05vw, 3.05rem);--font-size-5: clamp(2.49rem, 1.84rem + 2.78vw, 3.82rem);--headline-font-features: "salt" on;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86)}._header_16epl_1{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}._headline_16epl_9{font-feature-settings:var(--headline-font-features);font-size:var(--font-size-5);line-height:1.15;max-inline-size:20ch}._githubLink_16epl_17{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background-color:hsl(var(--color-orange-hsl) / .1);font-size:var(--font-size--1);font-weight:500;gap:.75ch;padding-block:.375em;padding-inline-end:.75em;padding-inline-start:.375em;text-decoration:none;transition:background-color .2s ease-in-out}._githubLink_16epl_17:is(:hover,:focus-visible){background-color:hsl(var(--color-orange-hsl) / .2)}._githubLink_16epl_17 svg{--size: 1.5em;block-size:1.5em;block-size:var(--size);inline-size:1.5em;inline-size:var(--size)}._bgBlur_16epl_43{position:absolute;z-index:-1;background:radial-gradient(50% 50% at 0% 100%,hsl(var(--color-orange-hsl) / .2),hsl(var(--color-orange-hsl) / 0));block-size:50vw;inline-size:90vw;inset-block-end:0;inset-inline-start:0;pointer-events:none}._wrapper_1l4hd_1{--input-height: 3.75rem;display:flex;flex-direction:column;padding:var(--space);border-radius:var(--space);background-color:#ffffff0d;background-image:radial-gradient(50% 50% at 50% 50%,#9458587a,#94585800);gap:2rem;padding-block-end:3rem}._form_1l4hd_18{display:flex;flex-wrap:wrap;gap:var(--space)}._form_1l4hd_18:after{flex-basis:1px;flex-grow:1;order:-1;border-radius:1rem;background-color:#0000004d;content:"";min-block-size:1px}._form_1l4hd_18>:first-child{order:-1}._fieldset_1l4hd_38{--height: 2.5rem;display:grid;flex-basis:calc((49rem - 100%)*999);flex-grow:999;border:none;grid-gap:calc(var(--space) / 3 * 2);gap:calc(var(--space) / 3 * 2);grid-template-rows:2.5rem 1fr;grid-template-rows:var(--height) 1fr}._fieldsetHeader_1l4hd_49{display:flex;align-items:center;gap:1rem}._separator_1l4hd_55{align-self:stretch}._unitToggle_1l4hd_59{--indicator-height: 3px;--width: calc(var(--height) * 1.9);position:relative;display:inline-grid;align-items:center;border:none;border-radius:.25rem;block-size:var(--height);font-size:var(--font-size--1);grid-template-columns:repeat(2,1fr);inline-size:var(--width)}._unitToggle_1l4hd_59,._unitToggle_1l4hd_59 *{cursor:pointer}._unitToggle_1l4hd_59:focus-within{outline:2px solid var(--color-orange);outline-offset:4px}._unitToggle_1l4hd_59:after{position:absolute;border-radius:99px;background-color:#ffffff4d;block-size:var(--indicator-height);content:"";inline-size:100%;inset-block-end:0;inset-inline-start:0}._unitToggleIndicator_1l4hd_95{position:absolute;align-self:center;border-radius:10px;background-color:#fff;block-size:var(--indicator-height);box-shadow:0 0 .125rem #00000040;inline-size:50%;inset-block-end:0;inset-inline-start:0;transition:translate .4s var(--ease-in-out-expo),background-color .2s ease}._unitToggleIndicator_1l4hd_95[data-unit=rem]{translate:100%}._unitLabel_1l4hd_114{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;block-size:var(--height);color:var(--color-foreground-secondary);font-weight:600;grid-row:1;inline-size:var(--height);transition:color .5s var(--ease-in-out-quint),border-color .2s ease}._unitLabel_1l4hd_114[data-active=true]{color:var(--color-foreground)}._unitRadio_1l4hd_134{position:absolute;z-index:2;block-size:100%;grid-row:1;inline-size:50%;inset:0;opacity:0}._unitRadio_1l4hd_134[id=unit-rem]{translate:100%}._legend_1l4hd_148{display:flex;align-items:center;color:var(--color-orange);font-size:var(--font-size-0);font-weight:700;letter-spacing:.09em;line-height:1;text-transform:uppercase}._inputRow_1l4hd_159{display:grid;grid-gap:calc(var(--space) / 3 * 2);gap:calc(var(--space) / 3 * 2);grid-template-columns:repeat(auto-fit,minmax(11.75rem,1fr))}._inputWrapper_1l4hd_165{position:relative;display:inline-flex;flex-direction:column;font-size:var(--font-size-0);gap:.5rem}._inputInner_1l4hd_173{display:flex;align-items:center;font-weight:700;gap:.75rem}._inputLabel_1l4hd_180{flex-basis:3.5ch;text-transform:uppercase}._input_1l4hd_159{--bg-hsl: 259 97% 15%;--shadow-hsl: 7 100% 68%;flex:1;border:none;border-radius:99px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#19014b80;background-color:hsl(var(--bg-hsl) / .5);block-size:var(--input-height);box-shadow:0 0 2.5rem #ff6f5c00;box-shadow:0 0 2.5rem hsl(var(--shadow-hsl) / 0);color:var(--color-foreground);font-weight:700;min-inline-size:0;padding-inline:1.25em 3em;transition:box-shadow .3s ease-in-out,background-color .3s var(--ease-in-out-circ)}._input_1l4hd_159:is(:hover,:focus){background-color:hsl(var(--bg-hsl) / .9)}._input_1l4hd_159:focus{box-shadow:0 0 2.5rem hsl(var(--shadow-hsl) / .8);outline:none}._input_1l4hd_159::-webkit-inner-spin-button,._input_1l4hd_159::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}@supports (-moz-appearance: textfield){._input_1l4hd_159{-moz-appearance:textfield}}._inputUnit_1l4hd_224{position:absolute;color:var(--color-foreground-secondary);font-size:var(--font-size-0);font-weight:500;inset-inline-end:1em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._inputDescription_1l4hd_234{color:var(--color-foreground-secondary);font-size:var(--font-size--1);font-weight:500}._output_1l4hd_240{--min-height: 4.5rem;display:flex;flex-wrap:wrap;border-radius:2.25rem;border-radius:calc(var(--min-height) / 2);background-color:#ffffff1a;font-size:var(--font-size-0);line-height:1.25;min-block-size:4.5rem;min-block-size:var(--min-height);white-space:normal}._outputCSS_1l4hd_253{display:flex;flex-basis:40ch;flex-grow:999;align-items:center;padding:1rem;font-weight:700;padding-block:1.25em;padding-inline:1.75em;-webkit-user-select:all;-moz-user-select:all;user-select:all}._copyButtonWrapper_1l4hd_265{position:relative;display:flex;flex-grow:1;flex-shrink:0;align-items:center;align-self:stretch;justify-content:center}._copyButton_1l4hd_265{--offset: .25rem;position:relative;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--min-height) / 2);background-color:var(--color-orange);block-size:100%;color:var(--color-purple);font-size:var(--font-size-0);font-weight:700;inline-size:100%;line-height:1;min-block-size:var(--input-height);padding-inline:2rem;transition:background-color .2s ease-in-out,box-shadow .3s ease-in-out}._copyButton_1l4hd_265 ::-moz-selection{background:hsl(var(--color-purple-hsl) / .4)}._copyButton_1l4hd_265 ::selection{background:hsl(var(--color-purple-hsl) / .4)}._copyButton_1l4hd_265:hover{box-shadow:0 0 2rem hsl(var(--color-orange-hsl) / .7)}._copyButtonTextPlaceholder_1l4hd_304{opacity:0}._copyButtonText_1l4hd_304{position:absolute;display:block}._copySuccess_1l4hd_313{position:absolute;z-index:2;display:block;display:grid;border-radius:99px;background-image:radial-gradient(var(--color-orange) 20%,hsl(var(--color-orange-hsl) / 0) 100%);inline-size:3rem;place-content:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._copySuccess_1l4hd_313 svg{--size: 2rem;block-size:2rem;block-size:var(--size);inline-size:2rem;inline-size:var(--size)}._errors_1l4hd_335{padding:1.5em;border-radius:calc(var(--input-height) / 2);background-color:#de000033;font-size:var(--font-size-0)}._errors_1l4hd_335 ul{margin-block-start:.5em;margin-inline-start:1.25em}:is(._errors_1l4hd_335 ul) li+li{margin-block-start:.5em}._liveExample_1l4hd_351{margin-block-end:var(--space);margin-block-start:1rem;transition:translate .4s var(--ease-out-quad);transition-delay:.1s;translate:0 calc(-1rem - 1em)}._liveExample_1l4hd_351[open]{transition-delay:0s;translate:0 0}._liveExample_1l4hd_351[open]::details-content{block-size:auto}@starting-style{._liveExample_1l4hd_351[open]::details-content{block-size:0}}._liveExample_1l4hd_351 summary{position:relative;z-index:2;display:flex;align-items:center;border-radius:999rem;background:var(--color-orange);color:var(--color-purple);cursor:pointer;font-size:var(--font-size--1);font-weight:700;gap:.5em;inline-size:-moz-max-content;inline-size:max-content;margin-block-end:-1em;margin-inline:auto;padding-block:.5em;padding-inline:1em}:is(._liveExample_1l4hd_351 summary)::-webkit-details-marker{display:none}:is(._liveExample_1l4hd_351 summary):before{display:block;border-width:.5em .375em 0;border-style:solid;border-color:transparent;block-size:0;border-block-end-color:var(--color-purple);border-block-start-color:var(--color-purple);content:"";inline-size:0;transition:scale .4s var(--ease-in-out-circ)}._liveExample_1l4hd_351[open] summary:before{scale:1 -1}._liveExample_1l4hd_351::details-content{--transition: .4s var(--ease-in-out-cubic);overflow:hidden;border-radius:var(--space);block-size:0;interpolate-size:allow-keywords;transition:block-size var(--transition),content-visibility var(--transition) allow-discrete}@starting-style{._liveExample_1l4hd_351::details-content{block-size:0}}._liveExample_1l4hd_351 p{padding:var(--space);border-radius:var(--space);background:#ffffff0d;font-size:var(--variable-value);line-height:1.4}:is(._liveExample_1l4hd_351 p):focus-visible{outline-offset:-2px}._divider_xbtpw_1{border:none;border-block-end:1px solid rgb(255 255 255 / .15);inline-size:min(90%,12rem);margin-block:calc(var(--space) * 2);margin-inline:auto}._examples_xbtpw_9{display:flex;flex-direction:column;gap:var(--space);inline-size:100%;padding-inline:min(3vw,var(--space))}._examples_xbtpw_9 h2{color:var(--color-orange);font-feature-settings:var(--headline-font-features);font-size:var(--font-size-4);line-height:1.15;text-align:center}._pen_xbtpw_25{overflow:auto;padding:1em;border-radius:.5em;background:#ffffff1a;inline-size:100%;margin-inline:auto;max-inline-size:100%;resize:horizontal}._footer_teedh_1{--multiplier: calc((var(--centerflex-threshold, 38rem) - 100%) * 666);display:flex;flex-wrap:wrap;align-items:center;border-block-start:1px solid rgb(255 255 255 / .15);color:var(--color-foreground-secondary);font-size:var(--font-size-0);line-height:1.3;margin-block-start:var(--space);padding-block:var(--space);padding-inline:var(--space);text-align:center}._footer_teedh_1:before{flex-basis:max(0px,var(--multiplier));flex-grow:666;margin:0;content:""}._footer_teedh_1>*{margin-block:.5rem;margin-block:calc(var(--centerflex-gap, 1rem) / 2);margin-inline:auto}:is(._footer_teedh_1>*):first-child{order:-1}._footer_teedh_1 a{transition:color .2s ease-in-out}:is(._footer_teedh_1 a):hover{color:var(--color-foreground);text-decoration:underline}._emoji_teedh_44{display:inline-block;color:var(--color-foreground);margin-inline-end:.25ch}._links_teedh_50{display:flex;gap:1.5ch;list-style-type:none}._info_13r6z_1{display:flex;flex-wrap:wrap;gap:var(--space);padding-block-start:var(--space);padding-inline:min(3vw,var(--space))}._info_13r6z_1 h2{flex-basis:8ch;flex-grow:1;color:var(--color-orange);font-feature-settings:var(--headline-font-features);font-size:var(--font-size-4);line-height:1.15}._content_13r6z_19{flex-basis:30ch;flex-grow:999;font-size:clamp(1.25rem,calc(1.12rem + .55vw),1.56rem)}._content_13r6z_19 p{font-size:var(--font-size-1);line-height:1.5}:is(._content_13r6z_19 p)+p{margin-block-start:1.5em}._content_13r6z_19 a{color:var(--color-orange);transition:color .2s ease-in-out}