.video-background{position:relative;display:flex;width:100%;height:var(--video-bg-height-mobile);overflow:hidden;isolation:isolate}@media(min-width:769px){.video-background{height:var(--video-bg-height)}}.video-background__video,.video-background__poster,.video-background__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.video-background__video{z-index:0;display:block;width:100%;height:100%;object-fit:cover}.video-background__poster{z-index:1;opacity:1;transition:opacity .6s ease}.video-background.is-playing .video-background__poster{opacity:0}.video-background__poster img,.video-background__poster svg{display:block;width:100%;height:100%;object-fit:cover}.video-background__overlay{z-index:2;background-color:var(--video-bg-overlay-color, #000000);opacity:var(--video-bg-overlay-opacity, .3);pointer-events:none}.video-background__content{position:relative;z-index:3;display:flex;flex-direction:column;width:100%;max-width:var(--page-width, 1400px);margin:0 auto;padding:40px 20px;gap:16px;color:var(--video-bg-text)}@media(min-width:769px){.video-background__content{padding:60px 50px}}.video-background__content--top{justify-content:flex-start}.video-background__content--middle{justify-content:center}.video-background__content--bottom{justify-content:flex-end}.video-background__content--left{align-items:flex-start;text-align:left}.video-background__content--center{align-items:center;text-align:center}.video-background__content--right{align-items:flex-end;text-align:right}.video-background__heading,.video-background__text{margin:0;max-width:40ch;color:inherit}.video-background__text>*{margin:0}.video-background__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.video-background__content--center .video-background__buttons{justify-content:center}.video-background__content--right .video-background__buttons{justify-content:flex-end}.video-background__buttons .button--secondary{background:var(--amala-orange);color:var(--white)}.video-background__buttons .button--tertiary{background:var(--amala-cream);color:var(--amala-teal)}.video-background__buttons .button--secondary:after,.video-background__buttons .button--secondary:hover:after{box-shadow:none}.video-background__buttons .button--tertiary:after{box-shadow:0 0 0 var(--buttons-border-width, 1px) currentColor}.video-background__buttons .button--tertiary:hover:after{box-shadow:0 0 0 calc(var(--buttons-border-width, 1px) + 1px) currentColor}@media(prefers-reduced-motion:reduce){.video-background.is-playing .video-background__poster{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-video-background.css.map */