.section--sticky-video .sticky-video{display:block;position:fixed;right:25px;bottom:25%;max-width:calc(100% - 50px);transition:transform .3s;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;z-index:5}.section--sticky-video .sticky-video[aria-expanded=true]{transform:translate(200%)}.section--sticky-video .video--wrap{position:relative}.section--sticky-video .video--wrap{width:92px;height:163px;transition:all .35s ease;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease}.section--sticky-video .video--wrap>video{width:100%;height:100%;object-fit:cover;vertical-align:middle;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.section--sticky-video .comparison__item-label+.video--wrap>video{border-top-left-radius:0;border-top-right-radius:0}.section--sticky-video .sticky-video[data-video-size=large] .video--wrap>video{object-fit:contain;background-color:var(--colorTextBody)}.section--sticky-video .video-popup--wrap{position:absolute;top:10px;left:10px;cursor:pointer;z-index:2}.section--sticky-video .video-popup--wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:10px;row-gap:10px}.section--sticky-video .video-popup--wrap>*,.section--sticky-video .video-popup--wrap .video-popup svg,.section--sticky-video .video-popup--wrap .sticky-video--size-toggle svg{width:48px;height:48px}.section--sticky-video .sticky-video[data-video-size=small] .video-popup--transparent{opacity:0;visibility:hidden}.section--sticky-video .video-popup--wrap>.video-popup{display:flex}.section--sticky-video .sticky-video--box{cursor:pointer}.section--sticky-video .sticky-video--close{position:absolute;top:0;right:0;width:15px;height:15px;transform:translate(50%,-50%);background-color:var(--colorTextBody);color:var(--colorBody);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:2}.section--sticky-video .sticky-video--size-toggle{padding:0;display:flex;position:relative}.section--sticky-video .sticky-video--size-toggle:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.section--sticky-video .sticky-video--close{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer;padding:0}.section--sticky-video .sticky-video[data-video-size=small] .video-popup--wrap,.section--sticky-video .sticky-video[data-video-size=small] .video-popup--cart{opacity:0;visibility:hidden}.section--sticky-video .video-popup--cart{--btnPadding: 5px 20px}.section--sticky-video .video-popup--cart{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:2}.section--sticky-video .product__policies{display:none}.section--sticky-video .video-popup--cart button[type=submit],.section--sticky-video .video-popup--cart button[type=button]{border-radius:4px}.section--sticky-video .video-popup--cart button[type=button]{padding:var(--btnPadding)}.section--sticky-video .video-popup--cart button[type=button]:not(:hover){border-color:var(--colorBtnPrimary);background-color:var(--colorBtnPrimary)}.section--sticky-video .video-popup--cart button[type=button]:not(:hover),.section--sticky-video .video-popup--cart button[type=button]:not(:hover) .btn{color:var(--colorBtnPrimaryText)}.section--sticky-video .sticky-video--close>svg{width:7px;height:7px}.section--sticky-video .video-model{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10}.section--sticky-video .video-model{opacity:1;visibility:visible;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.section--sticky-video .video-model[aria-expanded=false]{opacity:0;visibility:hidden}.section--sticky-video .video-model--overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#00000080}.section--sticky-video .video-model--inner{height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.section--sticky-video .video-model--inner .video-model__video{position:relative;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;z-index:2}.section--sticky-video .video-model[aria-expanded=false] .video-model__video{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.section--sticky-video .video-model__video .video-element{max-width:90vw;max-height:90vh;vertical-align:middle}.section--sticky-video .video__model-btn-close{position:absolute;top:0;right:0;width:40px;height:40px;padding:10px;color:var(--colorBody);background-color:var(--colorTextBody);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.section--sticky-video .sticky-video--close{border:3px solid var(--colorBody)}@media screen and (min-width: 1025px){.section--sticky-video .video-model__video:not(:hover) .video__model-btn-close{opacity:0}.section--sticky-video .video--wrap{width:152px;height:207px}.section--sticky-video .sticky-video--close{width:27px;height:27px;top:6px}.section--sticky-video .sticky-video--close>svg{width:10px;height:10px}}.section--sticky-video .comparison__item-label{position:relative;border-top-left-radius:10px;border-top-right-radius:10px}.section--sticky-video .sticky-video--sound{display:flex;position:relative;align-items:center;justify-content:center;color:var(--colorBody);background-color:#0003;border-radius:50%;line-height:1}.section--sticky-video .sticky-video--sound>span{display:flex;position:relative}.section--sticky-video .sticky-video--sound span:before{content:"";position:absolute;top:calc(50% - 1px);left:0;width:100%;height:2px;border-radius:3px;background-color:var(--colorBody);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);visibility:visible;z-index:1}.section--sticky-video .sticky-video[data-muted=false] .sticky-video--sound span:before{visibility:hidden}.section--sticky-video .sticky-video--sound:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/262/assets/component-sticky-video.css.map */
