.cardslider{width:100%!important;height:600px;overflow:hidden}.cardslider__cards,.cardslider__dots-nav{margin:0;padding:0;list-style:none}.cardslider__cards{width:90%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d}.cardslider__dots-nav{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.cardslider__dot{display:inline-block;margin-right:8px}.cardslider__dot-btn{position:relative;border-radius:50%;border:2px solid white;width:10px;height:10px;display:block;-webkit-appearance:none;appearance:none;background:none;padding:0}.cardslider__dot-btn:before{content:" ";position:absolute;display:block;background:#fff;width:6px;height:6px;border-radius:50%;left:50%;top:50%;transition:all .5s;transform:translate(-50%,-50%) scale(0)}.cardslider__dot--active .cardslider__dot-btn:before{transform:translate(-50%,-50%) scale(1.1)}.cardslider__card{background:#d7d7d7;display:block;border-radius:10px;width:100%;position:absolute;will-change:transform,opacity,background;transition:background .5s ease-out,opacity .5s}.cardslider__card--transitions{transition:background .5s ease-out,transform .5s ease-out,opacity .5s}.cardslider__card--index-0,.cardslider__card--index-1,.cardslider__card--index-2,.cardslider__card--index-3{background:transparent}.cardslider__card--invisible{opacity:0}.cardslider--direction-up .cardslider__card{transform:scale(.8) translate3d(0,17.25%,0)}.cardslider--direction-up .cardslider__card--index-0{transform:translateZ(4px)}.cardslider--direction-up .cardslider__card--index-1{transform:scale(.95) translate3d(0,4.31%,3px)}.cardslider--direction-up .cardslider__card--index-2{transform:scale(.9) translate3d(0,8.61%,2px)}.cardslider--direction-up .cardslider__card--index-3{transform:scale(.85) translate3d(0,12.91%,1px)}.cardslider--direction-up .cardslider__card--out{transform:translate3d(0,150%,4px)}.cardslider--sortback-up{animation:sortback-up .67s}.cardslider--sortfront-up{animation:sortfront-up .67s}.cardslider--direction-down .cardslider__card{transform:scale(.8) translate3d(0,-17.25%,0)}.cardslider--direction-down .cardslider__card--index-0{transform:translateZ(4px)}.cardslider--direction-down .cardslider__card--index-1{transform:scale(.95) translate3d(0,-4.31%,3px)}.cardslider--direction-down .cardslider__card--index-2{transform:scale(.9) translate3d(0,-8.61%,2px)}.cardslider--direction-down .cardslider__card--index-3{transform:scale(.85) translate3d(0,-12.91%,1px)}.cardslider--direction-down .cardslider__card--out{transform:translate3d(0,150%,4px)}.cardslider--sortback-down{animation:sortback-down .67s}.cardslider--sortfront-down{animation:sortfront-down .67s}.cardslider--direction-right .cardslider__card{transform:scale(.8) translate3d(0,-17.25%,0)}.cardslider--direction-right .cardslider__card--index-0{transform:translateZ(4px);margin-top:5px}.cardslider--direction-right .cardslider__card--index-1{transform:scale(.95) translate3d(0,-4.31%,3px);margin-top:2px}.cardslider--direction-right .cardslider__card--index-2{transform:scale(.9) translate3d(0,-8.61%,2px)}.cardslider--direction-right .cardslider__card--index-3{transform:scale(.85) translate3d(0,-12.91%,1px)}.cardslider--direction-right .cardslider__card--out{transform:translate3d(0,150%,4px)}.cardslider--sortback-right{animation:sortback-right .67s}.cardslider--sortfront-right{animation:sortfront-right .67s}.cardslider--direction-left .cardslider__card{transform:scale(.8) translate3d(17.25%,0,0)}.cardslider--direction-left .cardslider__card--index-0{transform:translateZ(4px)}.cardslider--direction-left .cardslider__card--index-1{transform:scale(.95) translate3d(4.31%,0,3px)}.cardslider--direction-left .cardslider__card--index-2{transform:scale(.9) translate3d(8.61%,0,2px)}.cardslider--direction-left .cardslider__card--index-3{transform:scale(.85) translate3d(12.91%,0,1px)}.cardslider--direction-left .cardslider__card--out{transform:translate3d(150%,0,4px)}.cardslider--sortback-left{animation:sortback-left .67s}.cardslider--sortfront-left{animation:sortfront-left .67s}.cardslider__direction-nav{display:none;position:absolute;right:20px;bottom:20px}.cardslider__nav-next,.cardslider__nav-prev{display:block;background:none;border:none;width:40px;height:40px;text-indent:-9999px;outline:none;transition:all .3s;border:2px solid white;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:20px 20px;padding:0}.cardslider__nav-next:active,.cardslider__nav-prev:active{transform:scale(.8)}.cardslider__nav-next{margin-bottom:10px;background-image:url(../img/arrow-up.svg)}.cardslider__nav-prev{background-image:url(../img/arrow-down.svg)}@keyframes sortback-down{0%{transform:translateZ(4px) scale(1)}50%{transform:translate3d(0,150%,4px) scale(1)}60%{transform:translate3d(0,150%,0) scale(.8)}to{transform:translateZ(0) scale(.8)}}@keyframes sortfront-down{0%{transform:translateZ(0) scale(.8)}50%{transform:translate3d(0,150%,0) scale(.8)}60%{transform:translate3d(0,150%,4px) scale(1)}to{transform:translateZ(4px) scale(1)}}@keyframes sortback-up{0%{transform:translateZ(4px) scale(1)}50%{transform:translate3d(0,-150%,4px) scale(1)}60%{transform:translate3d(0,-150%,0) scale(.8)}to{transform:translateZ(0) scale(.8)}}@keyframes sortfront-up{0%{transform:translateZ(0) scale(.8)}50%{transform:translate3d(0,-150%,0) scale(.8)}60%{transform:translate3d(0,-150%,4px) scale(1)}to{transform:translateZ(4px) scale(1)}}@keyframes sortback-left{0%{transform:translateZ(4px) scale(1)}50%{transform:translate3d(-150%,0,4px) scale(1)}60%{transform:translate3d(-150%,0,0) scale(.8)}to{transform:translateZ(0) scale(.8)}}@keyframes sortfront-left{0%{transform:translateZ(0) scale(.8)}50%{transform:translate3d(-150%,0,0) scale(.8)}60%{transform:translate3d(-150%,0,4px) scale(1)}to{transform:translateZ(4px) scale(1)}}@keyframes sortback-right{0%{transform:translateZ(4px) scale(1)}50%{transform:translate3d(150%,0,4px) scale(1)}60%{transform:translate3d(150%,0,0) scale(.8)}to{transform:translateZ(0) scale(.8)}}@keyframes sortfront-right{0%{transform:translateZ(0) scale(.8)}50%{transform:translate3d(150%,0,0) scale(.8)}60%{transform:translate3d(150%,0,4px) scale(1)}to{transform:translateZ(4px) scale(1)}}@media only screen and (min-width: 400px) and (max-width: 550px){.cardslider{height:650px;overflow:hidden}}@media only screen and (min-width: 357px) and (max-width: 375px){.cardslider{height:570px;overflow:hidden}}@media only screen and (min-width: 320px) and (max-width: 357px){.cardslider{height:540px;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/cardslider.css.map */