.color-sample{position:relative}.view-count{position:absolute;right:12px;bottom:12px;background:#faf7f0eb;color:#44392d;padding:6px 10px;font-size:11px;letter-spacing:.04em}.sample-dialog>img{max-height:55vh;background:white}.sample-thumbnails{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.sample-thumbnails button{float:none;padding:4px;width:68px;height:80px;border:1px solid #d8c8b2;background:#fff;transition:border-color .25s,background .25s}.sample-thumbnails button[aria-pressed=true]{border-color:#785632;background:#e9dfcf}.sample-thumbnails img{width:100%;height:100%;object-fit:contain}.sample-view-status{text-align:center;font-size:12px;color:#6a5a48;margin:12px 0 0}@media(prefers-reduced-motion:reduce){.sample-thumbnails button{transition:none}}