.video-banner{display:flex;position:relative;flex-direction:row}.video-banner p{margin:0}@media screen and (min-width:750px){.video-banner{flex-direction:row}}.video-banner__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (min-width:750px){.video-banner__media{height:100%}}.video-banner--adapt{height:auto}.video-banner__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.video-banner__content{display:flex;flex-direction:column;position:relative;width:100%;min-height:100%;align-items:center;justify-content:center;z-index:2;padding-top:6.4rem;padding-bottom:6.4rem}.video-banner__content.with-overlay{background:#192e3b8c}.video-banner__content.with-overlay-gradient{background:linear-gradient(90deg,#102127 -11.53%,#102127e0 20.51%,#10212700 76.35%)}.video-banner__content--with-nav{flex-direction:column;align-items:start;padding-bottom:0;overflow:hidden}.video-banner__content--with-nav .video-banner__box{margin-top:auto}@media screen and (max-width:1024px){.video-banner__content.with-overlay-gradient{background:linear-gradient(90deg,#102127 -3.26%,#10212700 150%)}}@media screen and (max-width:749px){.video-banner__content.mobile-top{justify-content:flex-start}.video-banner__content.mobile-bottom{justify-content:flex-end}}.video-banner__box{display:flex;flex-direction:column;border:0;position:relative;height:fit-content;align-items:start;text-align:left;width:100%;transition:all ease-in-out .3s}.video-banner__box.left{align-self:flex-start;align-items:flex-start;text-align:left}.video-banner__box.right{align-self:flex-end;align-items:flex-end;text-align:right}.video-banner__box.center{align-self:center;align-items:center;text-align:center}@media screen and (max-width:600px){.video-banner__box.mobile-left{align-self:flex-start;align-items:flex-start;text-align:left}.video-banner__box.mobile-right{align-self:flex-end;align-items:flex-end;text-align:right}.video-banner__box.mobile-center{align-self:center;align-items:center;text-align:center}}.video-banner:after{content:"";position:absolute;background:#000;opacity:0;z-index:1;width:100%;height:100%}div.video-banner__number-w-text{display:grid;grid-template-columns:11rem 1fr;gap:3rem;margin-top:6.4rem}.video-banner__number-w-text__big-text{font-weight:600;font-size:5rem;line-height:5rem;color:rgb(var(--color-base-accent-1))}.video-banner__number-w-text__text{color:#fff}.video-banner__box>.video-banner__buttons{display:flex;align-items:baseline;gap:1.6rem;justify-content:center;flex-wrap:wrap}.video-banner__box>*+.video-banner__buttons--multiple{display:flex;flex-wrap:wrap;align-items:start;justify-content:center}.video-banner__box.left>.video-banner__buttons{justify-content:flex-start}.video-banner__box.left>*+.video-banner__buttons--multiple{justify-content:flex-start}.video-banner__box.right>.video-banner__buttons{justify-content:flex-end}.video-banner__box.right>*+.video-banner__buttons--multiple{justify-content:flex-end}.video-banner__box>*+.video-banner__buttons{margin-top:2.4rem}@media screen and (min-width:750px){.video-banner__box>*+.video-banner__buttons{margin-top:3rem}}.video-banner__content .button:last-child{margin-right:0}.video-banner__box>*+.video-banner__text:not(.medium){margin-top:1.6rem}.video-banner__box>*+.video-banner__text.medium{margin-top:2.4rem}.video-banner__text{font-weight:400}.video-banner__text strong{font-weight:600}.video-banner__text.medium p{font-weight:500;font-size:1.6rem;line-height:2.4rem}@media screen and (min-width:750px){.video-banner__box>*+.video-banner__text:not(.medium){margin-top:2.4rem}.video-banner__box>*+.video-banner__text.medium{margin-top:4rem}.video-banner__text.medium p{font-weight:500;font-size:2rem;line-height:160%}}.video-banner__box>*+*{margin-top:1rem}.video-banner__box>*:first-child{margin-top:0}.video-banner__content .button:not(:only-child){flex-grow:0}.video-banner__content-img--wrapper{display:flex;margin-top:5rem;max-width:24rem;width:100%}.video-banner__content-img{display:flex;width:100%;position:relative}.video-banner__content-img img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center}.video-banner__content-img img[data-animation=fadeIn]{opacity:0;transition:opacity .4s ease-in;transition-delay:.2s}.video-banner__content-img img.animated[data-animation=fadeIn]{opacity:1}@media screen and (max-width:749px){.video-banner--stacked .video-banner__box{width:100%}.video-banner__content-img--wrapper{margin-top:3rem;max-width:14rem}}@media screen and (min-width:750px){.video-banner__box{width:auto;max-width:66rem;min-width:45rem}.video-banner__box>.video-banner__buttons:only-child .button{margin-top:0}}@media screen and (min-width:1400px){.video-banner__box{max-width:90rem}}.video-banner__heading>*,.video-banner__text>*{word-wrap:break-word}.video-banner__heading{margin-bottom:0;font-weight:700}.video-banner__heading.medium{font-weight:700;font-size:4rem;line-height:4.9rem}.video-banner__heading.small-large{font-weight:800;font-size:5.5rem;line-height:6.7rem}.video-banner__heading.large{font-weight:800;font-size:7rem;line-height:8.5rem}.video-banner__heading svg{height:3.6rem;margin-left:-1.2rem}@media screen and (max-width:1024px){.video-banner__heading.large{font-size:6rem;line-height:7.3rem}.video-banner__heading.small-large{font-size:6rem;line-height:6.7rem}}@media screen and (max-width:749px){.video-banner__heading.medium{font-size:2.4rem;line-height:2.9rem}.video-banner__heading.small-large,.video-banner__heading.large{font-size:3rem;line-height:3.7rem}.video-banner__heading svg{height:2rem;margin-left:-1.2rem}}.video-banner__animation{display:flex;position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.video-banner__animation-quotes{display:flex;width:100%;height:100%;padding:2.8rem}.video-banner__animation-quotes svg{width:100%;height:100%;stroke-dasharray:1;animation-duration:5s;opacity:0}.video-banner__animation-quotes svg.big-tablet,.video-banner__animation-quotes svg.small-tablet,.video-banner__animation-quotes svg.mobile{display:none}@media screen and (max-width:1024px){.video-banner__animation-quotes{padding:1.6rem}.video-banner__animation-quotes svg.desktop{display:none}.video-banner__animation-quotes svg.big-tablet{display:block}}@media screen and (max-width:749px){.video-banner__animation-quotes{padding:.3rem}.video-banner__animation-quotes svg.big-tablet{display:none}.video-banner__animation-quotes svg.small-tablet{display:block}}@media screen and (max-width:520px){.video-banner__animation-quotes svg.small-tablet{display:none}.video-banner__animation-quotes svg.mobile{display:block}div.video-banner__number-w-text{margin-top:3rem;grid-template-columns:1fr;gap:1.6rem}}.video-banner__animation-quotes.animated svg{opacity:1;animation-name:fill-line}.video-banner__animation-slide-scroller{display:flex;width:100%;height:100%}.video-banner__animation-slide-scroller figure{margin:0;padding:0;transition:all ease-in-out .3s}.slide-scroller__backgrounds{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;overflow:hidden;position:sticky;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;will-change:position;z-index:0}.slide-scroller__border{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.slide-scroller__border-top,.slide-scroller__border-right,.slide-scroller__border-bottom,.slide-scroller__border-left{position:absolute;transition:transform .01s;will-change:transform;background-color:rgb(var(--color-background))}.slide-scroller__border-top,.slide-scroller__border-bottom{width:100%;height:8rem}.slide-scroller__border-right,.slide-scroller__border-left{width:8rem;height:100%}.slide-scroller__border-right{left:auto;right:-.1rem;top:0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.slide-scroller__border-top{left:0;top:-.1rem;-webkit-transform-origin:50% 0;transform-origin:50% 0}.slide-scroller__border-bottom{bottom:-.1rem;left:0;top:auto;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.slide-scroller__border-left{left:-.1rem;top:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.video-banner__video,.video-banner__preview-img{height:100%;width:100%;left:0;top:0;position:absolute}.video-banner__video video,.video-banner__fullscreen video,.video-banner__preview-img img{height:100%;width:100%;object-fit:cover}.video-banner__video.opened video{object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (orientation:landscape){.video-banner__video.opened video{max-height:calc(100vh - 4.2rem)}}.video-banner__fullscreen{display:none;height:100%;width:100%;left:0;top:0;position:absolute}.video-banner__fullscreen.open{display:flex;z-index:2}.video-banner__video-background{display:none}.video-banner__video-background.opened{display:flex;z-index:2;background:#000000ed}.video-banner__fullscreen .video-close{position:absolute;right:6.4rem;top:4rem;width:3.2rem;height:3.2rem;border-radius:50%;background-color:#ffffff61;cursor:pointer;z-index:1}.video-banner__video-background .video-close{display:none;position:absolute;left:calc(100% - 7.4rem);top:1rem;width:6.4rem;height:6.4rem;border-radius:50%;background-color:#ffffff61;cursor:pointer;opacity:.7;z-index:1}.video-banner__video-background:hover .video-close{display:flex}.video-banner__fullscreen .video-close:hover,.video-banner__video-background .video-close:hover{opacity:1}.video-banner__fullscreen .video-close:before,.video-banner__fullscreen .video-close:after{position:absolute;left:1.6rem;top:1.6rem;content:" ";height:2rem;width:.2rem;background-color:rgb(var(--color-button))}.video-banner__video-background .video-close:before,.video-banner__video-background .video-close:after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:" ";height:4rem;width:.4rem;background-color:rgb(var(--color-button))}.video-banner__fullscreen .video-close:before,.video-banner__video-background .video-close:before{transform:translate(-50%,-50%) rotate(45deg)}.video-banner__fullscreen .video-close:after,.video-banner__video-background .video-close:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (min-width:750px){.video-banner__video-background .video-close{left:calc(100% - 7.9rem);top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-video-banner.css.map */