.blog-sticky-bar{position:fixed;top:80px;left:0;width:100%;padding:0 40px;z-index:1001;display:flex;justify-content:center;transform:translateY(-300%);opacity:0;transition:transform .4s ease,opacity .4s ease}.blog-sticky-bar.visible{transform:translateY(0);opacity:1}.blog-sticky-bar-inner{display:flex;align-items:center;gap:8px;max-width:1200px;width:100%;height:65px;padding:0 20px;background-color:#fff;border-bottom:1px solid #f1f2f4;box-shadow:-1px 0 0 #f1f2f4,1px 0 0 #f1f2f4,0 12px 24px -8px rgba(0,0,0,.12);overflow-x:auto;scrollbar-width:none}.blog-sticky-bar-inner::-webkit-scrollbar{display:none}.blog-sticky-tag{font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-weight:600;font-size:13px;line-height:130%;text-transform:uppercase}@media(max-width:860px){.blog-sticky-tag{font-size:12px}}.blog-sticky-tag{position:relative;align-self:stretch;padding:12px;color:#596373;background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .2s ease}.blog-sticky-tag:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#f94848;transform:scaleX(0);transition:transform .2s ease}@media(hover:hover)and (pointer:fine){.blog-sticky-tag:hover{color:#29313d}}.blog-sticky-tag.active{color:#f94848}.blog-sticky-tag.active:after{transform:scaleX(1)}@media(max-width:1199px){.blog-sticky-bar{padding:0 24px}}@media(max-width:860px){.blog-sticky-bar{padding:0;top:72px}.blog-sticky-bar-inner{padding:0 16px}}