.article-scroll-nav{z-index:101;box-sizing:border-box;opacity:0;pointer-events:none;background:#000;align-items:center;width:100%;height:56px;transition:opacity .2s,transform .2s;display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.article-scroll-nav--visible{opacity:1;pointer-events:all;transform:translateY(0)}.article-scroll-nav__inner{box-sizing:border-box;align-items:center;gap:16px;width:1280px;max-width:100%;height:100%;margin:0 auto;padding:0 40px;display:flex}.article-scroll-nav__logo{flex-shrink:0;align-items:center;display:flex}.article-scroll-nav__title{text-align:center;letter-spacing:0;color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:20px;overflow:hidden}.article-scroll-nav__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.article-scroll-nav__btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .12s;display:flex}.article-scroll-nav__btn:hover{background:#ffffff1a}