.kit-appbar.svelte-xpyzl9{display:flex;align-items:center;box-sizing:border-box;position:relative;width:100%;gap:var(--kit-appbar-gap);min-height:calc(var(--kit-appbar-h) + var(--kit-appbar-density-offset) / 2);padding:calc(var(--kit-appbar-p) + var(--kit-appbar-density-offset) / 2);border-radius:var(--kit-appbar-radius);color:var(--kit-appbar-fg);background-color:var(--kit-appbar-bg);overflow:hidden;font-size:var(--kit-appbar-font);transition:background .14s ease,color .14s ease,box-shadow .14s ease,translate .14s ease}.kit-appbar[data-rounded="0"].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-none)}.kit-appbar[data-rounded=xs].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-xs)}.kit-appbar[data-rounded=sm].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-sm)}.kit-appbar[data-rounded=md].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-md)}.kit-appbar[data-rounded=lg].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-lg)}.kit-appbar[data-rounded=xl].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-xl)}.kit-appbar[data-rounded=full].svelte-xpyzl9{--kit-appbar-radius: var(--kit-shape-full)}.kit-appbar[data-density=compact].svelte-xpyzl9{--kit-appbar-density-offset: var(--kit-density-compact)}.kit-appbar[data-density=default].svelte-xpyzl9{--kit-appbar-density-offset: var(--kit-density-default)}.kit-appbar[data-density=comfortable].svelte-xpyzl9{--kit-appbar-density-offset: var(--kit-density-comfortable)}.kit-appbar[data-variant=filled].svelte-xpyzl9{--kit-appbar-bg: var(--kit-color-surface-1);--kit-appbar-fg: var(--kit-color-text);--kit-appbar-hover-bg: color-mix(in oklab, var(--kit-appbar-bg), black 10%);--kit-appbar-active-bg: color-mix(in oklab, var(--kit-appbar-bg), black 16%)}.kit-appbar[data-variant=outline].svelte-xpyzl9{--kit-appbar-bg: transparent;--kit-appbar-fg: var(--kit-color-text);--kit-appbar-bd: var(--kit-appbar-fg);--kit-appbar-hover-bg: color-mix(in oklab, var(--kit-appbar-fg), transparent 80%);--kit-appbar-active-bg: color-mix(in oklab, var(--kit-appbar-fg), transparent 92%)}.kit-appbar[data-variant=text].svelte-xpyzl9{--kit-appbar-bg: transparent;--kit-appbar-fg: var(--kit-color-text);--kit-appbar-hover-bg: color-mix(in oklab, var(--kit-appbar-fg), transparent 80%);--kit-appbar-active-bg: color-mix(in oklab, var(--kit-appbar-fg), transparent 92%)}.kit-appbar[data-size=xs].svelte-xpyzl9{--kit-appbar-h: 32px;--kit-appbar-p: 8px;--kit-appbar-gap: var(--kit-space-compact);--kit-appbar-font: var(--kit-font-xs)}.kit-appbar[data-size=sm].svelte-xpyzl9{--kit-appbar-h: 40px;--kit-appbar-p: 10px;--kit-appbar-gap: var(--kit-space-default);--kit-appbar-font: var(--kit-font-sm)}.kit-appbar[data-size=md].svelte-xpyzl9{--kit-appbar-h: 48px;--kit-appbar-p: 12px;--kit-appbar-gap: var(--kit-space-default);--kit-appbar-font: var(--kit-font-md)}.kit-appbar[data-size=lg].svelte-xpyzl9{--kit-appbar-h: 56px;--kit-appbar-p: 16px;--kit-appbar-gap: var(--kit-space-default);--kit-appbar-font: var(--kit-font-lg)}.kit-appbar[data-size=xl].svelte-xpyzl9{--kit-appbar-h: 64px;--kit-appbar-p: 20px;--kit-appbar-gap: var(--kit-space-comfortable);--kit-appbar-font: var(--kit-font-xl)}.kit-appbar__wrapper.svelte-xpyzl9{position:relative;z-index:1;display:flex;align-items:center;flex-direction:row;gap:var(--kit-appbar-gap);width:100%;margin:0 auto}.kit-appbar.svelte-xpyzl9 .outline:where(.svelte-xpyzl9){--outline-color: var(--kit-appbar-bd)}