.input-container.svelte-2at7ie{width:100%;cursor:pointer;position:relative}.input-container.svelte-2at7ie input:where(.svelte-2at7ie){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-2at7ie input:where(.svelte-2at7ie):disabled{cursor:not-allowed;filter:brightness(.95)}.input-container.svelte-2at7ie input:where(.svelte-2at7ie):not(:disabled):focus,.input-container.svelte-2at7ie input:where(.svelte-2at7ie):not(:disabled):hover{outline:2px solid var(--color-accent);outline-offset:-2px}.input-container.svelte-2at7ie input:where(.svelte-2at7ie):not(:disabled):focus{box-shadow:0 0 0 3px var(--color-accent-transparent)}.input-container.svelte-2at7ie input.primary:where(.svelte-2at7ie){color:var(--color-text-primary);border-color:var(--color-primary-darker);background-color:var(--color-primary-lighter)}.input-container.svelte-2at7ie input.primary:where(.svelte-2at7ie)::placeholder{color:var(--color-text-primary-muted)}.input-container.svelte-2at7ie input.secondary:where(.svelte-2at7ie){color:var(--color-text-secondary);border-color:var(--color-secondary-lighter);background-color:var(--color-secondary-lighter)}.input-container.svelte-2at7ie input.secondary:where(.svelte-2at7ie)::placeholder{color:var(--color-text-secondary-muted)}.input-container.svelte-2at7ie input.destructive:where(.svelte-2at7ie){color:var(--color-text-primary);border-color:var(--color-destructive-lighter);background-color:var(--color-primary-lighter)}.input-container.svelte-2at7ie input.destructive:where(.svelte-2at7ie)::placeholder{color:var(--color-text-primary-muted)}.input-container.svelte-2at7ie input.destructive:where(.svelte-2at7ie):not(:disabled):focus,.input-container.svelte-2at7ie input.destructive:where(.svelte-2at7ie):not(:disabled):hover{box-shadow:0 0 0 3px var(--color-destructive-transparent);outline-color:var(--color-destructive)}.input-container.svelte-2at7ie .input-icon:where(.svelte-2at7ie){position:absolute;top:50%;right:18px;transform:translateY(-50%)}.input-container.with-button.svelte-2at7ie{display:flex;align-items:center}.input-container.with-button.svelte-2at7ie input:where(.svelte-2at7ie){border-top-right-radius:0;border-bottom-right-radius:0}.input-container.with-button.svelte-2at7ie .input-button:where(.svelte-2at7ie) button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}