.look-swatches{justify-content:center;gap:18px;display:flex}.look-swatches[hidden]{display:none}.look-swatch{outline-offset:3px;cursor:pointer;width:44px;height:44px;transition:outline-color .12s var(--ease), transform .12s var(--ease);background:#fff;border:0;border-radius:50%;outline:2.5px solid #0000;padding:0;overflow:hidden;box-shadow:inset 0 0 0 1px #80808040}.look-swatch:active{transform:scale(.9)}.look-swatch[aria-checked=true]{outline-color:var(--fg)}.look-swatch:focus-visible{outline-color:var(--accent)}.look-swatch.is-brand{background:linear-gradient(135deg,#1552f0,#1f7cff 55%,#5cd0ff)}.look-swatch.is-night{background:radial-gradient(circle at 25% 15%,#1f7cff99,#0000 62%),radial-gradient(circle at 92% 72%,#9650ff73,#0000 60%),#0b0c10}.look-swatches.pictures .look-swatch{background:color-mix(in srgb, var(--fg) 10%, transparent)}@media (prefers-reduced-motion:reduce){.look-swatch{transition:none}}