/**
 * TLA Partner Hub market explorer production layout.
 *
 * This deliberately uses conventional selectors and layout properties so the
 * public, cached page and the authenticated page render the same component.
 */

body.tla-ph-join-partner-page {
	overflow-x: hidden !important;
}

body.tla-ph-join-partner-page .tla-ph-join-hub > .tla-ph-shell-inner {
	overflow: visible !important;
}

body.tla-ph-join-partner-page #market-opportunity {
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	display: block !important;
	width: 100vw !important;
	max-width: none !important;
	margin: 30px 0 42px -50vw !important;
	padding: 0 0 48px !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #f4f7fc !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	contain: layout paint !important;
	isolation: isolate !important;
}

body.tla-ph-join-partner-page #market-opportunity,
body.tla-ph-join-partner-page #market-opportunity *,
body.tla-ph-join-partner-page #market-opportunity *::before,
body.tla-ph-join-partner-page #market-opportunity *::after {
	box-sizing: border-box !important;
}

body.tla-ph-join-partner-page #market-opportunity::before,
body.tla-ph-join-partner-page #market-opportunity::after {
	display: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 52px !important;
	align-items: center !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 470px !important;
	margin: 0 !important;
	padding: 70px max(48px, calc((100vw - 1280px) / 2)) 112px !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(135deg, #0878df 0%, #0a90f6 55%, #18b7db 100%) !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero::after {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	content: "" !important;
	pointer-events: none !important;
	background:
		linear-gradient(145deg, transparent 0 45%, rgba(255,255,255,.055) 45% 58%, transparent 58%),
		linear-gradient(35deg, transparent 0 62%, rgba(255,255,255,.04) 62% 75%, transparent 75%) !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero-copy,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof {
	position: relative !important;
	z-index: 1 !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 9px !important;
	margin: 0 0 22px !important;
	padding: 10px 16px !important;
	border: 1px solid rgba(255,255,255,.5) !important;
	border-radius: 999px !important;
	background: rgba(0,65,150,.18) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: .09em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero h2 {
	max-width: 590px !important;
	margin: 0 0 20px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 780 !important;
	letter-spacing: -.025em !important;
	line-height: 1.13 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero p {
	max-width: 660px !important;
	margin: 0 !important;
	color: rgba(255,255,255,.95) !important;
	-webkit-text-fill-color: rgba(255,255,255,.95) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.65 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero-assurance {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px 20px !important;
	margin-top: 24px !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero-assurance span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 16px !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof > div {
	display: grid !important;
	grid-template-columns: 48px 1fr !important;
	grid-template-rows: auto auto !important;
	column-gap: 16px !important;
	align-items: center !important;
	min-width: 0 !important;
	min-height: 132px !important;
	padding: 22px !important;
	border: 1px solid rgba(255,255,255,.34) !important;
	border-radius: 22px !important;
	background: rgba(0,73,160,.2) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-proof-icon {
	grid-row: 1 / 3 !important;
	display: grid !important;
	width: 48px !important;
	height: 48px !important;
	place-items: center !important;
	border: 1px solid rgba(255,255,255,.3) !important;
	border-radius: 14px !important;
	background: rgba(255,255,255,.14) !important;
	color: #ffffff !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof strong {
	min-width: 0 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 28px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof small {
	min-width: 0 !important;
	color: rgba(255,255,255,.9) !important;
	-webkit-text-fill-color: rgba(255,255,255,.9) !important;
	font-size: 11px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-shell {
	position: relative !important;
	z-index: 3 !important;
	display: block !important;
	width: calc(100% - 48px) !important;
	max-width: 1280px !important;
	margin: -68px auto 0 !important;
	padding: 34px !important;
	overflow: hidden !important;
	border: 1px solid #dce4ef !important;
	border-radius: 28px !important;
	background: #ffffff !important;
	box-shadow: 0 22px 55px rgba(17,35,72,.18) !important;
	color: #0d1328 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-shell::before {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: 0 !important;
	display: block !important;
	height: 5px !important;
	content: "" !important;
	background: linear-gradient(90deg, #17b2e2, #0a90f6, #6e22ff, #df29d3) !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro {
	display: grid !important;
	grid-template-columns: 64px 1fr !important;
	gap: 18px !important;
	align-items: center !important;
	min-width: 0 !important;
	margin: 0 0 22px !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-icon {
	display: grid !important;
	width: 64px !important;
	height: 64px !important;
	place-items: center !important;
	border: 1px solid #bdddff !important;
	border-radius: 18px !important;
	background: #eef7ff !important;
	color: #0a90f6 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro small {
	display: block !important;
	margin-bottom: 5px !important;
	color: #087fd7 !important;
	-webkit-text-fill-color: #087fd7 !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .1em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro strong {
	display: block !important;
	margin-bottom: 5px !important;
	color: #090f22 !important;
	-webkit-text-fill-color: #090f22 !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro div > span {
	display: block !important;
	color: #66708a !important;
	-webkit-text-fill-color: #66708a !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-steps {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	gap: 10px !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	list-style: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-steps li {
	display: flex !important;
	align-items: center !important;
	gap: 9px !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 9px 12px !important;
	border: 1px solid #d7e2f0 !important;
	border-radius: 12px !important;
	background: #f4f8fd !important;
	color: #263149 !important;
	-webkit-text-fill-color: #263149 !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	list-style: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-steps li > span {
	display: grid !important;
	width: 22px !important;
	height: 22px !important;
	flex: 0 0 22px !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: #0a90f6 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 10px !important;
	font-weight: 850 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-form {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 18px !important;
	border: 1px solid #dfe5ee !important;
	border-radius: 20px !important;
	background: #ffffff !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-field {
	display: block !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-field > span:first-child {
	display: block !important;
	margin: 0 0 7px !important;
	color: #10172b !important;
	-webkit-text-fill-color: #10172b !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	letter-spacing: .06em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-field-location {
	margin-bottom: 14px !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-refine-grid {
	display: grid !important;
	grid-template-columns: 1fr 220px 260px !important;
	gap: 12px !important;
	align-items: end !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control {
	display: grid !important;
	grid-template-columns: 24px 1fr !important;
	gap: 10px !important;
	align-items: center !important;
	width: 100% !important;
	height: 56px !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 14px !important;
	overflow: hidden !important;
	border: 1px solid #cfd8e6 !important;
	border-radius: 14px !important;
	background: #f7f9fc !important;
	box-shadow: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-field-location .tla-ph-market-control {
	border-color: #74b8ff !important;
	background: #ffffff !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control-select {
	grid-template-columns: 24px 1fr 18px !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control input,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control select {
	display: block !important;
	width: 100% !important;
	height: 52px !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #182036 !important;
	-webkit-text-fill-color: #182036 !important;
	font: 650 14px/1.2 Inter, Arial, sans-serif !important;
	text-overflow: ellipsis !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control select {
	-webkit-appearance: none !important;
	appearance: none !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control input::placeholder {
	color: #727b90 !important;
	-webkit-text-fill-color: #727b90 !important;
	opacity: 1 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control:focus-within {
	border-color: #0a90f6 !important;
	box-shadow: 0 0 0 3px rgba(10,144,246,.12) !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-submit {
	display: flex !important;
	width: 100% !important;
	height: 56px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #087ddf, #0a90f6 52%, #17b2e2) !important;
	box-shadow: 0 10px 24px rgba(10,144,246,.24) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	letter-spacing: .055em !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-meta {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 18px !important;
	margin-top: 16px !important;
	padding: 14px 16px !important;
	border: 1px solid #dce4ef !important;
	border-radius: 14px !important;
	background: #f5f8fc !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-form-help,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-source-line {
	display: flex !important;
	min-width: 0 !important;
	align-items: flex-start !important;
	gap: 9px !important;
	margin: 0 !important;
	color: #5f6982 !important;
	-webkit-text-fill-color: #5f6982 !important;
	font-size: 11px !important;
	line-height: 1.45 !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-source-line a {
	color: #087fd7 !important;
	-webkit-text-fill-color: #087fd7 !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-loading,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-error,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-results,
body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-saved {
	width: calc(100% - 48px) !important;
	max-width: 1280px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body.tla-ph-join-partner-page #market-opportunity svg.tla-ph-market-svg {
	display: block !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 24px !important;
	max-height: 24px !important;
	flex: 0 0 24px !important;
	overflow: visible !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.85 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity {
	background: #03051b !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-shell,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-form {
	border-color: rgba(255,255,255,.13) !important;
	background: #080b27 !important;
	color: #ffffff !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro strong,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-field > span:first-child {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-intro div > span,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-form-help,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-source-line {
	color: #b8bfd9 !important;
	-webkit-text-fill-color: #b8bfd9 !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-steps li,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-search-meta,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control {
	border-color: rgba(255,255,255,.14) !important;
	background: #111632 !important;
	color: #eef1ff !important;
	-webkit-text-fill-color: #eef1ff !important;
}

html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control input,
html[data-tla-theme="dark"] body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-control select {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

@media (min-width: 901px) and (max-width: 1120px) {
	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-hero {
		grid-template-columns: 1fr !important;
		gap: 32px !important;
		padding-right: 40px !important;
		padding-left: 40px !important;
	}

	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof {
		grid-template-columns: 1fr 1fr 1fr 1fr !important;
	}

	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-uk-proof > div {
		grid-template-columns: 40px 1fr !important;
		min-height: 106px !important;
		padding: 14px !important;
	}

	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-proof-icon {
		width: 40px !important;
		height: 40px !important;
	}

	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-refine-grid {
		grid-template-columns: 1fr 190px !important;
	}

	body.tla-ph-join-partner-page #market-opportunity .tla-ph-market-submit {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 900px) {
	body.tla-ph-join-partner-page #market-opportunity {
		display: none !important;
	}
}