.swatch-row{display:flex;align-items:center;gap:14px}.swatch{width:52px;height:52px;flex-shrink:0;border-radius:42% 58% 55% 45%/50% 40% 60% 50%;animation:blob 4s ease-in-out infinite;transition:background .2s}.swatch.rainbow{animation:blob 4s ease-in-out infinite,spin 3s linear infinite}.swatch-row strong{display:block;font-family:var(--display);font-size:15px}.swatch-row small{color:var(--muted);font-size:13px}.swatch-row .chip{margin-left:auto;padding:8px 12px;font-size:13px}.height-readout{font-size:15px;color:var(--muted)}.height-readout strong{font-family:var(--display);font-size:40px;color:var(--paper)}.height-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--pink) var(--fill),var(--line) var(--fill));outline:none}.height-range::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:#fff;border:4px solid var(--pink)}.height-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--pink)}.eyes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px 8px;gap:12px 8px}.eye{display:flex;flex-direction:column;align-items:center;gap:6px}.eye span{width:52px;height:52px;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--line-2);transition:transform .2s,border-color .2s}.eye small{font-size:12px;color:var(--muted)}.eye.on span{border-color:var(--pink);transform:scale(1.12)}.eye.on small{color:var(--paper)}@keyframes spin{to{rotate:1turn}}@keyframes blob{50%{border-radius:58% 42% 45% 55%/40% 60% 40% 60%;transform:rotate(8deg)}}