.hub{margin-block-end:20px;position:relative}.hub.hub--shell{margin-block-end:16px}.hub__list{border-block-end:1px solid var(--v2-line);scrollbar-width:none;flex-wrap:nowrap;gap:4px;max-width:100%;display:flex;overflow-x:auto}.hub__list::-webkit-scrollbar{display:none}.hub__tab{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--v2-ink-2);white-space:nowrap;border-block-end:3px solid #0000;flex:none;align-items:center;gap:8px;margin-block-end:-1px;padding:0 12px;font-size:15px;display:inline-flex}.hub__tab:hover{color:var(--v2-primary)}.hub__tab[aria-selected=true]{color:var(--v2-primary);border-block-end-color:var(--v2-primary);font-weight:500}.hub__tab:focus-visible{outline:2px solid var(--v2-primary);outline-offset:-2px;border-radius:6px 6px 0 0}.hub__n{min-width:22px;height:20px;color:var(--v2-ink-2);background:#eef1f6;border-radius:99px;place-items:center;padding:0 6px;font-size:12px;font-weight:500;display:inline-grid}.hub__tab[aria-selected=true] .hub__n{background:var(--v2-primary-container);color:var(--v2-on-primary-container)}.hub__soon{color:#5b2a99;background:#f3edfc;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:500}.hub:before,.hub:after{content:"";pointer-events:none;opacity:0;width:28px;transition:opacity .15s;position:absolute;inset-block:0 1px}.hub:before{background:linear-gradient(to right, var(--hub-bg,var(--portal-canvas,#f4f6fa)), transparent);inset-inline-start:0}.hub:after{background:linear-gradient(to left, var(--hub-bg,var(--portal-canvas,#f4f6fa)), transparent);inset-inline-end:0}[dir=rtl] .hub:before{background:linear-gradient(to left, var(--hub-bg,var(--portal-canvas,#f4f6fa)), transparent)}[dir=rtl] .hub:after{background:linear-gradient(to right, var(--hub-bg,var(--portal-canvas,#f4f6fa)), transparent)}.hub.is-fade-start:before,.hub.is-fade-end:after{opacity:1}@media (max-width:640px){.hub__tab{padding:0 10px;font-size:14px}}