/* Participant gate: form that asks for the ID before a reserved page opens. */

.thriveo-participant-gate--locked {
	min-height: 60vh;
}

.thriveo-participant-gate__form {
	display: grid;
	gap: var(--thriveo-space-4);
	margin-inline: auto;
	max-width: 32rem;
	padding-block: var(--thriveo-space-12);
}

.thriveo-participant-gate__title,
.thriveo-participant-gate__hint {
	margin: 0;
}

.thriveo-participant-gate__label {
	font-weight: 600;
}

.thriveo-participant-gate__input {
	background: var(--thriveo-color-surface);
	border: 1px solid var(--thriveo-color-hairline);
	border-radius: var(--thriveo-radius);
	color: var(--thriveo-color-text);
	font: inherit;
	padding: var(--thriveo-space-3) var(--thriveo-space-4);
	width: 100%;
}

.thriveo-participant-gate__input:focus-visible {
	outline: 2px solid var(--thriveo-color-focus);
	outline-offset: 2px;
}

.thriveo-participant-gate__input[aria-invalid="true"] {
	border-color: var(--thriveo-color-error);
}

.thriveo-participant-gate__notice {
	color: var(--thriveo-color-error);
	margin: 0;
}

.thriveo-participant-gate__submit {
	justify-self: start;
}