.category-tabs:before{position:absolute;top:0;left:0;width:var(--category-width,0);height:var(--category-height,100%);opacity:0;transform:translate3d(var(--category-x,0),var(--category-y,0),0);pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s ease,opacity .15s ease}.category-tabs.has-highlight:before{opacity:1}.category-tabs.is-positioning:before{transition:none}.category-tabs.has-highlight :is([aria-current=page],[aria-pressed=true]){background:transparent}@media(min-width:601px){.category-tabs:where(:not(.category-tabs--mobile)){position:relative;isolation:isolate;display:flex;align-items:stretch;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:18px;padding:0;border:0;border-radius:14px;background:#eaf0ec;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}.category-tabs:where(:not(.category-tabs--mobile)):before{content:"";border-radius:14px;background:#dcebe1;box-shadow:none}.category-tabs a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:14px;color:#62756a;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;transition:color .2s ease}.category-tabs [aria-current=page]{border-radius:14px;background:#dcebe1;box-shadow:none;color:#355a43;font-weight:600}.category-tabs.has-highlight [aria-current=page]{box-shadow:none}.category-tabs a:focus-visible{outline:2px solid #7c9f88;outline-offset:-3px}}@media(min-width:601px)and (hover:hover){.category-tabs a:hover{color:#355a43}}@media(max-width:600px){.category-tabs{position:relative;isolation:isolate;display:flex;align-items:stretch;gap:2px;width:auto;max-width:none;margin-inline:calc(var(--topic-gutter, 0px)*-1);margin-bottom:16px;padding:5px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:8px;scrollbar-width:none;border:0;border-bottom:1px solid rgb(53 90 67/9%);border-radius:0;background:linear-gradient(180deg,#f7faf8f0,#eaf1ece0);box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;-webkit-tap-highlight-color:transparent}.category-tabs::-webkit-scrollbar{display:none}.category-tabs:before{content:""}.category-tabs :is([aria-current=page],[aria-pressed=true]),.category-tabs:before{border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbf8);box-shadow:0 2px 5px #2034281a,0 0 0 1px #355a430f,inset 0 1px #fff}.category-tabs :is(a,button){position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;flex:1 0 auto;min-width:0;min-height:44px;padding:12px;border-radius:14px;color:#62756a;font:inherit;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;transition:color .2s ease,transform .18s ease}.category-tabs :is([aria-current=page],[aria-pressed=true]){color:#355a43;font-weight:600}.category-tabs.has-highlight :is([aria-current=page],[aria-pressed=true]){box-shadow:none}.category-tabs :is(a,button):focus-visible{outline:2px solid #7c9f88;outline-offset:-3px}.category-tabs :is(a,button):active{transform:scale(.97)}}@media(max-width:600px)and (hover:hover){.category-tabs :is(a,button):hover{color:#355a43}}@media(prefers-reduced-motion:reduce){.category-tabs a,.category-tabs:before{transition:none}}@media(max-width:600px)and (prefers-reduced-motion:reduce){.category-tabs button{transition:none}}