.cf-root{--cf-card-w:190px;--cf-ease:cubic-bezier(.2, .7, .2, 1);opacity:0;width:100%;transition:opacity .8s var(--cf-ease), transform .8s var(--cf-ease);transform:translateY(16px)}.cf-root.cf-ready{opacity:1;transform:none}.cf-stage{width:100%;height:calc(var(--cf-card-w) * 16 / 9 + 2rem);perspective:1600px;outline:none;position:relative;overflow:hidden}.cf-card{width:var(--cf-card-w);aspect-ratio:9/16;border:1px solid var(--border);cursor:pointer;will-change:transform, opacity;transition:transform .75s var(--cf-ease), opacity .75s var(--cf-ease);background:#111;border-radius:12px;padding:0;position:absolute;top:50%;left:50%;overflow:hidden}.cf-card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.cf-card.is-center{cursor:default;box-shadow:0 30px 70px -24px #000000bf}.cf-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.cf-controls{justify-content:center;gap:.6rem;margin-top:1.25rem;display:flex}.cf-arrow{border:1px solid var(--border);width:2.6rem;height:2.6rem;color:var(--foreground);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background-color .2s,transform 50ms;display:inline-flex}.cf-arrow:hover{background:#ffffff1f}.cf-arrow:active{transform:translateY(1px)}.cf-arrow:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (min-width:1024px){.cf-root{--cf-card-w:210px}}@media (prefers-reduced-motion:reduce){.cf-root,.cf-card{transition:none}.cf-root{opacity:1;transform:none}}