.black-video-banner{position:relative;width:100%}.video-banner__heading{margin:0;font-size:50px;line-height:1.15;font-weight:500}h1.video-banner__heading{font-size:65px}.video-banner__description{max-width:910px;margin:10px auto 0;line-height:1.5}body.template-black-friday .video-banner__description{max-width:900px}body.template-tublight-landing-page .video-banner__description{max-width:600px}.template-rangers-switches-landing .video-banner__description{max-width:760px}.video-banner__description p{margin:0}.video-banner__play{position:absolute;left:0;width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .25s ease,background .25s ease;background:transparent;right:0;margin:0 auto;transform:translateY(-50%);top:50%;border:0}.video-banner__play-icon{display:flex;align-items:center;justify-content:center}.black-video-banner .arrow-with-text-main{position:absolute;width:100%;height:100%;top:0;left:0}.black-video-banner .arrow-with-text-main .arrow-with-text-top,.black-video-banner .arrow-with-text-main .arrow-with-text-bottom{position:absolute;color:#fff;font-size:20px;font-family:Architects Daughter!important;z-index:2}.black-video-banner .arrow-with-text-main .arrow-with-text-top:after,.black-video-banner .arrow-with-text-main .arrow-with-text-bottom:after{content:"";background-repeat:no-repeat;background-size:cover;background-position:top center;position:absolute;width:105px;height:105px}.black-video-banner .arrow-with-text-main .arrow-with-text-top{top:50%;transform:translateY(-50%);left:7%}.black-video-banner .arrow-with-text-main .arrow-with-text-top:after{top:-100px;right:0}.black-video-banner .arrow-with-text-main .arrow-with-text-bottom{width:fit-content;bottom:50%;transform:translateY(50%);right:7%;text-align:right}.black-video-banner .arrow-with-text-main .arrow-with-text-bottom:after{top:100%;left:50%;transform:translate(-50%)}dd-video.is-playing .video-banner__image,dd-video.is-playing button.video-banner__play{display:none}.template-push-switches .video-banner__heading{font-size:80px;line-height:1;margin-bottom:30px}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner{max-width:478px;width:100%}.template-push-switches .video-banner__description p{line-height:1.8}.black-video-banner .video-banner__video.video-banner__video--mobile{display:none}.black-video-banner dd-video{position:relative;padding-bottom:53%;width:100%;display:block}.black-video-banner dd-video .video-banner__image,.black-video-banner dd-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.black-video-banner dd-video .video-banner__image .video-banner__image-media{width:100%;height:100%;object-fit:cover}.black-video-banner .video-banner__content{position:absolute;bottom:0;width:100%;left:0;right:0;padding-bottom:5.5%;z-index:1;display:flex;height:100%;padding-top:5.5%}.black-video-banner .video-banner__content .video-banner__content-inner{max-width:950px}.black-video-banner dd-video .video-banner__image:before{position:absolute;content:"";width:100%;height:100%;pointer-events:none;z-index:1}.video-banner__button:before,.video-banner__button:after{display:none}.video-banner__play svg{width:100%;height:100%}.black-video-banner .video-banner__content .video-banner__content-inner .video-double-button{margin-top:30px;display:flex;align-items:center;gap:20px}.black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button{font-size:16px;font-weight:500;letter-spacing:0;width:auto;min-width:200px;height:auto;min-height:auto;padding:14px 26px;line-height:1.2;background-color:transparent;color:#fff;border:2px solid #fff;border-radius:7px}.black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button:hover{background-color:#fff;color:#000}body.template-index .black-video-banner .video-banner__content .video-banner__content-inner{max-width:990px}body.template-index .black-video-banner .video-banner__content .video-banner__content-inner .video-banner__description{max-width:100%}.video-banner--content-top .video-banner__content{align-items:flex-start;justify-content:center;text-align:center}.video-banner--content-bottom .video-banner__content{align-items:flex-end;justify-content:center;text-align:center}.video-banner--content-left .video-banner__content{align-items:center;justify-content:flex-start}.video-banner--content-center .video-banner__content{align-items:center;justify-content:center}.video-banner--content-right .video-banner__content{align-items:center;justify-content:flex-end}.video-banner--content-center .video-banner__content-inner{text-align:center}.video-banner--content-right .video-banner__content-inner{text-align:right}.video-banner--content-left .video-banner__content-inner{text-align:left}.black-video-banner .video-banner__content.page-width{max-width:var(--page-width);padding:5.5% 5rem}.video-banner.video-banner--content-center .video-double-button,.video-banner--content-bottom .video-banner__content .video-double-button,.video-banner--content-top .video-banner__content .video-double-button{justify-content:center}.video-banner.video-banner--content-right .video-double-button{justify-content:flex-end}.template-custom-velcro-patch .video-banner__heading{font-weight:400}.template-custom-velcro-patch .black-video-banner .video-banner__content .video-banner__content-inner{max-width:770px}@media screen and (max-width:1299px){.black-video-banner .arrow-with-text-main .arrow-with-text-bottom{width:fit-content;bottom:70%;transform:translateY(30%);right:120px;text-align:right}}@media screen and (max-width:1199px){h1.video-banner__heading{font-size:45px}.video-banner__heading{font-size:40px}.video-banner__play{transform:translateY(-30%);top:30%}}@media screen and (max-width:989px){.black-video-banner dd-video{padding-bottom:70%}h1.video-banner__heading{font-size:35px}.black-video-banner .arrow-with-text-main{display:none}}@media screen and (max-width:749px){.black-video-banner .video-banner__video.video-banner__video--desktop{display:none}.black-video-banner .video-banner__video.video-banner__video--mobile{display:block}.black-video-banner .video-banner__content{position:relative;background:#000;padding-bottom:35px}.video-banner__play{width:30px;height:30px}.black-video-banner dd-video{padding-bottom:103%}h1.video-banner__heading{font-size:25px}.video-banner__description{margin:20px auto 0}.black-video-banner .video-banner__content.page-width{max-width:var(--page-width);padding:30px 2rem 45px}.black-video-banner .video-banner__content .video-banner__content-inner .video-banner__heading{font-size:25px}.black-video-banner .video-banner__content .video-banner__content-inner .video-banner__description p{font-size:15px}body.template-black-friday .black-video-banner .video-banner__content.page-width{padding:30px 3.6rem 45px}.video-banner__play{transform:translateY(-50%);top:50%}body.template-index .black-video-banner .video-banner__content .video-banner__content-inner{padding:0}.black-video-banner.text-overlay-mobile .video-banner__content{position:absolute;background:transparent}.black-video-banner.text-overlay-mobile .video-banner__content .video-double-button .video-banner__button{font-size:13px}.black-video-banner.text-overlay-mobile dd-video{padding-bottom:156%}body.template-landing-page-n90-switch-p .black-video-banner.text-overlay-mobile dd-video{padding-bottom:183%}.video-banner--content-top .video-banner__content{align-items:flex-start;justify-content:center}.video-banner--content-bottom .video-banner__content{align-items:flex-end;justify-content:center}.video-banner--content-left .video-banner__content{align-items:center;justify-content:flex-start}.video-banner--content-center .video-banner__content{align-items:center;justify-content:center}.video-banner--content-right .video-banner__content{align-items:center;justify-content:flex-end}.video-banner--content-center .video-banner__content-inner{text-align:center}.video-banner--content-right .video-banner__content-inner{text-align:right}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button{gap:15px;justify-content:center}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-button{flex:0 0 auto}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button{min-width:100%;width:100%;max-width:100%;padding-left:15px;padding-right:15px}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner{text-align:center}.black-video-banner .video-banner__content .video-banner__content-inner .video-banner__description p br{display:none}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner{max-width:100%}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button{min-width:190px}.template-push-switches .black-video-banner .video-banner__content{background:#fff}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-banner__heading,.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-banner__description p{color:#000}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button.button--primary{border-color:#000;color:#000}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button.button--primary:hover,.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button.button--secondary{background-color:#000;color:#fff}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button.button--secondary:hover{border-color:#000;color:#000;background-color:transparent}.video-banner.full-page-width{padding-left:0;padding-right:0}}@media screen and (max-width:480px){.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-banner__button{min-width:auto}.template-push-switches .black-video-banner .video-banner__content .video-banner__content-inner .video-double-button .video-button{flex:1}}@media screen and (max-width:399px){h1.video-banner__heading{font-size:20px}.video-banner__description p{font-size:15px}.black-video-banner .video-banner__content .video-banner__content-inner .video-double-button{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/black-video-banner.css.map */