.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%}