.color-picker__swatches{display:flex;flex-wrap:wrap;gap:6px}.color-picker__swatch{position:relative;width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.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{width:12px;height:12px;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.color-picker__custom-icon{width:14px;height:14px;flex-shrink:0}.color-picker__hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}