22

✏️ Editing: ps-sniper.css

.bdt-sniper-slider{height:clamp(25rem, 55vw, 43.75rem);overflow:hidden;position:relative;background-color:#000}.bdt-sniper-slider .bdt-grid-line{display:grid;grid-template-columns:repeat(4, 1fr);z-index:11;position:absolute;left:0;right:0;height:100%}.bdt-sniper-slider .bdt-grid-line span{border-left:1px solid rgba(153,153,153,0.3)}.bdt-sniper-slider .bdt-ps-iamge-overlay{position:absolute;height:100%;width:100%;z-index:11}.bdt-sniper-slider .bdt-ps-iamge-overlay::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:1}.bdt-sniper-slider .bdt-image-wrap{height:100%}.bdt-sniper-slider .bdt-image-wrap .bdt-img{width:100%;height:100%;object-fit:cover;max-width:unset;position:relative}.bdt-sniper-slider .bdt-content{text-align:right}.bdt-sniper-slider .bdt-title{margin:0;font-size:clamp(1.563rem, 4vw, 2.5rem);font-weight:700;color:rgba(255,255,255,0.2);transition:all .3s ease}.bdt-sniper-slider .bdt-title:hover{color:#fff}.bdt-sniper-slider .bdt-title a{color:rgba(255,255,255,0.2);text-decoration:none}.bdt-sniper-slider .bdt-title a:hover{color:currentColor}.bdt-sniper-slider .bdt-sub-title{font-size:clamp(.75rem, 1.5vw, .875rem);color:#fff;font-weight:600;transform:translateY(30px);opacity:0;transition:all .3s ease;margin:0 0 10px}.bdt-sniper-slider .bdt-main-slider{position:absolute;top:0;right:0;width:70%;height:100%}.bdt-sniper-slider .bdt-thumbs-slider{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)}.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-duplicate-active .bdt-title,.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-active .bdt-title,.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-duplicate-active .bdt-title a,.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-active .bdt-title a{color:#fff}.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-duplicate-active .bdt-sub-title,.bdt-sniper-slider .bdt-thumbs-slider .swiper-slide-active .bdt-sub-title{opacity:1;transform:translateY(0);transition-delay:.5s}.bdt-sniper-slider .bdt-navigation-wrap{position:absolute;top:40%;left:30%;display:flex;align-content:center;flex-direction:row-reverse;transform:translate(-50%, -40%);z-index:1}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn{color:rgba(255,255,255,0.459);transition:all .3s ease;cursor:pointer;height:50px;width:100px;display:flex;justify-content:space-around}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn::before{position:absolute;top:50%;transform:translateY(-50%);content:'';width:30px;height:1px;background:rgba(255,255,255,0.459);transition:all .3s ease}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn svg{width:12px;height:50px}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn:hover{color:rgba(255,255,255,0.838)}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn:hover::before{width:50px;background:rgba(255,255,255,0.838)}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn.bdt-button-next::before{right:50px}.bdt-sniper-slider .bdt-navigation-wrap .bdt-nav-btn.bdt-button-prev::before{left:50px}.bdt-sniper-slider .bdt-pagination-wrap{position:absolute;bottom:0;right:0;z-index:11;margin:clamp(1.875rem, 5vw, 3.125rem);width:80px}.bdt-sniper-slider .bdt-pagination-wrap .bdt-pagination{position:unset;color:#fff;font-size:16px;display:flex;flex-direction:column;height:50px;text-indent:-300px;overflow:hidden}.bdt-sniper-slider .bdt-pagination-wrap .swiper-pagination-total,.bdt-sniper-slider .bdt-pagination-wrap .swiper-pagination-current{position:absolute;text-indent:0}.bdt-sniper-slider .bdt-pagination-wrap .swiper-pagination-total{color:#fdfdfd;bottom:0;right:0}.bdt-sniper-slider .bdt-pagination-wrap .swiper-pagination-current{left:0}.bdt-sniper-slider .bdt-pagination-wrap .swiper-scrollbar{height:1px;border-radius:0;background:rgba(255,255,255,0.346);top:50%}.bdt-sniper-slider .bdt-pagination-wrap .swiper-scrollbar-drag{background:rgba(255,255,255,0.951);border-radius:0;width:50px !important;margin-left:-24px}

MR SKB