.fan-wrap{min-width:0;position:relative}
.real .fan{height:510px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;perspective:1400px;isolation:isolate}
.real .fan:active{cursor:grabbing}.real .fan .pass{transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 450ms,filter 450ms;outline-offset:7px}
.real .fan .pass[data-position="current"]{z-index:3;transform:translateX(0) rotate(0) scale(.92);opacity:1;filter:none}
.real .fan .pass[data-position="previous"]{z-index:1;transform:translateX(130px) rotate(10deg) scale(.76);opacity:.56;filter:saturate(.7)}
.real .fan .pass[data-position="next"]{z-index:2;transform:translateX(-130px) rotate(-10deg) scale(.76);opacity:.56;filter:saturate(.7)}
.fan-controls{display:flex;align-items:center;justify-content:center;gap:18px;direction:ltr;margin-top:6px}.fan-controls>button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);color:var(--text);transition:background .2s,transform .2s}.fan-controls>button:active{transform:scale(.93)}.fan-controls>button:hover{background:#ffffff12}
.fan-caption{display:grid;gap:9px;justify-items:center;min-width:145px;direction:rtl}.fan-caption p{font-size:13px;color:var(--text-2)}.fan-dots{display:flex;gap:8px;direction:ltr}.fan-dots button{width:24px;height:24px;padding:8px;display:grid;place-items:center;border-radius:50%}.fan-dots button::after{content:"";height:5px;width:5px;border-radius:50%;background:#6d8376;transition:transform .3s,background .3s}.fan-dots button[aria-current="true"]::after{background:var(--accent);transform:scale(1.5)}
.fan-help{text-align:center;color:var(--text-2);font-size:11px;margin:6px 0 0}
@media(max-width:900px){.real .fan{height:425px}.real .fan .pass[data-position="current"]{transform:scale(.78)}.real .fan .pass[data-position="previous"]{transform:translateX(90px) rotate(9deg) scale(.62)}.real .fan .pass[data-position="next"]{transform:translateX(-90px) rotate(-9deg) scale(.62)}}
@media(max-width:420px){.real .fan{height:385px}.real .fan .pass[data-position="current"]{transform:scale(.72)}.real .fan .pass[data-position="previous"]{transform:translateX(64px) rotate(8deg) scale(.55)}.real .fan .pass[data-position="next"]{transform:translateX(-64px) rotate(-8deg) scale(.55)}}
@media(prefers-reduced-motion:reduce){.real .fan .pass,.fan-controls>button,.fan-dots button::after{transition:none}}