#app{height:100%}html,body{position:relative;height:100%}body{background:#eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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)}.mySwiper{position:relative}.overlay{position:absolute;bottom:20px;left:20px;background:#00000080;color:#fff;padding:15px;border-radius:5px;max-width:80%}