.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-1juu5wp.svelte-1juu5wp{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-1juu5wp.svelte-1juu5wp{opacity:.5}.input.svelte-1juu5wp.svelte-1juu5wp:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-1juu5wp.svelte-1juu5wp{position:relative}.title.svelte-1juu5wp.svelte-1juu5wp{position:absolute;top:0;left:0;width:100%;pointer-events:none;display:none}.title.show.svelte-1juu5wp.svelte-1juu5wp{display:block}.color-frame.svelte-1juu5wp.svelte-1juu5wp{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-1juu5wp .color-frame-color.svelte-1juu5wp{width:100%;height:100%;box-sizing:border-box;border-radius:inherit;border:1px solid hsla(0,0%,100%,.3)}input.svelte-1juu5wp.svelte-1juu5wp{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-1juu5wp.svelte-1juu5wp:focus{box-shadow:none}input.show.svelte-1juu5wp.svelte-1juu5wp{opacity:1;cursor:text}.colors .color-frame{margin:0!important;height:3em!important;width:3.5em!important;margin-inline-end:.6em!important}@media screen and (min-width: 768px){.colors .color-frame{margin-inline-end:.6em!important;width:2.6em!important}}.colors .color-frame{border-radius:.85em 0 0 .85em!important}.colors.rtl.svelte-3pdh7e .input{direction:ltr}.colors .color-frame-color{border:none!important}.colors .input{padding:0!important;border-width:2px!important;border-color:#d4d4d4!important;border-radius:1em!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.colors .input:focus-within{border-color:#000!important}.colors .input .text{display:flex;height:100%;align-items:center;direction:ltr;line-height:3.2em;flex-grow:1}.colors .input .color-picker{top:auto!important;bottom:100%!important;height:9.5em;padding:.5em!important;margin-bottom:1px!important;border-radius:.5em!important;box-shadow:0 -.3em 3em #0000004d}