x-carousel{display:contents}@scope (x-carousel) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{position:relative;display:block;padding-inline:var(--carousel-gutter,var(--space-7))}.carousel-track{display:flex;gap:var(--carousel-gap,var(--space-4));overflow-x:auto;padding-block:var(--space-2);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>.carousel-slide{--per:var(--carousel-per,1);flex:0 0 calc((100% - (var(--per) - 1) * var(--carousel-gap,var(--space-4))) / var(--per));scroll-snap-align:start}@media (min-width:768px){.carousel-track>.carousel-slide{--per:var(--carousel-per-md,2)}}@media (min-width:1024px){.carousel-track>.carousel-slide{--per:var(--carousel-per-lg,3)}}@media (min-width:1280px){.carousel-track>.carousel-slide{--per:var(--carousel-per-xl,4)}}.carousel-nav{position:absolute;top:50%;z-index:2;width:var(--space-7);height:var(--space-7);padding:0;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-xl);box-shadow:var(--shadow-card)}.carousel-nav:hover{transform:translateY(-50%);color:var(--purple)}.carousel-prev{left:0}.carousel-next{right:0}@media (prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}}