.input-container.svelte-1kj1bd9{width:100%;cursor:pointer;position:relative}.input-container.svelte-1kj1bd9 input:where(.svelte-1kj1bd9){width:100%;cursor:pointer;outline:0px;border:1px solid;border-radius:var(--border-radius-medium);font-family:inherit;font-size:var(--font-size-medium);padding:10px 18px;transition:var(--transition-duration)}.input-container.svelte-1kj1bd9 input:where(.svelte-1kj1bd9):disabled{cursor:not-allowed;filter:brightness(.95)}.input-container.svelte-1kj1bd9 input:where(.svelte-1kj1bd9):not(:disabled):focus,.input-container.svelte-1kj1bd9 input:where(.svelte-1kj1bd9):not(:disabled):hover{outline:2px solid var(--color-accent);outline-offset:-2px}.input-container.svelte-1kj1bd9 input:where(.svelte-1kj1bd9):not(:disabled):focus{box-shadow:0 0 0 3px var(--color-accent-transparent)}.input-container.svelte-1kj1bd9 input.primary:where(.svelte-1kj1bd9){color:var(--color-text-primary);border-color:var(--color-primary-darker);background-color:var(--color-primary-lighter)}.input-container.svelte-1kj1bd9 input.primary:where(.svelte-1kj1bd9)::placeholder{color:var(--color-text-primary-muted)}.input-container.svelte-1kj1bd9 input.secondary:where(.svelte-1kj1bd9){color:var(--color-text-secondary);border-color:var(--color-secondary-lighter);background-color:var(--color-secondary-lighter)}.input-container.svelte-1kj1bd9 input.secondary:where(.svelte-1kj1bd9)::placeholder{color:var(--color-text-secondary-muted)}.input-container.svelte-1kj1bd9 input.destructive:where(.svelte-1kj1bd9){color:var(--color-text-primary);border-color:var(--color-destructive-lighter);background-color:var(--color-primary-lighter)}.input-container.svelte-1kj1bd9 input.destructive:where(.svelte-1kj1bd9)::placeholder{color:var(--color-text-primary-muted)}.input-container.svelte-1kj1bd9 input.destructive:where(.svelte-1kj1bd9):not(:disabled):focus,.input-container.svelte-1kj1bd9 input.destructive:where(.svelte-1kj1bd9):not(:disabled):hover{box-shadow:0 0 0 3px var(--color-destructive-transparent);outline-color:var(--color-destructive)}.input-container.svelte-1kj1bd9 .input-icon:where(.svelte-1kj1bd9){position:absolute;top:50%;right:18px;transform:translateY(-50%)}.input-container.with-button.svelte-1kj1bd9{display:flex;align-items:center}.input-container.with-button.svelte-1kj1bd9 input:where(.svelte-1kj1bd9){border-top-right-radius:0;border-bottom-right-radius:0}.input-container.with-button.svelte-1kj1bd9 .input-button:where(.svelte-1kj1bd9) button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}