.color-picker.svelte-y1ou1u{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}button.svelte-y1ou1u,.custom.svelte-y1ou1u{cursor:pointer;min-height:40px;font:inherit;border:1px solid #0000;border-radius:.55rem;flex:none;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex;position:relative}button.svelte-y1ou1u{color:inherit;background:0 0}.automatic.svelte-y1ou1u{border-color:var(--color-gray-300);margin-right:.15rem;padding:.45rem .75rem}.preset.svelte-y1ou1u{padding:5px}.swatch.svelte-y1ou1u{border:1px solid #7c899580;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.check.svelte-y1ou1u{color:#fff;text-shadow:0 1px 3px #000,-1px -1px 2px #000}.selected.svelte-y1ou1u{border-color:#b48a2e;box-shadow:0 0 0 1px #b48a2e}.custom.svelte-y1ou1u{border-color:var(--color-gray-300);gap:.4rem;padding:5px .55rem 5px 5px}.custom.svelte-y1ou1u .swatch:where(.svelte-y1ou1u){border-radius:.3rem}.custom.svelte-y1ou1u svg:where(.svelte-y1ou1u){color:#fff;filter:drop-shadow(0 1px 1px #000)drop-shadow(0 0 1px #000);width:17px;height:17px}input.svelte-y1ou1u{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}button.svelte-y1ou1u:focus-visible,.custom.svelte-y1ou1u:focus-within{outline:2px solid var(--color-primary);outline-offset:3px}button.svelte-y1ou1u:hover:not(:disabled),.custom.svelte-y1ou1u:hover:not(.disabled){background:var(--color-gray-100)}button.svelte-y1ou1u:disabled,.disabled.svelte-y1ou1u{opacity:.5;cursor:default}input.svelte-y1ou1u:disabled{cursor:default}.compact.svelte-y1ou1u{flex-wrap:nowrap;gap:.25rem}.compact.svelte-y1ou1u .custom:where(.svelte-y1ou1u){min-height:36px;padding:4px}.compact.svelte-y1ou1u .reset:where(.svelte-y1ou1u){width:30px;min-height:36px;padding:0}.reset.svelte-y1ou1u svg:where(.svelte-y1ou1u){width:17px;height:17px}.automatic-preview.svelte-y1ou1u .swatch:where(.svelte-y1ou1u){background:conic-gradient(#da4a47,#e8c844,#42a06a,#4595d1,#9868c5,#da4a47)}.dark .automatic.svelte-y1ou1u,.dark .custom.svelte-y1ou1u{border-color:var(--color-gray-700)}.dark .selected.svelte-y1ou1u{border-color:#b48a2e}.dark button.svelte-y1ou1u:hover:not(:disabled),.dark .custom.svelte-y1ou1u:hover:not(.disabled){background:var(--color-gray-900)}@media (width<=500px){.color-picker.svelte-y1ou1u:not(.compact){grid-template-columns:repeat(9,minmax(0,1fr));gap:.3rem .15rem;display:grid}.automatic.svelte-y1ou1u{grid-column:span 3;margin:0;padding:.45rem .3rem;font-size:.8rem}.preset.svelte-y1ou1u{min-width:0;padding:2px}.preset.svelte-y1ou1u .swatch:where(.svelte-y1ou1u){width:23px;height:23px}.color-picker.svelte-y1ou1u:not(.compact) .custom:where(.svelte-y1ou1u){grid-column:span 6;font-size:.8rem}}