@layer shared{.tabs{--tabs-font:var(--body-sm-semibold--single-line);--bg-color:var(--surface-l1);--item-bg:transparent;--hover-bg:var(--background-secondary-hover);--active-bg:var(--background-secondary-active);--color:var(--text-light);--gap:var(--spacing-5xs);--item-height:var(--component-size-sm);--padding:var(--spacing-5xs);--item-padding:0 var(--main-spacing);--min-width:90px;--tabs-radius:var(--border-radius-round);display:flex;flex-shrink:0;gap:var(--gap);overflow-x:auto;padding:var(--padding);background:var(--bg-color);border-radius:var(--tabs-radius)}@layer mixins{.tabs{scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none;width:0;height:0}}.tabs.size-s{--item-height:var(--component-size-xs);--item-padding:0 var(--smaller-spacing)}.tabs__button{gap:var(--main-gap);border:none;min-width:var(--min-width);border-radius:var(--tabs-radius);height:var(--item-height);padding:var(--item-padding);background:var(--item-bg);font:var(--tabs-font);text-align:center;color:var(--color);transition:background-color var(--main-transition);cursor:pointer}@layer mixins{.tabs__button{display:flex;justify-content:center;align-items:center}}@media(hover){.tabs__button:hover{background:var(--hover-bg)}}.tabs__button.is-active{background-color:var(--active-bg);pointer-events:none}.is-full-width .tabs__button{width:100%}}