/* Chapter > chronological subdivision > medium > knowledge point. */
#forest-app .f-eras{display:flex;flex-wrap:nowrap;align-items:center;gap:22px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:0 16px;border-bottom:1px solid #ffffff12;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
#forest-app .f-eras::-webkit-scrollbar{display:none}
#forest-app .f-eras>button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;white-space:nowrap;min-height:48px;padding:12px 0;color:var(--muted);font-size:13px;line-height:1.5;border-radius:0}
#forest-app .f-eras>button.on{color:var(--accent);font-weight:600}
#forest-app .f-eras>button.on:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;border-radius:2px;background:var(--accent)}
#forest-app .f-eras .f-title-lock{display:inline-flex;width:14px;height:14px;flex:none}
#forest-app .f-eras .f-lock-icon{width:14px;height:14px}