.carousel{overflow-x:auto;white-space:nowrap;display:flex}.carousel.vertical{flex-direction:column}.carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel .panel a:focus-visible{outline-offset:-10px;outline:4px solid #fff;display:block}.carousel>div{scroll-snap-align:center}.carousel.vertical{flex-direction:column;scroll-snap-type:y mandatory}.carousel{position:relative;width:100%;height:100%;overflow-y:hidden;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel>div{min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center}.carousel_dots{display:flex;justify-content:center;text-align:center;height:45px}.carousel_dots>*{height:15px;width:15px;border:thin solid var(--med);border-radius:50%;cursor:pointer;margin:15px 5px}.carousel_dots>*.current{background-color:var(--med)}.carousel_box{position:relative}.carousel_box svg{pointer-events:none}.carousel_box .arrow{position:absolute;top:calc(50% - 30px);cursor:pointer;font-size:80px;opacity:0;transition:opacity .5s ease-out}.carousel_box:hover .arrow{opacity:.8}.carousel_box .arrow.left{left:0}.carousel_box .arrow.right{right:0}.carousel_box .arrow:before{height:100%;width:64px}