/* Kovara Bîr — writers' reel moved by hand (see author-reel.js). The drift is scrolling, not a CSS animation. */
.author-reel.is-manual .kc-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}
.author-reel.is-manual .kc-viewport::-webkit-scrollbar{display:none}
.author-reel.is-manual .kc-track,.author-reel.is-manual:hover .kc-track{animation:none}
.author-reel.is-dragging .kc-viewport{cursor:grabbing;user-select:none}
.author-reel.is-manual .author-reel-face img{-webkit-user-drag:none}
.author-reel-head .kc-step{flex:none;align-self:center;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--petrol);cursor:pointer}
.author-reel-head .kc-step:hover{border-color:var(--petrol)}
.author-reel-head .kc-step:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.author-reel-head .kc-step span{width:8px;height:8px;border-top:2px solid currentColor;border-left:2px solid currentColor}
.author-reel-head .kc-step-prev span{transform:translateX(1px) rotate(-45deg)}
.author-reel-head .kc-step-next span{transform:translateX(-1px) rotate(135deg)}
.author-reel-head .kc-step-prev{margin-left:4px}