.cu-carousel{width:100%;position:relative;color:var(--cu-text-color);overflow:hidden;user-select:none}.cu-carousel__container{width:100%;flex:1;position:relative;overflow:hidden}.cu-carousel-item{position:absolute;left:0;top:0;width:100%;height:100%}.cu-carousel__buttons{position:absolute}.cu-carousel.is-horizontal .cu-carousel__buttons{width:100%;top:50%}.cu-carousel.is-vertical .cu-carousel__buttons{height:100%;right:30px;top:0}.cu-carousel__buttons i{position:absolute;width:30px;height:60px;border-radius:var(--cu-border-radius);color:#fff;font-size:18px;display:flex;justify-content:center;align-items:center;z-index:100;background-color:rgba(0,0,0,.23);cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:transform .2s ease}.cu-carousel__buttons .left{left:10px;top:calc(50% - 30px);transform:translate(calc(-100% - 14px),0)}.cu-carousel__buttons .right{right:10px;top:calc(50% - 30px);transform:translate(calc(100% + 14px),0)}.cu-carousel__buttons .top{height:30px;top:12px;right:0;transform:translate(0,calc(-100% - 16px))}.cu-carousel__buttons .bottom{height:30px;bottom:12px;right:0;transform:translate(0,calc(100% + 16px))}.cu-carousel:hover .cu-carousel__buttons i,.cu-carousel__buttons.always i{transform:translate(0,0)}.cu-carousel:hover .cu-carousel__buttons i:hover{background-color:rgba(0,0,0,.3)}.cu-carousel.outside-indicator.is-horizontal .cu-carousel__indicator{position:relative;bottom:auto;margin-top:4px}.cu-carousel.outside-indicator.is-vertical{display:flex}.cu-carousel.outside-indicator.is-vertical .cu-carousel__indicator{position:relative;right:auto;margin-left:4px;transform:translateY(0)}.cu-carousel__indicator{position:absolute;display:flex;align-items:center;justify-content:center;z-index:100}.cu-carousel__indicator span{background-color:#fff;height:4px;width:12px;margin:4px;opacity:.4;transition:all .2s;cursor:pointer}.outside-indicator .cu-carousel__indicator span{background-color:#999}.cu-carousel.is-horizontal .cu-carousel__indicator{bottom:10px;left:50%;transform:translateX(-50%)}.cu-carousel.is-vertical .cu-carousel__indicator{right:12px;top:50%;transform:translateY(-50%);flex-direction:column}.cu-carousel.is-vertical .cu-carousel__indicator span{width:4px;height:12px}.cu-carousel.is-horizontal .cu-carousel__indicator span.active{opacity:1;transform:scaleX(1.5)}.cu-carousel.is-vertical .cu-carousel__indicator span.active{opacity:1;transform:scaleY(1.5)}.cu-carousel__indicator span:hover{opacity:1}.opacity-enter-active,.opacity-leave-active{transition:opacity .4s ease}.opacity-enter-from,.opacity-leave-to{opacity:0}.oblique-enter-active{transform-origin:left top;transition:transform .4s ease;z-index:2}.oblique-leave-active{transition-delay:0.4s;z-index:1}.oblique-enter-from{transform:scale(0)}.oblique-leave-to{opacity:0}.transform_horizontal_nex-enter-active,.transform_horizontal_nex-leave-active,.transform_horizontal_pre-enter-active,.transform_horizontal_pre-leave-active{transform:translateX(0);transition:transform .4s}.transform_horizontal_nex-enter-from{transform:translateX(100%)}.transform_horizontal_nex-leave-to{transform:translateX(-100%)}.transform_horizontal_pre-enter-from{transform:translateX(-100%)}.transform_horizontal_pre-leave-to{transform:translateX(100%)}.transform_vertical_nex-enter-active,.transform_vertical_nex-leave-active,.transform_vertical_pre-enter-active,.transform_vertical_pre-leave-active{transform:translateY(0);transition:transform .4s}.transform_vertical_nex-enter-from{transform:translateY(100%)}.transform_vertical_nex-leave-to{transform:translateY(-100%)}.transform_vertical_pre-enter-from{transform:translateY(-100%)}.transform_vertical_pre-leave-to{transform:translateY(100%)}