.tt-color-picker{flex-direction:column;gap:8px;display:flex}.tt-color-picker-swatches{flex-wrap:wrap;gap:4px;display:flex}.tt-color-swatch{border:1px solid var(--tt-border-color,#00000026);cursor:pointer;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0}.tt-color-swatch.is-active{box-shadow:0 0 0 2px var(--tt-brand-color-500)}.tt-color-picker-title{color:var(--tt-gray-light-a-500);font-size:.7rem}.tt-color-swatch-clear{background:repeating-linear-gradient(45deg,#ccc 0 2px,#0000 0 50%) 0/6px 6px}.tt-color-swatch-none{background:linear-gradient(to top right, transparent calc(50% - 1px), hsl(var(--muted-foreground)) calc(50% - 1px), hsl(var(--muted-foreground)) calc(50% + 1px), transparent calc(50% + 1px))}