.sd-carousel-arrow{--sd-carousel-arrow-visible-size:40px;--sd-carousel-arrow-hit-offset:calc((var(--sd-size-touch-target) - var(--sd-carousel-arrow-visible-size)) / 2);--sd-carousel-arrow-shadow:0 6px 24px rgba(0,0,0,0.25);--sd-carousel-arrow-offset:calc(var(--sd-size-touch-target) / -2);position:absolute;top:50%;z-index:3;width:var(--sd-size-touch-target);height:var(--sd-size-touch-target);padding:0;border:0;border-radius:var(--sd-radius-circle);display:grid;place-items:center;background:transparent;color:var(--sd-color-background);cursor:pointer;isolation:isolate;transform:translateY(-50%);transition:transform var(--sd-duration-fast) var(--sd-ease-standard),opacity var(--sd-duration-fast) var(--sd-ease-standard)}.sd-carousel-arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.06)}.sd-carousel-arrow:active:not(:disabled){transform:translateY(-50%) scale(var(--sd-motion-press-scale))}.sd-carousel-arrow:before{content:"";position:absolute;inset:var(--sd-carousel-arrow-hit-offset);z-index:0;border-radius:var(--sd-radius-circle);background:var(--sd-color-foreground);box-shadow:var(--sd-carousel-arrow-shadow)}.sd-carousel-arrow--previous{left:var(--sd-carousel-arrow-offset)}.sd-carousel-arrow--next{right:var(--sd-carousel-arrow-offset)}.sd-carousel-arrow:disabled{display:none}.sd-carousel-arrow:focus-visible{outline:3px solid var(--sd-color-accent);outline-offset:3px}.sd-carousel-arrow__icon{position:relative;z-index:1;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--sd-duration-fast) var(--sd-ease-standard)}.sd-carousel-arrow--next .sd-carousel-arrow__icon{transform:rotate(180deg)}.sd-carousel-arrow--previous:focus-visible .sd-carousel-arrow__icon,.sd-carousel-arrow--previous:hover:not(:disabled) .sd-carousel-arrow__icon{transform:translateX(var(--sd-motion-arrow-nudge-negative))}.sd-carousel-arrow--next:focus-visible .sd-carousel-arrow__icon,.sd-carousel-arrow--next:hover:not(:disabled) .sd-carousel-arrow__icon{transform:rotate(180deg) translateX(var(--sd-motion-arrow-nudge-negative))}@media (max-width:749px){.sd-carousel-arrow{--sd-carousel-arrow-offset:0px}}@media (prefers-reduced-motion:reduce){.sd-carousel-arrow:active:not(:disabled),.sd-carousel-arrow:hover:not(:disabled){transform:translateY(-50%)}.sd-carousel-arrow--previous:focus-visible .sd-carousel-arrow__icon,.sd-carousel-arrow--previous:hover:not(:disabled) .sd-carousel-arrow__icon{transform:none}.sd-carousel-arrow--next:focus-visible .sd-carousel-arrow__icon,.sd-carousel-arrow--next:hover:not(:disabled) .sd-carousel-arrow__icon{transform:rotate(180deg)}}