:where(.cf-wrap){--cf-w:250px;--cf-h:380px;--cf-stage:440px}.cf-wrap{flex-direction:column;gap:14px;display:flex}.cf-stage{height:var(--cf-stage);perspective:1100px;touch-action:pan-y;cursor:grab;outline:none;position:relative;overflow:hidden}.cf-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:18px}.cf-slide{width:var(--cf-w);height:var(--cf-h);margin-left:calc(var(--cf-w) / -2);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,.8,.3,1),opacity .35s,filter .35s;position:absolute;top:18px;left:50%}.cf-slide[data-far="1"]{filter:brightness(.82);cursor:pointer}.cf-slide[data-far="2"]{filter:brightness(.62);cursor:pointer}.cf-slide[data-far=hidden]{opacity:0;pointer-events:none}.cf-bar{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding:0 16px;display:grid}.cf-turn{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.cf-turn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cf-caption{min-width:0}.cf-dots{justify-content:center;gap:6px;display:flex}.cf-dots span{background:var(--border-strong);border-radius:999px;width:7px;height:7px;transition:width .3s,background .3s}.cf-dots span[data-on=true]{background:var(--accent);width:20px}.cf-count{text-align:center;margin:0}@media (min-width:640px){.cf-bar{width:100%;max-width:440px;margin:0 auto}}@media (prefers-reduced-motion:reduce){.cf-slide,.cf-dots span{transition:none}}