@property --left-fade{syntax:"<length>";inherits:false;initial-value:0}@property --right-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes scrollfade{0%{--left-fade:0}10%,to{--left-fade:3rem}0%,90%{--right-fade:3rem}to{--right-fade:0}}.tab-bar{gap:var(--spacing-4);-webkit-mask:linear-gradient(to right, #0000, white var(--left-fade) calc(100% - var(--right-fade)), #0000);mask:linear-gradient(to right, #0000, white var(--left-fade) calc(100% - var(--right-fade)), #0000);scroll-timeline:--scrollfade x;animation:scrollfade;animation-timeline:--scrollfade;display:flex;position:relative;overflow:scroll hidden}@media (max-width:48rem){.tab-bar.tab-bar--mobile-switch{padding:var(--spacing-1);border-radius:var(--spacing-20);background-color:var(--color-purple-50)}}.tab-bar.tab-bar--primary{border-bottom:var(--spacing-px) solid var(--color-neutral-a10);width:100%}.tab-bar.tab-bar--primary .tab-bar__tab{border-bottom-width:calc(var(--spacing-px)*2);color:var(--color-text-lead);font-weight:var(--font-weight-bold)}.tab-bar.tab-bar--primary .tab-bar__tab:hover{color:var(--color-primary-700)}.tab-bar.tab-bar--primary .tab-bar__tab.tab-bar__tab--active{border-bottom-color:var(--color-primary-700);color:var(--color-primary-700);margin-bottom:-1px}.tab-bar__tab{white-space:nowrap;padding:0 0 var(--spacing-6) 0;border:none;border-bottom:var(--spacing-px) solid #0000;appearance:none;color:var(--color-text-lead);cursor:pointer;font-size:var(--font-size-m);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-3);background-color:#0000;margin:0;display:inline-flex}.tab-bar__tab .icon{color:var(--color-text-muted)}.tab-bar__tab:hover{color:var(--color-purple-700)}.tab-bar__tab:hover .icon{color:var(--color-purple-500)}.tab-bar__tab:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}.tab-bar__tab.tab-bar__tab--active{border-bottom-color:var(--color-purple-700);color:var(--color-purple-700)}.tab-bar__tab.tab-bar__tab--active .icon{color:var(--color-purple-700)}@media (max-width:48rem){.tab-bar--mobile-switch .tab-bar__tab.tab-bar__tab--active{border-radius:var(--spacing-20);background-color:var(--color-neutral-white);box-shadow:var(--shadow-sm);border-bottom:none}.tab-bar--mobile-switch .tab-bar__tab{padding:var(--spacing-3) var(--spacing-5);color:var(--color-purple-700);flex-grow:1;justify-content:center;align-items:center}}