.variant-video-container{position:relative;width:100%;max-width:400px;height:100%;margin-left:auto}.variant-video-wrapper{position:relative;width:100%;height:100%;display:none}.variant-video-wrapper.is-active{display:block}.variant-video-grid{display:flex;gap:.8rem;height:100%}.variant-video-item{position:relative;flex:1;min-width:0}.variant-video-item:first-child:not(:last-child){flex:1.17}.variant-video-item video{border-radius:.4rem}.variant-video-element{display:block;width:100%;height:100%;object-fit:cover;border-radius:.4rem}.variant-video-item .button--play{position:absolute;top:0;right:0;bottom:0;left:0;color:rgb(var(--color-foreground-title));z-index:3;padding:0;background-color:#0000;transition:background-color var(--duration-default) ease}@media screen and (pointer:fine){.variant-video-item .button--play:hover{background-color:#00000012}}.variant-video-item .button--play>span{position:absolute;top:1.6rem;right:1.6rem}@media screen and (min-width:750px){.variant-video-item .button--play>span{top:2rem;right:2rem}}.variant-video-item .button--play:has(+.button--sound)>span{right:4rem}@media screen and (min-width:750px){.variant-video-item .button--play:has(+.button--sound)>span{right:5rem}}.variant-video-item .button--sound{position:absolute;top:1.6rem;right:1.6rem;padding:0;color:rgb(var(--color-foreground-title));z-index:3}@media screen and (min-width:750px){.variant-video-item .button--sound{top:2rem;right:2rem}}.variant-video-item .button-icon{color:#fff}.variant-video-item .icon-hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/36/assets/variant-video.css.map */