.pcw-swatch--visual{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 10px 6px;border-radius:10px}.pcw-swatch__icons{display:flex;flex-direction:row;align-items:center;gap:4px}.pcw-swatch--visual.is-selected{background:#eef5fd;border-color:var(--pcw-blue);color:inherit}.pcw-swatch--visual.is-selected:hover{background:#dceefb;border-color:var(--pcw-blue);color:inherit;transform:translateY(-2px)}.pcw-swatch__color{display:block;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0}.pcw-swatch__icon{width:36px;height:36px;object-fit:contain;background:#1a1a2e;border-radius:7px;padding:5px;flex-shrink:0}.pcw-swatch__label{color:#50606e;font-size:var(--pcw-fs-2xs);line-height:1.2;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .18s ease}.pcw-swatch--visual.is-selected .pcw-swatch__label{color:var(--pcw-blue);font-weight:var(--pcw-fw-semibold)}.pcw-swatch--visual.is-disabled .pcw-swatch__color,.pcw-swatch--visual.is-disabled .pcw-swatch__icon{filter:grayscale( .6 )}@media (max-width:480px){.pcw-swatch--visual{min-width:44px;padding:5px}.pcw-swatch__color{width:26px;height:26px}.pcw-swatch__icon{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.pcw-swatch--visual{transition:border-color .18s ease,background .18s ease}.pcw-swatch--visual:hover{transform:none}}