.sonder-carousel-stage{touch-action:pan-y}.sonder-carousel-stage:focus-visible{outline-offset:4px;outline:2px solid #fff}.sonder-carousel-slide{opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.sonder-carousel-slide[data-active=true]{opacity:1}.sonder-carousel-arrow,.sonder-carousel-playback{z-index:1;color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .16s ease-out;display:grid;position:absolute}.sonder-carousel-arrow{top:50%;transform:translateY(-50%)}.sonder-carousel-arrow--previous{left:12px}.sonder-carousel-arrow--next{right:12px}.sonder-carousel-playback{bottom:12px;right:12px}.sonder-carousel-arrow:hover,.sonder-carousel-playback:hover{background:#0000008c}.sonder-carousel-arrow:focus-visible,.sonder-carousel-playback:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (min-width:810px){.sonder-carousel-arrow--previous{left:20px}.sonder-carousel-arrow--next,.sonder-carousel-playback{right:20px}.sonder-carousel-playback{bottom:20px}}@media (prefers-reduced-motion:reduce){.sonder-carousel-slide,.sonder-carousel-arrow,.sonder-carousel-playback{transition:none}}