@media screen and (max-width:576px){.slider-clip.slider-clip--grid:has(.shop-feed-new-list){border-radius:var(--border-radius-size-3);overflow:hidden}}.shop-feed-new-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-new-card__media .shop-feed-new__video[data-play-hover] .deferred-media__poster-icon.icon-pause{display:none!important}.shop-feed-new-card__media .shop-feed-new__video.hidden-play-control[data-play-hover] .video-interaction-hint{display:block!important}}@media screen and (min-width:1025px){.shop-feed-new-card__media .shop-feed-new__video[data-play-hover] .video-interaction-hint{cursor:default}.shop-feed-new-card__media .shop-feed-new__video[data-play-hover] .deferred-media__poster-button .deferred-media__poster-icon{display:none!important}.shop-feed-new-card:hover{border-radius:var(--border-radius-size-3)}}.shop-feed-new-card__media{width:100%;height:100%}.shop-feed-new-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-new-card__media .deferred-media__poster-button{z-index:12}.shop-feed-new-card__media deferred-media.hidden-play-control .video-interaction-hint{display:none}.shop-feed-new-card__media [data-autoplay] .deferred-media__poster-icon:not(.hidden){display:flex}.shop-feed-new-card__media .deferred-media__poster-button:not(.video-interaction-hint) .deferred-media__poster-icon{display:none}.shop-feed-new-card__bottom{position:absolute;inset:auto 15px 15px 15px;display:flex;flex-direction:column;gap:15px}.shop-feed-new-card__button-wrapper{position:relative;width:100%;z-index:16}@media screen and (min-width:1025px){.shop-feed-new-card__button-wrapper{display:none;opacity:0;pointer-events:none}.shop-feed-new-card:has(.shop-feed-new-card__button-wrapper):hover .shop-feed-new-card__bottom,.shop-feed-new-card:has(*:focus-visible) .shop-feed-new-card__bottom{grid-template-rows:max-content 1fr;gap:15px}.shop-feed-new-card:hover .shop-feed-new-card__button-wrapper,.shop-feed-new-card:has(*:focus-visible) .shop-feed-new-card__button-wrapper{display:block;opacity:1;pointer-events:auto;transition:opacity var(--duration-medium) var(--transition-primary)}@starting-style{.shop-feed-new-card:hover .shop-feed-new-card__button-wrapper,.shop-feed-new-card:has(*:focus-visible) .shop-feed-new-card__button-wrapper{opacity:0}}.shop-feed-new-card__button-wrapper:has(*:focus-visible){overflow:visible}}.shop-feed-new-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-new-card__product{display:flex;width:100%;border-radius:var(--border-radius-size-1);overflow:hidden;pointer-events:none}.shop-feed-new-card__product>.media{display:contents}.shop-feed-new-card__product:focus-visible{box-shadow:0 0 0 3px var(--default-color-background)}.shop-feed-new-card__product.loading{display:flex;align-items:center;justify-content:center}.shop-feed-new-card__product.loading img{opacity:.75}.shop-feed-new-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-new__button{white-space:nowrap}.shop-feed-new__video .video-interaction-hint:has(.icon-pause.hidden){opacity:1}.shop-feed-new__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-new-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-new-card__media .shop-feed-new__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-new__button){width:100%;display:block}.shop-feed-new__button{width:100%}}.shop-feed-new-card__trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;width:100%;height:100%;cursor:pointer;background:transparent;border:0}.shop-feed-new-card__media .video-interaction-hint,.shop-feed-new-card__media .deferred-media__poster-button .deferred-media__poster-icon{display:none!important}.shop-feed-new-card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:13;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-base);background-color:var(--color-background);border-radius:var(--border-radius-round);opacity:0;transition:opacity var(--duration-default) var(--transition-primary),color var(--duration-medium) var(--transition-primary),background-color var(--duration-medium) var(--transition-primary),border-radius var(--duration-medium) var(--transition-primary)}.shop-feed-new-card__icon svg{width:20px;height:20px}@media(hover:hover){.shop-feed-new-card:hover .shop-feed-new-card__icon{opacity:1}.shop-feed-new-card__icon:hover{border-radius:var(--border-radius-size-3)}}@media(hover:none),(pointer:coarse){.shop-feed-new-card__icon{opacity:1}}.shop-feed-new-popup[hidden]{display:none!important}.shop-feed-new-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-modal, 1000);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;color:var(--color-base)}.shop-feed-new-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-popup-backdrop);-webkit-backdrop-filter:blur(var(--popup-backdrop-blur));backdrop-filter:blur(var(--popup-backdrop-blur));opacity:0;transition:opacity var(--duration-default) var(--transition-primary);cursor:pointer}.shop-feed-new-popup.is-open .shop-feed-new-popup__backdrop{opacity:1}.shop-feed-new-popup__dialog{position:relative;z-index:1;width:min(800px,calc((100vh - 120px)*1.125));max-width:100%;max-height:calc(100vh - 120px);background:var(--color-background);border-radius:var(--popup-corner-radius);box-shadow:var(--popup-box-shadow);overflow:hidden;opacity:0;transform:translateY(20px) scale(.98);transition:opacity var(--duration-default) var(--transition-primary),transform var(--duration-default) var(--transition-primary)}.shop-feed-new-popup.is-open .shop-feed-new-popup__dialog{opacity:1;transform:none}.shop-feed-new-popup__slider,.shop-feed-new-popup__slider>.slider-clip,.shop-feed-new-popup__slider .slider{width:100%}.shop-feed-new-popup__slider .slider-track{gap:0!important}.shop-feed-new-popup__slider>.slider-clip>.slider{overflow:visible!important}@media screen and (min-width:768px),(orientation:landscape){.shop-feed-new-popup__slider .slider-clip,.shop-feed-new-popup__slider .slider--autoheight>.slider-track{height:auto}}.shop-feed-new-popup__media-nav{display:none}.shop-feed-new-popup--single .shop-feed-new-popup__nav-bar,.shop-feed-new-popup--single .shop-feed-new-popup__media-nav{display:none!important}.shop-feed-new-popup__slide{display:grid;grid-template-columns:1fr 1fr;flex:0 0 100%;width:100%;max-width:100%;min-height:0}.shop-feed-new-popup__nav-bar{z-index:2;display:grid;grid-template-columns:44px 0 44px;gap:5px;align-items:center;justify-items:center;width:800px;max-width:100%;justify-content:center;padding-block:10px;transition:grid-template-columns var(--duration-default) var(--transition-primary),gap var(--duration-default) var(--transition-primary)}.shop-feed-new-popup__nav-bar:hover{grid-template-columns:44px 90px 44px}@media(hover:none),(pointer:coarse){.shop-feed-new-popup__nav-bar{grid-template-columns:44px 90px 44px}}.shop-feed-new-popup__nav-bar .slider-counter{width:100%;overflow:hidden}.shop-feed-new-popup__nav-bar .slider-counter__progress{width:100%;background:rgba(var(--color-background-rgb),.35)}.shop-feed-new-popup__dialog.popup-colors:after,.shop-feed-new-popup__nav-bar.popup-colors:after{content:none}.shop-feed-new-popup__close{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius-round);background:var(--color-background);color:var(--color-base);overflow:hidden;cursor:pointer}.shop-feed-new-popup__close svg{width:20px;height:20px}.shop-feed-new-popup__media{position:relative;background:#000;overflow:hidden;aspect-ratio:.5625;min-width:0;min-height:0}.shop-feed-new-popup__sound{position:absolute;bottom:16px;left:16px;z-index:3;display:flex;align-items:center;justify-content:center;padding:4px;color:#fff;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));transition:opacity var(--duration-default) var(--transition-primary)}.shop-feed-new-popup__sound:hover{opacity:.75}.shop-feed-new-popup__sound-icon{display:flex}.shop-feed-new-popup__sound-icon[hidden]{display:none}.shop-feed-new-popup__sound-icon svg{width:24px;height:24px}.shop-feed-new-popup__media deferred-media,.shop-feed-new-popup__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.shop-feed-new-popup__media video,.shop-feed-new-popup__media iframe{width:100%;height:100%;object-fit:cover}.shop-feed-new-popup__info-wrap{position:relative;min-height:100%;overflow:hidden}.shop-feed-new-popup__info{position:absolute;top:0;right:0;bottom:0;left:0;padding:30px 30px var(--sfn-footer-h, 62px);overflow-y:auto}.shop-feed-new-popup__info-wrap custom-scrollbar{top:30px;bottom:calc(var(--sfn-footer-h, 62px) + 4px);inset-inline-end:10px;height:auto}.shop-feed-new-popup__info .shopify-app-block:empty{display:none}.shop-feed-new-popup__footer{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px;background:var(--color-background)}.shop-feed-new-popup__info .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-feed-new-popup__info .product__media-wrapper{display:none!important}.shop-feed-new-popup__info .product__info-container{gap:30px}.shop-feed-new-popup__info product-info,.shop-feed-new-popup__info .section,.shop-feed-new-popup__info .section__container{padding:0!important;margin:0!important;max-width:none!important}.shop-feed-new-popup__info .product__grid{display:block;gap:0}.shop-feed-new-popup__info .product__info-wrapper{width:100%!important;max-width:none!important;padding:0!important}@media screen and (max-width:767px)and (orientation:portrait){.shop-feed-new-popup{padding:0}.shop-feed-new-popup__dialog{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-height:none;border-radius:0;overflow-y:auto;overflow-x:hidden;transform:translateY(100%)}.shop-feed-new-popup.is-open .shop-feed-new-popup__dialog{transform:none}.shop-feed-new-popup__slider,.shop-feed-new-popup__slider>.slider-clip,.shop-feed-new-popup__slider .slider,.shop-feed-new-popup__slider .slider-list{max-width:none}.shop-feed-new-popup__slide{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.shop-feed-new-popup__media{position:sticky;top:30px;margin:30px 30px 0;aspect-ratio:.5625;height:auto;border-radius:var(--border-radius-size-5)}.shop-feed-new-popup__info-wrap{position:relative;min-height:0;overflow:visible;background:var(--color-background)}.shop-feed-new-popup__info-wrap :is(.product__info-group,.product__info-block){background:transparent}.shop-feed-new-popup__info{position:static;height:auto;overflow-y:visible;padding:30px 30px 0}.shop-feed-new-popup__footer{position:static;padding:30px}.shop-feed-new-popup__close{position:fixed}.shop-feed-new-popup__info-wrap custom-scrollbar{display:none}.shop-feed-new-popup__info .loading-spinner{display:none}.shop-feed-new-popup__info [data-animate],.shop-feed-new-popup__info [data-animate]>*,.shop-feed-new-popup__info [data-animate] img{opacity:1!important;transform:none!important}.shop-feed-new-popup__media .video-interaction-hint,.shop-feed-new-popup__media .deferred-media__poster-button .deferred-media__poster-icon{display:none!important}.shop-feed-new-popup__media{z-index:1}.shop-feed-new-popup__info-wrap{position:relative;z-index:2}.shop-feed-new-popup__media-nav{display:none}.shop-feed-new-popup__nav-bar{display:flex;position:absolute;top:calc(30px + var(--sfn-media-h, 300px) / 2);left:0;right:0;transform:translateY(-50%);width:auto;justify-content:space-between;align-items:center;gap:0;padding:0 12px;z-index:5;pointer-events:none;opacity:1;transition:opacity var(--duration-default) var(--transition-primary)}.shop-feed-new-popup.is-scrolled .shop-feed-new-popup__nav-bar{opacity:0;pointer-events:none}.shop-feed-new-popup__nav-bar .slider-counter{display:none}.shop-feed-new-popup__nav-bar .slider-button{pointer-events:auto}}@media(orientation:landscape)and (max-height:500px){.shop-feed-new-popup{padding:0}.shop-feed-new-popup__dialog{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;height:auto;max-height:none;border-radius:0}.shop-feed-new-popup__media{height:100dvh;max-height:100dvh;aspect-ratio:auto}.shop-feed-new-popup__media deferred-media[class] :is(.deferred-media__poster-button img,.deferred-media__poster-button~video){object-fit:contain}.shop-feed-new-popup__nav-bar{display:none}.shop-feed-new-popup__media-nav{display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;padding:0 12px;z-index:5;pointer-events:none}.shop-feed-new-popup__media-nav .slider-button{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-shop-feed-new.css.map */