.media-scroll__link{display:block;width:100%;height:100%;pointer-events:auto}.media--product-preview>.product__badges{position:absolute;top:15px;left:15px;right:15px;z-index:var(--layer-raised)}.media-scroll__card{--color-background-rgb: var(--main-color-background-rgb);--color-line: transparent;--color-base: var(--main-color-base);--color-accent: var(--main-color-accent);--color-price: var(--color-accent);container-type:inline-size;container-name:media-card;position:absolute;bottom:0;left:0;right:0;z-index:var(--layer-flat);display:flex;align-items:center;gap:10px;padding:15px;padding-inline-end:28px;box-sizing:border-box;color:var(--color-base);background:rgba(var(--color-background-rgb),.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-size-5) var(--border-radius-size-5) 0 0;pointer-events:none}.media-scroll__card a{pointer-events:auto}.media--product-preview>:is(img,svg){transition:transform var(--duration-medium) var(--transition-primary-out)}@media screen and (min-width:1025px){.media--product-preview:hover>:is(img,svg){transform:scale(1.08) rotateX(1deg) rotateY(-1deg);transition:transform calc(1.2 * var(--duration-medium)) var(--transition-primary)}.media--product-preview:hover .media-scroll__card-media{border-radius:var(--border-radius-size-1)}}.media-scroll__card-media{flex:0 0 auto;width:70px;aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--border-radius-size-3);transition:border-radius var(--duration-default) var(--transition-primary);overflow:hidden}.media-scroll__card .media-scroll__card-media :is(img,svg){width:100%;height:100%;object-fit:cover;display:block}.media-scroll__card-info{flex:1 1 auto;min-width:0}.media-scroll__card-info .price{margin-top:5px}.media-scroll__card-button,.media-scroll__card-button-icon{flex:0 0 auto;margin-inline-start:auto}.media-scroll__card-button-icon{display:none}.media-scroll__card .media-scroll__card-button-icon :is(svg,img){width:20px;height:20px;fill:currentColor;transform:translate(1px)}.media-scroll__card-button-icon :is(svg,img)~span{display:none}@media(max-width:576px){.media-scroll__card-button{display:none}.media-scroll__card-button-icon{display:block}}@container media-card (width < 300px){.media-scroll__card-button{display:none}.media-scroll__card-button-icon{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-media-scroll-card.css.map */