.vyNFna_presetsSection{gap:var(--space-12);display:flex}.vyNFna_currentColorWrapper{flex-shrink:0}.vyNFna_currentColor{border-radius:var(--radius-6);border:1px solid var(--border-2);width:40px;height:40px;position:relative}.vyNFna_addPresetButton{background:var(--core-white);border:1px solid var(--border-2);border-radius:var(--radius-4);cursor:pointer;color:var(--text-secondary);justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background-color .15s,color .15s;display:flex;position:absolute;bottom:-4px;right:-4px}.vyNFna_addPresetButton:hover{background:var(--bg-surface-2);color:var(--text-primary)}.vyNFna_presetColors{gap:var(--space-6);flex-wrap:wrap;flex:1;align-content:flex-start;display:flex}.vyNFna_presetSwatch{border-radius:var(--radius-4);border:1px solid var(--border-2);cursor:pointer;width:24px;height:24px;padding:0;transition:border-color .15s}.vyNFna_presetSwatch:hover{border-color:var(--border-3)}.vyNFna_presetSwatchActive{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-bg)}.vyNFna_transparentSwatch{background-color:var(--core-white);background-image:conic-gradient(var(--bg-surface-3)25%,transparent 25% 50%,var(--bg-surface-3)50% 75%,transparent 75%);background-size:12px 12px}