input.svelte-x9cow7:not(:placeholder-shown):not(:focus):invalid {
		border-color: var(--fg-alert);
	}

	input.svelte-x9cow7:focus {
		outline: 0;
		border-bottom-color: var(--fg-primary);
	}

	input.svelte-x9cow7:valid {
		outline: 0;
		border-bottom-color: var(--fg-box-ok);
	}

	.passwordField.svelte-x9cow7 {
		position: relative;
		display: flex;
		width: 100%;
	}

	.passwordField.svelte-x9cow7 input:where(.svelte-x9cow7) {
        width: 100%;
        padding-right: 50px; 
        box-sizing: border-box;
    }

	.input_eye.svelte-x9cow7 {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        display: flex;
        align-items: center;
		width: 5%;
		color: var(--fg-input);
    }

	.signUpButton.svelte-x9cow7 {
		width: 100%;
	}

	.alreadyRegistered.svelte-x9cow7 {
		display: flex;
		justify-content: center;
	}

	.alreadyRegistered.svelte-x9cow7 > span:where(.svelte-x9cow7) {
		margin-right: 1%;
	}

	.passwordConstraints.svelte-x9cow7 {
		font-style: italic;
		margin-bottom: 5%;
	}