@font-face {
	font-family: "Fluxo Inter";
	font-style: normal;
	font-display: swap;
	font-weight: 100 900;
	src: url("../fonts/inter/inter-latin-wght-normal.woff2") format("woff2-variations");
}

.fluxo-lgpd[hidden],
html body .fluxo-lgpd .fluxo-lgpd-notice__details[hidden] {
	display: none !important;
}

html.fluxo-lgpd-consent-saved body .fluxo-lgpd {
	display: none !important;
}

/* Isolamento contra estilos globais de temas e construtores de páginas. */
html body .fluxo-lgpd,
html body .fluxo-lgpd * {
	box-sizing: border-box !important;
	font-family: "Fluxo Inter", Inter, Arial, sans-serif !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

/* Desktop */
html body .fluxo-lgpd {
	position: fixed !important;
	z-index: 999999 !important;
	bottom: 14px !important;
	left: 50% !important;
	width: min(384px, calc(100vw - 28px)) !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	transform: translateX(-50%) !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	background: var(--fluxo-lgpd-background, #111418) !important;
	border: 1px solid var(--fluxo-lgpd-border, #30343b) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 35px rgb(0 0 0 / 0.22) !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice__details {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 9px 8px 10px !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	background: transparent !important;
	border: 0 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice p {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice a {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-link, #fff) !important;
	background: transparent !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
}

html body .fluxo-lgpd .fluxo-lgpd-purpose {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	background: transparent !important;
	border: 0 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-purpose strong {
	display: block !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	font-weight: 700 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-purpose__always {
	display: block !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	opacity: 0.76 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice {
	display: flex !important;
	flex: 0 0 auto !important;
	overflow: hidden !important;
	width: 94px !important;
	min-width: 94px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgb(0 0 0 / 0.24) !important;
	border: 1px solid var(--fluxo-lgpd-border, #30343b) !important;
	border-radius: 4px !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice label {
	position: relative !important;
	display: flex !important;
	flex: 1 1 50% !important;
	width: 50% !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice input {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice label > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 24px !important;
	margin: 0 !important;
	padding: 3px 7px !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	opacity: 0.55 !important;
	font-weight: 600 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice input:checked + span {
	color: var(--fluxo-lgpd-button-text, #fff) !important;
	background: var(--fluxo-lgpd-button, #272b31) !important;
	opacity: 1 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice__footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 6px 6px 6px 9px !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid var(--fluxo-lgpd-border, #30343b) !important;
}

html body .fluxo-lgpd:not(.is-expanded) .fluxo-lgpd-notice__footer {
	border-top-color: transparent !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice__footer > span {
	display: block !important;
	flex: 1 1 auto !important;
	max-width: 176px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--fluxo-lgpd-text, #e5e7eb) !important;
}

html body .fluxo-lgpd .fluxo-lgpd-notice__footer > div {
	display: flex !important;
	flex: 0 0 auto !important;
	gap: 7px !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .fluxo-lgpd .fluxo-lgpd-button {
	all: unset;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-width: 78px !important;
	min-height: 36px !important;
	margin: 0 !important;
	padding: 7px 11px !important;
	cursor: pointer !important;
	color: var(--fluxo-lgpd-button-text, #fff) !important;
	background: var(--fluxo-lgpd-button, #272b31) !important;
	border: 1px solid var(--fluxo-lgpd-border, #30343b) !important;
	border-radius: 4px !important;
	font-family: "Fluxo Inter", Inter, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
}

html body .fluxo-lgpd .fluxo-lgpd-button:hover,
html body .fluxo-lgpd .fluxo-lgpd-button:active {
	color: var(--fluxo-lgpd-button-text, #fff) !important;
	background: var(--fluxo-lgpd-button, #272b31) !important;
	border-color: var(--fluxo-lgpd-border, #30343b) !important;
	filter: none !important;
}

html body .fluxo-lgpd .fluxo-lgpd-choice input:focus-visible + span,
html body .fluxo-lgpd .fluxo-lgpd-button:focus-visible,
html body .fluxo-lgpd .fluxo-lgpd-notice a:focus-visible {
	outline: 2px solid var(--fluxo-lgpd-link, #fff) !important;
	outline-offset: 2px !important;
}

.fluxo-lgpd-open-link {
	font-family: "Fluxo Inter", Inter, Arial, sans-serif;
	font-size: 12px;
}

/* Tablet */
@media (width <= 782px) {
	html body .fluxo-lgpd {
		bottom: 10px !important;
		left: 50% !important;
		width: min(384px, calc(100vw - 20px)) !important;
	}
}

/* Mobile */
@media (width <= 350px) {
	html body .fluxo-lgpd .fluxo-lgpd-notice__footer {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	html body .fluxo-lgpd .fluxo-lgpd-notice__footer > span {
		max-width: none !important;
	}

	html body .fluxo-lgpd .fluxo-lgpd-notice__footer > div,
	html body .fluxo-lgpd .fluxo-lgpd-button {
		flex: 1 1 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body .fluxo-lgpd * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}
