.video-banner{position:relative;overflow:hidden;width:100%;height:calc(var(--height) - 150px);background-image:var(--background-image);background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#00000080}@media screen and (max-width: 768px){.video-banner{height:calc(100vh - 150px)}}.video-banner__video{min-width:100%;height:calc(var(--height) - 150px);z-index:1;position:absolute;left:0;top:0;object-fit:cover;object-position:var(--object-position);pointer-events:none}@media screen and (max-width: 768px){.video-banner__video{height:calc(100vh - 150px)}}.video-banner__video::-webkit-media-controls{display:none!important}.video-banner__video::-webkit-media-controls-play-button{display:none!important}.video-banner__video::-webkit-media-controls-volume-slider{display:none!important}.video-banner__video::-webkit-media-controls-mute-button{display:none!important}.video-banner__video::-webkit-media-controls-timeline{display:none!important}.video-banner__video::-webkit-media-controls-current-time-display{display:none!important}.video-banner__video--desktop{display:block}@media screen and (max-width: 768px){.video-banner__video--desktop{display:none}}.video-banner__video--mobile{display:none}@media screen and (max-width: 768px){.video-banner__video--mobile{display:block;object-position:var(--object-position)}}.video-banner__overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000080;z-index:2;display:none}.video-banner__heading{display:none}.video-banner__wrapper{width:inherit;height:inherit;position:relative;z-index:2;display:flex}@media only screen and (min-width: 992px){.video-banner__wrapper--vtop{align-items:flex-start}.video-banner__wrapper--vcenter{align-items:center}.video-banner__wrapper--vbottom{align-items:flex-end}.video-banner__wrapper--hleft{justify-content:flex-start;text-align:left}.video-banner__wrapper--hcenter{justify-content:center;text-align:center}.video-banner__wrapper--hright{justify-content:flex-end;text-align:right}}@media only screen and (max-width: 991px){.video-banner__wrapper--sp-vtop{align-items:flex-start}.video-banner__wrapper--sp-vcenter{align-items:center}.video-banner__wrapper--sp-vbottom{align-items:flex-end}.video-banner__wrapper--sp-hleft{justify-content:flex-start;text-align:left}.video-banner__wrapper--sp-hcenter{justify-content:center;text-align:center}.video-banner__wrapper--sp-hright{justify-content:flex-end;text-align:right}}.video-banner__content{position:relative;max-width:760px;padding:15px;width:100%;z-index:2}@media only screen and (min-width: 992px){.video-banner__wrapper--vtop .video-banner__content{padding-top:50px}.video-banner__wrapper--vbottom .video-banner__content{padding-bottom:50px}.video-banner__wrapper--hleft .video-banner__content{padding-left:50px}.video-banner__wrapper--hright .video-banner__content{padding-right:50px}}@media only screen and (max-width: 991px){.video-banner__wrapper--sp-vtop .video-banner__content{padding-top:25px}.video-banner__wrapper--sp-vbottom .video-banner__content{padding-bottom:25px}.video-banner__wrapper--sp-hleft .video-banner__content{padding-left:25px}.video-banner__wrapper--sp-hright .video-banner__content{padding-right:25px}}.video-banner__title{margin-bottom:0;font-size:var(--font-size)}@media only screen and (max-width: 991px){.video-banner__title{font-size:var(--mobile-font-size)}}.video-banner__subtitle{margin-top:0;font-size:var(--subfont-size)}@media only screen and (max-width: 991px){.video-banner__subtitle{font-size:var(--mobile-subfont-size)}}.video-banner__button{display:inline-block;background-color:var(--button-hover);color:var(--button-color);max-width:200px;font-size:var(--button-size);width:100%;padding:10px;text-align:center;border-radius:var(--button-border-radius);position:relative;overflow:hidden}@media only screen and (min-width: 992px){.video-banner__button.video-banner__button--large{max-width:300px;padding:15px}.video-banner__button.video-banner__button--small{max-width:150px;padding:8px}}@media only screen and (max-width: 991px){.video-banner__button.video-banner__button--sp-large{max-width:250px;padding:15px}.video-banner__button.video-banner__button--sp-small{max-width:150px;padding:8px}}.video-banner__button.video-banner__button--bold{font-weight:700}.video-banner__button:before,.video-banner__button:after,.video-banner__button span:before,.video-banner__button span:after{position:absolute;content:""}.video-banner__button span{position:relative;width:100%;display:inline-block;transition:.3s}.video-banner__button:before{background-color:var(--button-bg);transition:.3s ease-out;top:0;left:0;right:0;height:100%;width:100%}.video-banner__button:hover:before{height:0%}.video-banner__button span:hover{color:var(--button-color);transition:.2s .1s}
/*# sourceMappingURL=/cdn/shop/t/170/assets/component-video-banner.css.map */