button.picker.svelte-1vc257y{background:rgba(170,170,170,.2);border:1px hsl(0deg,0%,73%) solid;color:#737373;font-size:1.25rem;font-weight:400}.group.svelte-v3ilkl{display:flex;flex-direction:row;flex:1 0 100%}.gradient.svelte-ohoto4{box-shadow:var(--xs-shadow);border-radius:var(--sm-radius);grid-area:p;contain:content}.gradient-handle.svelte-ohoto4{transform:translate(calc(var(--hsl-pos-x) - 50%),calc(var(--hsl-pos-y) - 50%));width:1rem;height:1rem;background:#fff;border:1px #000 solid;will-change:transform;border-radius:50%;position:absolute}.input-container.svelte-azf12n.svelte-azf12n{margin-left:auto}.hidden.svelte-azf12n.svelte-azf12n{visibility:hidden;display:none!important}.hsl.svelte-azf12n.svelte-azf12n{display:flex;gap:1rem}.hsl.svelte-azf12n input.svelte-azf12n{margin-bottom:0;max-width:5ch!important;min-width:unset;color:unset;padding-left:0;padding-right:0;text-align:center}.hex.svelte-azf12n input.svelte-azf12n{max-width:10rem!important;max-width:unset}input.svelte-azf12n.svelte-azf12n{margin-bottom:0;font-size:1.05em;font-weight:500;color:#323232}label.svelte-azf12n.svelte-azf12n{display:flex;flex-direction:column;text-align:center;align-items:center;font-weight:500;color:#505050;text-transform:uppercase}.color.svelte-ohoto4.svelte-ohoto4{width:100%;max-width:100%;height:100%;grid-area:h;border-radius:var(--sm-radius);box-shadow:var(--xs-shadow);position:relative;background:linear-gradient(to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%)}.color-handle.svelte-ohoto4.svelte-ohoto4{width:.125rem;height:100%;outline:rgba(0,0,0,.2117647059) solid .1vw;box-shadow:0 0 .25rem #000;top:0;background:#fff;position:absolute;padding:.2rem;transform:translate3d(calc(var(--color-pos-x)),0,0);left:0;will-change:transform;border-radius:52.5rem}.input.svelte-ohoto4.svelte-ohoto4{grid-area:v;display:grid;grid-template-columns:.5fr 1fr}.value.svelte-ohoto4.svelte-ohoto4{grid-area:r;display:flex;flex-wrap:nowrap;white-space:pre;justify-content:space-around;align-content:flex-start;flex-direction:row;height:100%;width:100%;position:relative}.value.svelte-ohoto4 .color-output.svelte-ohoto4{border-radius:var(--sm-radius);box-shadow:var(--xs-shadow);border:#c7c7c7 solid 1px;height:100%;width:100%;cursor:pointer;position:relative}.value.svelte-ohoto4 .color-output.svelte-ohoto4:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;content:"";background:rgba(0,0,0,.089);transition:cubic-bezier(.645,.045,.355,1) 75ms opacity,cubic-bezier(.645,.045,.355,1) 75ms background}.value.svelte-ohoto4 .color-output.svelte-ohoto4:hover:before{position:absolute;top:0;right:0;bottom:25%;left:0;width:100%;height:100%;opacity:1;font-size:1.125rem;color:#f2f2f2;font-weight:600;text-align:center;background:rgba(0,0,0,.089);display:flex;place-items:center;justify-items:center;content:"Click to copy!";flex-direction:column;justify-content:center}.picker.svelte-ohoto4.svelte-ohoto4{width:25rem;max-height:30rem;grid-template-columns:1fr;display:grid;padding:1rem;gap:1rem;background:var(--c-blue-grey-50);isolation:isolate;z-index:20;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);grid-template-areas:"p p p" "r r r" "h h h" "v v v";grid-template-rows:15rem .5fr 1fr 1fr;margin:0 auto;box-shadow:var(--sm-shadow);border-radius:var(--md-radius)}@media screen and (min-width: 640px){.picker.svelte-ohoto4.svelte-ohoto4{top:10%;left:50%;position:absolute;transform:translate(-50%)}}svg.svelte-10f1u7y{transform:scale(1);transition:transform 125ms ease}svg.svelte-10f1u7y:active{transform:scale(1.1)}.color.svelte-gj804c.svelte-gj804c{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:.25fr 1fr .25fr;place-items:center;grid-template-areas:"l o r" "l v r";height:100%;color:var(--text-color);font-weight:700;font-size:1.6rem;letter-spacing:.02rem;align-items:center;justify-content:center;position:relative;box-shadow:0 0 0 0 transparent inset;min-height:20rem;contain:size}.color.mobile.svelte-gj804c.svelte-gj804c{min-height:unset;grid-template-columns:1fr 1fr;grid-template-rows:.25fr 1fr .25fr;grid-template-areas:"l l" "v o" "r r"}@media screen and (min-width: 640px){.color.svelte-gj804c.svelte-gj804c{min-height:20rem}.color.svelte-gj804c .top.svelte-gj804c{opacity:0;transition:opacity linear 75ms}.color.svelte-gj804c:hover .top.svelte-gj804c{opacity:1}}.color-left.svelte-gj804c.svelte-gj804c,.color-right.svelte-gj804c.svelte-gj804c{position:absolute;opacity:0;width:100%;display:flex;flex-direction:column;z-index:1;justify-content:center;transition:cubic-bezier(.455,.03,.515,.955) 75ms opacity}.color-left.svelte-gj804c button.svelte-gj804c,.color-right.svelte-gj804c button.svelte-gj804c{transition:cubic-bezier(.455,.03,.515,.955) 75ms opacity,cubic-bezier(.455,.03,.515,.955) 125ms transform;opacity:0;transform:scale(0)}.color-left.svelte-gj804c.svelte-gj804c:hover,.color-right.svelte-gj804c.svelte-gj804c:hover{opacity:1}.color-left.svelte-gj804c:hover button.svelte-gj804c,.color-right.svelte-gj804c:hover button.svelte-gj804c{opacity:1;transform:scale(1)}@media screen and (min-width: 640px){.color-left.svelte-gj804c.svelte-gj804c,.color-right.svelte-gj804c.svelte-gj804c{height:100%}}.color-left.svelte-gj804c.svelte-gj804c{grid-area:l;top:0}.color-left.svelte-gj804c button.svelte-gj804c{top:-2rem}@media screen and (min-width: 640px){.color-left.svelte-gj804c.svelte-gj804c{top:unset;left:-50%}.color-left.svelte-gj804c button.svelte-gj804c{top:unset}}.color-right.svelte-gj804c.svelte-gj804c{grid-area:r;bottom:0}.color-right.svelte-gj804c button.svelte-gj804c{bottom:-2rem}@media screen and (min-width: 640px){.color-right.svelte-gj804c.svelte-gj804c{bottom:unset;right:-50%}.color-right.svelte-gj804c button.svelte-gj804c{bottom:unset}}.c-container.svelte-gj804c.svelte-gj804c{position:relative;height:100%;display:flex;flex:1 1 auto;width:100%;flex-direction:column}.icon.svelte-gj804c.svelte-gj804c{position:relative;text-align:center;font-weight:700;cursor:pointer}.text.svelte-gj804c.svelte-gj804c{white-space:pre-wrap;overflow-wrap:break-word;width:100%;font-size:large;display:inline-flex}.top.svelte-gj804c.svelte-gj804c{grid-area:o;height:100%}.bottom.svelte-gj804c.svelte-gj804c{grid-area:v}.options.svelte-gj804c.svelte-gj804c{position:relative;top:0;right:0;bottom:0;left:0;display:inline-flex;flex-direction:column;align-content:center;justify-content:space-evenly;flex-wrap:wrap;height:100%}.modal.svelte-15k5cu7.svelte-15k5cu7{max-width:var(--width);max-height:100%;background:#f9f9f9;position:fixed;height:auto;width:100%;z-index:10;display:grid;grid-template-areas:"heading" "body";grid-template-rows:auto 1fr 5rem;overflow:hidden;border-radius:var(--md-radius);top:50%;left:50%;box-shadow:var(--lg-shadow);transform:translate(-50%,-50%);padding-bottom:.8rem}@media screen and (min-width: 640px){.modal.svelte-15k5cu7.svelte-15k5cu7{max-height:80%}}.x.svelte-15k5cu7.svelte-15k5cu7{position:absolute;top:0;right:0;margin:.8rem;cursor:pointer}h1.svelte-15k5cu7.svelte-15k5cu7{font-size:2rem}main.svelte-15k5cu7.svelte-15k5cu7{margin-bottom:1em}header.svelte-15k5cu7.svelte-15k5cu7{padding-bottom:.4rem;padding-top:.8rem}header.svelte-15k5cu7 p.svelte-15k5cu7{font-weight:500;font-size:1.12rem}.grid.svelte-1s70nok{display:inline-flex;flex-wrap:wrap;width:100%;height:100%;flex-direction:row;gap:.5rem;overflow-y:scroll;justify-content:center;align-items:center}.css-color.svelte-1s70nok{max-width:6.5rem;max-height:6.5rem;height:100%;display:flex;position:relative;width:100%;box-shadow:0 0 #0000 inset,0 0 .5rem #0000006e;outline:0px #aaa solid;transition:linear 25ms outline,linear 75ms box-shadow;border-radius:var(--sm-radius)}@media (hover: hover){.css-color.svelte-1s70nok:hover{outline:.01rem #c9d5ec solid;box-shadow:0 0 .25rem .125rem #f2e3ffa1 inset,0 0 .5rem #0000009f;cursor:pointer}}.css-color.clicked.svelte-1s70nok{outline:.1rem #8db5ff solid;box-shadow:0 0 .5rem #000000ab,0 0 .05rem .2rem #5969fa inset}.css-color.small.svelte-1s70nok{flex-grow:1;height:100%}footer.svelte-1s70nok{bottom:0;width:100%;max-width:100%;height:100%;border-radius:inherit;border-top:rgb(124,124,124) solid 1px;box-shadow:0 -.25rem .25rem #00000017;overflow:hidden;background-color:#e4e4e4}.footer-grid.svelte-1s70nok{display:flex;height:100%;place-items:center;width:100%;overflow-x:auto}.paletteExport.svelte-gdkhzj{max-width:50rem;height:100%;background:#f9f9f9;position:fixed;max-height:80%;width:100%;z-index:10;display:grid;grid-template-areas:"heading" "body";grid-template-rows:auto 1fr;border-radius:var(--md-radius);top:50%;left:50%;box-shadow:var(--lg-shadow);transform:translate(-50%,-50%);overflow-y:scroll}header.svelte-gdkhzj{grid-area:heading}main.svelte-gdkhzj{display:grid;grid-template-rows:1fr 6rem;grid-area:body}pre.svelte-gdkhzj,code.svelte-gdkhzj{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}pre.svelte-gdkhzj{border-radius:var(--sm-radius);background:hsla(0deg,15%,94%,.7);border:1px hsl(0deg,0%,67%) solid;padding:1rem;overflow-y:scroll;position:relative;text-rendering:geometricPrecision;max-height:23rem;height:auto}.item.svelte-9wrry3{display:block;padding:.5rem 1rem;color:var(--c-grey-700);font-size:1.3rem;font-weight:500;cursor:pointer;border-radius:var(--md-radius)}.item.svelte-9wrry3:hover,.selected.svelte-9wrry3{background-color:var(--c-grey-100);color:var(--c-cyan-a700)}li.svelte-9wrry3{padding:.125rem .25rem}ul.svelte-9wrry3{padding:.8rem;border-radius:var(--md-radius);border:1px #aaa solid}.item.svelte-1ct32kw{padding-left:1.25rem!important;padding-right:1.25rem!important}.item.svelte-1ct32kw{padding-top:.75rem!important;padding-bottom:.75rem!important}:root{--none-radius:0rem;--none-shadow:0 0 0rem 0 rgba(0, 0, 0, .432);--xs-radius:.25rem;--xs-shadow:0 0 .25rem 0 rgba(0, 0, 0, .432);--sm-radius:.5rem;--sm-shadow:0 0 .5rem 0 rgba(0, 0, 0, .432);--md-radius:1rem;--md-shadow:0 0 1rem 0 rgba(0, 0, 0, .432);--lg-radius:1.25rem;--lg-shadow:0 0 1.25rem 0 rgba(0, 0, 0, .432);--xl-radius:1.5rem;--xl-shadow:0 0 1.5rem 0 rgba(0, 0, 0, .432)}.item.svelte-1ct32kw{display:inline-flex;white-space:nowrap;font-size:1rem;font-weight:600;color:var(--text-secondary);background:rgba(0,0,0,0);transition:background .1s linear,color .1s linear;align-items:center;gap:.5rem}.item.svelte-1ct32kw:hover{color:var(--c-cyan-a700);cursor:pointer;background:hsla(0deg,0%,63%,.1)}.item-title.svelte-1ct32kw{display:none;visibility:visible}@media screen and (min-width: 640px){.item-title.svelte-1ct32kw{display:inline;visibility:visible}}nav.svelte-1ct32kw{display:flex;flex-direction:row;width:100%;border-bottom:hsl(0deg,0%,83%) 1px solid;border-top-left-radius:1ch;border-top-right-radius:1ch;background-color:var(--c-blue-grey-50);justify-content:space-between}.color-grid.svelte-1dghzuo{display:grid;flex-wrap:wrap;grid-auto-rows:minmax(3rem,15rem);max-width:90rem;width:100%;position:relative;height:100%;max-height:100%;margin:0 auto}@media screen and (min-width: 640px){.color-grid.svelte-1dghzuo{grid-template-rows:unset;grid-auto-rows:unset;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}.animate-wrapper.svelte-1dghzuo{contain:style;width:100%}input[type=range].svelte-1wece36::-webkit-slider-runnable-track{background:linear-gradient(to right,hsl(0deg,100%,50%) 0%,hsl(60deg,100%,50%) 17%,hsl(120deg,100%,50%) 33%,hsl(180deg,100%,50%) 50%,hsl(240deg,100%,50%) 67%,hsl(300deg,100%,50%) 83%,hsl(0deg,100%,50%) 100%);border-radius:var(--sm-radius);height:1.5rem;border:none;outline:none;box-shadow:none;display:inline-block}input[type=range].svelte-1wece36::-webkit-slider-thumb{background-color:#fff;-webkit-appearance:none;appearance:none;width:3%;height:100%;border-radius:50rem}header.svelte-h2bolg{margin:0 auto;display:flex;justify-content:center}