22

✏️ Editing: ps-rubix.css

:root{--thumb-item-height:clamp(8.75rem, 15vw, 10.625rem)}.bdt-rubix-slider{overflow:hidden;position:relative}.bdt-rubix-slider .bdt-main-slider{position:relative;overflow:hidden}.bdt-rubix-slider .bdt-main-slider .bdt-item{display:inline-block;background:#f3f6fb;align-items:center;position:relative;overflow:hidden;opacity:.2;pointer-events:none}.bdt-rubix-slider .bdt-main-slider .bdt-item .bdt-slider-progress{position:absolute;top:0;width:0;left:0;height:3px;background:transparent;z-index:1}.bdt-rubix-slider .bdt-main-slider .bdt-item.swiper-slide-active{opacity:1;pointer-events:auto}.bdt-rubix-slider .bdt-main-slider .bdt-item.swiper-slide-active .bdt-slider-progress{background:#D90429}.bdt-rubix-slider .bdt-main-slider .bdt-img-wrap{position:relative;height:100%;width:100%}.bdt-rubix-slider .bdt-main-slider .bdt-img-wrap::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 100%)}.bdt-rubix-slider .bdt-main-slider .bdt-img-wrap .bdt-img{width:100%;height:100%;object-fit:cover}.bdt-rubix-slider .bdt-main-slider .bdt-read-more{position:absolute;bottom:0;left:0;margin:clamp(1.25rem, 4vw, 2.5rem)}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a{font-size:15px;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;grid-column-gap:12px;text-decoration:none;transition:all .3s ease;font-weight:600}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a i{color:#2b2d42;font-size:14px;background:#f3f6fb;padding:18px 16.25px;border-radius:100%;display:inline-flex;align-items:center;justify-content:center;transform:scale(1) rotate(0);transition:transform .3s ease}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a i:after{content:'';position:absolute;background-color:#D90429;transition:all 300ms ease;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);width:calc(100% + 1px);height:calc(100% + 1px);border-radius:50%}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a i::before{z-index:1}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a:hover{color:#D90429}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a:hover i{color:#fff;transform:scale(1) rotate(-190deg)}.bdt-rubix-slider .bdt-main-slider .bdt-read-more a:hover i::after{transform:translate(-50%, -50%) scale(1)}.bdt-rubix-slider .bdt-main-slider .bdt-content{width:100%;padding:clamp(1.25rem, 3vw, 1.875rem)}.bdt-rubix-slider .bdt-main-slider .bdt-title{font-size:clamp(1.25rem, 3vw, 1.625rem);text-transform:capitalize;line-height:1.2;margin:0;margin-bottom:15px}.bdt-rubix-slider .bdt-main-slider .bdt-title a{color:#2B2D42;text-decoration:none;transition:all .3s ease-in-out}.bdt-rubix-slider .bdt-main-slider .bdt-title a:hover{color:#D90429}.bdt-rubix-slider .bdt-main-slider .bdt-category{margin-bottom:15px;display:inline-flex}.bdt-rubix-slider .bdt-main-slider .bdt-category a{color:#49525e;font-size:clamp(.75rem, 1.5vw, .875rem);font-weight:600;text-transform:uppercase;transition:all .3s ease}.bdt-rubix-slider .bdt-main-slider .bdt-category a:hover{color:#D90429}.bdt-rubix-slider .bdt-main-slider .bdt-category a+a{margin-left:8px}.bdt-rubix-slider .bdt-main-slider .bdt-text{font-size:clamp(.813rem, 1.5vw, .938rem);color:#6d6e72;margin-bottom:20px}.bdt-rubix-slider .bdt-main-slider .bdt-text p{margin:0}.bdt-rubix-slider .bdt-main-slider .bdt-meta .bdt-date-time{display:flex;align-items:center;line-height:1;font-size:14px;color:#2b2d42}.bdt-rubix-slider .bdt-main-slider .bdt-meta .bdt-date-time i.ps-wi-calendar{background:#2b2d42;padding:10px;border-radius:40px;font-size:12px;margin-right:8px;color:#fff}.bdt-rubix-slider .bdt-main-slider .bdt-meta .bdt-post-time{margin-left:5px}.bdt-rubix-slider .bdt-main-slider .bdt-meta .bdt-post-time i{margin-right:2px}.bdt-rubix-slider .bdt-thumb-slider{position:absolute;right:0;left:0;width:100%;max-width:100%;height:var(--thumb-item-height)}.bdt-rubix-slider .bdt-thumb-slider .bdt-item{padding:30px;border-radius:5px;overflow:hidden;cursor:pointer}.bdt-rubix-slider .bdt-thumb-slider .bdt-item.swiper-slide-thumb-active,.bdt-rubix-slider .bdt-thumb-slider .bdt-item:hover{background:#f3f6fb}.bdt-rubix-slider .bdt-thumb-slider .bdt-item.swiper-slide-thumb-active .bdt-content:before,.bdt-rubix-slider .bdt-thumb-slider .bdt-item:hover .bdt-content:before{width:100%;background:#D90429}.bdt-rubix-slider .bdt-thumb-slider .bdt-content{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between}.bdt-rubix-slider .bdt-thumb-slider .bdt-content:before,.bdt-rubix-slider .bdt-thumb-slider .bdt-content:after{content:'';position:absolute;height:2px;top:0;transition:all .5s cubic-bezier(.455, .03, .515, .955)}.bdt-rubix-slider .bdt-thumb-slider .bdt-content:before{width:0;z-index:1}.bdt-rubix-slider .bdt-thumb-slider .bdt-content:after{width:100%;background:#dcdcdc}.bdt-rubix-slider .bdt-thumb-slider .bdt-title{font-size:clamp(.875rem, 1.5vw, 1rem);text-transform:capitalize;margin:0;padding-top:10px}.bdt-rubix-slider .bdt-thumb-slider .bdt-title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#2b2d42;text-decoration:none;transition:all .3s ease-in-out}.bdt-rubix-slider .bdt-thumb-slider .bdt-title a:hover{color:#D90429}.bdt-rubix-slider .bdt-thumb-slider .bdt-meta{display:flex;align-items:center;font-size:clamp(.688rem, 1vw, .813rem);text-transform:uppercase;font-weight:500;color:#5b6272}.bdt-rubix-slider .bdt-thumb-slider .bdt-meta .bdt-author a{color:#5b6272;line-height:1;margin-left:4px;transition:all .3s ease}.bdt-rubix-slider .bdt-thumb-slider .bdt-meta .bdt-author a:hover{color:#D90429}.bdt-rubix-slider .bdt-thumb-slider .bdt-meta .bdt-meta-separator{padding:0 0}.bdt-rubix-slider .bdt-thumb-slider .bdt-meta .bdt-date span{padding-left:4px}.bdt-rubix-slider.bdt-slide-style-1{padding-top:var(--thumb-item-height)}.bdt-rubix-slider.bdt-slide-style-1 .bdt-main-slider{margin-top:30px}.bdt-rubix-slider.bdt-slide-style-1 .bdt-thumb-slider{top:0}.bdt-rubix-slider.bdt-slide-style-2{padding-bottom:var(--thumb-item-height)}.bdt-rubix-slider.bdt-slide-style-2 .bdt-main-slider{margin-bottom:30px}.bdt-rubix-slider.bdt-slide-style-2 .bdt-thumb-slider{bottom:0}@media (min-width:768px){.bdt-rubix-slider .bdt-main-slider{height:clamp(21.875rem, 40vw, 28.125rem)}.bdt-rubix-slider .bdt-main-slider .bdt-item{display:flex}.bdt-rubix-slider .bdt-main-slider .bdt-img-wrap,.bdt-rubix-slider .bdt-main-slider .bdt-content{width:50%}.bdt-rubix-slider .bdt-thumb-slider{max-width:80%}.bdt-ps-reverese--yes .bdt-rubix-slider .bdt-main-slider .bdt-item{flex-direction:row-reverse}}

MR SKB