.input-field.svelte-x1iu7k{--color-focus: var(--color-primary-400);--color-focus-alpha: var(--color-primary-alpha-300);display:flex;align-items:center;border-radius:var(--border-radius);border:1px solid}.input-field.svelte-x1iu7k :where(.svelte-x1iu7k)::placeholder{color:var(--placeholder-color)}.input-field.svelte-x1iu7k:focus{outline:none}.input-field[data-color=Primary].svelte-x1iu7k{--bold-color: var(--color-positive-900);--bold-placeholder-color: var(--color-positive-alpha-300);--bold-background-color: var(--color-positive-alpha-0);--bold-border-color: var(--color-positive-alpha-200);--bold-leading-color: var(--color-primary-800);--subtle-color: var(--color-positive-900);--subtle-placeholder-color: var(--color-positive-alpha-300);--subtle-background-color: transparent;--subtle-border-color: var(--color-positive-alpha-200);--subtle-leading-color: var(--color-primary-800);--none-color: var(--color-positive-900);--none-placeholder-color: var(--color-positive-alpha-300);--none-background-color: transparent;--none-border-color: transparent;--none-leading-color: var(--color-primary-800)}.input-field[data-color=Primary].svelte-x1iu7k:focus-within{--bold-background-color: var(--color-positive-alpha-100);--subtle-background-color: var(--color-negative-0)}.input-field[data-color=Confirm].svelte-x1iu7k{--bold-color: var(--color-positive-900);--bold-placeholder-color: var(--color-positive-alpha-300);--bold-background-color: var(--color-positive-alpha-0);--bold-border-color: var(--color-positive-alpha-200);--bold-leading-color: var(--color-confirm-800);--subtle-color: var(--color-positive-900);--subtle-placeholder-color: var(--color-positive-alpha-300);--subtle-background-color: transparent;--subtle-border-color: var(--color-positive-alpha-200);--subtle-leading-color: var(--color-confirm-800);--none-color: var(--color-positive-900);--none-placeholder-color: var(--color-positive-alpha-300);--none-background-color: transparent;--none-border-color: transparent;--none-leading-color: var(--color-confirm-800)}.input-field[data-color=Confirm].svelte-x1iu7k:focus-within{--bold-background-color: var(--color-positive-alpha-100);--subtle-background-color: var(--color-negative-0)}.input-field[data-color=Warning].svelte-x1iu7k{--bold-color: var(--color-positive-900);--bold-placeholder-color: var(--color-positive-alpha-300);--bold-background-color: var(--color-positive-alpha-0);--bold-border-color: var(--color-positive-alpha-200);--bold-leading-color: var(--color-warning-800);--subtle-color: var(--color-positive-900);--subtle-placeholder-color: var(--color-positive-alpha-300);--subtle-background-color: transparent;--subtle-border-color: var(--color-positive-alpha-200);--subtle-leading-color: var(--color-warning-800);--none-color: var(--color-positive-900);--none-placeholder-color: var(--color-positive-alpha-300);--none-background-color: transparent;--none-border-color: transparent;--none-leading-color: var(--color-warning-800)}.input-field[data-color=Warning].svelte-x1iu7k:focus-within{--bold-background-color: var(--color-positive-alpha-100);--subtle-background-color: var(--color-negative-0)}.input-field[data-color=Critical].svelte-x1iu7k{--bold-color: var(--color-positive-900);--bold-placeholder-color: var(--color-positive-alpha-300);--bold-background-color: var(--color-positive-alpha-0);--bold-border-color: var(--color-positive-alpha-200);--bold-leading-color: var(--color-critical-800);--subtle-color: var(--color-positive-900);--subtle-placeholder-color: var(--color-positive-alpha-300);--subtle-background-color: transparent;--subtle-border-color: var(--color-positive-alpha-200);--subtle-leading-color: var(--color-critical-800);--none-color: var(--color-positive-900);--none-placeholder-color: var(--color-positive-alpha-300);--none-background-color: transparent;--none-border-color: transparent;--none-leading-color: var(--color-critical-800)}.input-field[data-color=Critical].svelte-x1iu7k:focus-within{--bold-background-color: var(--color-positive-alpha-100);--subtle-background-color: var(--color-negative-0)}.input-field[data-color=Passive].svelte-x1iu7k{--bold-color: var(--color-positive-900);--bold-placeholder-color: var(--color-positive-alpha-300);--bold-background-color: var(--color-positive-alpha-0);--bold-border-color: var(--color-positive-alpha-200);--bold-leading-color: var(--color-passive-800);--subtle-color: var(--color-positive-900);--subtle-placeholder-color: var(--color-positive-alpha-300);--subtle-background-color: transparent;--subtle-border-color: var(--color-positive-alpha-200);--subtle-leading-color: var(--color-passive-800);--none-color: var(--color-positive-900);--none-placeholder-color: var(--color-positive-alpha-300);--none-background-color: transparent;--none-border-color: transparent;--none-leading-color: var(--color-passive-800)}.input-field[data-color=Passive].svelte-x1iu7k:focus-within{--bold-background-color: var(--color-positive-alpha-100);--subtle-background-color: var(--color-negative-0)}.input-field[data-weight=Bold].svelte-x1iu7k{--placeholder-color: var(--bold-placeholder-color);color:var(--bold-color);border-color:var(--bold-border-color);background:var(--bold-background-color)}.input-field[data-weight=Bold].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k){color:var(--bold-leading-color)}.input-field[data-weight=Subtle].svelte-x1iu7k{--placeholder-color: var(--subtle-placeholder-color);color:var(--subtle-color);border-color:var(--subtle-border-color);background:var(--subtle-background-color)}.input-field[data-weight=Subtle].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k){color:var(--subtle-leading-color)}.input-field[data-weight=None].svelte-x1iu7k{--placeholder-color: var(--none-placeholder-color);color:var(--none-color);border-color:var(--none-border-color);background:var(--none-background-color)}.input-field[data-weight=None].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k){color:var(--none-leading-color)}.input-field[data-size=Large].svelte-x1iu7k{--border-radius: ;height:var(--input-size-large);min-width:var(--input-size-large);font:var(--input-typography-large-label)}.input-field[data-size=Large].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k):first-child:last-child{margin:0}.input-field[data-size=Medium].svelte-x1iu7k{--border-radius: var(--border-radius-medium);gap:var(--space-small-x);height:var(--input-size-medium);min-width:var(--input-size-medium);font:var(--input-typography-medium-label)}.input-field[data-size=Medium].svelte-x1iu7k>:where(.svelte-x1iu7k):first-child{margin-left:var(--space-medium)}.input-field[data-size=Medium].svelte-x1iu7k>:where(.svelte-x1iu7k):last-child{margin-right:var(--space-medium)}.input-field[data-size=Medium].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k):first-child:last-child{margin:0}.input-field[data-size=Small].svelte-x1iu7k{--border-radius: var(--border-radius-medium);gap:var(--space-small-x);height:var(--input-size-small);min-width:var(--input-size-small);font:var(--input-typography-small-label)}.input-field[data-size=Small].svelte-x1iu7k>:where(.svelte-x1iu7k):first-child{margin-left:var(--space-small)}.input-field[data-size=Small].svelte-x1iu7k>:where(.svelte-x1iu7k):last-child{margin-right:var(--space-small)}.input-field[data-size=Small].svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k):first-child:last-child{margin:0}.input-field.svelte-x1iu7k:focus-within{position:relative}.input-field.svelte-x1iu7k:focus-within:before{content:"";position:absolute;inset:-4px;border-radius:calc(var(--border-radius) * 1.5);pointer-events:none;animation:svelte-x1iu7k-focus .25s ease-out forwards}@keyframes svelte-x1iu7k-focus{0%{box-shadow:0 0 0 0 var(--color-focus),0 0 0 0 var(--color-focus-alpha);opacity:0}to{box-shadow:0 0 0 2px var(--color-focus),0 0 0 4px var(--color-focus-alpha);opacity:1}}.input-field.svelte-x1iu7k .leading-asset:where(.svelte-x1iu7k){pointer-events:none}.input-field.svelte-x1iu7k .input:where(.svelte-x1iu7k){display:block;width:100%;padding:0;border:none;font:inherit;color:inherit;background:transparent;outline:none;pointer-events:all;appearance:none}.input-field.svelte-x1iu7k .input:where(.svelte-x1iu7k)::-webkit-calendar-picker-indicator{opacity:0}.input-field.singlevalue.svelte-x1iu7k{height:fit-content;padding:7px 0;overflow:hidden}.input-field[data-copy].svelte-x1iu7k>.copy:where(.svelte-x1iu7k):last-child{margin-right:var(--space-small-x)}.input-field.svelte-x1iu7k .input:where(.svelte-x1iu7k) .value[data-fade]:where(.svelte-x1iu7k){max-width:min(40ch,var(--content-length));overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(to right,black calc(100% - 80px),transparent);mask-image:linear-gradient(to right,black calc(100% - 80px),transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0}