.autoload-video{height:100%;position:relative;width:100%;z-index:0}.autoload-video .video-loader{left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;z-index:10}.autoload-video.loading .video-loader{opacity:1}.autoload-video__image{margin:0}.autoload-video__image img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:720px){.autoload-video__image-desktop{display:none}}@media (min-width:721px){.autoload-video__image-mobile{display:none}}.autoload-video__video{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;opacity:0;position:relative;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;width:100vw;z-index:1}.autoload-video.animate-in .autoload-video__video{opacity:1}.video-loader{display:inline-block;height:64px;position:relative;width:64px}.video-loader div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:var(--color-background);border-radius:50%;height:11px;position:absolute;top:27px;width:11px}.video-loader div:first-child{-webkit-animation:loader-ellipsis1 .6s infinite;animation:loader-ellipsis1 .6s infinite;left:6px}.video-loader div:nth-child(2){left:6px}.video-loader div:nth-child(2),.video-loader div:nth-child(3){-webkit-animation:loader-ellipsis2 .6s infinite;animation:loader-ellipsis2 .6s infinite}.video-loader div:nth-child(3){left:26px}.video-loader div:nth-child(4){-webkit-animation:loader-ellipsis3 .6s infinite;animation:loader-ellipsis3 .6s infinite;left:45px}@-webkit-keyframes loader-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes loader-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes loader-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes loader-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes loader-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes loader-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}