@font-face {
	font-family: FactorA;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/local/fonts/FactorA/Factor A-Regular35-Web.woff2") format("woff2"),
		url("/local/fonts/FactorA/Factor A-Regular35-Web.woff") format("woff");
}

@font-face {
	font-family: FactorA;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/local/fonts/FactorA/Factor A-Medium35-Web.woff2") format("woff2"),
		url("/local/fonts/FactorA/Factor A-Medium35-Web.woff") format("woff");
}

@font-face {
	font-family: FactorA;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/local/fonts/FactorA/Factor A-Bold35-Web.woff2") format("woff2"),
		url("/local/fonts/FactorA/Factor A-Bold35-Web.woff") format("woff");
}

@font-face {
	font-family: FactorA;
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("/local/fonts/FactorA/Factor A-Extrabold100-Web.woff2") format("woff2"),
		url("/local/fonts/FactorA/Factor A-Extrabold100-Web.woff") format("woff");
}

#career-myths :not(.uikit-btn),
#career-myths ::before,
#career-myths ::after {
	all: revert-layer;
}

@media (hover: none) {
	#career-myths .uikit-btn_primary:hover {
		color: var(--text-primary-on-color);
		background: var(--bg-brand-base);
	}
}

@media (max-width: 767px) {
	body.cm-fullscreen .mobile-menu__container,
	body.cm-fullscreen .main-container--footer {
		display: none;
	}
}

@layer cm {
	#career-myths {
		--cm-site-chrome-h: 69px;
		--cm-screen-h: calc(100dvh - var(--cm-site-chrome-h));
		isolation: isolate;
		width: 100%;
		min-height: var(--cm-screen-h);
		color: #fff;
		text-align: left;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
		-webkit-user-select: none;
		user-select: none;
		background-color: #12181d;
		font-family: FactorA,sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		position: relative;
		overflow: hidden;
	}
	@media (min-width: 768px) {
		#career-myths {
			--cm-screen-h: max(600px, calc(100dvh - var(--cm-site-chrome-h)));
			height: var(--cm-screen-h);
		}
	}
	@media (min-width: 992px) {
		#career-myths {
			--cm-site-chrome-h: 72px;
		}
	}
	@media (max-width: 767px) {
		body.cm-fullscreen #career-myths {
			--cm-site-chrome-h: 0px;
		}
	}
	@media (min-width: 768px) {
		#career-myths:has(.cm-final-screen) {
			height: auto;
		}
	}
	:where(#career-myths) *,
	:where(#career-myths) ::before,
	:where(#career-myths) ::after {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0;
	}
	:where(#career-myths) :where(h1,h2,h3,h4,h5,h6) {
		font-size: inherit;
		font-weight: inherit;
	}
	:where(#career-myths) :where(ol,ul,menu) {
		list-style: none;
	}
	:where(#career-myths) :where(a) {
		color: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit;
	}
	:where(#career-myths) :where(b,strong) {
		font-weight: bolder;
	}
	:where(#career-myths) :where(img,svg,video,canvas) {
		vertical-align: middle;
		display: block;
	}
	:where(#career-myths) :where(img,video) {
		max-width: 100%;
		height: auto;
	}
	:where(#career-myths) :where(button,input,select,textarea) {
		font: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0;
	}
	:where(#career-myths) :where(button) {
		cursor: pointer;
	}
	:where(#career-myths) ::placeholder {
		opacity: 1;
		color: currentColor;
	}
	@supports (color:color-mix(in lab, red, red)) {
		:where(#career-myths) ::placeholder {
			color: color-mix(in oklab, currentcolor 50%, transparent);
		}
	}

	.cm-app {
		position: relative;
		min-height: var(--cm-screen-h);
		width: 100%;
		overflow-x: hidden;
		background-color: #12181d;
	}

	@media (min-width: 768px) {
		.cm-app {
			height: 100%;
			overflow: hidden;
		}
	}

	.cm-btn {
		position: relative;
		overflow: hidden;
		contain: paint;
	}

	.cm-btn:active {
		scale: .98;
	}

	@media (min-width: 768px) {
		.cm-btn:active {
			scale: .95;
		}
	}

	.cm-btn__shine {
		animation: 3.8s cubic-bezier(.4,0,.2,1) infinite button-shimmer-sweep;
		pointer-events: none;
		position: absolute;
		inset: 0;
		height: 100%;
		width: 50%;
		transform: skewX(-12deg);
		background-image: linear-gradient(to right in oklab, transparent, #fff3, transparent);
	}

	.cm-btn:disabled .cm-btn__shine {
		display: none;
	}

	.cm-btn__label {
		position: relative;
		z-index: 10;
	}
}