@charset "UTF-8";.file-input[data-v-ab0b9260] label{--button-font-size:var(--font-size-xs);--button-hover-scale-x:1.02;--button-hover-scale-y:1.1}.color-swatch[data-v-c4e14276]{aspect-ratio:1;width:var(--swatch-width,4rem)}.value-visualizer[data-v-b9112e7e]{align-items:flex-end;display:flex;height:var(--visualizer-height,8rem);overflow:clip;pointer-events:none;position:relative;width:var(--visualizer-width,4rem)}.filled[data-v-b9112e7e]{background-color:var(--fg);border-radius:var(--border-radius-sm);height:var(--filled-height);transition:background-color .25s ease;width:100%;will-change:height}.label[data-v-b9112e7e]{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);line-height:var(--line-height-base)}@container (width <= 320px){.label[data-v-b9112e7e]{line-height:var(--line-height-sm)}}@container (width >= 960px){.label[data-v-b9112e7e]{line-height:var(--line-height-lg)}}.label[data-v-b9112e7e]{font-family:var(--font);font-size:var(--font-size-sm);font-weight:400;letter-spacing:.02em;text-wrap:pretty}.label strong[data-v-b9112e7e]{font-weight:700}.label[data-v-b9112e7e]{bottom:0;font-weight:800;left:50%;line-height:2.5rem;mix-blend-mode:difference;opacity:0;position:absolute;transform:translate(-50%,.5em);transition:.15s ease}.value-visualizer:has(input:hover,input:focus) .filled[data-v-b9112e7e]{background-color:var(--fg-primary)}.value-visualizer:has(input:hover,input:focus) .label[data-v-b9112e7e]{opacity:1;transform:translate(-50%)}input[data-v-b9112e7e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;direction:rtl;height:100%;margin:0;opacity:0;pointer-events:all;position:absolute;width:100%;writing-mode:vertical-lr}input[data-v-b9112e7e]:focus{outline:none}input[data-v-b9112e7e]::-moz-range-track,input[data-v-b9112e7e]::-webkit-slider-runnable-track{cursor:pointer;height:100px;width:100%}input[data-v-b9112e7e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:0;cursor:pointer;height:10px;margin-left:-10px;margin-top:-10px;width:100px}.inline-options[data-v-2357f7a2]{display:flex;flex-wrap:wrap;gap:var(--sp-sm) var(--sp-md)}.inline-options .range-input[data-v-2357f7a2],.inline-options[data-v-2357f7a2] .range-input{min-width:280px}.range-input[data-v-2357f7a2]:has(#darken-hue-shift-target-input),.range-input[data-v-2357f7a2]:has(#lighten-hue-shift-target-input),[data-v-2357f7a2] .range-input:has(#base-color-hue-input){--filled-color:transparent;--filled-color-active:transparent;background-image:linear-gradient(90deg,#ffcfdc,#ffced1 4.17%,#ffcfcc 6.25%,#ffcfca,#ffd1cb 7.29%,#ffd2cc 7.42%,#ffd2cb 7.55% 7.81%,#ffd2ca 8.33%,#ffd2c7,#ffd3c5 10.42%,#ffd3c4,#ffd3c3 11.46%,#ffd3c0 12.5%,#ffd4ba,#ffd5b3 16.67%,#ffd7a0,#ffda74,#f2e300,#cdf100 33.33%,#b3f800 35.42%,#a1fd01 36.46%,#96ff03,#92ff3d 37.5%,#90ff4b 37.76%,#8fff50 37.89%,#8fff53,#8eff55 38.02%,#8cff5d,#8aff65 38.54%,#84ff7d,#7dff8e,#78ff9c,#72ffa7,#6bffb1 43.75%,#5cffc3 45.83%,#34ffe2 50%,#93efff 58.33%,#b0e8ff,#bee4ff 66.67%,#c4e2ff,#c9e0ff 70.83%,#cbdfff 71.88%,#ccdfff 72.14% 72.4%,#ccdfff 72.53%,#cddfff 72.66% 72.92%,#cfdeff 73.96%,#d1ddff 75%,#d5dcff,#dadaff 79.17%,#e3d6ff,#f0d1ff 87.5%,#f9ccff,#ffcaf9 91.67%,#ffcfdc);background-image:linear-gradient(90deg,color(xyz 1.285 0.608 0.668),color(xyz 1.266 0.615 0.28) 4.17%,color(xyz 1.265 0.617 0.13) 6.25%,color(xyz 1.265 0.617 0.097),color(xyz 1.266 0.617 0.065) 7.29%,color(xyz 1.266 0.617 0.049),color(xyz 1.267 0.617 0.034) 7.81%,color(xyz 1.268 0.617 0.006) 8.33%,color(xyz 1.246 0.621 -0.032),color(xyz 1.225 0.625 -0.067) 10.42%,color(xyz 1.215 0.627 -0.083),color(xyz 1.205 0.629 -0.099) 11.46%,color(xyz 1.184 0.633 -0.128) 12.5%,color(xyz 1.146 0.64 -0.181),color(xyz 1.109 0.646 -0.224) 16.67%,color(xyz 0.96 0.673 -0.246),color(xyz 0.82 0.701 -0.266),color(xyz 0.655 0.736 -0.234),color(xyz 0.505 0.772 -0.196) 33.33%,color(xyz 0.443 0.788 -0.139) 35.42%,color(xyz 0.413 0.796 -0.106) 36.46%,color(xyz 0.399 0.8 -0.088),color(xyz 0.386 0.804 -0.07) 37.5%,color(xyz 0.379 0.806 -0.06),color(xyz 0.372 0.808 -0.05),color(xyz 0.366 0.809 -0.04),color(xyz 0.359 0.811 -0.03) 38.54%,color(xyz 0.334 0.819 0.013),color(xyz 0.31 0.826 0.06),color(xyz 0.288 0.834 0.111),color(xyz 0.279 0.838 0.184),color(xyz 0.271 0.841 0.264) 43.75%,color(xyz 0.261 0.847 0.448) 45.83%,color(xyz 0.264 0.855 0.917) 50%,color(xyz 0.453 0.816 2.28) 58.33%,color(xyz 0.596 0.777 2.92),color(xyz 0.757 0.734 3.653) 66.67%,color(xyz 0.82 0.715 3.771),color(xyz 0.884 0.695 3.89) 70.83%,color(xyz 0.917 0.685 3.951) 71.88%,color(xyz 0.925 0.683 3.966),color(xyz 0.934 0.681 3.982),color(xyz 0.942 0.678 3.997),color(xyz 0.95 0.676 4.012) 72.92%,color(xyz 0.984 0.666 4.074),color(xyz 1.019 0.656 4.136) 75%,color(xyz 1.048 0.646 3.934),color(xyz 1.081 0.636 3.738) 79.17%,color(xyz 1.161 0.615 3.364),color(xyz 1.18 0.613 2.58) 87.5%,color(xyz 1.202 0.61 2.233),color(xyz 1.233 0.606 1.915) 91.67%,color(xyz 1.285 0.608 0.668))}.range-input-options[data-v-2357f7a2]{display:flex;gap:var(--sp-xs)}.range-input-options .color-swatch[data-v-2357f7a2]{--swatch-width:3rem;border-radius:50%}.range-input-options .button.-disabled[data-v-2357f7a2]{opacity:0}[data-v-2357f7a2] details{margin-block-end:var(--sp-xs)}[data-v-2357f7a2] details summary{--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);line-height:var(--line-height-base)}@container (width <= 320px){[data-v-2357f7a2] details summary{line-height:var(--line-height-sm)}}@container (width >= 960px){[data-v-2357f7a2] details summary{line-height:var(--line-height-lg)}}[data-v-2357f7a2] details summary{font-size:var(--font-size-sm);font-weight:400;letter-spacing:.02em}[data-v-2357f7a2] details summary strong{font-weight:700}[data-v-2357f7a2] details summary{align-items:center;cursor:pointer;display:flex;font-family:var(--font);font-weight:700;letter-spacing:.1em;opacity:.75;padding-block:var(--sp-xs);text-transform:uppercase;text-wrap:pretty}[data-v-2357f7a2] details summary:before{content:"▶";display:inline-block;font-size:.75em;margin-right:.3em;transition:.15s ease}[data-v-2357f7a2] details summary:focus-visible,[data-v-2357f7a2] details summary:hover{opacity:1}[data-v-2357f7a2] details>.content{padding-block-end:var(--sp-xs)}[data-v-2357f7a2] details[open] summary:before{transform:rotate(90deg)}[data-v-2357f7a2] details .inline{align-items:center;display:flex;gap:var(--sp-sm)}.level-controls[data-v-2357f7a2]{--visualizer-width:100%;--visualizer-height:8rem;display:grid;grid-template-columns:repeat(calc(var(--steps) + 1),1fr)}.level-controls[data-v-2357f7a2] .value-visualizer{border-radius:var(--border-radius-sm);opacity:.5;padding:.25rem;transition:.15s ease}.level-controls[data-v-2357f7a2] .value-visualizer:has(input:hover,input:focus){background-color:var(--bg-up);opacity:1}.level-controls>.button[data-v-2357f7a2]{align-self:center}.color-family[data-v-513e410c],.placeholder[data-v-513e410c]{position:relative}.placeholder[data-v-513e410c]{align-items:center;display:flex;justify-content:center}.shift-target[data-v-513e410c]{--swatch-width:1.25rem;border-radius:50%;display:none;left:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@media (width >= 768px){.shift-target[data-v-513e410c]{display:block}}.color-family[data-v-13df0736]{--swatch-width:100%;border-radius:var(--border-radius-sm);color:var(--fg-up);cursor:pointer;display:grid;grid-template-columns:repeat(calc(var(--steps) + 1),1fr);justify-content:stretch}.color-family[data-v-13df0736]:hover{outline:2px dashed var(--fg);outline-offset:-1px;z-index:1}.color-family.-customize[data-v-13df0736]{outline:2px solid var(--fg-up);outline-offset:-1px;z-index:2}.color-family.--wrap[data-v-13df0736] .color-swatch{aspect-ratio:2}.color-family.--wrap[data-v-13df0736]:not(:last-of-type) .color-swatch:first-child{border-top-left-radius:var(--border-radius-md)}.color-family.--wrap[data-v-13df0736]:not(:last-of-type) .color-swatch:nth-last-child(2){border-top-right-radius:var(--border-radius-md)}.color-family.--wrap[data-v-13df0736]:last-of-type .color-swatch:first-child{border-bottom-left-radius:var(--border-radius-md)}.color-family.--wrap[data-v-13df0736]:last-of-type .color-swatch:nth-last-child(2){border-bottom-right-radius:var(--border-radius-md)}.remove-button[data-v-13df0736]{height:100%;min-height:0;min-width:0;opacity:.4;width:100%}.remove-button[data-v-13df0736]:focus-visible,.remove-button[data-v-13df0736]:hover{opacity:1}.-customize .remove-button[data-v-13df0736]{opacity:1}label[data-v-01fd8e86]{font-family:var(--font);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-wrap:pretty;--line-height-sm:var(--line-height-sm-sm);--line-height-base:var(--line-height-sm-base);--line-height-lg:var(--line-height-sm-lg);line-height:var(--line-height-base)}@container (width <= 320px){label[data-v-01fd8e86]{line-height:var(--line-height-sm)}}@container (width >= 960px){label[data-v-01fd8e86]{line-height:var(--line-height-lg)}}label[data-v-01fd8e86]{font-size:var(--font-size-sm)}label strong[data-v-01fd8e86]{font-weight:900}label[data-v-01fd8e86]{display:block}textarea[data-v-01fd8e86]{background-color:var(--bg-down);border:2px dashed var(--fg-down);border-radius:var(--border-radius-sm);color:var(--fg);font-family:monospace;font-size:.875rem;height:16em;max-width:40em;padding:1em;transition:.15s ease;width:100%}textarea[data-v-01fd8e86]:focus{background-color:var(--bg);border-color:var(--fg-primary);color:var(--fg-up);outline-color:var(--fg-primary)}[data-v-e551ec16] .page-header{grid-template-areas:"title navigation" "controls controls"}[data-v-e551ec16] .page-header .button-list{grid-area:controls;justify-self:flex-end}@media (width >= 820px){[data-v-e551ec16] .page-header{grid-template:var(--navigation-height)/1fr auto auto;grid-template-areas:"title controls navigation"}}.responsitivity-alert[data-v-e551ec16]{margin-block:var(--sp-md) 0;margin-inline:var(--sp-md)}@media (width > 860px){.responsitivity-alert[data-v-e551ec16]{display:none}}.content[data-v-e551ec16]{display:grid;gap:0 var(--sp-md);grid-template-areas:"config" "families" "export";grid-template-columns:1fr;padding:var(--sp-md)}@media (width > 1600px){.content[data-v-e551ec16]{grid-template-areas:"families config" "families export";grid-template-columns:1fr 600px;width:100%}}.config[data-v-e551ec16]{grid-area:config}.config-header[data-v-e551ec16]{display:flex;justify-content:space-between;margin-block-end:var(--sp-xs)}.config-header[data-v-e551ec16] .button[disabled]{opacity:0}.config-header[data-v-e551ec16] .actions{margin-inline-end:-1.25rem}.config-title[data-v-e551ec16]{align-items:center;border-bottom:2px solid var(--fg-primary);display:flex;gap:.3em;justify-content:space-between;margin-block-end:var(--sp-xs);padding-block:0 .25em}.config-title .button[data-v-e551ec16]{margin-block:-.25em;margin-inline-start:var(--sp-sm)}.config-title[data-v-e551ec16] .color-swatch{--swatch-width:1em;border:2px solid;border-radius:50%}.config-title h2[data-v-e551ec16]{font-family:var(--font);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-wrap:pretty;--line-height-sm:var(--line-height-base-sm);--line-height-base:var(--line-height-base-base);--line-height-lg:var(--line-height-base-lg);line-height:var(--line-height-base)}@container (width <= 320px){.config-title h2[data-v-e551ec16]{line-height:var(--line-height-sm)}}@container (width >= 960px){.config-title h2[data-v-e551ec16]{line-height:var(--line-height-lg)}}.config-title h2[data-v-e551ec16]{font-size:var(--font-size-base)}.config-title h2 strong[data-v-e551ec16]{font-weight:900}.config-title h2[data-v-e551ec16]{align-items:center;color:var(--fg-primary);display:flex;font-weight:800;gap:.5em;letter-spacing:.08em}.families[data-v-e551ec16]{grid-area:families;position:relative}.add-family-button[data-v-e551ec16]{left:50%;position:absolute;top:calc(var(--button-min-height)/-2);transform:translate(-50%);z-index:1}.color-export[data-v-e551ec16]{grid-area:export;margin-block-start:var(--sp-lg)}@media (width > 1600px){.color-export[data-v-e551ec16]{margin-block-start:var(--sp-md)}}