.color-area.svelte-1is38te{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;position:relative;border-radius:4px;background:linear-gradient(transparent,#000),linear-gradient(.25turn,#ffffff,transparent),var(--hue-color)}.handle.svelte-1is38te{width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 3px #00000080}.slider.svelte-g1b74j.svelte-g1b74j{padding:0rem .3rem;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative}.slider-track.svelte-g1b74j.svelte-g1b74j{height:100%;width:.5rem;border-radius:4px}.hue.svelte-g1b74j .slider-track.svelte-g1b74j{background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha.svelte-g1b74j .slider-track.svelte-g1b74j{background-image:repeating-conic-gradient(#bfbfbf 0,#bfbfbf 25%,#fff 0,#fff 50%);background-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.alpha.svelte-g1b74j .slider-track-overlay.svelte-g1b74j{width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 0%,var(--color) 100%);border-radius:inherit}.slider-handle.svelte-g1b74j.svelte-g1b74j{width:1rem;height:1rem;box-sizing:border-box;border-radius:100px;left:50%;transform:translate(-50%,-50%);position:absolute;border:2px solid #ffffff;box-shadow:0 0 3px #00000080}.color-picker.svelte-70n9f7{position:absolute;top:100%;left:0;display:flex;border:1px solid hsla(222,14%,47%,.3);background-color:inherit;border-radius:5px;box-sizing:border-box;padding:12px;width:100%;height:210px;z-index:50}.color-picker.above.svelte-70n9f7{top:auto;bottom:100%}.color-picker.hidden.svelte-70n9f7{display:none}.color-picker.svelte-70n9f7 .slider{margin-left:12px}.input.svelte-edclcp.svelte-edclcp{width:var(--input-width, 100%);display:flex;justify-items:center;align-items:center;box-sizing:border-box;border-radius:4px;padding:0 10px;background:var(--picker-background, #ffffff);border:1px solid hsla(222,14%,47%,.3);box-shadow:0 1px 2px #0000000d;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;cursor:default}.input.disabled.svelte-edclcp.svelte-edclcp{opacity:.5}.input.svelte-edclcp.svelte-edclcp:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-edclcp.svelte-edclcp{position:relative}.title.svelte-edclcp.svelte-edclcp{position:absolute;top:0;left:0;width:100%;pointer-events:none;display:none}.title.show.svelte-edclcp.svelte-edclcp{display:block}.color-frame.svelte-edclcp.svelte-edclcp{pointer-events:none;height:20px;margin:8px 11px 8px 0;width:38px;flex-shrink:0;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;background-image:repeating-conic-gradient(#ccc 0,#ccc 25%,#fff 0,#fff 50%);background-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.color-frame.svelte-edclcp .color-frame-color.svelte-edclcp{width:100%;height:100%;box-sizing:border-box;border-radius:inherit;border:1px solid hsla(0,0%,100%,.3)}input.svelte-edclcp.svelte-edclcp{color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;width:100%;outline:none;border:none;padding:0;margin:0;opacity:0;cursor:inherit;line-height:normal}input.svelte-edclcp.svelte-edclcp:focus{box-shadow:none}input.show.svelte-edclcp.svelte-edclcp{opacity:1;cursor:text}.input{padding:4px!important}.color-frame{margin:0 10px 0 0!important;height:100%!important;width:32px!important;border-radius:.5rem!important;border-width:1px}.color-picker{width:220px!important;height:170px!important;top:111%!important}div.svelte-1ewowve,.svelte-1ewowve input[type=number]::-webkit-outer-spin-button,.svelte-1ewowve input[type=number]::-webkit-inner-spin-button,.svelte-1ewowve input[type=number]{-webkit-appearance:none;margin:0;-moz-appearance:textfield!important}.skeleton.svelte-htge8m{width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:svelte-htge8m-pulse 1.5s infinite;border-radius:4px}@keyframes svelte-htge8m-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.confetti.svelte-8n2gmn{position:absolute;width:8px;height:16px;border-radius:2px;animation:svelte-8n2gmn-fall linear;opacity:0}@keyframes svelte-8n2gmn-fall{0%{transform:translateY(-50px) translate(0) rotate(0);opacity:1}25%{transform:translateY(125px) translate(-3px) rotate(calc(var(--rotate-angle) / 4))}50%{transform:translateY(250px) translate(5px) rotate(calc(var(--rotate-angle) / 2))}75%{transform:translateY(375px) translate(-6px) rotate(calc(var(--rotate-angle) * .75))}to{transform:translateY(500px) translate(0) rotate(var(--rotate-angle));opacity:0}}.highlight.svelte-1oiezfk{position:fixed;border:3px solid #cddb5b;box-shadow:0 0 10px #cddb5b;z-index:1000;pointer-events:none}.tooltip.svelte-1oiezfk{position:absolute;background:#fff;padding:10px;border-radius:10px;z-index:1001;top:calc(100% + 10px)}.top.svelte-1oiezfk,.bottom.svelte-1oiezfk,.left.svelte-1oiezfk,.right.svelte-1oiezfk{position:fixed;background:#0009;z-index:998}@media screen and (min-width: 400px){.overscroll-contain::-webkit-scrollbar{width:none}.overscroll-contain::-webkit-scrollbar-track{background:#fff}.overscroll-contain::-webkit-scrollbar-thumb{background:#bbb}.overscroll-contain::-webkit-scrollbar-thumb:hover{background:#999}.overscroll-contain{scrollbar-color:#bbb #ffffff;scrollbar-width:none}}.not-selected.svelte-h78aai{-webkit-user-select:none;-moz-user-select:none;user-select:none}