@layer design-system-components.pwds{.CarouselButton.svelte-8yetnv{position:relative;display:flex;align-items:center;height:var(--carousel-button-height, 2.4rem);width:var(--carousel-button-width, 2.4rem);border:none;border-radius:100%;cursor:pointer;transform:translateY(0) scale(1);transition:transform var(--duration-quick) var(--easing-decelerate)}.CarouselButton[disabled].svelte-8yetnv{cursor:not-allowed}.CarouselButton[disabled].svelte-8yetnv svg:where(.svelte-8yetnv){fill:var(--color-text-muted)}.CarouselButton.svelte-8yetnv: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-8yetnv:not([disabled]):hover{transform:scale(1.1)}.CarouselButton.svelte-8yetnv:not([disabled]):active{transform:translateY(var(--carousel-button-active-translate-y, 5%)) scale(var(--carousel-button-active-scale, .95))}.CarouselButton--next.svelte-8yetnv{justify-content:flex-end}.CarouselButton--next.svelte-8yetnv svg:where(.svelte-8yetnv){transform:scaleX(-1)}.CarouselButton.svelte-8yetnv svg:where(.svelte-8yetnv){position:relative;z-index:1;display:block;transition:fill var(--duration-default) var(--easing-standard);fill:var(--carousel-button-arrow-color, #000000)}}