.dual-therapy-banner{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px 0}@media(min-width:1024px){.dual-therapy-banner{padding:94px 0 116px}}.dual-therapy-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dual-therapy-banner__background-img,.dual-therapy-banner__background .placeholder-svg{width:100%;height:100%;object-fit:cover}.dual-therapy-banner__container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto}.dual-therapy-banner__content{display:flex;justify-content:center}.dual-therapy-banner__media-wrapper{position:relative;width:336px;height:190px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dual-therapy-banner__main-video{width:100%;height:100%;display:block;object-fit:cover}.dual-therapy-banner__text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:95%;pointer-events:none;z-index:3}.dual-therapy-banner__heading{font-family:KansasNew,sans-serif;font-size:25px;font-weight:600;line-height:1.2;color:#fff;margin:0;text-transform:unset}.dual-therapy-banner__play-button{position:absolute;top:10px;right:10px;width:40px;height:40px;background-color:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:5;transition:background-color .3s ease,opacity .3s ease}.dual-therapy-banner__play-button:hover{background-color:#fffc}.dual-therapy-banner__play-button svg{width:20px;height:20px;color:#000}.dual-therapy-banner__play-button .icon-pause,.dual-therapy-banner__play-button.is-playing .icon-play{display:none}.dual-therapy-banner__play-button.is-playing .icon-pause{display:block}.dual-therapy-banner__play-button.is-playing{opacity:0}.dual-therapy-banner__media-wrapper:hover .dual-therapy-banner__play-button.is-playing{opacity:1}@media screen and (min-width:768px){.dual-therapy-banner__media-wrapper{width:600px;height:340px}.dual-therapy-banner__heading{font-size:34px}}@media screen and (min-width:1024px){.dual-therapy-banner__media-wrapper{width:852px;height:480px}.dual-therapy-banner__heading{font-size:42px}.dual-therapy-banner__play-button{top:20px;right:20px;width:60px;height:60px}.dual-therapy-banner__play-button svg{width:30px;height:30px}.dual-therapy-banner__text-overlay{width:64%}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/custom-video-banner.css.map */