Your IP will be logged for anti-abuse measures.

<div class="note">
		<IconInfo />
		<b>The submit button will be visible when you complete the Captcha.</b>
	</div>
	<HCaptcha
		sitekey="67e84266-980c-4050-8a39-142a91928fe8"
		theme="dark"
		on:success={showSubmitButton}
	/>
	{#if submit}
		<input type="submit" value="Submit" class="button" />
	{/if}
</form>

.note {
		display: flex;
		align-items: center;
		gap: 4px;
	}

.meta {
		display: flex;
		align-items: center;
		flex-direction: row;
		gap: 1rem;
	}

.meta > * {
		width: 50%;
	}

@media screen and (max-width: 450px) {
		.meta {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
		}

.meta > * {
			width: calc(100% - 1rem);
		}

.meta > *:nth-child(2) {
			width: 100%;
		}
	}

.form-textbox {
		background-color: var(--tertiary);
		color: var(--text);
		border-radius: 10px;
		border: none;
		padding: 0.5rem;
		font-family: "Comfortaa", sans-serif;
		outline: none;
	}

.button {
		background-color: var(--tertiary);
		border: none;
		border-radius: 10px;
		padding: 0.5rem;
		cursor: pointer;
		color: var(--text);
		font-family: var(--font-primary);
		text-decoration: none;
	}

.button:not(select):hover {
		background-color: var(--accent-tertiary);
		text-decoration: none;
		transition: all 0.5s;
		color: var(--secondary);
	}
</style>