# uicore-elements/trunk/assets/css/utils/carousel.css

UiCore Elements – Free widgets and templates for Elementor, version trunk. 1 lines.

- Page: https://pluginprobe.com/plugins/uicore-elements/trunk/code/assets/css/utils/carousel.css
- Raw: https://pluginprobe.com/plugins/uicore-elements/trunk/raw/assets/css/utils/carousel.css
- Modified: 2024-07-25T08:29:54+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/uicore-elements/trunk/code/assets/css/utils/carousel.css#L10-L20`.

```css
.ui-e-carousel{overflow:visible}.ui-e-carousel :has(~.ui-e-dots){margin-bottom:25px}.ui-e-carousel .ui-e-item{background-color:#fff}.ui-e-carousel .ui-e-dots{position:absolute;width:fit-content;height:fit-content;padding:0;list-style:none;text-align:center;line-height:1;transform:translate3d(var(--ui-e-dots-h-off,0),var(--ui-e-dots-v-off,0),0);display:flex;align-items:center;z-index:10}.ui-e-carousel .ui-e-dots .dot{display:inline-block;background:rgba(51,51,51,.25);border-radius:50%;font-size:8px;width:var(--ui-e-dots-width);height:var(--ui-e-dots-height);transition:all .6s cubic-bezier(.29,.7,.34,1.04);cursor:pointer}.ui-e-carousel .ui-e-dots .dot.is-selected{background:#333}.ui-e-carousel .ui-e-button{position:absolute;width:fit-content;height:fit-content;border:none;background:0 0;padding:0;z-index:10;transition:.3s cubic-bezier(.24,1,.3,1)}.ui-e-carousel .ui-e-button:hover{cursor:pointer}.ui-e-carousel .ui-e-button:active,.ui-e-carousel .ui-e-button:focus,.ui-e-carousel .ui-e-button:hover{background:inherit}.ui-e-carousel .ui-e-button i,.ui-e-carousel .ui-e-button svg{transition:.3s cubic-bezier(.24,1,.3,1);display:block}.ui-e-carousel .ui-e-button i{text-align:center}.ui-e-carousel .ui-e-button.ui-e-previous{transform:translate3d(var(--ui-e-prev-arrow-h-off,-15px),var(--ui-e-prev-arrow-v-off,0),0)}.ui-e-carousel .ui-e-button.ui-e-next{transform:translate3d(var(--ui-e-next-arrow-h-off,15px),var(--ui-e-next-arrow-v-off,0),0)}.ui-e-carousel .ui-e-fraction{position:absolute;width:fit-content;height:fit-content;z-index:10;transform:translate3d(var(--ui-e-fraction-h-off,0),var(--ui-e-fraction-v-off,0),0)}.ui-e-carousel .swiper-slide{overflow:visible}.ui-e-carousel .swiper-slide a{display:inherit}
```