nav.tabs{z-index:10;width:fit-content;display:flex;flex-wrap:nowrap;gap:.125rem;overflow-x:auto;overflow-y:clip;border-radius:.75rem;padding:.25rem;--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);--un-bg-opacity:.4;--un-bg-color:var(--color-primary);background-color:color-mix(in srgb,var(--un-bg-color) calc(100% * var(--un-bg-opacity, 1)),transparent);--un-text-color:var(--color-on-primary);color:color-mix(in srgb,var(--un-text-color) calc(100% * var(--un-text-opacity, 1)),transparent);>button{display:flex;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;border-radius:.5rem;border-style:none;padding:.5rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;font-family:inherit;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--un-bg-color:var(--color-transparent);background-color:color-mix(in srgb,var(--un-bg-color) calc(100% * var(--un-bg-opacity, 1)),transparent);--un-text-color:var(--color-on-transparent);--un-text-color:var(--color-on-primary);color:color-mix(in srgb,var(--un-text-color) calc(100% * var(--un-text-opacity, 1)),transparent);&.active{--un-bg-color:var(--color-background);background-color:color-mix(in srgb,var(--un-bg-color) calc(100% * var(--un-bg-opacity, 1)),transparent);--un-text-color:var(--color-on-background);color:color-mix(in srgb,var(--un-text-color) calc(100% * var(--un-text-opacity, 1)),transparent);box-shadow:0 1px 4px #0000001a}&:not(.active):hover{--un-text-color:var(--color-on-primary);color:color-mix(in srgb,var(--un-text-color) calc(100% * var(--un-text-opacity, 1)),transparent)}}&.expands{width:100%;>button{flex:1 1 0%}}}