.variant-image-selector{display:flex;gap:1.6rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.8rem;scroll-behavior:smooth;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.variant-image-selector__item{color:inherit;display:block;flex:0 0 12rem;width:12rem;text-decoration:none}.variant-image-selector__card{aspect-ratio:var(--variant-image-selector-aspect-ratio, 1);border:.2rem solid rgba(var(--color-foreground),.85);border-radius:.8rem;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-image-selector__item:hover .variant-image-selector__card,.variant-image-selector__item:focus-visible .variant-image-selector__card{border-color:rgba(var(--color-foreground),.35);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.1)}.variant-image-selector__item.is-active .variant-image-selector__card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.variant-image-selector__item.is-unavailable .variant-image-selector__card{border-color:rgba(var(--color-foreground),.2)}.variant-image-selector__media{background:rgba(var(--color-foreground),.03);display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;position:relative}.variant-image-selector__image,.variant-image-selector__media .placeholder-svg{display:block;height:100%;object-fit:contain;transform-origin:center;transition:transform var(--duration-short) ease;width:100%}.variant-image-selector__media--stretch .variant-image-selector__image{object-fit:fill}.variant-image-selector__item.is-unavailable .variant-image-selector__image,.variant-image-selector__item.is-unavailable .variant-image-selector__media .placeholder-svg{filter:grayscale(1);opacity:.45}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-variant-image-selector.css.map */