@layer design-system-components.pwds{.CarouselButton.svelte-vmaqfx{position:relative;display:flex;align-items:center;justify-content:center;height:var(--carousel-button-height, 5rem);width:var(--carousel-button-width, 5rem);background-color:var(--carousel-button-background-color, #f7f6f5);border:none;border-radius:100%;cursor:pointer;transform:translateY(0) scale(1);transition:transform var(--duration-quick) var(--easing-decelerate)}.CarouselButton.svelte-vmaqfx:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:100%;background-color:var(--carousel-button-overlay-color, rgba(0, 0, 0, .18));opacity:0;transition:opacity var(--duration-quick) var(--easing-decelerate)}.CarouselButton[disabled].svelte-vmaqfx{cursor:not-allowed}.CarouselButton.svelte-vmaqfx:not([disabled]):focus-visible:not(:active){outline:var(--accessibility-focus-outline-width) var(--accessibility-focus-outline-style, solid) var(--accessibility-focus-outline-color);border-radius:100%;outline-offset:var(--accessibility-focus-outline-offset)}.CarouselButton.svelte-vmaqfx:not([disabled]):hover:after{opacity:1}.CarouselButton.svelte-vmaqfx:not([disabled]):active{transform:translateY(var(--carousel-button-active-translate-y, 5%)) scale(var(--carousel-button-active-scale, .95))}.CarouselButton--next.svelte-vmaqfx svg:where(.svelte-vmaqfx){transform:scaleX(-1)}.CarouselButton[data-color-mode=light].CarouselButton--on-accent.svelte-vmaqfx{--carousel-button-background-color: var(--color-neutral-800, tokens.$color-neutral-800);--carousel-button-overlay-color: var(--color-neutral-700, tokens.$color-neutral-700)}.CarouselButton.svelte-vmaqfx svg:where(.svelte-vmaqfx){position:relative;z-index:1;display:block;fill:var(--carousel-button-arrow-color, #000000)}}