.carousel{--color:var(--yellow);margin-left:-1rem;position:relative;width:calc(100% + 2rem)}.carousel-inner{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:flex-start;display:flex;flex-wrap:nowrap;height:var(--height);overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;transition:height .35s ease}.carousel-inner::-webkit-scrollbar{display:none}.carousel-inner .carousel-item{flex:0 0 100%;padding:0 1rem;scroll-snap-align:start}.carousel .scroll-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:1rem;position:relative}.carousel .scroll-container *{z-index:1}.carousel .arrows{display:flex;gap:5rem;margin-bottom:.5rem;position:relative}.carousel .arrows .arrow{color:var(--black);height:2rem;position:relative;width:1rem}.carousel .arrows .arrow svg{height:100%;left:0;position:absolute;top:0;width:100%}.carousel .bullets{display:flex;flex-wrap:wrap;gap:.5em;max-width:80vw}.carousel .bullets.primary .bullet{background-color:var(--black-100);cursor:pointer;display:inline-block;height:2px;transition:.2s ease-in-out;width:5.5rem}.carousel .bullets.primary .bullet.active,.carousel .bullets.primary .bullet:hover{background-color:var(--color)}.carousel .bullets.secondary .bullet{background-color:var(--orange-8);border:1px solid var(--gray-7);border-radius:50%;cursor:pointer;display:inline-block;height:12px;transition:opacity .2s ease-in-out;width:12px}.carousel .bullets.secondary .bullet.active,.carousel .bullets.secondary .bullet:hover{background-color:var(--color);border:none;opacity:1}.carousel.single .arrow{display:none}@media (max-width:768px){.carousel{overflow:hidden}.carousel .arrow{--offset:calc(100% + .333em)}.carousel .bullets.primary .bullet{width:2rem}}