.depth-carousel{width:100%;height:100%;min-height:320px;perspective:var(--dc-perspective,1400px);perspective-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:4px}.depth-carousel__stage{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;background:var(--secondary);box-shadow:var(--shadow-separation), var(--shadow-response);will-change:transform, opacity, filter;cursor:pointer;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.depth-carousel__card.is-front{cursor:zoom-in}.depth-carousel__img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.depth-carousel__tint{opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;background:var(--clay-700);width:36px;height:36px;color:var(--background);cursor:pointer;border:none;border-radius:2px;place-items:center;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:var(--clay-600)}.depth-carousel__arrow:focus-visible{outline:2px solid var(--clay-600);outline-offset:2px}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{z-index:3000;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.depth-carousel__dot{background:var(--clay-300);cursor:pointer;border:none;border-radius:2px;width:10px;height:2px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot:hover{background:var(--clay-500)}.depth-carousel__dot:focus-visible{outline:2px solid var(--clay-600);outline-offset:4px}.depth-carousel__dot.is-active{background:var(--clay-700);width:28px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}