/*
 * The Ashby application form, dressed for the careers overlay.
 *
 * Loaded by Ashby inside its own frame (`customCssUrl`, `content/careers.ts`),
 * and only from a URL listed under "Allowed Custom CSS URLs" in Ashby's
 * settings — so this file keeps one fixed address and is never content-hashed.
 *
 * Ashby themes itself through custom properties on :root, so the dark ground is
 * its neutral scale turned over rather than a rule per element; the
 * `ashby-application-form-*` classes are the stable hooks it documents for the
 * rest. The site's licensed web fonts stay on the site — this names the system
 * Helvetica the display face is drawn from.
 */
:root {
	--colorAppBackground: #000;
	--colorNeutral000: #000;
	--colorNeutral000A: #0000;
	--colorNeutral100: #0d0d0d;
	--colorNeutral100A: #ffffff0a;
	--colorNeutral100Transparent: #0d0d0d00;
	--colorNeutral200: #1f1f1f;
	--colorNeutral200A: #ffffff1a;
	--colorNeutral300: #333;
	--colorNeutral300A: #ffffff33;
	--colorNeutral400: #4d4d4d;
	--colorNeutral400A: #ffffff4d;
	--colorNeutral500: #808080;
	--colorNeutral500A: #ffffff80;
	--colorNeutral600: #a6a6a6;
	--colorNeutral600A: #ffffffa6;
	--colorNeutral600Transparent: #a6a6a640;
	--colorNeutral700: #cccccc;
	--colorNeutral700A: #ffffffcc;
	--colorNeutral800: #fff;
	--colorNeutral800A: #ffffffe6;
	--colorNeutralShadow: #0000;
	--colorPrimary500A: #fed14126;
	--colorPrimaryShadow: #0000;
	--colorShadowPrimaryLight: #0000;
	--colorShadowPrimaryXLight: #0000;
	--borderRadiusButton: 0;
	--borderRadiusContainer: 0;
	--borderRadiusControl: 0;
	--fontFamily: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color-scheme: dark;
}

html,
body {
	background: transparent;
	color: #fff;
	/* The frame is sized to its content's height; nothing should scroll sideways. */
	overflow-x: hidden;
}

.ashby-application-form-container {
	background: transparent;
	padding-left: 0;
	padding-right: 0;
}

.ashby-application-form-question-title {
	color: #fff;
	font-weight: 500;
}

.ashby-application-form-question-description,
.ashby-application-form-autofill-input-description,
.ashby-application-form-input-file-dropzone-instructions {
	color: rgba(255, 255, 255, 0.7);
}

/* The site's form rows: a hairline under the field, no box. */
.ashby-application-form-input-text,
.ashby-application-form-input-autocomplete,
.ashby-application-form-field-entry textarea {
	background: transparent;
	color: #fff;
	border-width: 0 0 1px;
	border-color: rgba(255, 255, 255, 0.3);
	padding-left: 0;
	padding-right: 0;
	caret-color: #fed141;
}

/* Forced: Ashby's focus rule (accent border, 4px outline) beats a plain
   override here, and without these the field keeps its yellow ring. */
.ashby-application-form-input-text:focus,
.ashby-application-form-input-autocomplete:focus,
.ashby-application-form-field-entry textarea:focus {
	border-color: #fff !important;
	outline: none !important;
	box-shadow: none !important;
}

.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-root,
.ashby-application-form-autofill-input-base-layer {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.2);
}

.ashby-application-form-autofill-input-title {
	color: #fff;
}

.ashby-application-form-input-yesno-option {
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.3);
}

/* Selected: the site's solid toggle, white with black type. */
:root .ashby-application-form-input-yesno-option[aria-pressed='true'] {
	background: #fff;
	color: #000;
	border-color: #fff;
}

/* The site's primary action: solid accent, black caps. */
.ashby-application-form-submit-button {
	background: #fed141;
	color: #000;
	border: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.ashby-application-form-submit-button:hover {
	background: #ff992b;
}