.ui-color-picker{appearance:none;width:100%;color:var(--color-label);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:0;display:flex}.ui-color-picker:disabled{cursor:default}.ui-color-picker--disabled{opacity:.4}.ui-color-picker__well{background:conic-gradient(#ff0,red 60deg,#f0f 120deg,#00f 180deg,#0ff 240deg,#0f0 300deg,#ff0);border-radius:50%;flex-shrink:0;width:28px;height:28px;display:block;position:relative;-webkit-mask:radial-gradient(circle,#0000 10.5px,#000 11px);mask:radial-gradient(circle,#0000 10.5px,#000 11px)}.ui-color-picker__swatch{background:var(--ui-color-picker-value);border-radius:50%;display:block;position:absolute;inset:5px}.ui-color-picker:focus-visible{outline:2px solid var(--color-tint);outline-offset:2px;border-radius:4px}.ui-color-picker--presets{cursor:default}.ui-color-picker__presets{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ui-color-picker__preset{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;width:30px;height:30px;margin:0;padding:0;position:relative}.ui-color-picker__preset:after{content:"";background:var(--ui-color-picker-preset);border-radius:50%;position:absolute;inset:1px}.ui-color-picker__preset--selected{background:var(--color-label)}.ui-color-picker__preset--selected:after{inset:4px}.ui-color-picker__open{appearance:none;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:flex}.ui-color-picker__preset:disabled,.ui-color-picker__open:disabled{cursor:default}.ui-color-picker__preset:focus-visible,.ui-color-picker__open:focus-visible{outline:2px solid var(--color-tint);outline-offset:2px;border-radius:50%}.ui-color-picker__well--none .ui-color-picker__swatch,.ui-color-picker__preset--none:after{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--color-destructive) calc(50% - 1px), var(--color-destructive) calc(50% + 1px), transparent calc(50% + 1px)), var(--color-background);box-shadow:inset 0 0 0 1px var(--color-separator)}.ui-color-picker__popover{position-area:bottom span-left;position-try-fallbacks:flip-block, flip-inline;border:1px solid var(--color-separator);background:var(--color-background-element);width:320px;max-height:80vh;color:var(--color-label);border-radius:16px;margin:0;padding:16px;inset:auto;overflow:auto;box-shadow:0 8px 24px #0000002e}.ui-color-picker-inline{flex-direction:column;gap:12px;width:100%;display:flex}.ui-color-picker__presets--inline{justify-content:flex-start}.ui-color-picker__presets--inline .ui-color-picker__preset:disabled{opacity:.4}