[data-color-picker-background][data-v-a89bf9ee]{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0)}[data-color-picker-track][data-v-a89bf9ee]{background-image:linear-gradient(red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.arch-color-swatch[data-v-524b15ae]{position:relative}.arch-color-swatch--transparent[data-v-524b15ae]{background-color:#fff;background-image:linear-gradient(45deg,#cbd5e1 25%,#0000 0),linear-gradient(-45deg,#cbd5e1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#cbd5e1 0),linear-gradient(-45deg,#0000 75%,#cbd5e1 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.arch-color-swatch--transparent[style*=--arch-swatch-fg][data-v-524b15ae]:after{content:"";border-radius:inherit;background:var(--arch-swatch-fg);pointer-events:none;position:absolute;inset:0}.dark{background-color:#1e293b;background-image:linear-gradient(45deg,#475569 25%,#0000 0),linear-gradient(-45deg,#475569 25%,#0000 0),linear-gradient(45deg,#0000 75%,#475569 0),linear-gradient(-45deg,#0000 75%,#475569 0)}.arch-color-swatch--inherited[data-v-524b15ae]{outline:1px dashed color-mix(in oklab,var(--ui-text-muted,#64748b) 80%,transparent);outline-offset:-1px}.arch-color-picker--compact[data-v-524b15ae]{flex-shrink:0;width:1.5rem;min-width:1.5rem;max-width:1.5rem;overflow:visible}