.ci .cm-flow{--k: 1;--card: 200px;width:100%;display:flex;flex-direction:column;align-items:center}.ci .cm-flow-stage{position:relative;width:100%;height:300px;perspective:1200px;clip-path:inset(-80px 0)}.ci .cm-flow-card{position:absolute;left:50%;top:50%;width:var(--card);height:var(--card);margin:calc(var(--card) / -2) 0 0 calc(var(--card) / -2);padding:0;border:2px solid #0F0F0F;border-radius:18px;background:#141414;overflow:hidden;cursor:pointer;transform:translate(calc(var(--rx) * var(--k)),calc((var(--ry) + 44px) * var(--k))) rotate(var(--rr)) rotateY(0) scale(var(--rs));z-index:var(--rz);opacity:1;box-shadow:0 12px 26px #0000008c;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease,box-shadow .4s ease}.ci .cm-flow-img{position:absolute;inset:0;display:block}.ci .cm-flow-info{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:104px;padding-top:6px;opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.ci .cm-flow-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:600;color:#fff}.ci .cm-flow-tags{margin-top:-8px;font-size:.75rem;color:var(--wb-grey-a1a1aa)}.ci .cm-flow-controls{display:flex;align-items:center;gap:10px}.ci .cm-flow-arrow{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #27272A;background:#18181b;color:#fff}.ci .cm-flow-arrow:hover{background:#27272a}.ci .cm-flow-btn{height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;border:none;border-radius:9999px;background:#fff;color:#0e0e10;font-size:.8125rem;font-weight:700;white-space:nowrap}.ci .cm-flow-btn.is-use{background:#d23a76;color:#fff}.ci .cm-flow-btn svg{width:14px;height:14px;flex:none}.ci .cm-flow-card:focus-visible,.ci .cm-flow-arrow:focus-visible,.ci .cm-flow-btn:focus-visible{outline:2px solid #ff5c9d;outline-offset:2px}.ci .cm-flow:not(.is-open) .cm-flow-info{pointer-events:none}.ci .cm-flow.is-open .cm-flow-card{transform:translate(calc(var(--ox) * var(--k))) rotate(0) rotateY(var(--oy)) scale(var(--os));z-index:var(--oz);opacity:var(--oo);box-shadow:0 24px 50px #0009}.ci .cm-flow.is-open .cm-flow-info{opacity:1;transform:none}@media(hover:none){.ci .cm-flow .cm-flow-card{transform:translate(calc(var(--ox) * var(--k))) rotate(0) rotateY(var(--oy)) scale(var(--os));z-index:var(--oz);opacity:var(--oo)}.ci .cm-flow .cm-flow-info,.ci .cm-flow:not(.is-open) .cm-flow-info{opacity:1;transform:none;pointer-events:auto}}@media(max-width:759.98px){.ci .cm-flow{--k: .6;--card: 130px}.ci .cm-flow-stage{height:200px}.ci .cm-flow-btn{padding:0 14px}}@media(prefers-reduced-motion:reduce){.ci .cm-flow-card,.ci .cm-flow-info{transition:none}}