html body#pageBody product-card>.media{display:block;width:100%;min-width:0;flex-shrink:0}html body#pageBody product-card>.media>a{display:block;width:100%}html body#pageBody product-card>.media>a>x-grid{position:relative;width:100%;isolation:isolate}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer{display:block!important;width:100%!important;margin:0!important;grid-area:1 / 1;pointer-events:none;visibility:visible!important;translate:none!important;scale:none!important;transform:none!important;animation:none!important;background:var(--sm-paper, var(--background, #fff))!important;will-change:auto}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer--primary{position:relative!important;inset:auto!important;height:auto!important;aspect-ratio:var(--sm-card-primary-ratio, 1);z-index:1;opacity:1!important;transition:none!important}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer--secondary{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;z-index:2;opacity:0!important;transition:opacity .22s cubic-bezier(.2,.65,.3,1)!important}html body#pageBody product-card>.media>a>x-grid[data-sm-preview=true]>.sm-card-media__layer--secondary{opacity:1!important}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer :is(picture,img,video){opacity:1!important;translate:none!important;scale:none!important;transform:none!important;transition:none!important}html body#pageBody product-card[crop=true]>.media>a>x-grid>.sm-card-media__layer--primary{aspect-ratio:var(--prodCardRatio, 1);height:var(--prodCardHeight, auto)!important}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer :is(component-loader,media-loader,video-player,picture){display:block!important;width:100%!important;height:100%!important}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer :is(img,video){position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}html body#pageBody product-card[crop=true]>.media>a>x-grid>.sm-card-media__layer :is(img,video){object-fit:var(--prodCardFit, cover)!important;object-position:var(--prodCardPosition, center)!important}html body#pageBody .sm-collection product-card>.media>a>x-grid>.sm-card-media__layer--primary{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;aspect-ratio:auto}html body#pageBody .sm-collection product-card>.media>a>x-grid>.sm-card-media__layer :is(img,video){object-fit:contain!important;object-position:center!important}@media(prefers-reduced-motion:reduce){html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer--secondary{transition:none!important}}html body#pageBody[data-sm-motion=false] product-card>.media>a>x-grid>.sm-card-media__layer--secondary{transition:none!important}html body#pageBody product-card[crop=true]:not(.sm-collection product-card)>.media>a>x-grid>.sm-card-media__layer[data-sm-focus]{overflow:hidden!important}html body#pageBody product-card[crop=true]:not(.sm-collection product-card)>.media>a>x-grid>.sm-card-media__layer[data-sm-focus] img{inset:auto auto auto calc(50% - 50% * var(--sm-focus-zoom, 1.3))!important;width:calc(100% * var(--sm-focus-zoom, 1.3))!important;height:calc(100% * var(--sm-focus-zoom, 1.3))!important;object-fit:cover!important}html body#pageBody product-card[crop=true]:not(.sm-collection product-card)>.media>a>x-grid>.sm-card-media__layer[data-sm-focus=upper] img{top:0!important;object-position:50% 0!important}html body#pageBody product-card[crop=true]:not(.sm-collection product-card)>.media>a>x-grid>.sm-card-media__layer[data-sm-focus=lower] img{bottom:0!important;object-position:50% 100%!important}@media(hover:none){html body#pageBody product-card .meta .titles .variants.off{display:none!important}}html body#pageBody product-card .meta .titles .variants{pointer-events:none}html body#pageBody product-card .meta .titles .variants .sizes-list{gap:0 .85em;margin:0;padding:0}html body#pageBody product-card .meta .titles .variants .sizes-list li{color:var(--sm-ink, #111)}html body#pageBody product-card .meta .titles .variants .sizes-list s{color:var(--sm-muted, #8a8a8a);opacity:1;text-decoration-thickness:1px}html body#pageBody product-card>.media>a>x-grid[data-sm-swipe]:not(#sm-swipe){display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}html body#pageBody product-card>.media>a>x-grid[data-sm-swipe]::-webkit-scrollbar{display:none}html body#pageBody product-card>.media>a>x-grid[data-sm-swipe]:not(#sm-swipe)>.sm-card-media__layer{position:relative!important;inset:auto!important;flex:0 0 100%!important;width:100%!important;height:auto!important;align-self:stretch;opacity:1!important;scroll-snap-align:start;scroll-snap-stop:always;transition:none!important}html body#pageBody product-card>.media[data-sm-swipe-media]{position:relative}html body#pageBody product-card>.media>.sm-card-pager{position:absolute;left:50%;bottom:10px;z-index:4;display:flex;gap:4px;transform:translate(-50%);pointer-events:none}html body#pageBody product-card>.media>.sm-card-pager i{display:block;width:14px;height:2px;background:#1113;transition:background-color .2s ease}html body#pageBody product-card>.media>.sm-card-pager[data-at="0"] i:first-child,html body#pageBody product-card>.media>.sm-card-pager[data-at="1"] i:last-child{background:#111}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer--veil:not(#sm-veil){position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;z-index:3!important;opacity:0!important;transition:opacity var(--sm-veil-fade, .56s) cubic-bezier(.45,0,.2,1)!important}html body#pageBody product-card>.media>a>x-grid>.sm-card-media__layer--veil[data-on]:not(#sm-veil){opacity:1!important}html body#pageBody product-card>.media>a>x-grid[data-sm-swapping]>.sm-card-media__layer:not(.sm-card-media__layer--veil){transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/157/assets/sm-card-media.css.map */
