# ablocks/2.14.0/assets/build/blocks/carousel/style.css

aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder, version 2.14.0. 1 lines.

- Page: https://pluginprobe.com/plugins/ablocks/2.14.0/code/assets/build/blocks/carousel/style.css
- Raw: https://pluginprobe.com/plugins/ablocks/2.14.0/raw/assets/build/blocks/carousel/style.css
- Modified: 2026-07-19T14:51:02+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/ablocks/2.14.0/code/assets/build/blocks/carousel/style.css#L10-L20`.

```css
.ablocks-carousel-swiper .swiper-wrapper{display:flex;height:100%;width:100%}.ablocks-carousel-swiper .ablocks-carousel-swiper-slide{height:100%;width:100%}.ablocks-carousel-swiper .ablocks-carousel-swiper-slide--custom{align-items:baseline;display:flex;justify-content:center}.ablocks-carousel-swiper .ablocks-carousel-swiper-slide--custom button{background-color:#000;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;outline:none;padding:10px 15px;transition:.4s ease}.ablocks-carousel-swiper .ablocks-carousel-swiper-slide--custom button:hover{background-color:transparent;border:1px solid #000;color:#000;cursor:pointer;outline:none;padding:10px 15px}.ablocks-carousel-navigation__buttons .ablocks-carousel-navigation__button{border:none;cursor:pointer;font-size:25px;outline:none;position:absolute;transform:translateY(-50%);z-index:5}.ablocks-carousel-navigation__buttons .ablocks-carousel-navigation__button .ablocks-icon-wrap{box-sizing:unset}.ablocks-carousel-navigation__buttons .ablocks-carousel-navigation__button--disabled{opacity:.6}.ablocks-carousel-navigation__buttons .ablocks-carousel-navigation__button .ablocks-svg-icon{border-radius:50%;height:1em;width:1em}.ablocks-carousel-pagination{align-items:center;display:flex;gap:10px;height:fit-content;justify-content:center;position:absolute;width:fit-content!important;z-index:5}.ablocks-carousel-pagination .swiper-pagination-bullet{opacity:1;outline:none}.ablocks-carousel-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{gap:0}.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}.ablocks-carousel-autoplay-progress{align-items:center;bottom:16px;color:#000;display:flex;font-weight:700;height:48px;justify-content:center;position:absolute;right:16px;width:48px;z-index:10}.ablocks-carousel-autoplay-progress svg{--progress:0;fill:none;height:100%;left:0;position:absolute;stroke:#000;stroke-dasharray:125.6;stroke-dashoffset:calc(125.6px*(1 - var(--progress)));stroke-width:4px;top:0;transform:rotate(-90deg);width:100%;z-index:10}.ablocks-carousel-navigation__buttons .swiper-button-lock{display:block!important}
```