.srow{min-width:0;position:relative}.srow__viewport{cursor:grab;overflow:hidden}.srow__viewport:active{cursor:grabbing}.srow__track{touch-action:pan-y pinch-zoom;gap:10px;display:flex}.srow__track>*{flex:none;min-width:0}.srow:after{content:"";top:0;bottom:0;background:linear-gradient(90deg, #fff0, var(--surface));opacity:0;pointer-events:none;width:28px;transition:opacity .15s;position:absolute;inset-inline-end:0}.srow.has-more:after{opacity:1}[dir=rtl] .srow:after{background:linear-gradient(270deg, #fff0, var(--surface))}.srow.is-column .srow__viewport{cursor:auto;overflow:visible}.srow.is-column .srow__track{touch-action:auto;flex-direction:column}.srow.is-column .srow__track>*{width:auto}.srow.is-column:after{display:none}.rownav{opacity:0;gap:4px;transition:opacity .15s;display:inline-flex}.panel__section:hover .rownav,.rd__section:hover .rownav,.rownav:focus-within{opacity:1}.rownav__btn{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.rownav__btn:disabled{opacity:.3;cursor:default}@media (max-width:760px),(hover:none){.rownav{display:none}}
