.tabs.svelte-h216gr{--tabs-hit: var(--btn-height-compact);--tabs-gap: .25rem;--tabs-padding: .25rem;--tabs-slider-bg: var(--clr-accent-container);--tabs-slider-bg-hover: var(--clr-accent-container-hover);--tabs-active-color: var(--clr-accent-on-container);--tabs-active-color-hover: var(--clr-accent-on-container-hover);position:relative;display:inline-grid;gap:var(--tabs-gap);padding:var(--tabs-padding);background:var(--clr-bg-4);border-radius:var(--border-radius);grid-auto-flow:column;grid-auto-columns:max-content;box-sizing:border-box;height:var(--tabs-hit)}.tabs.equal-width.svelte-h216gr{grid-template-columns:repeat(var(--tab-count),1fr)}.tabs-slider.svelte-h216gr{position:absolute;top:var(--tabs-padding);left:0;width:var(--slider-width, 0);height:calc(var(--tabs-hit) - 2 * var(--tabs-padding));transform:translate(var(--slider-left, 0));background:var(--tabs-slider-bg);border-radius:calc(var(--border-radius) - var(--tabs-padding));transition:var(--transition);pointer-events:none;z-index:0}.tabs-slider--scroll-pills.svelte-h216gr{top:var(--slider-top, var(--tabs-padding));height:var(--slider-height, calc(var(--tabs-hit) - 2 * var(--tabs-padding)));border-radius:9999px}.tab.svelte-h216gr{position:relative;z-index:1;border:0;background:transparent;color:var(--clr-text-2);cursor:pointer;padding:.25rem 1rem;border-radius:calc(var(--border-radius) - var(--tabs-padding));font-weight:600;font-size:.9rem;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:0}.tab.is-active.svelte-h216gr{color:var(--tabs-active-color)}@media(hover:hover){.tab.svelte-h216gr:hover{color:var(--clr-text)}.tabs.svelte-h216gr:has(.tab.is-active:hover) .tabs-slider:where(.svelte-h216gr){background:var(--tabs-slider-bg-hover)}.tab.is-active.svelte-h216gr:hover{color:var(--tabs-active-color-hover)}.tabs--scroll-pills.svelte-h216gr .tab:where(.svelte-h216gr):not(.is-active):hover{color:var(--clr-text);background:color-mix(in srgb,var(--clr-bg-3) 72%,transparent)}.tabs--scroll-pills.svelte-h216gr .tab.is-active:where(.svelte-h216gr):hover{color:var(--tabs-active-color-hover)}}.tabs--scroll-pills.svelte-h216gr{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--tabs-gap);padding:var(--tabs-padding);box-sizing:border-box;height:var(--tabs-hit);min-height:var(--tabs-hit);min-width:0;width:100%;background:var(--clr-bg-4);border-radius:9999px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--tabs-padding)}.tabs--scroll-pills.svelte-h216gr::-webkit-scrollbar{display:none}@media(max-width:768px){.tabs--scroll-pills.svelte-h216gr{--tabs-hit: var(--btn-height)}.tab.svelte-h216gr{font-size:.8rem}}.tabs--scroll-pills.svelte-h216gr .tab:where(.svelte-h216gr){flex:0 0 auto;align-self:stretch;scroll-snap-align:start;box-sizing:border-box;margin:0;padding:0 .75rem;border:none;border-radius:9999px;background:transparent;color:var(--clr-text);font-weight:500;line-height:1.25;white-space:nowrap;min-width:max-content;display:flex;align-items:center;justify-content:center}.tabs--scroll-pills.svelte-h216gr .tab:where(.svelte-h216gr) span:where(.svelte-h216gr){display:block;white-space:nowrap;flex-shrink:0;line-height:inherit}.tabs--scroll-pills.svelte-h216gr .tab.is-active:where(.svelte-h216gr){color:var(--tabs-active-color);font-weight:600}