.mpg-swatch.mpg-card{--ws-swatch-size: 4.8rem}.mpg-card:not(.ws-swatches-ready) .mpg-swatch__nav{flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;contain:inline-size}.mpg-card:not(.ws-swatches-ready) .mpg-swatch__nav::-webkit-scrollbar{display:none}.mpg-card .mpg-swatch__option{flex:0 0 var(--ws-swatch-size)!important;width:var(--ws-swatch-size)!important;height:var(--ws-swatch-size)!important;min-height:var(--ws-swatch-size)!important;max-height:var(--ws-swatch-size)!important;min-width:var(--ws-swatch-size)!important;grid-template-rows:1fr!important;grid-template-columns:1fr!important;box-sizing:border-box!important}.mpg-card .mpg-swatch__option>div{width:100%!important;height:100%!important;background-size:cover!important;background-repeat:no-repeat;background-position:50% 50%}.mpg-card .ws-swatches,.mpg-card:not(.ws-swatches-ready) .mpg-swatch__nav{position:relative;z-index:3;pointer-events:auto}.mpg-card .mpg-tooltip{display:none!important}.ws-swatches{display:flex;align-items:center;gap:.4rem}.ws-swatches__viewport{flex:1 1 auto;min-width:0;contain:inline-size}.ws-swatches-ready .mpg-swatch__nav{gap:0!important;flex-wrap:nowrap!important;overflow:visible}.ws-swatches-ready .mpg-swatch__option{margin:0}.ws-swatches__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease,color var(--duration-default) ease}.ws-swatches__arrow svg{width:1.2rem;height:1.2rem}.ws-swatches__arrow--prev svg{transform:rotate(90deg)}.ws-swatches__arrow--next svg{transform:rotate(-90deg)}.ws-swatches__arrow:hover{border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.ws-swatches__arrow:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.ws-swatches--compact .ws-swatches__arrow{display:none}.ws-swatches__arrow.swiper-button-disabled{opacity:.3;pointer-events:none}.ws-swatches__arrow.swiper-button-lock{display:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-card-swatches.css.map */