.tab-block{white-space:nowrap;background:#fff;border-radius:6px;padding:4px;display:flex;overflow-x:auto;box-shadow:0 0 25px #e3e6f5}.tab-block a{color:var(--foreground);font-size:14px;font-weight:400;line-height:20px;font-family:var(--font-family);align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:flex;position:relative}.tab-block a .icon{width:24px;height:24px}.tab-block a.active:after,.tab-block a:hover:after{content:"";background:var(--foreground);border-radius:4px 4px 0 0;width:100%;height:4px;position:absolute;bottom:-4px;left:0}.tab-block a .badge{background-color:var(--primary,#0050d5);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:0;padding:0;font-size:10px;font-weight:700;display:flex}.tab-block>:nth-child(8n+1) .icon{color:#136bef}.tab-block>:nth-child(8n+1) .badge{background-color:#136bef}.tab-block a.active:nth-child(8n+1){color:#136bef}.tab-block>:nth-child(8n+2) .icon{color:#652fe7}.tab-block>:nth-child(8n+2) .badge{background-color:#652fe7}.tab-block a.active:nth-child(8n+2){color:#652fe7}.tab-block>:nth-child(8n+3) .icon{color:#10b981}.tab-block>:nth-child(8n+3) .badge{background-color:#10b981}.tab-block a.active:nth-child(8n+3){color:#10b981}.tab-block>:nth-child(8n+4) .icon{color:#f97316}.tab-block>:nth-child(8n+4) .badge{background-color:#f97316}.tab-block a.active:nth-child(8n+4){color:#f97316}.tab-block>:nth-child(8n+5) .icon{color:#60a5fa}.tab-block>:nth-child(8n+5) .badge{background-color:#60a5fa}.tab-block a.active:nth-child(8n+5){color:#60a5fa}.tab-block>:nth-child(8n+6) .icon{color:#ec4899}.tab-block>:nth-child(8n+6) .badge{background-color:#ec4899}.tab-block a.active:nth-child(8n+6){color:#ec4899}.tab-block>:nth-child(8n+7) .icon{color:#818cf8}.tab-block>:nth-child(8n+7) .badge{background-color:#818cf8}.tab-block a.active:nth-child(8n+7){color:#818cf8}.tab-block>:nth-child(8n+8) .icon{color:#ef4444}.tab-block>:nth-child(8n+8) .badge{background-color:#ef4444}.tab-block a.active:nth-child(8n+8){color:#ef4444}@media (max-width:1024px){.tab-block a{flex-direction:column;gap:0;padding:6px 12px;font-size:12px}}@media (max-width:767px){.tab-block a{flex-direction:row;gap:5px}.tab-block a .icon{width:16px;height:16px}.tab-block a .icon svg{width:100%;height:100%}}