#app{height:100%}html,body{position:relative;height:100%}body{background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#fff;margin:0;padding:0}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#444;display:flex;justify-content:center;align-items:center}.swiper-slide picture{display:block;width:100%;height:100%}.swiper-slide img,.background-animation img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.15);animation:cinematicMove 50s ease-in-out infinite}@keyframes cinematicMove{0%{transform:scale(1.15) translate(0)}20%{transform:scale(1.15) translate(-3%,-2%)}40%{transform:scale(1.15) translate(3%,-4%)}60%{transform:scale(1.15) translate(4%,3%)}80%{transform:scale(1.15) translate(-4%,4%)}to{transform:scale(1.15) translate(0)}}.autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--swiper-theme-color)}.autoplay-progress svg{--progress: 0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:none;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}