#app{height:100%}html,body{height:100%;position:relative}body{color:#fff;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}.swiper{width:100%;height:100%}.swiper-slide:before{content:"";opacity:.61;z-index:1;pointer-events:none;background:#040404;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-slide{text-align:center;background:#444;justify-content:center;align-items:flex-end;padding-bottom:80px;font-size:22px;display:flex;position:relative}.image-container{width:100%;height:100%;position:absolute;top:0;left:0}.slide-background{object-fit:cover;object-position:center}.slide-content{z-index:2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);border-radius:8px;padding:20px;font-size:24px;font-weight:700;position:relative}.swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,.5);border-radius:2px;width:40px;height:4px;transition:all .3s}.swiper-pagination-bullet-active{background:#fff;transform:scaleY(1.2)translateY(-5px)}.swiper-pagination{padding:0 20px;bottom:20px}