.sfade{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.sfade-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.sfade:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--sfade-bg,var(--c-surface)));opacity:0;height:56px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.sfade.has-more:after{opacity:1}.sfade-chev{z-index:1;cursor:pointer;border:1px solid var(--c-border);background:var(--c-raise);width:30px;height:30px;color:var(--c-text);opacity:0;pointer-events:none;border-radius:999px;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.sfade.has-more .sfade-chev{opacity:1;pointer-events:auto;animation:1.6s ease-in-out infinite sfade-bob}@keyframes sfade-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@media (prefers-reduced-motion:reduce){.sfade.has-more .sfade-chev{animation:none}}.sfade.sfade--fixed{flex:none}.page-fade,.tb-fade{--sfade-bg:var(--c-bg)}.sfadex{position:relative}.sfadex-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.sfadex:before,.sfadex:after{content:"";width:var(--sfadex-w,72px);z-index:1;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0}.sfadex:before{background:linear-gradient(to left, transparent, var(--sfade-bg,var(--c-bg)) 70%);left:0}.sfadex:after{background:linear-gradient(to right, transparent, var(--sfade-bg,var(--c-bg)) 70%);right:0}.sfadex.has-left:before,.sfadex.has-right:after{opacity:1}.sfadex-chev{top:var(--sfadex-chev-top,50%);z-index:2;cursor:pointer;border:1px solid var(--c-border);background:var(--c-raise);width:30px;height:30px;color:var(--c-text);opacity:0;pointer-events:none;border-radius:999px;place-items:center;padding:0;transition:opacity .2s;display:grid;position:absolute;transform:translateY(-50%)}.sfadex-chev--left{left:6px}.sfadex-chev--right{right:6px}.sfadex.has-left .sfadex-chev--left{opacity:1;pointer-events:auto;animation:1.6s ease-in-out infinite sfadex-bob-l}.sfadex.has-right .sfadex-chev--right{opacity:1;pointer-events:auto;animation:1.6s ease-in-out infinite sfadex-bob-r}@keyframes sfadex-bob-l{0%,to{transform:translateY(-50%)}50%{transform:translate(-3px,-50%)}}@keyframes sfadex-bob-r{0%,to{transform:translateY(-50%)}50%{transform:translate(3px,-50%)}}@media (prefers-reduced-motion:reduce){.sfadex-chev{animation:none!important}}@media (hover:none){.sfadex-chev,.sfade-chev{animation:none!important}.sfadex:before,.sfadex:after,.sfadex-chev,.sfade:after,.sfade-chev{transition:none!important}}