#app,body,html{height:100%}body,html{position:relative}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0}.swiper,.swiper-slide img{width:100%;height:auto}.swiper-slide img{display:block;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)}.slider-container{position:relative;width:100%;height:auto;overflow:hidden}.overlay-part{position:absolute;background-color:rgba(180,188,230,.746);opacity:0;z-index:100;animation-duration:3s;animation-fill-mode:forwards}.overlay-top-part{top:0;left:0;width:100%;height:50%;animation-name:fade-in-top}.overlay-bottom-part{bottom:0;left:0;width:100%;height:50%;animation-name:fade-in-bottom}@keyframes fade-in-top{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-100%)}}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(100%)}}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}