.slider.svelte-1fbosnr{---track-width:var(--track-width,unset);---track-height:var(--track-height,calc(6px * var(--ui-scale,1)));---track-background:var(--track-background,#949494);---track-border:var(--track-border,none);---thumb-size:var(--thumb-size,calc(16px * var(--ui-scale,1)));---thumb-background:var(--thumb-background,#2d2d2d);---thumb-border:var(--thumb-border,none);---position:var(--position,0px);---margin-inline-thumb-bigger:max(var(---thumb-size) - var(---track-height), 0px);---margin-inline-thumb-smaller:max(var(---track-height) - var(---thumb-size), 0px);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;margin:auto;position:relative}.slider.svelte-1fbosnr:before{background-color:#0000}[aria-orientation=horizontal].svelte-1fbosnr{width:var(---track-width);max-width:calc(100% - 2 * var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height), var(---thumb-size)) + calc(4px * var(--ui-scale,1)));height:max(var(---track-height), var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block,calc(8px * var(--ui-scale,1)))}[aria-orientation=vertical].svelte-1fbosnr{width:max(var(---track-height), var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2 * var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block,calc(8px * var(--ui-scale,1)))}.track.svelte-1fbosnr{pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height) / 2);box-sizing:border-box;position:absolute}[aria-orientation=horizontal].svelte-1fbosnr .track:where(.svelte-1fbosnr){height:var(---track-height);top:50%;left:0;right:0;transform:translateY(-50%)}[aria-orientation=vertical].svelte-1fbosnr .track:where(.svelte-1fbosnr){width:var(---track-height);top:0;bottom:0;left:50%;transform:translate(-50%)}.thumb.svelte-1fbosnr{pointer-events:none;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size) / 2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;--margin-left:(2 * var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller)) / 2;--left:calc(var(---position) * (100% - 2 * var(--margin-left)) + var(--margin-left));position:absolute;transform:translate(-50%,-50%)}[aria-orientation=horizontal].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-1fbosnr:not(.reverse) .thumb:where(.svelte-1fbosnr){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-1fbosnr .thumb:where(.svelte-1fbosnr){left:50%;top:calc(var(--left))}.slider.svelte-1fbosnr:focus-visible{outline:none}.slider.svelte-1fbosnr:focus-visible .track:where(.svelte-1fbosnr){outline:calc(2px * var(--ui-scale,1)) solid var(--focus-color,red);outline-offset:calc(2px * var(--ui-scale,1))}.picker.svelte-a4gc6u{width:var(--picker-width,calc(200px * var(--ui-scale,1)));height:var(--picker-height,calc(200px * var(--ui-scale,1)));background:linear-gradient(#fff0, #000), linear-gradient(.25turn, #fff, #0000), var(--picker-color-bg);border-radius:var(--picker-radius,calc(8px * var(--ui-scale,1)));-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;display:inline-block;position:relative}.s.svelte-a4gc6u,.v.svelte-a4gc6u{--track-background:none;--track-border:none;--thumb-background:none;--thumb-border:none;--thumb-size:calc(2px * var(--ui-scale,1));--margin-block:0;--track-height:var(--picker-indicator-size,calc(10px * var(--ui-scale,1)));-webkit-user-select:none;user-select:none;position:absolute}.s.svelte-a4gc6u{top:calc(var(--pos-y) * (var(--picker-height,calc(200px * var(--ui-scale,1))) - var(--picker-indicator-size,calc(10px * var(--ui-scale,1))) - calc(4px * var(--ui-scale,1))) / 100 + calc(2px * var(--ui-scale,1)));left:calc(2px * var(--ui-scale,1));--track-width:calc(var(--picker-width,calc(200px * var(--ui-scale,1))) - calc(4px * var(--ui-scale,1)))}.v.svelte-a4gc6u{top:calc(2px * var(--ui-scale,1));left:calc(var(--pos-x) * (var(--picker-width,calc(200px * var(--ui-scale,1))) - var(--picker-indicator-size,calc(10px * var(--ui-scale,1))) - calc(4px * var(--ui-scale,1))) / 100 + calc(2px * var(--ui-scale,1)));--track-width:calc(var(--picker-height,calc(200px * var(--ui-scale,1))) - calc(4px * var(--ui-scale,1)))}label.svelte-1o9p1lc{align-items:center;gap:calc(8px * var(--ui-scale,1));cursor:pointer;border-radius:calc(3px * var(--ui-scale,1));margin:calc(4px * var(--ui-scale,1));height:var(--input-size,calc(25px * var(--ui-scale,1)));-webkit-user-select:none;user-select:none;display:inline-flex}.container.svelte-1o9p1lc{width:var(--input-size,calc(25px * var(--ui-scale,1)));justify-content:center;align-items:center;display:flex;position:relative}input.svelte-1o9p1lc{opacity:0;border:none;flex-shrink:0;width:1px;height:1px;margin:0;padding:0}.alpha.svelte-1o9p1lc{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-1o9p1lc,.color.svelte-1o9p1lc{width:var(--input-size,calc(25px * var(--ui-scale,1)));height:var(--input-size,calc(25px * var(--ui-scale,1)));-webkit-user-select:none;user-select:none;border-radius:50%;position:absolute}.alpha.svelte-1o9p1lc{width:calc(var(--input-size,calc(25px * var(--ui-scale,1))) - calc(2px * var(--ui-scale,1)));height:calc(var(--input-size,calc(25px * var(--ui-scale,1))) - calc(2px * var(--ui-scale,1)))}input.svelte-1o9p1lc:focus-visible~.color:where(.svelte-1o9p1lc){outline:calc(2px * var(--ui-scale,1)) solid var(--focus-color,red);outline-offset:calc(2px * var(--ui-scale,1))}label.svelte-y0a4ew{margin-bottom:calc(4px * var(--ui-scale,1));-webkit-user-select:none;user-select:none;grid-area:nullable;justify-content:center;display:flex}input.svelte-y0a4ew{margin:0}input.svelte-y0a4ew:focus-visible{outline:none}input.svelte-y0a4ew:focus-visible+span:where(.svelte-y0a4ew){width:calc(14px * var(--ui-scale,1));height:calc(14px * var(--ui-scale,1));border-radius:calc(2px * var(--ui-scale,1));outline:calc(2px * var(--ui-scale,1)) solid var(--focus-color,red);outline-offset:calc(2px * var(--ui-scale,1))}div.svelte-y0a4ew{width:calc(32px * var(--ui-scale,1));aspect-ratio:2;position:relative}div.svelte-y0a4ew :where(.svelte-y0a4ew){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-1ph6e4z{left:calc(var(--pos-x) * (var(--picker-width,calc(200px * var(--ui-scale,1))) - calc(2px * var(--ui-scale,1))) / 100 - var(--picker-indicator-size,calc(10px * var(--ui-scale,1))) / 2 + 1px);top:calc(var(--pos-y) * (var(--picker-height,calc(200px * var(--ui-scale,1))) - calc(2px * var(--ui-scale,1))) / 100 - var(--picker-indicator-size,calc(10px * var(--ui-scale,1))) / 2 + 1px);width:var(--picker-indicator-size,calc(10px * var(--ui-scale,1)));height:var(--picker-indicator-size,calc(10px * var(--ui-scale,1)));box-shadow:0 0 calc(4px * var(--ui-scale,1)) black;pointer-events:none;z-index:1;background-color:#fff;border-radius:50%;transition:box-shadow .2s;position:absolute}.swatches.svelte-1q3i30g{grid-template-columns:var(--cp-swatch-grid-template-columns,repeat(auto-fit, minmax(calc(24px * var(--ui-scale,1)), 1fr)));gap:calc(8px * var(--ui-scale,1));width:100%;height:100%;margin-top:calc(8px * var(--ui-scale,1));margin-bottom:calc(8px * var(--ui-scale,1));display:grid}.swatch.svelte-1q3i30g{cursor:pointer;aspect-ratio:1;border:none;width:100%;height:auto;margin:0;padding:0;display:block}.swatch.svelte-1q3i30g:focus{outline:calc(2px * var(--ui-scale,1)) solid var(--focus-color,red);outline-offset:calc(2px * var(--ui-scale,1))}.text-input.svelte-1xmlgu5{margin:var(--text-input-margin,calc(5px * var(--ui-scale,1)) 0 0)}.input-container.svelte-1xmlgu5{gap:calc(10px * var(--ui-scale,1));flex:1;display:flex}input.svelte-1xmlgu5,button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{background-color:var(--cp-input-color,#eee);color:var(--cp-text-color,var(--cp-border-color));border-radius:calc(5px * var(--ui-scale,1));height:calc(30px * var(--ui-scale,1));line-height:calc(30px * var(--ui-scale,1));text-align:center;border:none;flex:1;padding:0}input.svelte-1xmlgu5{width:calc(5px * var(--ui-scale,1));font-family:inherit}button.svelte-1xmlgu5,.button-like.svelte-1xmlgu5{margin:calc(8px * var(--ui-scale,1)) 0 0;height:calc(30px * var(--ui-scale,1));cursor:pointer;flex:1;width:100%;font-family:inherit;transition:background-color .2s;position:relative}.button-like.svelte-1xmlgu5{cursor:default}.appear.svelte-1xmlgu5,.disappear.svelte-1xmlgu5{width:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.svelte-1xmlgu5:hover .disappear:where(.svelte-1xmlgu5),.appear.svelte-1xmlgu5{opacity:0}.disappear.svelte-1xmlgu5,button.svelte-1xmlgu5:hover .appear:where(.svelte-1xmlgu5){opacity:1}button.svelte-1xmlgu5:hover{background-color:var(--cp-button-hover-color,#ccc)}input.svelte-1xmlgu5:focus,button.svelte-1xmlgu5:focus{outline:none}input.svelte-1xmlgu5:focus-visible,button.svelte-1xmlgu5:focus-visible{outline:calc(2px * var(--ui-scale,1)) solid var(--focus-color,red);outline-offset:calc(2px * var(--ui-scale,1))}div.svelte-2y1dab{padding:calc(8px * var(--ui-scale,1));background-color:var(--cp-bg-color,white);margin:0 calc(10px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1));border:1px solid var(--cp-border-color,black);border-radius:calc(12px * var(--ui-scale,1));width:max-content;display:none}.is-open.svelte-2y1dab{display:inline-block}[role=dialog].svelte-2y1dab{top:calc(var(--input-size,calc(25px * var(--ui-scale,1))) + calc(12px * var(--ui-scale,1)));z-index:var(--picker-z-index,2);position:absolute;left:0}span.svelte-rmjmwh{color:var(--cp-text-color,var(--cp-border-color));--alpha-grid-bg:linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / calc(10px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1)), linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) calc(5px * var(--ui-scale,1)) calc(5px * var(--ui-scale,1)) / calc(10px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1));position:relative}.h.svelte-rmjmwh,.a.svelte-rmjmwh{--track-height:var(--slider-width,calc(10px * var(--ui-scale,1)));--track-width:var(--picker-height,calc(200px * var(--ui-scale,1)));--track-border:none;--thumb-size:calc(var(--slider-width,calc(10px * var(--ui-scale,1))) - calc(3px * var(--ui-scale,1)));--thumb-background:white;--thumb-border:1px solid black;--margin-block:0;--gradient-direction:.5turn;justify-content:center;display:inline-flex}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh),.horizontal.svelte-rmjmwh .a:where(.svelte-rmjmwh){--track-width:calc(var(--picker-width,calc(200px * var(--ui-scale,1))) - calc(12px * var(--ui-scale,1)));--gradient-direction:.25turn;margin:calc(4px * var(--ui-scale,1)) calc(6px * var(--ui-scale,1))}.horizontal.svelte-rmjmwh .h:where(.svelte-rmjmwh){margin-top:calc(8px * var(--ui-scale,1))}.vertical.svelte-rmjmwh .h:where(.svelte-rmjmwh),.vertical.svelte-rmjmwh .a:where(.svelte-rmjmwh){margin-left:calc(3px * var(--ui-scale,1))}.h.svelte-rmjmwh{--gradient-hue:#ff1500fb, #ff0 17.2%, #ff0 18.2%, #0f0 33.3%, #0ff 49.5%, #0ff 51.5%, #00f 67.7%, #f0f 83.3%, red;--track-background:linear-gradient(var(--gradient-direction), var(--gradient-hue));grid-area:hue}.a.svelte-rmjmwh{margin-top:calc(2px * var(--ui-scale,1));--alpha-grid-bg:linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) 0 0 / calc(10px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1)), linear-gradient(45deg, #eee 25%, #0000 25%, #0000 75%, #eee 75%) calc(5px * var(--ui-scale,1)) calc(5px * var(--ui-scale,1)) / calc(10px * var(--ui-scale,1)) calc(10px * var(--ui-scale,1));--track-background:linear-gradient(var(--gradient-direction), #0000, var(--alphaless-color)), var(--alpha-grid-bg);grid-area:alpha}span.svelte-rmjmwh .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}div.svelte-tahgbx{background-color:var(--cp-bg-color,white);margin:0 calc(10px * var(--ui-scale,1)) calc(15px * var(--ui-scale,1));border:1px solid var(--cp-border-color,black);border-radius:calc(8px * var(--ui-scale,1));--text-input-margin:calc(5px * var(--ui-scale,1)) calc(5px * var(--ui-scale,1)) calc(6px * var(--ui-scale,1));--picker-radius:calc(8px * var(--ui-scale,1)) calc(8px * var(--ui-scale,1)) 0 0;--picker-width:calc(260px * var(--ui-scale,1));display:none}.is-open.svelte-tahgbx{flex-direction:column;display:flex}[role=dialog].svelte-tahgbx{top:calc(var(--input-size,calc(25px * var(--ui-scale,1))) + calc(12px * var(--ui-scale,1)));z-index:var(--picker-z-index,2);position:absolute;left:0}div.svelte-tahgbx:not([role=dialog]){flex-direction:column;display:inline-flex}div.svelte-qc09xp{background-color:var(--cp-bg-color,white);margin:0 calc(10px * var(--ui-scale,1)) calc(15px * var(--ui-scale,1));box-sizing:border-box;width:calc(100% - calc(20px * var(--ui-scale,1)));max-width:calc(262px * var(--ui-scale,1));border:1px solid var(--cp-border-color,black);border-radius:calc(8px * var(--ui-scale,1));--text-input-margin:calc(5px * var(--ui-scale,1)) calc(5px * var(--ui-scale,1)) calc(6px * var(--ui-scale,1));--picker-radius:calc(8px * var(--ui-scale,1)) calc(8px * var(--ui-scale,1)) 0 0;--picker-width:100cqw;--picker-height:calc(200px * var(--ui-scale,1));display:none;container-type:inline-size}.is-open.svelte-qc09xp{flex-direction:column;display:flex}div.svelte-qc09xp:not([role=dialog]){flex-direction:column;display:inline-flex}