.video-hero{align-items:flex-end;background-color:var(--color-navy-blue);color:var(--color-white);display:flex;height:720px;overflow:hidden;padding:var(--spacer-8) 0;position:relative}.video-hero:before{background-color:var(--color-black);content:"";height:100%;left:0;opacity:.65;position:absolute;top:0;width:100%;z-index:10}.video-hero .mwc-grid{column-gap:var(--spacer-6);row-gap:0;height:100%;position:relative;width:100%;z-index:10}.video-hero .title{margin:0}.video-hero .title>*{color:var(--color-white);margin:0;text-align:center}.video-hero .title-wrapper{align-self:flex-end;bottom:calc(var(--spacer-9) * -1);margin:0;position:relative}.video-hero video{height:100%;object-fit:cover;position:absolute;top:0;left:0;width:100vw;z-index:1}.hero-card__info{align-items:center;display:flex;flex-direction:column;grid-column:span 4;justify-content:flex-end;text-align:center}.hero-card__info h3{color:var(--color-white);margin:0 0 var(--spacer-4) 0}.hero-card__info .rte{margin:0 var(--spacer-5) var(--spacer-6);max-width:430px;text-align:center}.hero-card__info a.button{background-color:transparent;border:1px solid var(--color-white);color:var(--color-white)}.hero-card__info a.button:hover{background-color:var(--color-white);border:1px solid var(--color-white);color:var(--color-navy-blue)}button.video-pause-floating{background:transparent;border:1px solid var(--color-white);border-radius:50%;cursor:pointer;height:32px;margin:0;padding:var(--spacer-2);position:absolute;right:var(--spacer-5);top:var(--spacer-5);width:32px;z-index:10}button.video-pause-floating svg{color:var(--color-white);height:14px;width:14px}button[data-is-playing=false] svg.icon-pause{display:none}button[data-is-playing=true] svg.icon-play{display:none}@media screen and (max-width: 1023px){.video-hero{align-items:center}.video-hero .mwc-grid{display:flex;flex-direction:column;height:auto;row-gap:var(--spacer-8)}.video-hero .title-wrapper{align-self:auto;position:static}.hero-card__info h3{margin-bottom:var(--spacer-2)}.hero-card__info .rte{margin:0 0 var(--spacer-4) 0}button.video-pause-floating{bottom:var(--spacer-5);top:auto}}@media screen and (min-width: 768px){.video-hero .desktop-video{display:block}.video-hero .mobile-video{display:none}}@media screen and (max-width: 767px){.video-hero .mobile-video{display:block;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-hero.css.map */