:where(.kit-appbar.svelte-xpyzl9){--kit-appbar-color: initial;--kit-appbar-on-color: initial;--kit-appbar-active-fg: initial;--kit-appbar-active-shade: initial;--kit-appbar-hover-fg: initial;--kit-appbar-pressed-fg: initial;--kit-appbar-bg: var(--kit-appbar-color, var(--kit-color-surface-1));--kit-appbar-fg: var(--kit-appbar-on-color, var(--kit-appbar-contrast, var(--kit-color-text)));--kit-appbar-ink: var(--kit-appbar-color, var(--kit-color-text));--kit-appbar-hover: color-mix(in oklab, var(--kit-appbar-bg), var(--kit-appbar-fg) 8%);--kit-appbar-pressed: color-mix(in oklab, var(--kit-appbar-bg), var(--kit-appbar-fg) 14%);--kit-appbar-soft: color-mix(in oklab, var(--kit-appbar-bg) 16%, transparent);--kit-appbar-border: color-mix(in oklab, var(--kit-appbar-bg), var(--kit-appbar-fg) 20%);--kit-appbar-active: color-mix( in oklab, var(--kit-appbar-color), var(--kit-appbar-fg) var(--kit-appbar-active-shade, 14%) )}@supports (color: color(from red srgb-linear r g b)){:where(.kit-appbar.svelte-xpyzl9){--kit-appbar-contrast: color(from var(--kit-appbar-color) srgb-linear clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1) clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1) clamp(0, (.1791 - (.2126 * r + .7152 * g + .0722 * b)) * 100000, 1)/1)}}.kit-appbar.svelte-xpyzl9{position:relative;display:flex;align-items:center;gap:var(--kit-appbar-gap);box-sizing:border-box;width:100%;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);overflow:hidden;border-radius:var(--kit-appbar-radius);background-color:var(--kit-appbar-bg);color:var(--kit-appbar-fg);font-size:var(--kit-appbar-font);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--kit-animation-component);transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.kit-appbar.svelte-xpyzl9{transition:none}}.kit-appbar__wrapper.svelte-xpyzl9{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:var(--kit-appbar-gap);width:100%;margin:0 auto}:where(.kit-appbar[data-size=xs].svelte-xpyzl9){--kit-appbar-h: 2rem;--kit-appbar-p: .5rem;--kit-appbar-gap: .125rem;--kit-appbar-font: var(--kit-font-xs)}:where(.kit-appbar[data-size=sm].svelte-xpyzl9){--kit-appbar-h: 2.5rem;--kit-appbar-p: .625rem;--kit-appbar-gap: .25rem;--kit-appbar-font: var(--kit-font-sm)}:where(.kit-appbar[data-size=md].svelte-xpyzl9){--kit-appbar-h: 3rem;--kit-appbar-p: .75rem;--kit-appbar-gap: .25rem;--kit-appbar-font: var(--kit-font-md)}:where(.kit-appbar[data-size=lg].svelte-xpyzl9){--kit-appbar-h: 3.5rem;--kit-appbar-p: 1rem;--kit-appbar-gap: .25rem;--kit-appbar-font: var(--kit-font-lg)}:where(.kit-appbar[data-size=xl].svelte-xpyzl9){--kit-appbar-h: 4rem;--kit-appbar-p: 1.25rem;--kit-appbar-gap: .375rem;--kit-appbar-font: var(--kit-font-xl)}:where(.kit-appbar[data-variant=tonal].svelte-xpyzl9){--kit-appbar-bg: color-mix(in oklab, var(--kit-appbar-ink) 16%, transparent);--kit-appbar-fg: var(--kit-appbar-ink);--kit-appbar-border: transparent;--kit-appbar-active: color-mix(in oklab, var(--kit-appbar-ink) 28%, transparent);--kit-appbar-active-fg: var(--kit-appbar-ink)}:where(.kit-appbar[data-variant=outline].svelte-xpyzl9){--kit-appbar-bg: transparent;--kit-appbar-fg: var(--kit-appbar-ink);--kit-appbar-border: var(--kit-appbar-color, var(--kit-color-border));--kit-appbar-active: color-mix(in oklab, var(--kit-appbar-ink) 14%, transparent);--kit-appbar-active-fg: var(--kit-appbar-ink)}:where(.kit-appbar[data-variant=surface].svelte-xpyzl9){--kit-appbar-bg: color-mix(in oklab, var(--kit-appbar-ink) 8%, transparent);--kit-appbar-fg: var(--kit-appbar-ink);--kit-appbar-border: color-mix(in oklab, var(--kit-appbar-ink) 35%, transparent);--kit-appbar-active: color-mix(in oklab, var(--kit-appbar-ink) 18%, transparent);--kit-appbar-active-fg: var(--kit-appbar-ink)}:where(.kit-appbar[data-variant=text].svelte-xpyzl9){--kit-appbar-bg: transparent;--kit-appbar-fg: var(--kit-appbar-ink);--kit-appbar-border: transparent;--kit-appbar-active: color-mix(in oklab, var(--kit-appbar-ink) 14%, transparent);--kit-appbar-active-fg: var(--kit-appbar-ink)}:where(.kit-appbar.svelte-xpyzl9 .outline:where(.svelte-xpyzl9)){--outline-color: var(--kit-appbar-border)}:where(.kit-appbar[data-rounded="0"].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-none)}:where(.kit-appbar[data-rounded=xs].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-xs)}:where(.kit-appbar[data-rounded=sm].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-sm)}:where(.kit-appbar[data-rounded=md].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-md)}:where(.kit-appbar[data-rounded=lg].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-lg)}:where(.kit-appbar[data-rounded=xl].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-xl)}:where(.kit-appbar[data-rounded=full].svelte-xpyzl9){--kit-appbar-radius: var(--kit-shape-full)}:where(.kit-appbar[data-density=dense].svelte-xpyzl9){--kit-appbar-density-offset: var(--kit-density-dense)}:where(.kit-appbar[data-density=compact].svelte-xpyzl9){--kit-appbar-density-offset: var(--kit-density-compact)}:where(.kit-appbar[data-density=default].svelte-xpyzl9){--kit-appbar-density-offset: var(--kit-density-default)}:where(.kit-appbar[data-density=comfortable].svelte-xpyzl9){--kit-appbar-density-offset: var(--kit-density-comfortable)}:where(.kit-appbar[data-density=spacious].svelte-xpyzl9){--kit-appbar-density-offset: var(--kit-density-spacious)}