.svelte-tabs__tab.svelte-1mnsjva{color:#000;cursor:pointer;border:none;border-bottom:2px solid #0000;padding:.5em .75em;list-style:none;display:inline-block}.svelte-tabs__tab.svelte-1mnsjva:focus{outline:thin dotted}.svelte-tabs__selected.svelte-1mnsjva{color:#4f81e5;border-bottom:2px solid #4f81e5}.svelte-tabs__tab-list.svelte-3osgx6{border-bottom:1px solid #ccc;margin:0;padding:0}.svelte-tabs__tab-panel.svelte-1gdj24k{margin-top:.5em}.scheme-icon{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 7);vertical-align:bottom;display:inline-flex}@media (width>=400px){.scheme-icon{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 8)}}.hue-color{background-color:var(--c0);width:100%}.shade-0,.color-0{background-color:var(--c1)}.shade-1,.color-1{background-color:var(--c2)}.color-2{background-color:var(--c3)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-leading:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}p.svelte-1fqfoox{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.name.svelte-1fqfoox{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.panels.svelte-1fqfoox{text-align:left}.tabs.svelte-1fqfoox{max-width:65ch;padding-bottom:calc(var(--spacing,.25rem) * 6);text-align:center;margin-inline:auto}.panel.svelte-1fqfoox{max-width:65ch;margin-inline:auto}.panel.svelte-1fqfoox .schemes:where(.svelte-1fqfoox){padding-inline:calc(var(--spacing,.25rem) * 2)}.panel.svelte-1fqfoox .schemes:where(.svelte-1fqfoox) li:where(.svelte-1fqfoox){margin-top:calc(var(--spacing,.25rem) * 3);margin-bottom:calc(var(--spacing,.25rem) * 6);text-indent:-2.4em;margin-left:3rem}.params.svelte-1fqfoox{column-gap:calc(var(--spacing,.25rem) * 2);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);flex-wrap:wrap;list-style-type:none;list-style-position:outside;display:flex}.params.svelte-1fqfoox li:where(.svelte-1fqfoox){margin-right:calc(var(--spacing,.25rem) * 4);padding-left:calc(var(--spacing,.25rem) * 0);white-space:nowrap}.params.svelte-1fqfoox li:where(.svelte-1fqfoox):before{display:none}.params.svelte-1fqfoox li:where(.svelte-1fqfoox){list-style-type:none}.params.svelte-1fqfoox .qp:where(.svelte-1fqfoox){--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.vars.svelte-1fqfoox code:where(.svelte-1fqfoox){font-style:italic}@media (width>=400px){.vars.svelte-1fqfoox code:where(.svelte-1fqfoox){white-space:nowrap}}.tablist.svelte-1fqfoox{margin-top:calc(var(--spacing,.25rem) * 3);margin-bottom:calc(var(--spacing,.25rem) * 6)}.thanks-kp.svelte-1fqfoox{padding-block:calc(var(--spacing,.25rem) * 6);text-align:center;--tw-leading:2;font-size:1rem;line-height:2}@media (width>=400px){.thanks-kp.svelte-1fqfoox span:where(.svelte-1fqfoox){white-space:nowrap}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}label.svelte-eb1hsh{justify-content:flex-end;align-items:center;width:100%;font-size:.75em;display:flex}label.svelte-eb1hsh span:where(.svelte-eb1hsh){flex-shrink:1}label.svelte-eb1hsh input:where(.svelte-eb1hsh){margin-left:calc(var(--spacing,.25rem) * 2);font-size:2em}input.svelte-eb1hsh{border-style:var(--tw-border-style);text-align:right;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);border-width:1px;flex-shrink:1}.choose-color.svelte-eb1hsh{max-width:max-content;padding-bottom:calc(var(--spacing,.25rem) * 4);--tw-leading:var(--leading-loose,2);line-height:var(--leading-loose,2);margin-inline:auto}@media (width>=40rem){.choose-color.svelte-eb1hsh{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}}.hsla.svelte-eb1hsh{--tw-font-weight:var(--font-weight-semibold,600);max-width:5ch;font-weight:var(--font-weight-semibold,600);flex-shrink:1}.hsla.svelte-eb1hsh#hue{flex-grow:1;width:100%;max-width:none}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.btn.svelte-1902i00{--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);display:flex}.btn-copy.svelte-1902i00{white-space:nowrap}.info.svelte-1902i00{z-index:10;border-style:var(--tw-border-style);max-width:30ch;padding:calc(var(--spacing,.25rem) * 2);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-width:2px;margin-block:auto;margin-inline:auto;transition-duration:.2s;inset:auto}.info.svelte-1902i00 .btn:where(.svelte-1902i00){width:100%}.detail-trigger.svelte-1902i00{inset:calc(var(--spacing,.25rem) * 0);--tw-scale-x:70%;width:100%;scale:var(--tw-scale-x) var(--tw-scale-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);border-style:var(--tw-border-style);--tw-leading:var(--leading-tight,1.25);font-size:.8em;line-height:var(--leading-tight,1.25);border-width:1px;border-color:#0000;border-radius:.25rem;position:absolute}@media (hover:hover){.detail-trigger.svelte-1902i00:hover{border-color:currentColor}}@media (width>=400px){.detail-trigger.svelte-1902i00{--tw-scale-x:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (width>=40rem){.detail-trigger.svelte-1902i00{--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.variable-name.svelte-1902i00{margin-bottom:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 2);text-align:center;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);white-space:nowrap;font-size:1.1em}.swatch.svelte-1902i00{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}h2.svelte-1ozg62w{margin-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:inline-block}@media (width>=40rem){h2.svelte-1ozg62w{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.vars.svelte-1ozg62w{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.muted.svelte-1ozg62w{opacity:.5;font-style:italic}.format-hint.svelte-1ozg62w{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.dash-dash.svelte-1ln6o0j{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));flex-direction:column;display:flex}input.svelte-1ln6o0j{border-style:var(--tw-border-style);padding-left:calc(var(--spacing,.25rem) * 1);color:var(--color-foreground);background-color:var(--color-background);border-width:1px}.name.svelte-a6mxbc{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);--start-percent:75%;background:var(--color-dark);color:var(--color-foreground);background:linear-gradient(90deg, var(--color-dark) var(--start-percent), var(--color-light) 100%)}@media (width>=400px){.name.svelte-a6mxbc{--start-percent:66%}}@media (width>=640px){.name.svelte-a6mxbc{--start-percent:40%}}.use-dark-bg.svelte-a6mxbc{background-color:var(--color-dark)}.copy-wrap.svelte-a6mxbc{margin-right:calc(var(--spacing,.25rem) * 1);margin-left:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);position:relative}.copy-controls.svelte-a6mxbc{top:calc(var(--spacing,.25rem) * 6);left:calc(var(--spacing,.25rem) * -1);z-index:15;padding:calc(var(--spacing,.25rem) * 1);text-align:center;opacity:1;position:absolute}.copy-controls.svelte-a6mxbc:not(.showing){z-index:calc(1 * -1);opacity:0}.copy-controls.svelte-a6mxbc:focus-within{z-index:15;opacity:1}.close.svelte-a6mxbc{top:calc(var(--spacing,.25rem) * 2);right:calc(var(--spacing,.25rem) * 2);float:right;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);color:var(--color-foreground);background-color:var(--color-background);border-width:1px;border-color:var(--color-foreground);display:flex;position:absolute}label.svelte-a6mxbc{padding:calc(var(--spacing,.25rem) * 1);padding-left:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));flex-direction:column;display:flex}input.svelte-a6mxbc{max-width:calc(var(--spacing,.25rem) * 30);border-style:var(--tw-border-style);padding-left:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);background-color:var(--color-background);color:var(--color-foreground);border-width:1px;border-color:var(--color-light)}input.svelte-a6mxbc::placeholder{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-thin,100);font-weight:var(--font-weight-thin,100);color:var(--color-placeholder);filter:saturate(.25);font-style:italic}.varName.svelte-a6mxbc{max-width:calc(var(--spacing,.25rem) * 20);padding-block:calc(var(--spacing,.25rem) * 0);--tw-leading:calc(var(--spacing,.25rem) * 0);line-height:calc(var(--spacing,.25rem) * 0)}.varName.svelte-a6mxbc:focus{max-width:none}.shades.svelte-a6mxbc{text-align:center;display:flex}.shades.svelte-a6mxbc>div:where(.svelte-a6mxbc){min-height:calc(var(--spacing,.25rem) * 6);width:100%;min-width:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;display:flex}.details.svelte-a6mxbc{z-index:10;border-style:var(--tw-border-style);max-width:95vw;max-height:90vh;padding:calc(var(--spacing,.25rem) * 2);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background-color:var(--color-background);color:var(--color-foreground);border-width:2px;margin:auto;transition-duration:.2s;inset:auto;overflow:auto}.details.svelte-a6mxbc input:where(.svelte-a6mxbc){padding-block:calc(var(--spacing,.25rem) * .5);padding-left:calc(var(--spacing,.25rem) * 2);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)}.var-title.svelte-a6mxbc{margin:calc(var(--spacing,.25rem) * -2);padding-block:calc(var(--spacing,.25rem) * 1);padding-left:calc(var(--spacing,.25rem) * 3);background-color:var(--color-dark);color:var(--color-foreground)}@media (width>=48rem){.var-panels.svelte-a6mxbc{gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}label.svelte-18cof22{justify-content:flex-end;align-items:center;width:100%;font-size:.75em;display:flex}label.svelte-18cof22 input:where(.svelte-18cof22){font-size:2em}input.svelte-18cof22{text-align:right;--tw-leading:var(--leading-tight,1.25);max-width:4ch;line-height:var(--leading-tight,1.25);flex-shrink:1}h2.svelte-3i9qwy{margin-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:inline-block}@media (width>=40rem){h2.svelte-3i9qwy{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}button.svelte-3i9qwy{margin-right:calc(var(--spacing,.25rem) * 4);cursor:pointer;display:flex}.heading.svelte-3i9qwy{display:flex}.setting-control.svelte-3i9qwy{margin-top:calc(var(--spacing,.25rem) * 2);text-align:right;flex-grow:1;width:100%;display:flex}.vars-body.svelte-3i9qwy{text-align:left}.vars.svelte-3i9qwy{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.muted.svelte-3i9qwy{opacity:.5;font-style:italic}.format-hint.svelte-3i9qwy{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.gradient-display{top:calc(var(--spacing,.25rem) * 0);z-index:calc(1 * -1);background-color:var(--color-primary-50);background:linear-gradient(90deg, var(--scheme-color-0) 0%, var(--scheme-color-1) 100%);width:100%;height:100%;min-height:66vh;transition:background .4s ease-out;position:absolute}.scheme-1{background:linear-gradient(90deg, var(--scheme-color-1) 0%, var(--scheme-color-0) 49.9%, var(--scheme-color-2) 50.1%, var(--scheme-color-3) 100%)}.scheme-2{background:linear-gradient(90deg, var(--scheme-color-0) 0%, var(--scheme-color-0) 20%, var(--scheme-color-1) 80%, var(--scheme-color-1) 100%)}.scheme-3{background:linear-gradient(90deg, var(--scheme-color-1) 25%, var(--scheme-color-0) 35%, var(--scheme-color-0) 65%, var(--scheme-color-2) 75%)}.scheme-4,.scheme-5{background:linear-gradient(90deg, var(--scheme-color-1) 20%, var(--scheme-color-0) 39%, var(--scheme-color-0) 61%, var(--scheme-color-2) 80%)}.scheme-6{background:linear-gradient(90deg, var(--scheme-color-0) 15%, var(--scheme-color-1) 30%, var(--scheme-color-1) 42.5%, var(--scheme-color-2) 57.5%, var(--scheme-color-2) 70%, var(--scheme-color-3) 85%)}.scheme-name.svelte-1jdtw5w{inset:calc(var(--spacing,.25rem) * 0);margin-inline:auto;margin-top:calc(var(--spacing,.25rem) * 4);background-color:#ffffffb3;max-width:max-content;position:absolute}@supports (color:color-mix(in lab, red, red)){.scheme-name.svelte-1jdtw5w{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.scheme-name.svelte-1jdtw5w{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);color:var(--color-black,#000)}.maker.svelte-mi3x8x{background-color:#fff9;border-top-left-radius:.25rem;border-top-right-radius:.25rem;max-width:65ch;margin-inline:auto}@supports (color:color-mix(in lab, red, red)){.maker.svelte-mi3x8x{background-color:color-mix(in oklab, var(--color-white,#fff) 60%, transparent)}}.maker.svelte-mi3x8x{padding:calc(var(--spacing,.25rem) * 4);text-align:center;opacity:.75;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));font-style:italic}@media (hover:hover){.maker.svelte-mi3x8x:hover{opacity:1}}.maker.svelte-mi3x8x:focus-within{opacity:1}.maker.svelte-mi3x8x a:where(.svelte-mi3x8x){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));text-decoration-line:underline;-webkit-text-decoration-color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.maker.svelte-mi3x8x a:where(.svelte-mi3x8x):hover{color:var(--color-primary)}span.svelte-mi3x8x{white-space:nowrap}.placer.svelte-mi3x8x{right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);position:absolute}@property --tw-ease{syntax:"*";inherits:false}[type=range]{--track-color:#eceff1;--thumb-color:#607d8b;--track-color-light:#f6f9fe;--track-color-dark:#dfe9fb;--thumb-radius:12px;--thumb-height:24px;--thumb-width:24px;--thumb-shadow-size:4px;--thumb-shadow-blur:4px;--thumb-shadow-color:#0003;--thumb-border-width:2px;--thumb-border-color:#eceff1;--track-width:100%;--track-height:8px;--track-shadow-size:1px;--track-shadow-blur:1px;--track-shadow-border:.5px;--track-shadow-color:#0003;--track-shadow-focus-color:#cfd8dc;--track-border-width:2px;--track-border-color:#cfd8dc;--track-radius:5px;--contrast:5%;--ie-bottom-track-color:var(--track-color-dark);-webkit-appearance:none;margin:calc(var(--thumb-height) / 2) 0;width:var(--track-width);cursor:crosshair;background:0 0}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-focus-color)}[type=range]:focus::-ms-track{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-focus-color)}[type=range]:focus::-moz-range-track{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-focus-color)}[type=range]:focus::-ms-fill-lower{background:var(--track-color)}[type=range]:focus::-ms-fill-upper{background:var(--track-color-light)}[type=range]::-webkit-slider-runnable-track{cursor:crosshair;height:var(--track-height);width:var(--track-width);box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-color);height:calc(var(--track-height) / 2);background:var(--track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:100%;border-radius:var(--track-radius);transition:all .2s}[type=range]::-webkit-slider-thumb{box-shadow:var(--thumb-shadow-size) var(--thumb-shadow-size) var(--thumb-shadow-blur) var(--track-shadow-border) var(--thumb-shadow-color);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);border-radius:var(--thumb-radius);box-sizing:border-box;cursor:pointer;height:var(--thumb-height);width:var(--thumb-width);-webkit-appearance:none;margin-top:calc((-1*var(--track-border-width) * 2) + var(--track-height) - var(--thumb-height));margin-top:calc(var(--track-height) / 4 + var(--thumb-height) / -2)}[type=range]::-moz-range-track{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-color);cursor:crosshair;height:var(--track-height);width:var(--track-width);background:var(--track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:100%;border-radius:var(--track-radius);height:calc(var(--track-height) / 2);transition:all .2s}[type=range]::-moz-range-thumb{box-shadow:var(--thumb-shadow-size) var(--thumb-shadow-size) var(--thumb-shadow-blur) var(--track-shadow-border) var(--thumb-shadow-color);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);border-radius:var(--thumb-radius);box-sizing:border-box;cursor:pointer;height:var(--thumb-height);width:var(--thumb-width)}[type=range]::-ms-track{cursor:crosshair;height:var(--track-height);width:var(--track-width);border-color:#0000;border-width:calc(var(--thumb-height) / 2) 0;color:#0000;background:0 0;border-radius:100%;transition:all .2s}[type=range]::-ms-fill-lower{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-color);background:var(--ie-bottom-track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:(var(--track-radius) * 2)}[type=range]::-ms-fill-upper{box-shadow:var(--track-shadow-size) var(--track-shadow-size) var(--track-shadow-blur) var(--track-shadow-border) var(--track-shadow-color);background:var(--track-color);border:var(--track-border-width) solid var(--track-border-color);border-radius:(var(--track-radius) * 2)}[type=range]::-ms-thumb{box-shadow:var(--thumb-shadow-size) var(--thumb-shadow-size) var(--thumb-shadow-blur) var(--track-shadow-border) var(--thumb-shadow-color);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);border-radius:var(--thumb-radius);box-sizing:border-box;cursor:pointer;height:var(--thumb-height);width:var(--thumb-width);margin-top:calc(var(--track-height) / 4)}[type=range]:active::-webkit-slider-thumb{cursor:grabbing}[type=range]:active::-moz-range-thumb{cursor:grabbing}[type=range]:active::-ms-thumb{cursor:grabbing}[type=range]:disabled{cursor:not-allowed}[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}[type=range]:disabled::-ms-thumb{cursor:not-allowed}[type=range]:disabled::-webkit-slider-runnable-track{cursor:not-allowed}[type=range]:disabled::-moz-range-track{cursor:not-allowed}[type=range]:disabled::-ms-track{cursor:not-allowed}[type=range]:disabled::-ms-fill-lower{cursor:not-allowed}[type=range]:disabled::-ms-fill-upper{cursor:not-allowed}h1.svelte-1uha8ag{padding:calc(var(--spacing,.25rem) * 4);text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}@media (width>=400px){h1.svelte-1uha8ag{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}}button.svelte-1uha8ag{margin-inline:auto;margin-block:calc(var(--spacing,.25rem) * 2);cursor:pointer;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);vertical-align:middle;place-items:center;display:flex}@media (width>=400px){button.svelte-1uha8ag{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2)}}button.svelte-1uha8ag{background-color:var(--color-btn-bg);color:var(--color-btn-fg)}button.svelte-1uha8ag:hover{background:linear-gradient(#0000001a, #0000001a), var(--color-btn-bg)}.allvars.svelte-1uha8ag{margin-inline:auto;margin-top:calc(var(--spacing,.25rem) * 6);margin-bottom:calc(var(--spacing,.25rem) * 2);text-align:center;max-width:max-content}.allvars-outputs.svelte-1uha8ag{margin-block:calc(var(--spacing,.25rem) * 4)}@media (width>=48rem){.allvars-outputs.svelte-1uha8ag{display:flex}}.allvars-outputs.svelte-1uha8ag>div:where(.svelte-1uha8ag){margin-inline:calc(var(--spacing,.25rem) * 3)}.color-patches.svelte-1uha8ag{display:block}.separator.svelte-1uha8ag{height:calc(var(--spacing,.25rem) * 2);background-color:var(--color-black,#000)}.show-toggles.svelte-1uha8ag{padding:calc(var(--spacing,.25rem) * 0);position:relative}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag){top:calc(var(--spacing,.25rem) * 9);z-index:20;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);text-align:left;position:absolute}@media (width>=400px){.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag){top:calc(var(--spacing,.25rem) * 11);right:calc(var(--spacing,.25rem) * -12)}}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag){background-color:var(--color-btn-bg);color:var(--color-btn-fg)}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag).outputTogglers{left:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 40)}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag).copiers{right:calc(var(--spacing,.25rem) * 0);width:calc(var(--spacing,.25rem) * 24)}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag).copiers button:where(.svelte-1uha8ag){margin-block:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-md,.375rem);border-width:2px;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black,#000);justify-content:center;width:90%}.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){margin-block:calc(var(--spacing,.25rem) * 0);width:100%;padding-right:calc(var(--spacing,.25rem) * 0);padding-left:calc(var(--spacing,.25rem) * 2)}@media (width>=400px){.show-toggles.svelte-1uha8ag .toggles-wrap:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){padding-left:calc(var(--spacing,.25rem) * 2)}}.show-toggles.svelte-1uha8ag .show-toggler:where(.svelte-1uha8ag){white-space:nowrap}.panel-scheme.svelte-1uha8ag{margin-inline:auto;margin-top:calc(var(--spacing,.25rem) * 6);max-width:60ch;padding-inline:calc(var(--spacing,.25rem) * 4);justify-content:space-between;display:flex;position:relative}.panel-scheme.svelte-1uha8ag .primary-toggle:where(.svelte-1uha8ag){margin-inline:calc(var(--spacing,.25rem) * 0)}