@charset "utf-8";

/* --------------------------------------------------------------------------
   Captcha
-------------------------------------------------------------------------- */

	.captcha {

		width: fit-content;
		flex-direction: row !important;
		align-items: center;
		gap: var(--space-16) !important;
		box-sizing: border-box;
		padding: var(--space-16);
		background: var(--color-neutral-white);
		border-radius: var(--radius-400);

		.captcha-question {

			display: flex;
			align-items: center;
			gap: var(--space-16);

			strong {
				display: flex;
				width: var(--space-56);
				height: var(--space-56);
				align-items: center;
				justify-content: center;
				color: var(--color-brand-content-high);
				background: var(--color-brand-surface-lowest);
				border-radius: var(--radius-400);
				font-size: var(--font-size-body-m);
				font-weight: var(--font-weight-semibold);
				line-height: var(--line-height-body-m);
			}

			> span {
				color: var(--color-brand-content-high);
				font-size: var(--font-size-body-m);
				font-weight: var(--font-weight-semibold);
				line-height: var(--line-height-body-m);
				white-space: nowrap;
			}

			+ span {
				display: flex;
				flex-direction: column;
				gap: var(--space-8);
			}

		}

		input {
			width: 16rem;
		}

	}