@layer components{.banner-video{--_max-height:var(--theme-banner-video-max-height,clamp(28rem,38vw,56rem));display:grid;grid-template-areas:"media";aspect-ratio:var(--_aspect-ratio,16/9);max-height:var(--_max-height);width:100%;overflow:hidden}.banner-video[data-depth=xs]{--_max-height:var(--theme-banner-video-max-height-xs,clamp(12rem,15vw,24rem))}.banner-video[data-depth=sm]{--_max-height:var(--theme-banner-video-max-height-sm,clamp(18rem,22vw,36rem))}.banner-video[data-depth=md]{--_max-height:var(--theme-banner-video-max-height-md,clamp(28rem,38vw,56rem))}.banner-video[data-depth=lg]{--_max-height:var(--theme-banner-video-max-height-lg,clamp(40rem,52vw,72rem))}.banner-video[data-depth=xl]{--_max-height:var(--theme-banner-video-max-height-xl,clamp(52rem,65vw,90rem))}.banner-video .video{display:block;height:auto;min-height:100%;align-self:var(--_align-self,center);justify-self:var(--_justify-self,center)}.banner-video .fallback,.banner-video .video{grid-area:media;width:100%}.banner-video .fallback{display:none;height:100%}@media(prefers-reduced-motion:reduce){.banner-video .video{display:none}.banner-video .fallback{display:block}}}