.tabs-box{:is(.ar-tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),:is(input:checked),:is(label:has(:checked)){color:var(--color-base-200);background-color:var(--color-primary, var(--color-base-100));box-shadow:0 1px #ffffff1a inset,0 1px 1px -1px var(--color-neutral),0 1px 6px -4px var(--color-neutral)}}.tabs.ar-tabs-box{&.tabs-xs{.tab{height:calc(var(--size-field, .25rem) * 6);font-size:.75rem;--tab-p: .375rem;--tab-radius-min: calc(.5rem - var(--border))}}&.tabs-sm{.tab{height:calc(var(--size-field, .25rem) * 8);font-size:.875rem;--tab-p: .5rem;--tab-radius-min: calc(.5rem - var(--border))}}&.tabs-md{.tab{height:calc(var(--size-field, .25rem) * 10);font-size:.875rem;--tab-p: .75rem;--tab-radius-min: calc(.75rem - var(--border))}}&.tabs-lg{.tab{height:calc(var(--size-field, .25rem) * 12);font-size:1.125rem;--tab-p: 1rem;--tab-radius-min: calc(1.5rem - var(--border))}}&.tabs-xl{.tab{height:calc(var(--size-field, .25rem) * 14);font-size:1.125rem;--tab-p: 1.25rem;--tab-radius-min: calc(2rem - var(--border))}}}