.tt-color-picker{flex-direction:column;gap:8px;display:flex}.tt-color-picker .react-colorful{width:100%}.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-clear{background:repeating-linear-gradient(45deg,#ccc 0 2px,#0000 0 50%) 0/6px 6px}.tt-color-picker-hex{border:1px solid var(--tt-border-color,#e2e8f0);border-radius:var(--tt-radius-xs,4px);background:var(--tt-bg-color,#fff);width:100%;color:var(--tt-text-color,inherit);box-sizing:border-box;outline:none;padding:4px 6px;font-family:monospace;font-size:.75rem}