:where(.kit-sheet.svelte-1blft1r){--kit-sheet-color: initial;--kit-sheet-on-color: initial;--kit-sheet-active-fg: initial;--kit-sheet-active-shade: initial;--kit-sheet-hover-fg: initial;--kit-sheet-pressed-fg: initial;--kit-sheet-bg: var(--kit-sheet-color, var(--kit-color-surface-1));--kit-sheet-fg: var(--kit-sheet-on-color, var(--kit-sheet-contrast, var(--kit-color-text)));--kit-sheet-ink: var(--kit-sheet-color, var(--kit-color-text));--kit-sheet-hover: color-mix(in oklab, var(--kit-sheet-bg), var(--kit-sheet-fg) 8%);--kit-sheet-pressed: color-mix(in oklab, var(--kit-sheet-bg), var(--kit-sheet-fg) 14%);--kit-sheet-soft: color-mix(in oklab, var(--kit-sheet-bg) 16%, transparent);--kit-sheet-border: color-mix(in oklab, var(--kit-sheet-bg), var(--kit-sheet-fg) 20%);--kit-sheet-active: color-mix( in oklab, var(--kit-sheet-color), var(--kit-sheet-fg) var(--kit-sheet-active-shade, 14%) )}@supports (color: color(from red srgb-linear r g b)){:where(.kit-sheet.svelte-1blft1r){--kit-sheet-contrast: color(from var(--kit-sheet-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)}}:where(.kit-sheet.svelte-1blft1r){--kit-sheet-p: 12px}.kit-sheet.svelte-1blft1r{display:flex;position:relative;gap:calc(var(--kit-space-default) + var(--kit-sheet-density-offset) / 2);padding:calc(var(--kit-sheet-p) + var(--kit-sheet-density-offset) / 2);background-color:var(--kit-sheet-bg);color:var(--kit-sheet-fg);border-radius:var(--kit-sheet-radius);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-sheet.svelte-1blft1r{transition:none}}a.kit-sheet.svelte-1blft1r{text-decoration:none}button.kit-sheet.svelte-1blft1r{appearance:none;border:0;padding:0;font:inherit;text-align:inherit}:where(.kit-sheet[data-variant=tonal].svelte-1blft1r){--kit-sheet-bg: color-mix(in oklab, var(--kit-sheet-ink) 16%, transparent);--kit-sheet-fg: var(--kit-sheet-ink);--kit-sheet-border: transparent;--kit-sheet-active: color-mix(in oklab, var(--kit-sheet-ink) 28%, transparent);--kit-sheet-active-fg: var(--kit-sheet-ink)}:where(.kit-sheet[data-variant=text].svelte-1blft1r){--kit-sheet-bg: transparent;--kit-sheet-fg: var(--kit-sheet-ink);--kit-sheet-border: transparent;--kit-sheet-active: color-mix(in oklab, var(--kit-sheet-ink) 14%, transparent);--kit-sheet-active-fg: var(--kit-sheet-ink)}:where(.kit-sheet[data-variant=plain].svelte-1blft1r){--kit-sheet-bg: transparent;--kit-sheet-fg: var(--kit-sheet-ink);--kit-sheet-border: transparent;--kit-sheet-hover: transparent;--kit-sheet-pressed: transparent;--kit-sheet-hover-fg: color-mix(in oklab, var(--kit-sheet-fg) 72%, transparent);--kit-sheet-pressed-fg: color-mix(in oklab, var(--kit-sheet-fg) 56%, transparent);--kit-sheet-active: transparent;--kit-sheet-active-fg: var(--kit-sheet-color, var(--kit-color-accent))}:where(.kit-sheet[data-variant=outline].svelte-1blft1r){--kit-sheet-bg: transparent;--kit-sheet-fg: var(--kit-sheet-ink);--kit-sheet-border: var(--kit-sheet-color, var(--kit-color-border));--kit-sheet-active: color-mix(in oklab, var(--kit-sheet-ink) 14%, transparent);--kit-sheet-active-fg: var(--kit-sheet-ink)}:where(.kit-sheet[data-variant=surface].svelte-1blft1r){--kit-sheet-bg: color-mix(in oklab, var(--kit-sheet-ink) 8%, transparent);--kit-sheet-fg: var(--kit-sheet-ink);--kit-sheet-border: color-mix(in oklab, var(--kit-sheet-ink) 35%, transparent);--kit-sheet-active: color-mix(in oklab, var(--kit-sheet-ink) 18%, transparent);--kit-sheet-active-fg: var(--kit-sheet-ink)}.kit-sheet.svelte-1blft1r:is([data-variant=outline]:where(.svelte-1blft1r),[data-variant=surface]:where(.svelte-1blft1r)){border:var(--kit-outline-weight) solid var(--kit-sheet-border)}:where(.kit-sheet[data-active=true].svelte-1blft1r){--kit-sheet-bg: var(--kit-sheet-active, var(--kit-color-accent));--kit-sheet-fg: var( --kit-sheet-active-fg, var(--kit-sheet-on-color, var(--kit-sheet-contrast, var(--kit-color-on-accent))) )}.kit-sheet[data-interactive=true].svelte-1blft1r:not([data-disabled=true]){cursor:pointer}.kit-sheet[data-interactive=true].svelte-1blft1r:not([data-disabled=true]):hover{background-color:var(--kit-sheet-hover);color:var(--kit-sheet-hover-fg, var(--kit-sheet-fg))}.kit-sheet[data-interactive=true].svelte-1blft1r:not([data-disabled=true]):active{background-color:var(--kit-sheet-pressed);color:var(--kit-sheet-pressed-fg, var(--kit-sheet-fg))}.kit-sheet.svelte-1blft1r:not([data-disabled=true]):focus-visible{outline:2px solid var(--kit-color-focus);outline-offset:2px}.kit-sheet[data-disabled=true].svelte-1blft1r{opacity:var(--kit-disabled-opacity, .55);pointer-events:none;-webkit-user-select:none;user-select:none}:where(.kit-sheet[data-rounded="0"].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-none)}:where(.kit-sheet[data-rounded=xs].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-xs)}:where(.kit-sheet[data-rounded=sm].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-sm)}:where(.kit-sheet[data-rounded=md].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-md)}:where(.kit-sheet[data-rounded=lg].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-lg)}:where(.kit-sheet[data-rounded=xl].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-xl)}:where(.kit-sheet[data-rounded=full].svelte-1blft1r){--kit-sheet-radius: var(--kit-shape-full)}:where(.kit-sheet[data-density=dense].svelte-1blft1r){--kit-sheet-density-offset: var(--kit-density-dense)}:where(.kit-sheet[data-density=compact].svelte-1blft1r){--kit-sheet-density-offset: var(--kit-density-compact)}:where(.kit-sheet[data-density=default].svelte-1blft1r){--kit-sheet-density-offset: var(--kit-density-default)}:where(.kit-sheet[data-density=comfortable].svelte-1blft1r){--kit-sheet-density-offset: var(--kit-density-comfortable)}:where(.kit-sheet[data-density=spacious].svelte-1blft1r){--kit-sheet-density-offset: var(--kit-density-spacious)}.elevation-grid.svelte-j54dp9{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:30px;margin-bottom:30px}.elevation-item.svelte-j54dp9{width:8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.elevation-item.svelte-j54dp9 .elevation-card{width:70%;aspect-ratio:1;justify-content:center;align-items:center}.elevation-grid.svelte-gx895h{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:30px;margin-bottom:30px}.elevation-item.svelte-gx895h{width:8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.elevation-item.svelte-gx895h .elevation-card{width:70%;aspect-ratio:1;justify-content:center;align-items:center}.shape-grid.svelte-hxyyqn{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:1.5rem;margin-top:30px;margin-bottom:30px}.shape-item.svelte-hxyyqn{display:flex;flex-direction:column;align-items:center;gap:.5rem}.shape-item.svelte-hxyyqn .shape-card{width:70%;aspect-ratio:1;justify-content:center;align-items:center}.color-lists.svelte-1jcn1qz{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem;margin-top:30px;margin-bottom:30px}.color-list-title.svelte-1jcn1qz{display:block;margin-bottom:1rem;font-weight:600}ul.svelte-1jcn1qz{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}li.svelte-1jcn1qz{display:flex;align-items:center;gap:.75rem}li.svelte-1jcn1qz .color-swatch{flex-shrink:0;width:40px;height:40px}code.svelte-1jcn1qz{border:0;font-size:14px}.color-label.svelte-1jcn1qz{display:flex;flex-direction:column}
