.depth-carousel{width:100%;height:var(--dc-block-h,538px);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-offset:4px;border-radius:12px;outline:2px solid #ffffff80}.depth-carousel__stage{transform-style:preserve-3d;position:absolute;inset:0}.depth-carousel__card{top:calc(20px + var(--dc-card-h,380px) * var(--dc-scale,1) / 2);transform-origin:50%;will-change:transform, opacity, filter;cursor:pointer;background:#0b0d12;position:absolute;left:50%;overflow:hidden;box-shadow:0 30px 60px -20px #000000a6,0 8px 20px -10px #00000080}@media (min-width:1024px){.depth-carousel{height:100%;min-height:320px}.depth-carousel__card{top:calc(50% - 19px)}}.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__nav{top:calc(var(--dc-card-h,380px) * var(--dc-scale,1) + 32px);z-index:3000;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:1024px){.depth-carousel__nav{top:calc(50% + var(--dc-card-h,380px) / 2 - 7px)}}.depth-carousel__arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#12141a8c;border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;transition:background .2s,border-color .2s,transform .2s;display:grid;position:relative}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:scale(.94)}.depth-carousel__dots{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e101666;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:relative}.depth-carousel__dot{cursor:pointer;background:#ffffff52;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot.is-active{background:#fff;width:20px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}
.flip-card{--fc-w:300px;--fc-h:400px;--fc-radius:22px;--fc-bg:#27272a;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.22;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);background:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:12% 9% -5%}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%) var(--fc-gy,50%), rgba(255, 255, 255, var(--fc-glare)) 0%, rgba(255, 255, 255, calc(var(--fc-glare) * .76)) 12%, rgba(255, 255, 255, calc(var(--fc-glare) * .5)) 26%, rgba(255, 255, 255, calc(var(--fc-glare) * .28)) 42%, rgba(255, 255, 255, calc(var(--fc-glare) * .12)) 60%, rgba(255, 255, 255, calc(var(--fc-glare) * .04)) 78%, #fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.flip-card--fill{width:100%;display:block}