.carousel[component]{--scroll-container-spacing-inline:0px;--carousel-item-width:calc((100% - var(--scroll-container-gap) * (var(--number-of-items-per-slide) - 1)) / (var(--number-of-items-per-slide)));display:block;overflow:hidden}.carousel[component].scroll-container-gap-none{--scroll-container-gap:0}.carousel[component].scroll-container-gap-small{--scroll-container-gap:10px}.carousel[component].scroll-container-gap-medium{--scroll-container-gap:25px}@media (max-width:997.99px){.carousel[component]{--number-of-items-per-slide:var(--number-of-items-per-slide-sm)}}@media (min-width:998px) and (max-width:1259.99px){.carousel[component]{--number-of-items-per-slide:var(--number-of-items-per-slide-md)}}@media (min-width:1260px){.carousel[component]{--number-of-items-per-slide:var(--number-of-items-per-slide-lg)}}.carousel[component].carousel-cutted{--scroll-container-spacing-inline:17px;--carousel-item-width:calc((100% - var(--scroll-container-spacing-inline) - var(--scroll-container-gap) * (var(--number-of-items-per-slide))) / (var(--number-of-items-per-slide) + var(--cut-of-last-item-on-start)))}.carousel[component].carousel-cutted .scroll-container>*{scroll-snap-align:center}.carousel[component].carousel-cutted .scroll-container>:first-child{margin-left:var(--scroll-container-spacing-inline)}.carousel[component].carousel-cutted .scroll-container>:last-child{margin-right:var(--scroll-container-spacing-inline)}.carousel[component] .scroll-container{gap:var(--scroll-container-gap);scroll-behavior:var(--scroll-behavior-smooth);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:scroll}.carousel[component] .scroll-container::-webkit-scrollbar{display:none}.carousel[component] .scroll-container{overflow-x:hidden}.carousel[component] .scroll-container>*{width:var(--carousel-item-width);scroll-snap-align:start;scroll-snap-stop:var(--carousel-item-scroll-snap-stop);flex-shrink:0}.carousel[component]:hover .previous-button,.carousel[component]:hover .next-button{opacity:1}.carousel[component] .previous-button,.carousel[component] .next-button{opacity:0;transition:opacity var(--transition-duration-fast) ease-in-out;z-index:1;position:absolute;top:50%;translate:0 -50%}.carousel[component] .previous-button:focus-visible{opacity:1}.carousel[component] .next-button:focus-visible{opacity:1}.carousel[component] .previous-button:disabled,.carousel[component] .next-button:disabled{display:none}.carousel[component] .previous-button{left:0}.carousel[component] .next-button{right:0}.carousel[component] .dot-navigation{justify-content:center;gap:10px;height:37px;display:flex}.carousel[component] .dot-navigation .dot{background-color:var(--line);width:25px;height:3px;transition:all var(--transition-duration-fast) ease-in-out;border-radius:2px;margin:17px 0;position:relative}.carousel[component] .dot-navigation .dot:after{content:"";position:absolute;top:-17px;bottom:-17px;left:0;right:0}.carousel[component] .dot-navigation .dot:focus-visible{outline-offset:3px}.carousel[component] .dot-navigation .dot.active{background-color:var(--primary);width:50px}.carousel[component] .dot-navigation .dot:hover{background-color:var(--active)}