html.no-js .japps-no-js,html.no-js .japps-no-js-flex{display:none}html.js .japps-no-js{display:block}html.js .japps-no-js-flex{display:flex}.video-banner{position:relative;width:100%;height:calc(100vh - 25rem);overflow:hidden}@media screen and (max-width: 749px){.video-banner{min-height:auto;height:auto}}@media screen and (min-width: 750px) and (max-width: 1920px){.video-banner{height:37.5vw}}@media screen and (min-width: 1920px) and (max-width: 2560px){.video-banner{height:42.19vw}}@media screen and (min-width: 2560px){.video-banner{height:37.5vw}}.video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:#00000080;z-index:1;display:block!important}@media screen and (max-width: 749px){.video-banner__overlay--bottom-mobile{background:linear-gradient(to top,#0009,#0000)}}@media screen and (min-width: 750px){.video-banner__overlay--left-desktop{background:linear-gradient(to right,#0009,#0000)}}.video-banner__video{position:absolute;top:0;left:0;width:101%;height:101%;object-fit:cover;z-index:0}.video-banner__video--small,.video-banner__video--medium,.video-banner__video--large,.video-banner__video--4k{display:none}@media (max-width: 749px){.video-banner__video--small{display:block}}@media (min-width: 750px) and (max-width: 1919px){.video-banner__video--medium{display:block}}@media (min-width: 1920px) and (max-width: 3839px){.video-banner__video--large{display:block}}@media (min-width: 3840px){.video-banner__video--4k{display:block}}.page-width--video-banner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;max-width:1350px}.video-banner__image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:0}.video-banner__content{display:flex;flex-direction:column;width:100%;max-width:78rem;padding:6.5rem 0;align-items:center;text-align:center}.video-banner__content *{margin:0}.video-banner__content h2:not(.video-banner__content--container h2),.video-banner__content p:not(.video-banner__content--container p){color:#fff}.video-banner__content--description{margin-top:1.25rem;font-size:1.7rem}.video-banner__content--description a{color:inherit}.video-banner__content--caption{font-size:1.4rem;display:inline-block;margin-bottom:.75rem;text-transform:uppercase;word-break:break-word}@media screen and (min-width: 750px){.video-banner__content--container .video-banner__content--caption{text-align:center;margin-bottom:1.25rem;font-size:1.5rem}}.video-banner__control{display:flex;justify-content:center;align-items:center;position:absolute;bottom:1rem;right:1rem;z-index:2;background:#00000080;border:none;color:#fff;width:4rem;height:4rem;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.video-banner__control.visible{visibility:visible;opacity:1}.video-banner__control .icon.icon-play,.video-banner__control .icon.icon-pause{display:block;position:absolute;opacity:1;transform:scale(1);transition:transform .15s ease,opacity .15s ease;width:1.75rem;height:1.75rem}.video-banner__control .icon.icon-play{height:1.75rem}.video-banner__control--paused .icon-pause,.video-banner__control:not(.video-banner__control--paused) .icon-play{visibility:hidden;opacity:0;transform:scale(.8)}.video-banner__buttons{display:flex;flex-direction:column;width:100%;gap:2.5rem;margin-top:2.5rem;justify-content:center;align-items:center}.video-banner__buttons .link{font-size:1.5rem}.video-banner__content--button{display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none;width:100%;box-sizing:border-box;word-wrap:break-word;font-weight:700;letter-spacing:.01;min-width:20rem}@media (min-width: 750px){.video-banner__buttons{margin-top:3rem;gap:3.5rem;flex-direction:row}.video-banner__content--button{width:auto;max-width:50%}.video-banner__content--description{font-size:2rem}}@media (min-width: 750px){.page-width--video-banner--center{display:flex;justify-content:center;align-items:center}.page-width--video-banner--left{align-items:center;justify-content:flex-start;text-align:left}.page-width--video-banner--left .video-banner__content{align-items:flex-start;text-align:left}.section-japps-video-banner .page-width--video-banner--left .video-banner__buttons{justify-content:flex-start}.video-banner__buttons--left{flex-direction:row;justify-content:flex-start}}@media (min-width: 990px){.page-width--video-banner--left .video-banner__content{padding-left:5rem}}@media (max-width: 749px){.page-width--video-banner--mobile-bottom{align-items:flex-end;justify-content:center;text-align:center}.section-japps-video-banner .page-width--video-banner--left .video-banner__buttons{justify-content:center}}.video-banner__content--container{padding:3.2rem 0}@media screen and (min-width: 750px){.video-banner__content--container{padding:6.4rem 0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/japps-video-banner.css.map */