@media screen and (max-width:576px){.slider-clip.slider-clip--grid:has(.shop-feed-list){border-radius:var(--border-radius-size-3);overflow:hidden}}.shop-feed-card{position:relative;width:100%;border-radius:var(--border-radius-size-5);overflow:hidden;color:var(--color-background);aspect-ratio:.5625;transition:border-radius var(--duration-default) var(--transition-primary)}@media screen and (max-width:1024px){.shop-feed-card__media .shop-feed__video[data-play-hover] .deferred-media__poster-icon.icon-pause{display:none!important}.shop-feed-card__media .shop-feed__video.hidden-play-control[data-play-hover] .video-interaction-hint{display:block!important}}@media screen and (min-width:1025px){.shop-feed-card__media .shop-feed__video[data-play-hover] .deferred-media__poster-button .deferred-media__poster-icon{display:none!important}.shop-feed-card:hover{border-radius:var(--border-radius-size-3)}}.shop-feed-card__media{width:100%;height:100%}.shop-feed-card__media deferred-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.shop-feed-card__media .deferred-media__poster-button{z-index:12}.shop-feed-card__media deferred-media.hidden-play-control .video-interaction-hint{display:none}.shop-feed-card__media [data-autoplay] .deferred-media__poster-icon:not(.hidden){display:flex}.shop-feed-card__media .deferred-media__poster-button:not(.video-interaction-hint) .deferred-media__poster-icon{display:none}.shop-feed-card__bottom{position:absolute;inset:auto 15px 15px 15px;display:flex;flex-direction:column;gap:15px}.shop-feed-card__button-wrapper{position:relative;width:100%;z-index:16}@media screen and (min-width:1025px){.shop-feed-card__button-wrapper{display:none;opacity:0;pointer-events:none}.shop-feed-card:has(.shop-feed-card__button-wrapper):hover .shop-feed-card__bottom,.shop-feed-card:has(*:focus-visible) .shop-feed-card__bottom{grid-template-rows:max-content 1fr;gap:15px}.shop-feed-card:hover .shop-feed-card__button-wrapper,.shop-feed-card:has(*:focus-visible) .shop-feed-card__button-wrapper{display:block;opacity:1;pointer-events:auto;transition:opacity var(--duration-medium) var(--transition-primary)}@starting-style{.shop-feed-card:hover .shop-feed-card__button-wrapper,.shop-feed-card:has(*:focus-visible) .shop-feed-card__button-wrapper{opacity:0}}.shop-feed-card__button-wrapper:has(*:focus-visible){overflow:visible}}.shop-feed-card__products{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;z-index:16;pointer-events:none}.shop-feed-card__product{display:flex;width:100%;border-radius:var(--border-radius-size-1);overflow:hidden;pointer-events:all}.shop-feed-card__product:focus-visible{box-shadow:0 0 0 3px var(--default-color-background)}.shop-feed-card__product.loading{display:flex;align-items:center;justify-content:center}.shop-feed-card__product.loading img{opacity:.75}.shop-feed-card__overlay-gradient{--color-overlay-rgb: 0, 0, 0;--overlay-opacity: 1;position:absolute;top:-50px;right:-15px;bottom:-15px;left:-15px;z-index:12;background:linear-gradient(to top,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0));border-radius:0 0 var(--border-radius-size-3) var(--border-radius-size-3)}.shop-feed__button{white-space:nowrap}.shop-feed__video .video-interaction-hint:has(.icon-pause.hidden){opacity:1}.shop-feed__video .deferred-media__poster-button:focus-visible>.deferred-media__poster-icon{outline:2px solid currentColor;border-radius:var(--border-radius-round);outline-offset:var(--focus-outline-offset)}slider-component.is-media-control-hidden .shop-feed-card__media :is(.video-interaction-hint,.deferred-media__poster-icon){display:none}@media screen and (max-width:1024px){slider-component.is-media-control-hidden .shop-feed-card__media .shop-feed__video[data-play-hover] :is(.video-interaction-hint,.deferred-media__poster-icon){display:flex}}@media screen and (max-width:576px){.buttons-wrapper:has(.shop-feed__button){width:100%;display:block}.shop-feed__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-shop-feed.css.map */