.carousel-scroll-container{max-width:calc(100vw - 4rem);position:relative;overflow-x:scroll;padding-bottom:1rem;height:450px;scroll-snap-type:x mandatory;scroll-behavior:smooth;outline:2px solid transparent;display:flex;gap:1rem;transition:outline-color var(--duration-s) ease-out,outline-offset var(--duration-s) ease-out}.carousel-scroll-container:focus-visible{outline-color:var(--color-accent);outline-offset:4px}.carousel-scroll-container .carousel-item{height:100%;flex-shrink:0;scroll-snap-stop:always;scroll-snap-align:center}.carousel-scroll-container .carousel-item:first-of-type{scroll-snap-align:start}.carousel-scroll-container .carousel-item:last-of-type{scroll-snap-align:end}.carousel-scroll-container .carousel-item>img{width:auto;height:100%}.carousel-scroll-container .carousel-item>div{background-color:#000;max-width:100%;height:100%;font-weight:500;padding:2rem}@media(min-width:768px){.carousel-scroll-container .carousel-item>div{padding:2.5rem 5rem 2rem 2.5rem;font-size:.9rem}}.carousel-scroll-container .carousel-item>div p{max-width:33ch;color:#fffc;margin-bottom:1rem}.carousel{position:relative}.carousel .next,.carousel .prev{position:absolute;top:.5rem;bottom:1.5rem;color:#fff;outline:none;transition:all var(--duration-s) ease-out}:is(.carousel .next,.carousel .prev) svg{outline:2px solid transparent;transition:all var(--duration-s) ease-out}:is(.carousel .next,.carousel .prev):focus-visible svg{outline-color:var(--color-accent);outline-offset:3px}:is(.carousel .next,.carousel .prev)[disabled]{pointer-events:none;opacity:35%}:is(.carousel .next,.carousel .prev) svg{background-color:#00000040;border-radius:99px;width:2rem;height:2rem}.carousel .prev{left:.5rem}.carousel .next{right:.5rem}.carousel .dots{position:absolute;bottom:2.5rem;display:flex;gap:.33rem;width:100%;justify-content:center;color:#fff;-webkit-mix-blend-mode:difference;mix-blend-mode:difference}