:where(.kit-field.svelte-hljnar){--kit-field-color: initial;--kit-field-on-color: initial;--kit-field-active-fg: initial;--kit-field-active-shade: initial;--kit-field-hover-fg: initial;--kit-field-pressed-fg: initial;--kit-field-bg: var(--kit-field-color, var(--kit-color-surface-2));--kit-field-fg: var(--kit-field-on-color, var(--kit-field-contrast, var(--kit-color-text)));--kit-field-ink: var(--kit-field-color, var(--kit-color-text));--kit-field-hover: color-mix(in oklab, var(--kit-field-bg), var(--kit-field-fg) 8%);--kit-field-pressed: color-mix(in oklab, var(--kit-field-bg), var(--kit-field-fg) 14%);--kit-field-soft: color-mix(in oklab, var(--kit-field-bg) 16%, transparent);--kit-field-border: color-mix(in oklab, var(--kit-field-bg), var(--kit-field-fg) 20%);--kit-field-active: color-mix( in oklab, var(--kit-field-color), var(--kit-field-fg) var(--kit-field-active-shade, 14%) )}@supports (color: color(from red srgb-linear r g b)){:where(.kit-field.svelte-hljnar){--kit-field-contrast: color(from var(--kit-field-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-field.svelte-hljnar){--kit-field-padding: calc(var(--kit-field-p) + var(--kit-field-density-offset) / 2)}.kit-field.svelte-hljnar{display:grid;grid-template-areas:"prepend box append";grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:var(--kit-field-gap);width:100%;font-size:var(--kit-field-font)}.kit-field[data-with-message=true].svelte-hljnar{grid-template-areas:"prepend box append" ". message ."}.kit-field[data-disabled=true].svelte-hljnar{opacity:var(--kit-disabled-opacity, .55);pointer-events:none}.kit-field__prepend.svelte-hljnar,.kit-field__append.svelte-hljnar{display:flex;align-items:center;height:100%}.kit-field__prepend.svelte-hljnar{grid-area:prepend}.kit-field__append.svelte-hljnar{grid-area:append}.kit-field__box.svelte-hljnar{position:relative;grid-area:box;display:flex;align-items:center;gap:var(--kit-field-gap);box-sizing:border-box;min-width:0;min-height:calc(var(--kit-field-h) + var(--kit-field-density-offset) / 2);padding-inline:var(--kit-field-padding);border-radius:var(--kit-field-radius);background-color:var(--kit-field-bg);color:var(--kit-field-fg);transition-property:background-color,color,box-shadow;transition-duration:var(--kit-animation-component);transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.kit-field__box.svelte-hljnar{transition:none}}.kit-field[data-focused=true].svelte-hljnar .kit-field__box:where(.svelte-hljnar){outline:2px solid var(--kit-color-focus);outline-offset:2px}.kit-field__prepend-inner.svelte-hljnar,.kit-field__append-inner.svelte-hljnar,.kit-field__clear.svelte-hljnar{position:relative;z-index:1;display:inline-flex;flex:none;align-items:center}.kit-field__control.svelte-hljnar{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:center;gap:.375rem;min-width:0}.kit-field__prefix.svelte-hljnar,.kit-field__suffix.svelte-hljnar{display:inline-flex;align-items:center;white-space:nowrap;color:color-mix(in oklab,currentColor,transparent 20%)}.kit-field__clear.svelte-hljnar{appearance:none;justify-content:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;opacity:0;pointer-events:none}.kit-field__clear[data-visible=true].svelte-hljnar{opacity:1;pointer-events:auto}.kit-field__clear.svelte-hljnar svg:where(.svelte-hljnar){display:block;width:var(--kit-field-icon);height:var(--kit-field-icon)}.kit-field__line.svelte-hljnar{position:absolute;right:0;bottom:0;left:0;height:var(--kit-outline-weight);background-color:var(--kit-field-border);pointer-events:none}.kit-field[data-error=true].svelte-hljnar{--kit-field-border: var(--kit-color-error)}.kit-field__message.svelte-hljnar{grid-area:message;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;gap:var(--kit-field-gap);align-items:start;min-height:.875rem;padding-inline:var(--kit-field-padding);font-size:.75rem;line-height:1.2;opacity:0}.kit-field__message[data-visible=true].svelte-hljnar{opacity:1}.kit-field[data-error=true].svelte-hljnar .kit-field__message:where(.svelte-hljnar){color:var(--kit-color-error)}.kit-field__message-text.svelte-hljnar{word-break:break-word}.kit-field__message-suffix.svelte-hljnar{text-align:end}:where(.kit-field.svelte-hljnar .outline:where(.svelte-hljnar)){--outline-color: var(--kit-field-border)}:where(.kit-field[data-size=xs].svelte-hljnar){--kit-field-h: 1.5rem;--kit-field-p: .5rem;--kit-field-gap: .125rem;--kit-field-font: var(--kit-font-xs);--kit-field-icon: .875rem}:where(.kit-field[data-size=xs].svelte-hljnar) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-field-icon)}:where(.kit-field[data-size=sm].svelte-hljnar){--kit-field-h: 2rem;--kit-field-p: .625rem;--kit-field-gap: .25rem;--kit-field-font: var(--kit-font-sm);--kit-field-icon: 1rem}:where(.kit-field[data-size=sm].svelte-hljnar) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-field-icon)}:where(.kit-field[data-size=md].svelte-hljnar){--kit-field-h: 2.5rem;--kit-field-p: .75rem;--kit-field-gap: .25rem;--kit-field-font: var(--kit-font-lg);--kit-field-icon: 1.125rem}:where(.kit-field[data-size=md].svelte-hljnar) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-field-icon)}:where(.kit-field[data-size=lg].svelte-hljnar){--kit-field-h: 3rem;--kit-field-p: .875rem;--kit-field-gap: .25rem;--kit-field-font: var(--kit-font-lg);--kit-field-icon: 1.25rem}:where(.kit-field[data-size=lg].svelte-hljnar) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-field-icon)}:where(.kit-field[data-size=xl].svelte-hljnar){--kit-field-h: 3.5rem;--kit-field-p: 1rem;--kit-field-gap: .375rem;--kit-field-font: var(--kit-font-xl);--kit-field-icon: 1.375rem}:where(.kit-field[data-size=xl].svelte-hljnar) .kit-icon[data-size=default]{--kit-icon-current-size: var(--kit-field-icon)}:where(.kit-field[data-variant=tonal].svelte-hljnar){--kit-field-bg: color-mix(in oklab, var(--kit-field-ink) 16%, transparent);--kit-field-fg: var(--kit-field-ink);--kit-field-border: transparent;--kit-field-active: color-mix(in oklab, var(--kit-field-ink) 28%, transparent);--kit-field-active-fg: var(--kit-field-ink)}:where(.kit-field[data-variant=outline].svelte-hljnar){--kit-field-bg: transparent;--kit-field-fg: var(--kit-field-ink);--kit-field-border: var(--kit-field-color, var(--kit-color-border));--kit-field-active: color-mix(in oklab, var(--kit-field-ink) 14%, transparent);--kit-field-active-fg: var(--kit-field-ink)}:where(.kit-field[data-variant=surface].svelte-hljnar){--kit-field-bg: color-mix(in oklab, var(--kit-field-ink) 8%, transparent);--kit-field-fg: var(--kit-field-ink);--kit-field-border: color-mix(in oklab, var(--kit-field-ink) 35%, transparent);--kit-field-active: color-mix(in oklab, var(--kit-field-ink) 18%, transparent);--kit-field-active-fg: var(--kit-field-ink)}:where(.kit-field[data-variant=text].svelte-hljnar){--kit-field-bg: transparent;--kit-field-fg: var(--kit-field-ink);--kit-field-border: transparent;--kit-field-active: color-mix(in oklab, var(--kit-field-ink) 14%, transparent);--kit-field-active-fg: var(--kit-field-ink)}:where(.kit-field[data-variant=text].svelte-hljnar){--kit-field-border: var(--kit-field-color, var(--kit-color-border))}:where(.kit-field[data-rounded="0"].svelte-hljnar){--kit-field-radius: var(--kit-shape-none)}:where(.kit-field[data-rounded=xs].svelte-hljnar){--kit-field-radius: var(--kit-shape-xs)}:where(.kit-field[data-rounded=sm].svelte-hljnar){--kit-field-radius: var(--kit-shape-sm)}:where(.kit-field[data-rounded=md].svelte-hljnar){--kit-field-radius: var(--kit-shape-md)}:where(.kit-field[data-rounded=lg].svelte-hljnar){--kit-field-radius: var(--kit-shape-lg)}:where(.kit-field[data-rounded=xl].svelte-hljnar){--kit-field-radius: var(--kit-shape-xl)}:where(.kit-field[data-rounded=full].svelte-hljnar){--kit-field-radius: var(--kit-shape-full)}:where(.kit-field[data-density=dense].svelte-hljnar){--kit-field-density-offset: var(--kit-density-dense)}:where(.kit-field[data-density=compact].svelte-hljnar){--kit-field-density-offset: var(--kit-density-compact)}:where(.kit-field[data-density=default].svelte-hljnar){--kit-field-density-offset: var(--kit-density-default)}:where(.kit-field[data-density=comfortable].svelte-hljnar){--kit-field-density-offset: var(--kit-density-comfortable)}:where(.kit-field[data-density=spacious].svelte-hljnar){--kit-field-density-offset: var(--kit-density-spacious)}