tab-group{color:var(--color-text);display:block;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height);width:100%}tab-list{background-color:var(--tab-list-background,transparent);background-image:var(--tab-list-background-image,none);border-bottom:var(--tab-list-border-bottom,1px solid var(--color-border));border-radius:var(--tab-list-radius,0);display:flex;gap:var(--tab-list-gap,.25rem);justify-content:var(--tab-list-justify,flex-start);margin-bottom:var(--spacing-md);overflow-x:auto;overflow-y:hidden;padding:var(--tab-list-padding,.5rem .25rem 0)}tab-button{background-color:var(--color-background);border:1px solid transparent;border-bottom:none;border-radius:var(--tab-button-radius,var(--border-radius) var(--border-radius) 0 0);color:var(--color-text);cursor:pointer;display:block;font-size:var(--font-size-base);font-weight:var(--tab-button-font-weight,normal);margin:var(--spacing-xs);margin-bottom:-1px;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-align:center;transition:all var(--transition-duration);user-select:none;white-space:nowrap}tab-button:hover{background-color:var(--color-hover)}tab-button:focus{box-shadow:var(--tab-button-focus-shadow,0 0 0 2px var(--color-primary));outline:none}tab-button[aria-selected=true]{background-color:var(--tab-active-background,var(--color-background));border-color:var(--color-border);border-bottom:1px solid var(--color-background);box-shadow:var(--tab-active-shadow,none);color:var(--tab-active-color,var(--color-primary));font-weight:var(--tab-active-font-weight,600);transform:var(--tab-active-transform,none)}tab-button[aria-selected=true]:after{background-color:var(--tab-indicator-color,var(--color-primary));border-radius:var(--tab-indicator-radius,0);bottom:0;content:"";height:var(--tab-indicator-height,2px);left:var(--tab-indicator-left,0);position:absolute;right:var(--tab-indicator-right,0)}tab-panel{background-color:var(--panel-background,var(--color-background));border:var(--panel-border,none);border-radius:var(--panel-radius,0 0 var(--border-radius) var(--border-radius));border-top:var(--panel-border-top,none);box-shadow:var(--panel-shadow,none);display:block;margin:var(--panel-margin,0);min-height:var(--panel-min-height,150px);padding:var(--panel-padding,var(--spacing-md));transition:var(--panel-transition,all .3s ease)}tab-panel[hidden]{display:none}@media (max-width:768px){tab-list{flex-wrap:wrap}tab-button{flex:1 0 auto;text-align:center}}