.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--no-drag,.depth-carousel--no-drag:active{cursor:default}.depth-carousel:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{transform-origin:50%;will-change:transform, opacity, filter;cursor:pointer;background:#fff;transition:box-shadow .3s;position:absolute;top:calc(50% - 16px);left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 40px -12px #063b6d29,0 8px 18px -8px #00000014,0 0 0 1px #20263014}@media (min-width:640px){.depth-carousel__card{top:50%;box-shadow:0 24px 48px -12px #063b6d29,0 10px 20px -8px #00000014,0 0 0 1px #20263014}}.depth-carousel__card:hover{box-shadow:0 30px 60px -12px #063b6d3d, 0 12px 28px -6px #0000001f, 0 0 0 1px hsl(var(--primary) / .25)}.depth-carousel__img{-o-object-fit:cover;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;transition:opacity .1s ease-out;position:absolute;inset:0}.depth-carousel__nav{z-index:3000;align-items:center;gap:10px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@media (min-width:640px){.depth-carousel__nav{display:contents}}.depth-carousel__arrow{z-index:3000;border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:38px;height:38px;color:hsl(var(--foreground));cursor:pointer;background:#fffffff2;border-radius:999px;place-items:center;transition:background .2s,border-color .2s,color .2s,transform .2s;display:grid;box-shadow:0 4px 12px #00000014}.depth-carousel__arrow:hover{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.depth-carousel__arrow:active{transform:scale(.92)}@media (min-width:640px){.depth-carousel__arrow{width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000014}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}}.depth-carousel__dots{border:1px solid hsl(var(--border) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;display:flex;box-shadow:0 4px 12px #0000000d}@media (min-width:640px){.depth-carousel__dots{border:1px solid hsl(var(--border) / .7);background:#ffffffe0;gap:8px;padding:8px 14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}}.depth-carousel__dot{background:hsl(var(--muted-foreground) / .4);cursor:pointer;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:hsl(var(--primary));width:20px}@media (min-width:640px){.depth-carousel__dot.is-active{width:22px}}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}