.color-picker__swatches{flex-wrap:wrap;gap:6px;display:flex}.color-picker__swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.color-picker__swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.color-picker__swatch--active{border-color:var(--c-text);box-shadow:0 0 0 1px var(--c-text);transform:scale(1.1)}.color-picker__swatch--custom{background:var(--c-bg);border:2px dashed var(--c-gray);color:var(--c-gray)}.color-picker__swatch--custom:hover{border-color:var(--c-primary);color:var(--c-primary)}.color-picker__swatch--custom.color-picker__swatch--active{border-style:solid;border-color:var(--c-text);color:#fff}.color-picker__check{filter:drop-shadow(0 1px 1px #0006);flex-shrink:0;width:12px;height:12px}.color-picker__custom-icon{flex-shrink:0;width:14px;height:14px}.color-picker__hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}