.carousel{width:840px;height:400px;margin:0 auto;position:relative}.carousel__main{width:640px;height:400px;margin:0 auto}.carousel__main__img{width:160px;height:120px}@media(max-width: 768px){.carousel__main{width:160px;height:120px}}.carousel__prev{position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:150px;left:20px;size:1.5em;margin-left:.5em;background-color:#7fffd4;border-radius:50%;cursor:pointer;color:#000}.carousel__prev:hover{transition-duration:.2s;transform:translateX(-10px)}@media(max-width: 768px){.carousel__prev{top:50px;left:5px}}.carousel__next{position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:150px;right:20px;size:1.5em;margin-right:.5em;background-color:#7fffd4;border-radius:50%;cursor:pointer;color:#000}.carousel__next:hover{transition-duration:.2s;transform:translateX(10px)}@media(max-width: 768px){.carousel__next{top:50px;right:5px}}.carousel__thumbnails{display:flex;justify-content:center;list-style:none;padding:0}.carousel__thumbnails li{cursor:pointer;opacity:.4}.carousel__thumbnails li:hover{opacity:1}.carousel__thumbnails li.current{opacity:1}.carousel__thumbnails img{width:100px}@media(max-width: 768px){.carousel__thumbnails img{width:50px}}@media(max-width: 768px){.carousel{width:320px;height:150px}}.active-enter{opacity:0}.active-enter-to{opacity:1}.active-enter-active{transition:opacity .5s}.active-leave{opacity:1}.active-leave-to{opacity:0}.active-leave-active{transition:opacity .5s}.curr{color:red;border:1px solid red}
/*# sourceMappingURL=app.min.css.map */