.website section[data-arranger="carousel"] {
    opacity: 0;
    min-height: 0 !important;
    --original-carousel-gap: 0px;
    --carousel-animation-duration: 600ms;
    --carousel-animation-function: 'cubic-bezier(0.25, 1, 0.5, 1)';
    --carousel-num-of-items: 0;
    --carousel-arrows-color: 128,128,128;
    --carousel-arrows-display: block;
    --carousel-arrows-padding: 0px ;
    --carousel-arrows-outside: 1;
    --carousel-bullets-outside: 1;
    --show-cards-opacity: 1;
}

.website section[data-arranger="carousel"].carousel-section{
    transition: opacity .25s ease-out;
    opacity: 1;
}

.website section[data-arranger="carousel"][data-section-width="boxed"]:not([data-headerposition="left"],[data-headerposition="right"]) .children{
    max-width: calc(1100px - var(--original-carousel-gap)) !important;
    padding-right: calc((var(--carousel-arrows-padding) + var(--original-carousel-gap) + var(--section-horizontal-padding, 0px)) * var(--carousel-arrows-outside)) !important;
    padding-left: calc((var(--carousel-arrows-padding) + var(--original-carousel-gap) + var(--section-horizontal-padding, 0px)) * var(--carousel-arrows-outside)) !important;
}

.website section[data-arranger="carousel"][data-section-width="stretched"]:not([data-headerposition="left"],[data-headerposition="right"]) .children{
    padding-right: calc((var(--carousel-arrows-padding) + var(--original-carousel-gap) + var(--section-horizontal-padding, 0px)) * var(--carousel-arrows-outside))!important;
    padding-left: calc((var(--carousel-arrows-padding) + var(--original-carousel-gap) + var(--section-horizontal-padding, 0px)) * var(--carousel-arrows-outside))!important;
}

.website section[data-arranger="carousel"] .children .glide button:empty {
    display: initial;
}
.website section[data-arranger="carousel"]:not([data-section-width="boxed"]) .children{
    overflow: visible !important;
}

.website section[data-arranger="carousel"] .children .glide {
    margin: 0;
}

.website section[data-arranger="carousel"] .children .section-header{
    margin-bottom: 30px;
}

.website section[data-arranger="carousel"] article.section-item{
    transition: all var(--carousel-animation-duration) var(--carousel-animation-function);
    opacity: var(--show-cards-opacity);
}

.website section[data-arranger="carousel"] article.glide__slide--hidden {
    opacity: var(--show-cards-opacity) !important;
}

.website section[data-arranger="carousel"] article.glide__slide--visible {
    opacity: 1;
}
body[data-ineditor="true"] .website section[data-arranger="carousel"] article.glide__slide--visible.glide__slide--clone{
    opacity: 0.5;
    filter: grayscale(100%);
}

body[data-ineditor="true"]  .website section[data-arranger="carousel"] article.glide__slide--clone{
    cursor: default;
}

body[data-ineditor="true"]  .website section[data-arranger="carousel"] article.glide__slide--clone > *,
body[data-ineditor="true"]  .website section[data-arranger="carousel"] article.glide__slide--clone > * > *,
body[data-ineditor="true"]  .website section[data-arranger="carousel"] article.glide__slide--clone > * > * > *,
body[data-ineditor="true"]  .website section[data-arranger="carousel"] article.glide__slide--clone > * > * > * > *{
    cursor: default;
    pointer-events: none !important;
}

section[data-arranger="carousel"] .children .glide .glide__track{
    overflow: unset !important;
}

section[data-arranger="carousel"] .children .glide .glide__track .glide__slides{
    white-space: unset;
}
section[data-arranger="carousel"] .children .glide .glide__bullets.bullets-none{
    display: none;
}
section[data-arranger="carousel"] .children .glide .glide__bullets.bullets-outside {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

section[data-arranger="carousel"] .children .glide .glide__bullets .glide__bullet  {
    background-color: grey;
    margin: 2px;
}

section[data-arranger="carousel"] .children .glide .glide__bullets .glide__bullet:hover  {
    background-color: #e6e6e6;
}
section[data-arranger="carousel"] .children .glide .glide__bullets .glide__bullet.glide__bullet--active  {
    background-color: #e6e6e6;
}
section[data-arranger="carousel"][data-arranger-pagination-style="dots"] .children .glide .glide__bullets .glide__bullet:hover,
section[data-arranger="carousel"][data-arranger-pagination-style="dots"] .children .glide .glide__bullets .glide__bullet:focus{
    border: 2px solid transparent;
}

section[data-arranger="carousel"].section[data-arranger-pagination-style="lines"] .children .glide .glide__bullets .glide__bullet  {
    height: 4px;
    width: 19px;
    border-radius: 10%;
    border: none;
}

section[data-arranger="carousel"].section[data-arranger-pagination-style="lines"] .children .glide .glide__bullets .glide__bullet--active  {
    background-color: #e6e6e6;
    width: 40px;
}

section[data-arranger="carousel"].section[data-arranger-pagination-style="hollow"] .children .glide .glide__bullets .glide__bullet  {
    background-color: transparent;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
}
section[data-arranger="carousel"].section[data-arranger-pagination-style="hollow"] .children .glide .glide__bullets .glide__bullet--active  {
    background-color: grey;
    border-color: grey;
}

section[data-arranger="carousel"].section[data-arranger-pagination-style="expanded-dots"] .children .glide .glide__bullets .glide__bullet {
    cursor: pointer;
    margin: 3px;
    border-radius: 4px;
    border: none;
    width: 11px;
}
section[data-arranger="carousel"].section[data-arranger-pagination-style="expanded-dots"] .children .glide .glide__bullets .glide__bullet--active {
    background-color: #e6e6e6;
    width: 20px;
}

section[data-arranger="carousel"] .children .glide .glide__arrows .glide__arrow {
    top: calc(50% - (43px * var(--carousel-bullets-outside)));
    transform: translateY(calc(-50% + ((43px/2) * var(--carousel-bullets-outside))));
}

section[data-arranger="carousel"] .children .glide .glide__arrows.arrows-none  {
   --carousel-arrows-display: none;
}

section[data-arranger="carousel"] .children .glide .glide__arrows.arrows-outside .glide__arrow--left{
    left: calc(-52px + (var(--original-carousel-gap) * -1));
}
section[data-arranger="carousel"] .children .glide .glide__arrows.arrows-outside .glide__arrow--right{
    right: calc(-52px + (var(--original-carousel-gap) * -1));
}

@media only screen and (max-width: 680px) {
    section[data-arranger="carousel"][data-headerposition="left"] .children .glide .glide__arrows.arrows-outside .glide__arrow--left,
    section[data-arranger="carousel"][data-headerposition="right"] .children .glide .glide__arrows.arrows-outside .glide__arrow--left{
        left: 2em;
    }
    section[data-arranger="carousel"][data-headerposition="left"] .children .glide .glide__arrows.arrows-outside .glide__arrow--right,
    section[data-arranger="carousel"][data-headerposition="right"] .children .glide .glide__arrows.arrows-outside .glide__arrow--right{
        right: 2em;
    }
}

section[data-arranger="carousel"] .children .glide .glide__arrows.arrows-outside,
section[data-arranger="carousel"] .children .glide .glide__arrows.arrows-overlay{
    --carousel-arrows-display: block;
}

section[data-arranger="carousel"] .children .glide .glide__arrows  {
   display: var(--carousel-arrows-display);
}

section[data-arranger="carousel"] .children .glide .glide__arrows .glide__arrow {
    border-color: rgba(var(--carousel-arrows-color), 0.5);
}

section[data-arranger="carousel"] .children .glide .glide__arrows .glide__arrow svg path{
    fill: rgb(var(--carousel-arrows-color));
    transition: fill 300ms ease-in-out;
}
section[data-arranger="carousel"] .children .glide .glide__arrows .glide__arrow--left svg{
    transform: rotate(180deg);
}