.kdk-carousel{position:relative}.kdk-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.kdk-carousel-track::-webkit-scrollbar{display:none}.kdk-carousel-track>*{flex-shrink:0;scroll-snap-align:start}.kdk-carousel-track:focus-visible{outline:2px solid var(--color-witchy);outline-offset:2px}.kdk-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:rgba(var(--black-rgb),.65);border:1px solid rgba(var(--white-rgb),.15);color:var(--color-snow);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;z-index:2}.kdk-carousel-arrow--prev{left:var(--space-3)}.kdk-carousel-arrow--next{right:var(--space-3)}.kdk-carousel-arrow:focus-visible,.kdk-carousel:hover .kdk-carousel-arrow{opacity:1;pointer-events:auto}.kdk-carousel-arrow:hover{background:rgba(var(--black-rgb),.8)}.kdk-carousel-arrow:active{background:rgba(var(--black-rgb),.9)}.kdk-carousel-arrow:focus-visible{outline:2px solid var(--color-witchy);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.kdk-carousel-dots{display:flex;justify-content:center;gap:var(--space-1);margin-top:var(--space-4)}.kdk-carousel-dot{width:6px;height:6px;padding:0;border:none;border-radius:var(--radius-full);background:rgba(var(--color-snow-rgb),.4);cursor:pointer;transition:width .2s ease,background .2s ease}.kdk-carousel-dot.is-active{width:20px;background:var(--color-lime)}.kdk-carousel-dot:focus-visible{outline:2px solid var(--color-witchy);outline-offset:2px}