.xui-carousel-indicator{display:flex;position:relative;bottom:12px;justify-content:center;width:100%}.xui-carousel-indicator .xui-carousel-indicator-item{cursor:pointer;width:6px;height:6px;border-radius:3px;margin-right:8px;background:var(--xui-icon-fill, #d3d5d9)}.xui-carousel-indicator .xui-carousel-indicator-item.active{width:24px;background:var(--xui-list-item-active-bg, #5e7ce0);transition:all var(--xui-animation-duration-slow, .3s) var(--xui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}.xui-arrow-left{left:20px}.xui-arrow-right{right:20px}.xui-carousel{position:relative;overflow:hidden}.xui-carousel .xui-carousel-indicator{position:absolute}.xui-carousel-item-container{display:flex;position:relative;transition:left .5s ease 0s}.xui-carousel-item-container>*{flex:1}.xui-arrow{position:absolute;top:50%;margin-top:-18px;cursor:pointer;width:36px;height:36px;border-radius:18px;background:var(--xui-highlight-overlay, rgba(255, 255, 255, .8));box-shadow:var(--xui-shadow-length-hover, 0 4px 16px 0) var(--xui-light-shadow, rgba(0, 0, 0, .1));display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--xui-animation-duration-slow, .3s) var(--xui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.xui-arrow:hover{background:var(--xui-area, #f8f8f8)}