.video-container{display:flex;position:relative}.video-container:not(.video-container--background):after,.mobile-stacked .video-container__media:after{content:"";padding-top:56.25%}.video-container iframe,.video-container video,.video-container__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-container__media,.video-container__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-container__video iframe{pointer-events:none}.video-container--background .video-container__video{position:relative;width:100%;height:100vh;overflow:hidden}.video-container--background .video-container__video iframe{width:100vw;height:56.25vw}.video-container--background video{object-fit:cover}.video-container--background.video--play-started .img-fit{opacity:0;pointer-events:none}.video-container--background .btn-row{margin-top:20px}.video-container__play{--play-button-size: 60px;position:relative;margin:1em 0;transition:transform .15s}.video-container__play svg{display:block;width:var(--play-button-size);height:var(--play-button-size)}.video-container__play:hover{transform:scale(1.1)}.video-container__play:hover svg{fill:transparent}.video-container__stop{display:none}.cc-featured-collection .grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 767px){.cc-featured-collection .grid{grid-template-columns:repeat(1,minmax(0,1fr))}.video-container--background .text-overlay__heading,.video-container--background .text-overlay__text{color:#000}.video-container--background .container--page-width{padding:20px;text-align:center}.video-container--background .btn-row{justify-content:center}.video-container--modal-mobile:before{content:"";position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .35s}.video-container--modal-mobile .video-container__video{position:fixed;z-index:101;top:50%;left:0;width:100%;background:#000;opacity:0;pointer-events:none;transition:opacity .35s;transform:translateY(-50%)}.video-container--modal-mobile iframe,.video-container--modal-mobile video{display:none}.video-container--modal-mobile.video-container--playing iframe,.video-container--modal-mobile.video-container--playing video{display:block}.video-container--modal-mobile .video-container__stop{display:block;position:fixed;z-index:102;top:0;left:0;padding:24px;color:#fff;opacity:0;pointer-events:none;transition:opacity .35s}.video-container--modal-mobile .video-container__stop svg{display:block;width:24px;height:24px;stroke:currentColor}.video-container--playing:before,.video-container--playing .video-container__video,.video-container--playing .video-container__stop{opacity:1;pointer-events:auto}}@media (max-width: 480px){.mobile-stacked.video-container{flex-direction:column}.mobile-stacked.video-container:after{display:none}.mobile-stacked .video-container__media{display:flex;position:relative;width:100%}.mobile-stacked .video-container__play{position:absolute;top:0;left:50%;margin-top:28.125%;transform:translate(-50%,-50%)!important}.mobile-stacked .text-overlay:not(.text-overlay--bg){padding-bottom:0}.video-container.mobile-stacked--spaced{margin-bottom:60px}}@media (min-width: 768px){.video-container--background .text-overlay__heading,.video-container--background .text-overlay__text{color:#fff}.video-container__play{--play-button-size: 80px}.video-container--background .btn-row .btn{color:#fff;border-color:#fff}.video-container--background .btn-row .btn:hover{color:#000}.video-container--playing .video-container__image,.video-container--playing .text-overlay,.video--play-started:not(.video-container--background) .video-container__image,.video--play-started:not(.video-container--background) .text-overlay{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-background-video.css.map */