.el-carousel{--c-inset: var(--edge);--c-gap: clamp(.75rem, 1.35vw, 1.6rem);--c-peek: clamp(3rem, 5vw, 6rem);--c-per: 4;--c-min: 13rem;--c-max: 30rem;--c-fit-h: 100rem;--c-fit-w: calc((100cqw - var(--c-inset) - (var(--c-per) - 1) * var(--c-gap) - var(--c-peek)) / var(--c-per));--c-card-w: max(var(--c-min), min(var(--c-fit-w), var(--c-fit-h), var(--c-max)));--c-arrow: clamp(2.75rem, 3.63vw, 4rem);--c-arrow-top: 50%;--c-arrow-bg: rgb(255 255 255 / .8);--c-arrow-bg-hover: rgb(255 255 255 / .96);--c-arrow-fg: var(--ink);--c-arrow-bd: rgb(var(--ink-rgb) / .08);position:relative;container-type:inline-size}.el-carousel-track{position:relative;margin-block:-10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--c-inset);scrollbar-width:none;-webkit-overflow-scrolling:touch}.el-carousel-track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.el-carousel-track{cursor:grab}}.el-carousel-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none;-webkit-user-select:none}.el-carousel-track.is-dragging *{cursor:grabbing!important}.el-carousel-list{display:flex;gap:var(--c-gap);width:max-content;padding:10px var(--c-inset)}.el-carousel-slide{position:relative;flex:0 0 var(--c-card-w);width:var(--c-card-w);min-width:0;scroll-snap-align:start}.el-carousel-slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.el-carousel-slide:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.el-carousel-arrow{position:absolute;z-index:2;top:var(--c-arrow-top);display:grid;place-items:center;width:var(--c-arrow);height:var(--c-arrow);padding:0;border:1px solid var(--c-arrow-bd);border-radius:50%;background:var(--c-arrow-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--c-arrow-fg);cursor:pointer;transform:translateY(-50%);transition:opacity .35s var(--ease),background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}.el-carousel-arrow[hidden]{display:none}.el-carousel-arrow svg{width:46%;height:46%;transition:transform .45s var(--ease)}@media(hover:hover){.el-carousel-arrow:hover{background:var(--c-arrow-bg-hover)}.el-carousel-arrow--next:hover svg{transform:translate(2px)}.el-carousel-arrow--prev:hover svg{transform:translate(-2px)}}.el-carousel-arrow--prev{left:clamp(1rem,2vw,2.25rem)}.el-carousel-arrow--next{right:clamp(1rem,2vw,2.25rem)}.el-carousel-arrow:disabled{opacity:0;pointer-events:none}@media(max-width:699px){.el-carousel-arrow{display:none}}@media(prefers-reduced-motion:reduce){.el-carousel-arrow,.el-carousel-arrow svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ecolux-carousel.css.map */