.depth-carousel{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;outline:none;width:100%;position:relative}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:12px}.depth-carousel__stage{width:100%;height:400px;perspective:var(--dc-perspective,1400px);transform-style:preserve-3d;position:relative;overflow:visible}.depth-carousel__card{background:var(--secondary);transform-style:preserve-3d;will-change:transform, opacity, filter;cursor:pointer;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 40px -18px #17171759}.depth-carousel__img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.depth-carousel__tint{opacity:0;pointer-events:none;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;border:1px solid var(--border);background:var(--card);width:42px;height:42px;color:var(--foreground);border-radius:9999px;place-items:center;transition:transform .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px -8px #17171740}.depth-carousel__arrow:hover{background:var(--secondary);transform:translateY(-50%)scale(1.06)}.depth-carousel__arrow--prev{left:10px}.depth-carousel__arrow--next{right:10px}.depth-carousel__dots{justify-content:center;gap:8px;margin-top:14px;display:flex}.depth-carousel__dot{background:var(--border);border-radius:9999px;width:8px;height:8px;transition:transform .2s,background .2s}.depth-carousel__dot:hover{transform:scale(1.25)}.depth-carousel__dot.is-active{background:var(--primary);transform:scale(1.25)}