[data-theme]{--tabs-border:var(--ui-border);--tabs-border-width:var(--ui-border-width);--tabs-color:color-mix(in oklch, var(--ui-surface-foreground), transparent 40%);--tabs-color-active:var(--ui-primary);--tabs-color-hover:var(--ui-surface-foreground);--tabs-indicator:var(--ui-primary);--tabs-indicator-width:calc(var(--ui-border-width) * 2);--tabs-bg-active:color-mix(in oklch, var(--ui-primary), transparent 88%);--tabs-bg-active-press:color-mix(in oklch, var(--ui-primary), transparent 82%);--tabs-bg-hover:color-mix(in oklch, var(--ui-neutral), transparent 90%);--tabs-bg-hover-press:color-mix(in oklch, var(--ui-neutral), transparent 84%);--tabs-bg-enclosed:var(--ui-surface-raised);--tabs-bg-enclosed-list:color-mix(in oklch, var(--ui-neutral), transparent 88%);--tabs-font-family:var(--ui-font-sans);--tabs-radius:var(--ui-base-radius);--tabs-duration:var(--ui-base-duration);--tabs-easing:var(--ui-base-easing);--tabs-gap:calc(var(--ui-base-spacing) * 1);--tabs-sm-height:calc(var(--ui-base-spacing) * 8);--tabs-sm-padding-x:calc(var(--ui-base-spacing) * 3);--tabs-sm-font-size:var(--ui-text-xs);--tabs-sm-gap:calc(var(--ui-base-spacing) * 1.5);--tabs-md-height:calc(var(--ui-base-spacing) * 10);--tabs-md-padding-x:calc(var(--ui-base-spacing) * 4);--tabs-md-font-size:var(--ui-text-sm);--tabs-md-gap:var(--ui-base-spacing);--tabs-lg-height:calc(var(--ui-base-spacing) * 12);--tabs-lg-padding-x:calc(var(--ui-base-spacing) * 6);--tabs-lg-font-size:var(--ui-text-base);--tabs-lg-gap:calc(var(--ui-base-spacing) * 2.5);--tabs-panel-padding:calc(var(--ui-base-spacing) * 4)}.tabs{flex-direction:column;display:flex}.tabs__list{gap:var(--tabs-gap);display:flex;position:relative}.tabs--underline>.tabs__list{border-bottom:var(--tabs-border-width) solid var(--tabs-border);gap:0}.tabs--pills>.tabs__list{gap:var(--tabs-gap)}.tabs--enclosed>.tabs__list{background:var(--tabs-bg-enclosed-list);border-radius:var(--tabs-radius);padding:calc(var(--ui-base-spacing) * 1);gap:calc(var(--ui-base-spacing) * 1)}.tabs--full-width>.tabs__list{width:100%}.tabs--full-width .tabs__tab{flex:1;justify-content:center}.tabs__tab{justify-content:center;align-items:center;gap:var(--tabs-md-gap);white-space:nowrap;font-family:var(--tabs-font-family);font-weight:var(--ui-weight-medium);color:var(--tabs-color);cursor:pointer;transition:color var(--tabs-duration) var(--tabs-easing), background-color var(--tabs-duration) var(--tabs-easing);background:0 0;border:none;text-decoration:none;display:inline-flex;position:relative}.tabs__tab--sm{height:var(--tabs-sm-height);padding:0 var(--tabs-sm-padding-x);font-size:var(--tabs-sm-font-size);gap:var(--tabs-sm-gap)}.tabs__tab--md{height:var(--tabs-md-height);padding:0 var(--tabs-md-padding-x);font-size:var(--tabs-md-font-size);gap:var(--tabs-md-gap)}.tabs__tab--lg{height:var(--tabs-lg-height);padding:0 var(--tabs-lg-padding-x);font-size:var(--tabs-lg-font-size);gap:var(--tabs-lg-gap)}.tabs--underline .tabs__tab{margin-bottom:calc(var(--tabs-border-width) * -1);border-bottom:var(--tabs-indicator-width) solid transparent}.tabs--underline .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover)}.tabs--underline .tabs__tab--active{color:var(--tabs-color-active);border-bottom-color:var(--tabs-indicator)}.tabs--underline .tabs__tab:active:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active)}.tabs--underline .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);border-bottom-color:var(--tabs-indicator)}.tabs--pills .tabs__tab{border-radius:var(--tabs-radius)}.tabs--pills .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover);background-color:var(--tabs-bg-hover)}.tabs--pills .tabs__tab:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-hover-press)}.tabs--pills .tabs__tab--active{color:var(--tabs-color-active);background-color:var(--tabs-bg-active)}.tabs--pills .tabs__tab--active:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-active-press)}.tabs--pills .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);background-color:var(--tabs-bg-active)}.tabs--enclosed .tabs__tab{border-radius:calc(var(--tabs-radius) * .75)}.tabs--enclosed .tabs__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-hover);background-color:var(--tabs-bg-hover)}.tabs--enclosed .tabs__tab:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-hover-press)}.tabs--enclosed .tabs__tab--active{color:var(--tabs-color-active);background-color:var(--tabs-bg-enclosed);box-shadow:var(--ui-depth)}.tabs--enclosed .tabs__tab--active:active:not(:disabled):not([aria-disabled=true]){background-color:var(--tabs-bg-enclosed);box-shadow:none}.tabs--enclosed .tabs__tab--active:hover:not(:disabled):not([aria-disabled=true]){color:var(--tabs-color-active);background-color:var(--tabs-bg-enclosed)}.tabs__tab:disabled,.tabs__tab[aria-disabled=true]{opacity:.45;cursor:not-allowed}.tabs__tab:focus-visible{outline:var(--ui-ring-width) solid var(--ui-primary);outline-offset:var(--ui-ring-offset);border-radius:var(--tabs-radius);z-index:1}.tabs__panel{padding:var(--tabs-panel-padding) 0}