.carousel-scroll-container{display:flex;gap:1rem;height:450px;max-width:calc(100vw - 4rem);outline:2px solid transparent;overflow-x:scroll;padding-bottom:1rem;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;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{flex-shrink:0;height:100%;scroll-snap-align:center;scroll-snap-stop:always}.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{height:100%;width:auto}.carousel-scroll-container .carousel-item>div{background-color:#000;font-weight:500;height:100%;max-width:100%;padding:2rem}@media (min-width:768px){.carousel-scroll-container .carousel-item>div{font-size:.9rem;padding:2.5rem 5rem 2rem 2.5rem}}.carousel-scroll-container .carousel-item>div p{color:#fffc;margin-bottom:1rem;max-width:33ch}.carousel{position:relative}.carousel .next,.carousel .prev{bottom:1.5rem;color:#fff;outline:none;position:absolute;top:.5rem;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]{opacity:35%;pointer-events:none}:is(.carousel .next,.carousel .prev) svg{background-color:#00000040;border-radius:99px;height:2rem;width:2rem}.carousel .prev{left:.5rem}.carousel .next{right:.5rem}.carousel .dots{bottom:2.5rem;color:#fff;display:flex;gap:.33rem;justify-content:center;-webkit-mix-blend-mode:difference;mix-blend-mode:difference;position:absolute;width:100%}