.index-hero-video-section .hero-video-element{object-position:50% 50%;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:pointer}.index-hero-video-section .hero-loop-video__container{position:relative}.index-hero-video-section .watch-full-video-button-wrap{position:absolute;top:auto;transform:translateY(80%)!important;margin-left:auto;margin-right:auto;left:0;right:0;bottom:35%;text-align:center}.index-hero-video-section .watch-full-video-button-wrap .watch-full-video__btn{display:block;width:fit-content;margin:0 auto}.index-hero-video-section .hero-video-popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;backdrop-filter:blur(8.3px);-webkit-backdrop-filter:blur(8.3px)}.index-hero-video-section .hero-video-popup.show_video_popup{display:block}.index-hero-video-section .modal-content{margin:auto;padding:20px;width:100%}.index-hero-video-section .hero-video-popup-close{color:#aaa;float:right;font-size:28px;font-weight:700}.index-hero-video-section .hero-video-popup-close:hover,.index-hero-video-section .hero-video-popup-close:focus{color:#000;text-decoration:none;cursor:pointer}.index-hero-video-section .hero-video-popup-close .video-modal__close{position:fixed;z-index:100;top:5px;right:5px;width:50px;height:50px;border:0;border-radius:100%;background-color:#0000;color:#fff;font-size:20px;cursor:pointer;text-shadow:0 1px 6px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2);font-weight:700;transition:background-color .5s ease,color .2s ease}.index-hero-video-section .hero-video-popup-close .video-modal__close:before{content:"\2715"}.index-hero-video-section .hero-video-popup .hero-video-popup-wrapper{position:absolute;top:50%!important;transform:translateY(-50%)!important;margin-left:auto;margin-right:auto;left:0;right:0;width:100%;max-width:70%;overflow-y:auto;overflow-x:auto}.index-hero-video-section .hero-video-popup .hero-video__container{position:relative;overflow:hidden;max-width:100%;padding-bottom:56.25%;height:auto}.index-hero-video-section .hero-video-popup iframe{position:absolute;top:0;left:0;width:100%;height:100%}.index-hero-video-section video.hero-video-element::-webkit-media-controls-panel{background-image:linear-gradient(transparent,transparent)!important}.index-hero-video-section .hero-video__container .m-video__button{display:none}.index-hero-video-section .hero-video__container .a-button{background-color:#fff;border-radius:100%;cursor:pointer;position:relative;transition:box-shadow .3s cubic-bezier(.5,.61,.355,1),opacity .3s cubic-bezier(.5,.61,.355,1)}.index-hero-video-section .hero-video__container .a-button:focus{box-shadow:0 0 0 .25rem #ffffff80;outline:none}.index-hero-video-section .hero-video__container .a-button:hover{opacity:.75}.index-hero-video-section .hero-video__container .a-button__icon{padding:.625rem}.index-hero-video-section .hero-video__container .a-icon{fill:#000;height:2.1875rem;vertical-align:top;width:2.1875rem}.index-hero-video-section .hero-video__container .hero-video-element{background-color:#000;position:relative}.index-hero-video-section .hero-video__container .hero-video-element{display:block;width:100%}.index-hero-video-section .hero-video__container .m-video__button{bottom:.9375rem;left:.9375rem;position:absolute;z-index:20}.index-hero-video-section .hero-video__container .m-video__button[aria-pressed=true]{display:none}@media screen and (max-width: 767px){.index-hero-video-section .hero-video-element{height:50vh;object-fit:unset}.index-hero-video-section .hero-video-popup .hero-video-popup-wrapper{padding:10px;max-width:90%}}@media screen and (min-width: 550px){.index-hero-video-section .index-hero-video-wrap .hero-video-element.hero-video-element__mobile{display:none!important}}@media screen and (max-width: 549px){.index-hero-video-section .hero-video-element:not(.hero-video-element__mobile){height:35vh}.index-hero-video-section .hero-video-element.hero-video-element__mobile{height:100%;object-fit:cover}.index-hero-video-section .index-hero-video-wrap .hero-video-element.hero-video-element__desktop{display:none!important}}@media screen and (max-width: 499px){.index-hero-video-section .hero-video-element:not(.hero-video-element__mobile){height:30vh}.index-hero-video-section .watch-full-video-button-wrap .watch-full-video__btn{font-size:12px}.index-hero-video-section .watch-full-video-button-wrap{bottom:28%}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/hero-video.css.map */