:root{--primary: #003830;--primary-1: #00463c;--primary-2: #005448;--primary-3: #006254;--secondary: #380009;--secondary-1: #46000c;--secondary-2: #54000f;--secondary-3: #620011;--foreground: #91a3b0;--foreground-1: #c0cbd2;--foreground-2: #eff2f4;--foreground-3: #ffffff;--background: #100c08;--background-1: #140f0a;--background-2: #18120c;--background-3: #1c150e;--warning: #ffc107;--danger: #dc3545;--success: #28a745;--info: #14bdbd}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.button[data-v-2c8bf505]{border:none;font-size:1.1em;margin:6px;border-radius:3px;padding:.5rem;background:var(--background);color:var(--foreground);font-weight:600;border-width:3px;border-style:solid;border-color:transparent;cursor:pointer;transition:all .24s ease-in-out}.button[data-v-2c8bf505]:hover{background:var(--background-1);border-color:var(--background-2)}.button.primary[data-v-2c8bf505]{background:var(--primary);color:var(--foreground);border-color:transparent}.button.primary[data-v-2c8bf505]:hover{background:var(--primary-1);border-color:var(--primary-2)}.button.secondary[data-v-2c8bf505]{background:var(--secondary);color:var(--foreground);border-color:transparent}.button.secondary[data-v-2c8bf505]:hover{background:var(--secondary-1);border-color:var(--secondary-2)}.preview[data-v-b9a17a2f]{display:block;width:2em;height:2em;background-color:var(--684fdad4);border:2px solid;border-color:var(--foreground);border-radius:4px;transition:border-color linear .25s}button.preview[data-v-b9a17a2f]{cursor:pointer}button.preview[data-v-b9a17a2f]:hover{border-color:var(--primary-3)}.container .picker-container[data-v-b9a17a2f]{position:absolute;right:0;top:6em;width:min(400px,100vw);color:var(--primary);background-color:var(--foreground);border-radius:4px;display:grid;grid-template-areas:"a" "b" "c";z-index:19}.container .picker-container header[data-v-b9a17a2f]{padding:1em;text-align:center}.container .picker-container .picker[data-v-b9a17a2f]{--hue: var(--6adb83bd);--saturation: var(--1d7fc964);--lightness: var(--250bcce9);padding:2em 1em}.container .picker-container .picker .range-container[data-v-b9a17a2f]{display:grid;grid-template-columns:2fr 1fr;gap:1em}.container .picker-container .picker .range-container input[type=range][data-v-b9a17a2f]{-webkit-appearance:none;appearance:none;width:100%;height:2em;background-color:var(--foreground)}.container .picker-container .picker .range-container input[type=range]#HUE_RANGE[data-v-b9a17a2f]{background-image:linear-gradient(90deg,hsl(0,var(--saturation),var(--lightness)),hsl(90deg,var(--saturation),var(--lightness)),hsl(180deg,var(--saturation),var(--lightness)),hsl(270deg,var(--saturation),var(--lightness)),hsl(360deg,var(--saturation),var(--lightness)))}.container .picker-container .picker .range-container input[type=range]#SATURATION_RANGE[data-v-b9a17a2f]{background-image:linear-gradient(90deg,hsl(var(--hue),0%,var(--lightness)),hsl(var(--hue),25%,var(--lightness)),hsl(var(--hue),50%,var(--lightness)),hsl(var(--hue),75%,var(--lightness)),hsl(var(--hue),100%,var(--lightness)))}.container .picker-container .picker .range-container input[type=range]#LIGHTNESS_RANGE[data-v-b9a17a2f]{background-image:linear-gradient(90deg,hsl(var(--hue),var(--saturation),0%),hsl(var(--hue),var(--saturation),25%),hsl(var(--hue),var(--saturation),50%),hsl(var(--hue),var(--saturation),75%),hsl(var(--hue),var(--saturation),100%))}.container .picker-container .picker .range-container label[data-v-b9a17a2f]{font-weight:600;display:flex;align-items:center;vertical-align:middle;gap:2px;justify-content:space-between}.container .picker-container footer[data-v-b9a17a2f]{display:flex;justify-content:end;align-items:center}.container .picker-container footer .show[data-v-b9a17a2f]{flex-grow:2;margin:0 1em;display:grid;grid-template-areas:"a b" "c c";place-items:center;row-gap:.5em}.container .picker-container footer .show input[type=text][data-v-b9a17a2f]{width:7ch}.container .picker-container footer .show label[data-v-b9a17a2f]{font-weight:600;padding:4px}.container .picker-container footer .preview[data-v-b9a17a2f]{background-color:var(--2a3ea3ec);grid-column:1/3;width:100%}.container .picker-container input[data-v-b9a17a2f]{text-align:center;background-color:var(--background);color:var(--foreground);font-weight:600;border:none;border-radius:3px;padding:.1em}.container .picker-container input[type=number][data-v-b9a17a2f]{width:4ch}.container .picker-container input[type=number][data-v-b9a17a2f],.container .picker-container input[data-v-b9a17a2f]::-webkit-outer-spin-button,.container .picker-container input[data-v-b9a17a2f]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield}.container .picker-container.hidden[data-v-b9a17a2f]{display:none;width:0;height:0}nav{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-around;background-color:var(--primary);color:var(--foreground)}nav>div{display:grid;grid-template-columns:auto auto;place-items:center}nav input[type=color]{border:none;width:30px;height:30px}nav input[type=color]:hover{cursor:pointer}.square[data-v-d9db3faf]{display:inline-block;margin:0 4px;width:1em;height:1em;border-radius:3px;background-color:var(--d5a2fbfc)}:root #page-wrapper[data-v-d0def180]{--primary: var(--e40d9978);--primary-1: var(--293a4250);--primary-2: var(--2aef1aef);--primary-3: var(--2ca3f38e);--secondary: var(--1fa75c76);--secondary-1: var(--378a3082);--secondary-2: var(--393f0921);--secondary-3: var(--3af3e1c0);--foreground: var(--091d448a);--foreground-1: var(--fea91b72);--foreground-2: var(--fb3f6a34);--foreground-3: var(--f7d5b8f6);--background: var(--72c35c26);--background-1: var(--37b42832);--background-2: var(--396900d1);--background-3: var(--3b1dd970);--danger: var(--16b58fca);--success: var(--76167cc5);--warning: var(--b5f91044);--info: var(--4d109fe6)}#page-wrapper[data-v-d0def180]{position:relative;height:100%;width:100%;background-color:var(--background);color:var(--foreground);overflow:auto;display:flex;flex-direction:column}#page-wrapper main[data-v-d0def180]{flex-grow:2;max-width:66ch;width:100%;display:block;margin:0 auto;text-align:center;padding:1em}#page-wrapper main>p[data-v-d0def180]{text-align:left;margin:1em 0}.code[data-v-d0def180]{font-family:monospace;background-color:var(--foreground);color:var(--secondary);filter:drop-shadow(0 0 15px var(--background-3));font-weight:600;font-size:1.5em;margin:1em auto;padding:2em;border-radius:3px;text-align:left;width:100%}.code .ck[data-v-d0def180]{color:var(--primary)}footer[data-v-d0def180]{position:sticky;bottom:0;right:0;left:0;padding:1em;display:flex;justify-content:space-between;background-color:var(--primary);color:var(--foreground);font-weight:700;font-size:large}a[data-v-d0def180]{color:inherit}.message[data-v-d0def180]{display:block;width:100%;margin:0 0 1em;padding:6px;background-color:var(--foreground);color:var(--background);font-weight:600}.message.danger[data-v-d0def180]{background-color:var(--danger);color:var(--foreground)}.message.success[data-v-d0def180]{background-color:var(--success);color:var(--foreground)}.message.warning[data-v-d0def180]{background-color:var(--warning);color:var(--foreground)}.message.info[data-v-d0def180]{background-color:var(--info);color:var(--foreground)}