.depth-carousel{width:min(100%, var(--carousel-shell-width));min-height:calc(var(--card-height) + 118px);outline:none;margin-inline:auto;position:relative;overflow:visible}.depth-carousel__stage{height:var(--card-height);perspective:var(--carousel-perspective);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;touch-action:pan-y;position:relative}.depth-carousel__card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);cursor:grab;transform-style:preserve-3d;will-change:transform, opacity, filter;background:#030102;border:1px solid #ffffff14;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 24px 60px #0000006b,0 8px 20px #ffffff0f}.depth-carousel__card:active{cursor:grabbing}.depth-carousel__card img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .42s cubic-bezier(.4,0,.2,1);display:block;transform:scale(1.01)}.depth-carousel__card[data-active=true]:hover img{transform:scale(1.025)}.depth-carousel__tint{background:var(--depth-carousel-tint,#030102);opacity:var(--card-tint-opacity,0);pointer-events:none;transition:opacity .36s;position:absolute;inset:0}.depth-carousel__caption{color:#fff;opacity:0;-webkit-backdrop-filter:blur(10px);background:#0301029e;border:1px solid #ffffff2e;border-radius:18px;padding:12px 14px;transition:opacity .36s,transform .36s;position:absolute;bottom:18px;left:18px;right:18px;transform:translateY(8px)}.depth-carousel__card[data-active=true] .depth-carousel__caption{opacity:1;transform:translateY(0)}.depth-carousel__label{letter-spacing:.2em;text-transform:uppercase;font-family:system-ui,sans-serif;font-size:.68rem;font-weight:700;line-height:1;display:block}.depth-carousel__caption-text{margin-top:7px;font-size:.86rem;font-weight:600;line-height:1.35}.depth-carousel__controls{top:calc(var(--card-height) / 2);z-index:20;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.depth-carousel__control{color:#fff;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:44px;height:44px;transition:background-color .22s,border-color .22s,transform .22s;display:grid;box-shadow:0 12px 28px #00000047}.depth-carousel__control:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-1px)}.depth-carousel__control:focus-visible{outline-offset:3px;outline:2px solid #ffffff8c}.depth-carousel__indicators{align-items:center;gap:6px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.depth-carousel__indicator{background:#ffffff38;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .28s,background-color .28s,transform .22s}.depth-carousel__indicator:hover{transform:translateY(-1px)}.depth-carousel__indicator[data-active=true]{background:#fff;width:22px}.depth-carousel__indicator:focus-visible{outline-offset:4px;outline:2px solid #ffffff8c}@media (width<=1024px){.depth-carousel{min-height:calc(var(--card-height) + 104px)}}@media (width<=767px){.depth-carousel{min-height:calc(var(--card-height) + 96px)}.depth-carousel__stage{overflow:hidden}.depth-carousel__controls{left:4px;right:4px}.depth-carousel__control{width:42px;height:42px}.depth-carousel__caption{padding:10px 12px;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.depth-carousel__card,.depth-carousel__card img,.depth-carousel__caption,.depth-carousel__control,.depth-carousel__indicator{transition-duration:1ms!important}}