.card__content>card-variant-selects,.card__content .product-form__input--swatches{width:100%;min-width:0}.card__swatches-scroll{position:relative;display:flex;align-items:center;column-gap:.3rem;width:100%;min-width:0}.card__swatches-container{flex:1 1 auto;flex-wrap:nowrap;width:auto;min-width:0;max-width:100%;box-sizing:border-box;padding-block:.3rem;padding-inline:.3rem;margin-block:-.3rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.card__swatches-container::-webkit-scrollbar{display:none}.card__swatches-container>.color-swatch{flex:0 0 auto}.card__swatches-container .color-swatch__label{display:none}.card__swatches-tooltip{position:absolute;bottom:calc(100% + .5rem);z-index:3;max-width:calc(100% - .4rem);padding:.25em .65em;border-radius:.5em;color:rgb(var(--color-background));background:rgb(var(--color-foreground));font-size:1.5rem;line-height:2em;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.card__swatches-tooltip[hidden]{display:none}.card__swatches-tooltip:before{position:absolute;top:100%;left:50%;width:.75em;height:.5em;background:rgb(var(--color-foreground));clip-path:polygon(0 0,50% 100%,100% 0);content:"";transform:translate(-50%)}.card__swatches-button{display:flex;flex:0 0 2.4rem;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:50%;background:rgb(var(--color-background));box-shadow:none}.card__swatches-button.is-hidden{visibility:hidden;pointer-events:none}.card__swatches-button svg{width:.6rem;height:1rem}@media screen and (min-width:750px){.card__swatches-button{flex-basis:3rem;width:3rem;height:3rem}}@media screen and (min-width:990px){.card-wrapper.is-swatches-hovered:hover .media.media--hover-effect>img:first-child{opacity:1;transform:none}.card-wrapper.is-swatches-hovered:hover .media.media--hover-effect>img+img{opacity:0;transform:none}}.card__swatches-container.flex-justify-left,.card__swatches-container.flex-justify-start{justify-content:safe flex-start}.card__swatches-container.flex-justify-center{justify-content:safe center}.card__swatches-container.flex-justify-end,.card__swatches-container.flex-justify-right{justify-content:safe flex-end}.card__swatches-container.is-overflowing,.card__swatches-container.is-initializing{justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/32/assets/card-swatches-scroll.css.map */