.qd-carousel{--qd-carousel-arrow-font-size:12px;--qd-carousel-arrow-size:36px;--qd-carousel-arrow-background:rgba(31, 45, 61, 0.11);--qd-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--qd-carousel-indicator-width:30px;--qd-carousel-indicator-height:2px;--qd-carousel-indicator-padding-horizontal:4px;--qd-carousel-indicator-padding-vertical:12px;--qd-carousel-indicator-out-color:var(--qd-border-color-hover);position:relative}.qd-carousel--horizontal{overflow-x:hidden}.qd-carousel--vertical{overflow-y:hidden}.qd-carousel__container{position:relative;height:300px}.qd-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--qd-carousel-arrow-size);width:var(--qd-carousel-arrow-size);cursor:pointer;transition:var(--qd-transition-duration);border-radius:50%;background-color:var(--qd-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--qd-carousel-arrow-font-size);display:inline-flex;justify-content:center;align-items:center}.qd-carousel__arrow--left{left:16px}.qd-carousel__arrow--right{right:16px}.qd-carousel__arrow:hover{background-color:var(--qd-carousel-arrow-hover-background)}.qd-carousel__arrow i{cursor:pointer}.qd-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--qd-index-normal) + 1)}.qd-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.qd-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.qd-carousel__indicators--outside{bottom:calc(var(--qd-carousel-indicator-height) + var(--qd-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.qd-carousel__indicators--outside .qd-carousel__indicator:hover button{opacity:.64}.qd-carousel__indicators--outside button{background-color:var(--qd-carousel-indicator-out-color);opacity:.24}.qd-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.qd-carousel__indicators--labels .qd-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.qd-carousel__indicators--labels .qd-carousel__indicator{padding:6px 4px}.qd-carousel__indicator{background-color:transparent;cursor:pointer}.qd-carousel__indicator:hover button{opacity:.72}.qd-carousel__indicator--horizontal{display:inline-block;padding:var(--qd-carousel-indicator-padding-vertical) var(--qd-carousel-indicator-padding-horizontal)}.qd-carousel__indicator--vertical{padding:var(--qd-carousel-indicator-padding-horizontal) var(--qd-carousel-indicator-padding-vertical)}.qd-carousel__indicator--vertical .qd-carousel__button{width:var(--qd-carousel-indicator-height);height:calc(var(--qd-carousel-indicator-width)/ 2)}.qd-carousel__indicator.is-active button{opacity:1}.qd-carousel__button{display:block;opacity:.48;width:var(--qd-carousel-indicator-width);height:var(--qd-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--qd-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}