.wb-axis{flex:none;display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:999px;background:var(--wb-modeTrack, linear-gradient(180deg, #0b0b0e, #16161b));box-shadow:var(--wb-modeShadow, inset 0 2px 5px rgba(0, 0, 0, .75))}.wb-axis-tab{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;height:2rem;padding:0 .9rem;border:0;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.01em;background:transparent;color:var(--wb-modeOff, rgba(255, 255, 255, .55));white-space:nowrap;transition:all .24s cubic-bezier(.2,.8,.2,1)}.wb-axis-tab[data-on="1"]{background:var( --wb-grad, linear-gradient(90deg, #a855f7 0%, #ec4899 50%, #f97316 100%) );color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000040,0 4px 10px -3px #ec4899bf,0 1px 2px #0006}.wb-axis-star{font-size:12px;color:var(--wb-favInk, #ffc46e)}.wb-axis-tab[data-on="1"] .wb-axis-star{color:#ffd98a}.wb-axis-count{font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--wb-chip, rgba(0, 0, 0, .3));color:inherit}.wb-axis[data-size=touch]{gap:.5rem}.wb-axis[data-size=touch] .wb-axis-tab{flex:1;min-height:44px;height:44px;font-size:.875rem}