/*
 * Citizen
 *
 * SkinStyles for MediaWiki
 * Module: mediawiki.htmlform.styles
 * Version: REL1_39
 *
 * Date: 2022-11-23
*/

.mw-htmlform {
	&-field {
		&-HTMLCheckField,
		&-HTMLTextField {
			label {
				display: inline-block;
			}
		}

		&-HTMLCheckField {
			// Horizontal label, like in upload form
			input + label {
				margin-left: var( --space-xs );
			}
		}

		&-HTMLTextField {
			// Vertical label, like in create account
			> label {
				margin-bottom: var( --space-xxs );
				font-size: var( --font-size-small );
				color: var( --color-subtle );
				letter-spacing: 0.05em;
			}

			// Horizontal label, like in upload form
			td.mw-label > label {
				margin-right: var( --space-xs );
			}
		}

		&-HTMLInfoField {
			color: var( --color-subtle );
		}
	}

	&-invalid-input td.mw-input input {
		border-color: var( --color-destructive );
	}
}

.htmlform-tip {
	font-size: var( --font-size-x-small );
	color: var( --color-subtle );
	letter-spacing: 0.025em;
}