.tab-list:after,.tab-list:before{content:"";display:none;position:absolute;height:100%;width:88px;pointer-events:none;top:0;z-index:2}.tab-list-overflow-white:before{background:linear-gradient(to right,var(--color-background-neutral-0),transparent)}.tab-list-overflow-white:after{background:linear-gradient(to left,var(--color-background-neutral-0),transparent)}.tab-list-overflow-grey:before{background:linear-gradient(to right,var(--color-neutral-10),transparent)}.tab-list-overflow-grey:after{background:linear-gradient(to left,var(--color-neutral-10),transparent)}@media (max-width:768px){.tab-list[data-is-left-overflow=true]:before{left:-1px;display:block}.tab-list[data-is-right-overflow=true]:after{right:-1px;display:block}}.tab-list{display:flex;box-shadow:inset 0 -1px 0 0 var(--color-neutral-50);scroll-snap-type:x mandatory;overflow-x:scroll;padding-top:24px;margin-bottom:24px;min-height:42px;-ms-overflow-style:none;scrollbar-width:none;gap:8px;justify-content:flex-start}.tab-list::-webkit-scrollbar{display:none}@media (max-width:768px){.tab-list{min-height:34px;gap:16px}.tab-list-align-center[data-is-left-overflow=false][data-is-right-overflow=false]{justify-content:center}}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;line-height:24px;background-color:transparent;color:var(--color-neutral-80);outline:none;border:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:500;transition:color .4s ease-in-out;white-space:nowrap;width:auto;gap:16px;position:relative}@media (min-width:768px){.tab{white-space:normal;flex:1 1 0px}.tab:focus:not([data-state=active]){border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px var(--color-blue-50)}}.tab:after{opacity:0;content:"";transition:all .4s;position:absolute}.tab[data-state=active]{font-weight:700;color:var(--color-blue-50)}.tab[data-state=active]:after{opacity:1;background-color:var(--color-blue-50);border-radius:var(--border-radius-m) 8px 0 0;width:100%;bottom:0;height:2px}.tab[data-disabled]{cursor:not-allowed;color:var(--color-neutral-50)}.tab .tab-icon>img{display:block}@media (min-width:768px){.tabs{min-width:364px}}.tab-list-wrapper{padding:0;position:relative}