.swatcher{position:relative;margin:0 0 1rem}.swatcher__label{font-weight:600;margin-bottom:.5rem;font-size:.95rem}.swatcher__track{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:.25rem}.swatcher__track:focus{outline:2px solid currentColor;outline-offset:2px}.swatcher__item{flex:0 0 auto;width:80px;text-decoration:none;color:inherit;display:grid;gap:.25rem;justify-items:center;scroll-snap-align:start}.swatcher__item.is-active .swatcher__thumb{outline:2px solid var(--color-foreground, #111);outline-offset:2px}.swatcher__track{overflow-x:auto;overflow-y:visible;padding-top:.25rem;padding-bottom:.5rem}.swatcher__item.is-active .swatcher__thumb{outline:none;box-shadow:0 0 0 2px var(--color-foreground, #111)}.swatcher__thumb{width:64px;height:64px;border-radius:999px;overflow:hidden;background:#f2f2f2;display:grid;place-items:center}.swatcher__thumb img{width:100%;height:100%;object-fit:cover;display:block}.swatcher__placeholder{width:60%;height:60%;background:#ddd;border-radius:999px}.swatcher__text{font-size:.75rem;text-align:center;line-height:1.1;max-width:8ch}.swatcher__badge{position:absolute;transform:translateY(-100%);margin-top:-4px;background:#000;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:999px}.swatcher__nav{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid #ccc;background:#fff;display:grid;place-items:center;cursor:pointer;opacity:.9}.swatcher__nav[hidden]{display:none}.swatcher__nav--prev{left:-6px}.swatcher__nav--next{right:-6px}@media (min-width: 992px){.swatcher__item{width:88px}.swatcher__thumb{width:72px;height:72px}.swatcher__track{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.swatcher__track::-webkit-scrollbar{display:none}.swatcher{padding-top:.125rem;padding-bottom:.125rem}.swatcher__nav--prev{left:-10px}.swatcher__nav--next{right:-10px}.swatcher__nav:hover{transform:translateY(-50%) scale(1.04)}.swatcher.has-overflow .swatcher__track{-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%)}.swatcher__nav{box-shadow:0 2px 6px #00000014}}.swatcher__item:focus-visible .swatcher__thumb{box-shadow:0 0 0 3px #00000059}.swatcher__track{overscroll-behavior-x:contain}.swatcher__track{scroll-snap-type:x proximity}.swatcher__item:hover .swatcher__thumb{filter:brightness(1.03)}.swatcher__item:active .swatcher__thumb{transform:scale(.98)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-swatcher.css.map */