.products-on-you-video-slider{display:block}.products-on-you__title{margin-bottom:2.5rem}.products-on-you__grid{--products-on-you-gap: 1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--products-on-you-gap);padding:0;margin:0 0 2rem;list-style:none}.products-on-you__item{min-width:0}.products-on-you__card{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.04);border-radius:.6rem}.products-on-you__video,.products-on-you__placeholder{display:block;width:100%;height:100%}.products-on-you__video{object-fit:cover}.products-on-you__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.04)}.products-on-you__placeholder .placeholder-svg{width:100%;height:100%}.products-on-you__media-control{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:5.8rem;height:5.8rem;padding:0;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.34);border:.3rem solid rgb(var(--color-background));border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);transition:background-color var(--duration-default) ease,opacity var(--duration-default) ease}.products-on-you__media-control:hover{background:rgba(var(--color-foreground),.48)}.products-on-you__media-control .svg-wrapper,.products-on-you__media-control .icon{width:2.4rem;height:2.4rem}.products-on-you__media-control .icon-pause,.products-on-you__media-control.is-playing .icon-play{display:none}.products-on-you__media-control.is-playing .icon-pause{display:block}.products-on-you__media-control.is-playing{opacity:0}.products-on-you__card:hover .products-on-you__media-control.is-playing,.products-on-you__media-control.is-playing:focus-visible{opacity:1}.products-on-you__cta{margin-top:0}@media screen and (min-width:750px){.products-on-you__title{margin-bottom:2.5rem}.products-on-you__grid{--products-on-you-gap: 1.6rem;margin-bottom:2.4rem}}@media screen and (min-width:990px){.products-on-you__grid{--products-on-you-gap: 1.8rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2.4rem}.products-on-you__media-control{width:6.2rem;height:6.2rem}}@media(prefers-reduced-motion:reduce){.products-on-you__video{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-products-on-you-video.css.map */