.slider-wrapper .container{position:relative;width:240px}.slider-wrapper .container .pic-next{position:absolute;top:50%;right:10px;z-index:1000;background-color:#000;color:#fff}.slider-wrapper .container .box{position:relative;top:-60px;width:240px;height:300px;transform-style:preserve-3d;transform:perspective(1000px) rotateY(0deg);transition:1.5s}.slider-wrapper .container .box .card{position:absolute;top:0;left:0;width:100%;height:300px;background:linear-gradient(90deg,#ddd,#eee);transform-origin:center;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 90deg)) translateZ(120px)}.slider-wrapper .container .box .card .imgBx{position:relative;width:100%;height:240px}.slider-wrapper .container .box .card .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.slider-wrapper .container .box .card h2{position:relative;top:10px;width:240px;text-align:center;font-size:1em;font-weight:500;line-height:1em;text-transform:uppercase;transform-style:preserve-3d;transform:translateZ(30px);backface-visibility:hidden}.slider-wrapper .container .box .card h2 span{font-size:.75em;color:#f44336}.slider-wrapper .container .btns{height:100px;border:1px solid #ccc;display:block}.slider-wrapper .container .btns div{height:20px;width:60px}.slider-wrapper .container .btns div:active{background:#333}.slider-wrapper .container .btns div:before{content:"";position:absolute;width:15px;height:15px;border-top:3px solid #333;border-right:3px solid #333;transform:rotate(45deg) translate(-2.5px,2.5px)}.slider-wrapper .container .btns div.prev:before{transform:rotate(225deg) translate(-2.5px,2.5px)}.slider-wrapper .container .btns div:active:before{border-top:3px solid #fff;border-right:3px solid #fff}