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