@layer bcc-design-layer{.bcc-tabs{font-style:normal;font-size:var(--b-text-body-1-font-size);line-height:var(--b-text-body-1-line-height);font-weight:500;display:flex;list-style-type:none;width:-moz-fit-content;width:fit-content;min-width:300px;position:relative;background-color:var(--b-color-neutral-default-0);border-radius:var(--b-border-radius-cof-5);padding:var(--g-spacing-1)}.bcc-tabs__long-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px}.bcc-tabs_scrollable{width:100%;overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.bcc-tabs_scrollable::-webkit-scrollbar{display:none}.bcc-tabs__tab-item{font-style:normal;font-size:var(--b-text-body-1-font-size);line-height:var(--b-text-body-1-line-height);font-weight:500;-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;align-items:center;padding:0 var(--g-spacing-4);height:36px;margin:2px;color:var(--b-color-neutral-default-800);border-radius:var(--b-border-radius-cof-5)}@media (hover:hover){.bcc-tabs__tab-item:active.bcc-tabs__tab-item:not(.bcc-tabs__tab-item_selected):not(.bcc-tabs__tab-item_disabled){color:var(--b-color-neutral-default-800);background:radial-gradient(50% 265.78% at 50% 50%,#cacace 0,#fff 100%)}.bcc-tabs__tab-item:hover:not(.bcc-tabs__tab-item_selected):not(.bcc-tabs__tab-item_disabled){color:var(--b-color-neutral-default-800);background:var(--b-color-neutral-default-100)}}.bcc-tabs__tab-item_selected:not(.bcc-tabs__tab-item_disabled){color:var(--b-color-neutral-default-0);background-color:var(--b-color-neutral-default-800);border-radius:var(--b-border-radius-cof-4)}@media (hover:hover){.bcc-tabs__tab-item:hover.bcc-tabs__tab-item_selected:not(.bcc-tabs__tab-item_disabled){background-color:var(--b-color-neutral-default-700)}.bcc-tabs__tab-item:active.bcc-tabs__tab-item_selected:not(.bcc-tabs__tab-item_disabled){color:var(--b-color-neutral-default-0);background-color:var(--b-color-neutral-default-900)}}.bcc-tabs__tab-item_disabled{cursor:not-allowed;color:var(--b-color-neutral-default-400)}.bcc-tabs__icon-wrap{width:20px;height:20px;margin-right:var(--g-spacing-1)}.bcc-tabs__icon-wrap svg{width:100%;height:100%}.bcc-tabs__counter-wrap{margin-left:var(--g-spacing-1)}}