.tyg-switcher{display:block}.tyg-switcher__header{margin-bottom:1rem}.tyg-switcher__heading{font-size:1.4rem;letter-spacing:.02em}.tyg-switcher__count{font-size:1.2rem;opacity:.65}.tyg-switcher__list{display:flex;flex-wrap:nowrap;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.4rem 0 1.2rem 1.5rem;margin:0 -1.5rem;scroll-padding-left:1.5rem}@media screen and (min-width:750px){.tyg-switcher__list{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none;padding:.4rem 0 1.2rem;margin:0 -.4rem}}.tyg-switcher__item{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:7.2rem;cursor:pointer;transition:transform .12s ease}.tyg-switcher__item:hover{transform:translateY(-2px)}.tyg-switcher__swatch{display:block;width:6rem;height:6rem;border-radius:.6rem;overflow:hidden;border:2px solid transparent;background-color:#f5f3ee;transition:border-color .15s ease,box-shadow .15s ease;position:relative}.tyg-switcher__swatch img{width:100%;height:100%;object-fit:cover;display:block}.tyg-switcher__swatch-placeholder{display:block;width:100%;height:100%;background:#e5e5e5}.tyg-switcher__item:hover .tyg-switcher__swatch{border-color:#2d494066}.tyg-switcher__item--active .tyg-switcher__swatch{border-color:#2d4940;box-shadow:0 0 0 3px #2d494026}.tyg-switcher__item--pending .tyg-switcher__swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:tygSwitcherPulse 1s ease-in-out infinite}@keyframes tygSwitcherPulse{0%,to{opacity:.4}50%{opacity:.75}}.tyg-switcher__label{display:block;font-size:1.1rem;line-height:1.25;margin-top:.6rem;text-align:center;word-break:break-word;color:#000000c7}.tyg-switcher__item--active .tyg-switcher__label{font-weight:600;color:#2d4940}.tyg-switcher--loading .tyg-switcher__list{pointer-events:none;opacity:.7}@media(prefers-reduced-motion:reduce){.tyg-switcher__item,.tyg-switcher__swatch{transition:none}.tyg-switcher__item:hover{transform:none}.tyg-switcher__item--pending .tyg-switcher__swatch:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-tyg-switcher.css.map */