.carousel-scroll-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;max-width:calc(100vw - 4rem);height:450px;transition:outline-color var(--duration-s) ease-out,outline-offset var(--duration-s) ease-out;outline:2px solid #0000;gap:1rem;padding-bottom:1rem;display:flex;position:relative;overflow-x:scroll}.carousel-scroll-container:focus-visible{outline-color:var(--color-accent);outline-offset:4px}.carousel-scroll-container .carousel-item{scroll-snap-stop:always;scroll-snap-align:center;flex-shrink:0;height:100%}.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%;padding:2rem;font-weight:500}@media (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{color:#fffc;max-width:33ch;margin-bottom:1rem}.carousel{position:relative}.carousel .next,.carousel .prev{color:#fff;transition:all var(--duration-s) ease-out;outline:none;position:absolute;top:.5rem;bottom:1.5rem}:is(.carousel .next,.carousel .prev) svg{transition:all var(--duration-s) ease-out;outline:2px solid #0000}: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{color:#fff;-webkit-mix-blend-mode:difference;mix-blend-mode:difference;justify-content:center;gap:.33rem;width:100%;display:flex;position:absolute;bottom:2.5rem}