.depth-carousel{width:100%;height:100%;min-height:260px;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:1px solid var(--color-fg);outline-offset:4px}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;background:var(--color-surface-2);border:1px solid var(--color-surface-3);will-change:transform, opacity, filter;cursor:pointer;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 60px -20px #000c,0 8px 20px -10px #0009}.depth-carousel__card.is-active{border-color:#ffffff47;box-shadow:inset 0 1px #ffffff40,0 30px 60px -20px #000c,0 8px 20px -10px #0009}.depth-carousel__img{object-fit:cover;object-position:top;pointer-events:none;-webkit-user-drag:none;filter:grayscale();transition:filter .5s;display:block}.depth-carousel__card.is-active:hover .depth-carousel__img{filter:grayscale(0)}.depth-carousel__tint{opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;border:1px solid var(--color-surface-4);background:color-mix(in srgb, var(--color-bg) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--color-fg);cursor:pointer;border-radius:999px;place-items:center;transition:background .2s,border-color .2s,color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:8px}.depth-carousel__arrow--next{right:8px}.depth-carousel__dots{z-index:3000;border:1px solid var(--color-surface-3);background:color-mix(in srgb, var(--color-bg) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.depth-carousel__dot{background:var(--color-line);cursor:pointer;border:none;width:8px;height:4px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:var(--color-fg);width:32px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot,.depth-carousel__img{transition:none}}