.video-section{position:relative}.video-section__container,.video-section__wrapper{position:relative;width:100%}.video-section__container{aspect-ratio:1/1;background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.video-section__container{aspect-ratio:16/9}}.video-section__video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.video-section__video.loaded{opacity:1}.video-section__placeholder{align-items:center;background-color:rgb(var(--color-background));border:1px dashed rgb(var(--color-border));border-radius:var(--buttons-radius);color:rgb(var(--color-foreground));display:flex;justify-content:center;min-height:40rem;text-align:center}@media screen and (min-width:750px){.video-section__placeholder{min-height:50rem}}.video-section__placeholder p{color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale)*1.6rem);margin:0}.video-section__fallback{background-color:rgba(var(--color-background),.9);border-radius:var(--buttons-radius);color:rgb(var(--color-foreground));font-size:calc(var(--font-body-scale)*1.4rem);left:50%;margin:0;padding:1rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}ax-video-lazy{display:block}ax-video-lazy[data-loading] .video-section__container:before{animation:spin 1s linear infinite;border:2px solid rgb(var(--color-foreground));border-radius:50%;border-top:2px solid transparent;content:"";height:2rem;left:50%;margin:-1rem 0 0 -1rem;position:absolute;top:50%;width:2rem;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}