.SwatchPicker_swatchRow__PIkwl{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.SwatchPicker_swatch__R4V9E{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-raised-xs);display:inline-flex;align-items:center;justify-content:center;transition:box-shadow var(--transition),transform var(--transition)}.SwatchPicker_swatch__R4V9E:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--swatch-color)}.SwatchPicker_swatch__R4V9E:hover{box-shadow:var(--shadow-raised-sm);transform:translateY(-1px)}.SwatchPicker_swatchActive__1WlM5{box-shadow:0 0 0 2px color-mix(in srgb,var(--swatch-color) 60%,transparent)}.SwatchPicker_swatchHint__RQNtv{margin-top:var(--spacing-sm);font-size:11px;color:var(--text-muted)}.SwatchPicker_swatchCustom__WQNx6{position:relative;overflow:hidden}.SwatchPicker_swatchCustom__WQNx6:after{background:conic-gradient(from 0deg,#f87171,#fbbf24,#34d399,#60a5fa,#a78bfa,#f472b6,#f87171)}.SwatchPicker_swatchCustomInput__QYf_1{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;cursor:pointer}.SwatchPicker_swatchCustomInput__QYf_1:disabled{cursor:not-allowed}