.color-lens { position: fixed; z-index: 500; transform: translateX(-50%); pointer-events: none; width: 116px; height: 66px; overflow: hidden; border-radius: 33px; border: 0; background: var(--bg-pure-black, #faf6ef); box-shadow: 0 3px 8px rgba(35,28,22,.12), 0 12px 26px rgba(35,28,22,.20); }
.color-lens[hidden] { display: none; }
.color-lens canvas { display: block; width: 116px; height: 66px; }
@media (max-width: 768px) { .color-swatch { touch-action: pan-y; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; } }