.outer.svelte-clfznm{background-color:#fff;width:100%;min-height:100vh;overflow-y:auto;padding:0}.container.svelte-clfznm{align-items:center;background-color:transparent;display:flex;flex-direction:column;gap:1rem;margin-inline:auto;width:40rem}.svelte-clfznm{transition:background-color .1s,color .3s}header.svelte-clfznm{border-radius:.25rem;box-shadow:var(--shadow-4);color:#000;display:block;font-weight:700;padding:.5rem;position:relative;text-align:center;width:100%}header.svelte-clfznm h1:where(.svelte-clfznm){display:inline-block;font-family:AlkesRgIt;font-size:200%;margin-inline:auto}header.svelte-clfznm h1.blended-text:where(.svelte-clfznm){background-image:linear-gradient(to right,var(--from-color-text),#888,#888,var(--to-color-text));-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.075rem .075rem black)}header.svelte-clfznm h1.monochrome-text:where(.svelte-clfznm){color:var(--from-color-text)}header.svelte-clfznm .triangle:where(.svelte-clfznm){font-size:1.5rem;padding-right:1rem;position:absolute;right:0;top:.5rem}header.blender.svelte-clfznm{background-image:linear-gradient(to right,var(--from-color),var(--to-color));transition:background-image 10.3s}input[type=radio].svelte-clfznm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid black;border-radius:50%;position:absolute;top:.2rem;height:1.4rem;width:1.4rem}input[type=radio].svelte-clfznm:checked{border:2px solid black}section.svelte-clfznm{display:flex;justify-content:space-around;align-items:stretch;width:100%}section.svelte-clfznm .shader-controls:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm){display:flex;flex-basis:30%;flex-direction:column;align-items:flex-end;gap:.5rem;line-height:1.3}section.svelte-clfznm .shader-controls:where(.svelte-clfznm) label:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) label:where(.svelte-clfznm){text-align:right}section.svelte-clfznm .blender-controls:where(.svelte-clfznm) div.fromTo-group:where(.svelte-clfznm){position:relative;text-align:right}section.svelte-clfznm .blender-controls:where(.svelte-clfznm) div.fromTo-group:where(.svelte-clfznm) label:where(.svelte-clfznm){margin-right:2rem}section.svelte-clfznm .blender-controls:where(.svelte-clfznm) div.fromTo-group:where(.svelte-clfznm) input[type=radio]:where(.svelte-clfznm){right:0}section.svelte-clfznm .shader-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm){display:flex;flex-direction:row;justify-content:flex-end;padding-bottom:2rem;position:relative;width:100%}section.svelte-clfznm .shader-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) input[type=radio]:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) input[type=radio]:where(.svelte-clfznm){top:1.5rem}section.svelte-clfznm .shader-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .hexCoding:where(.svelte-clfznm),section.svelte-clfznm .shader-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .rgbCoding:where(.svelte-clfznm),section.svelte-clfznm .shader-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .hslCoding:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .hexCoding:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .rgbCoding:where(.svelte-clfznm),section.svelte-clfznm .blender-controls:where(.svelte-clfznm) .var-encoding-group:where(.svelte-clfznm) .hslCoding:where(.svelte-clfznm){display:flex;flex-direction:column;align-items:center;font-weight:500;gap:.125rem;padding-left:1rem}section.svelte-clfznm div.blends:where(.svelte-clfznm),section.svelte-clfznm div.shades:where(.svelte-clfznm){display:flex;flex-direction:column;flex-basis:60%;justify-content:center}section.svelte-clfznm div.blends:where(.svelte-clfznm) .shade:where(.svelte-clfznm),section.svelte-clfznm div.shades:where(.svelte-clfznm) .shade:where(.svelte-clfznm){display:flex}section.svelte-clfznm div.blends:where(.svelte-clfznm) .swatch:where(.svelte-clfznm),section.svelte-clfznm div.shades:where(.svelte-clfznm) .swatch:where(.svelte-clfznm){border-radius:.25rem;display:inline;margin-block:.25rem;margin-right:1rem;min-width:4rem;width:4rem;height:1.5rem;transition:all .3s}section.svelte-clfznm div.blends:where(.svelte-clfznm) .variable-code:where(.svelte-clfznm),section.svelte-clfznm div.shades:where(.svelte-clfznm) .variable-code:where(.svelte-clfznm){display:inline;margin-block:.25rem;font-family:Courier New,Courier,monospace;font-size:80%;padding:.125rem}.separator.svelte-clfznm{border-radius:.2rem;background-color:silver;width:100%;height:.375rem;margin-block:0}.separatorSkinny.svelte-clfznm{border-radius:.125rem;background-color:silver;width:100%;height:.25rem;margin:1rem auto}.dropper.svelte-clfznm{height:2.5rem}.picker.svelte-clfznm{display:flex;justify-content:flex-end;align-items:center;width:100%}.picker.svelte-clfznm #swatch:where(.svelte-clfznm){-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;box-shadow:var(--shadow-4);border:none;cursor:pointer;padding:0;border-radius:4px;width:5rem;height:2.25rem}.picker.svelte-clfznm #swatch:where(.svelte-clfznm)::-webkit-color-swatch{border-radius:4px;border:none}.picker.svelte-clfznm #swatch:where(.svelte-clfznm)::-webkit-color-swatch-wrapper{padding:0}.picker.svelte-clfznm #swatch:where(.svelte-clfznm)::-moz-color-swatch{border-radius:15px;border:none}.named.svelte-clfznm{display:flex;justify-content:space-between;align-items:center;width:100%}.named.svelte-clfznm select:where(.svelte-clfznm){border:none;border-radius:4px;box-shadow:var(--shadow-4);outline:none;font-family:inherit;font-size:inherit;cursor:pointer;line-height:inherit;padding:.5rem;width:14rem}.colorByName-group.svelte-clfznm{align-items:center;display:flex;justify-content:space-between;position:relative}.colorByName-group.svelte-clfznm label:where(.svelte-clfznm){display:inline-block;font-size:90%;margin-left:1.75rem;padding-right:1rem}.text-inputs.svelte-clfznm{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;width:100%}.text-inputs.svelte-clfznm div:where(.svelte-clfznm){display:flex;align-items:center;flex-direction:column;gap:.25rem}.text-inputs.svelte-clfznm div.hex:where(.svelte-clfznm){flex-basis:10em}.text-inputs.svelte-clfznm div.rgb:where(.svelte-clfznm){flex-basis:12em}.text-inputs.svelte-clfznm div.hsl:where(.svelte-clfznm){flex-basis:16em}.text-inputs.svelte-clfznm div:where(.svelte-clfznm) input:where(.svelte-clfznm){width:100%}.text-inputs.svelte-clfznm div:where(.svelte-clfznm) .encoding-name:where(.svelte-clfznm){font-weight:500;margin-bottom:-.5rem}input[type=number].svelte-clfznm{border:none;border-radius:4px;box-shadow:var(--shadow-4);outline:none;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;padding:.25rem;text-align:center;width:5rem}input[type=text].svelte-clfznm{border:none;border-radius:4px;box-shadow:var(--shadow-4);outline:none;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;padding:.5rem;text-align:center;width:11rem}input[type=text].varName-input.svelte-clfznm{width:8rem}@media (max-width: 840px){.container.svelte-clfznm{width:100%;font-size:.75rem;padding-inline:.5rem}header.svelte-clfznm h1:where(.svelte-clfznm){font-size:150%}input[type=text].svelte-clfznm{width:85%}input[type=number].svelte-clfznm{width:50%}.picker.svelte-clfznm{display:none}.triangle.svelte-clfznm{margin-top:-.5rem}}