.BOSUI_TABS {
    --bosui-tabs-color: var(--ita-colors-primary-600);
}
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(1):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(1),
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(2):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(2), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(3):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(3), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(4):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(4), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(5):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(5), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(6):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(6), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(7):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(7), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(8):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(8), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(9):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(9), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(10):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(10), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(11):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(11), 
.BOSUI_TABS:has(.BOSUI_TABS__TABS input:nth-of-type(12):checked) .BOSUI_TABS__PANELS__PANEL:nth-child(12) {
    display: inherit !important;
}
.BOSUI_TABS__TABS {
    gap: 0.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    background-color: color-mix(in srgb, var(--bosui-tabs-color) 3%, oklch(from var(--bosui-tabs-color) round(1.21 - L) 0 0) 97%);
    scrollbar-color: var(--bosui-tabs-color) transparent;
    scrollbar-width: thin;
    box-shadow: inset 0px 0px 0.3em color-mix(in srgb, var(--bosui-tabs-color) 20%, oklch(from var(--bosui-tabs-color) round(1.21 - L) 0 0) 80%);
}
.BOSUI_TABS__TABS .BOSUI_FORM_ELEMENT__BUTTON {
    --bosui-button-color-1: transparent;
    --bosui-button-color-2: var(--bosui-tabs-color);
    overflow: initial;
    border-radius: 0.3em;
    background-color: var(--bosui-button-color-1);
    border: none;
    border-bottom-color: color-mix(in srgb, var(--bosui-button-color-2) 30%, transparent 70%);
    cursor: pointer;
    box-shadow: 0px 0px 0.2em color-mix(in srgb, var(--bosui-tabs-color) 20%, oklch(from var(--bosui-tabs-color) round(1.21 - L) 0 0) 80%)
}
.BOSUI_TABS__TABS .BOSUI_FORM_ELEMENT__BUTTON:hover {
    background-color: color-mix(in srgb, var(--bosui-tabs-color) 10%, oklch(from var(--bosui-tabs-color) round(1.21 - L) 0 0) 90%);
}
.BOSUI_TABS__TABS input:checked + .BOSUI_FORM_ELEMENT__BUTTON {
    background-color: var(--bosui-button-color-2);
    color: oklch(from var(--bosui-button-color-2) round(1.21 - L) 0 0);
    box-shadow: 0px 0px 0.3em color-mix(in srgb, var(--bosui-tabs-color) 50%, oklch(from var(--bosui-tabs-color) round(1.21 - L) 0 0) 50%);
}