:root {
	--fbc-accent: #d45b0b;
	--fbc-text: #20252b;
	--fbc-surface: #f4f6f7;
	--fbc-tooltip-bg: #17252c;
	--fbc-tooltip-text: #fff;
}

.fbc-finance {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	max-width: 100%;
	margin-top: 10px;
	padding: 10px 12px;
	border: 1px solid color-mix(in srgb, var(--fbc-accent) 22%, transparent);
	border-left: 4px solid var(--fbc-accent);
	border-radius: 6px;
	background: var(--fbc-surface);
	color: var(--fbc-text);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.2;
}

.fbc-finance *, .fbc-finance *::before, .fbc-finance *::after { box-sizing: border-box; }

.fbc-finance__mark {
	display: inline-grid;
	place-items: center;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--fbc-accent);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
}

.fbc-finance__content { display: inline-flex; align-items: baseline; gap: 5px; min-width: 0; }
.fbc-finance__label { color: var(--fbc-text); font-size: .88em; font-weight: 600; white-space: nowrap; }
.fbc-finance__payment { color: var(--fbc-text); font-size: 1.25em; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.fbc-finance__period { font-size: .72em; font-weight: 700; letter-spacing: 0; }
.fbc-finance__popover { position: relative; display: inline-flex; flex: 0 0 auto; }

.fbc-finance .fbc-finance__info,
.fbc-finance button.fbc-finance__info {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid var(--fbc-accent) !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--fbc-accent) !important;
	cursor: pointer;
	font-family: Arial, sans-serif !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transform: none !important;
}

.fbc-finance .fbc-finance__info:hover,
.fbc-finance .fbc-finance__info[aria-expanded="true"] { background: var(--fbc-accent) !important; color: #fff !important; }
.fbc-finance .fbc-finance__info:focus-visible { outline: 3px solid color-mix(in srgb, var(--fbc-accent) 35%, transparent) !important; outline-offset: 2px; }

.fbc-finance__tooltip {
	position: absolute;
	z-index: 99999;
	right: -8px;
	bottom: calc(100% + 12px);
	display: block;
	width: min(360px, calc(100vw - 32px));
	padding: 16px 18px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 7px;
	background: var(--fbc-tooltip-bg);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
	color: var(--fbc-tooltip-text);
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	white-space: normal;
}

.fbc-finance__tooltip::after {
	content: "";
	position: absolute;
	right: 11px;
	top: 100%;
	border: 7px solid transparent;
	border-top-color: var(--fbc-tooltip-bg);
}

.fbc-finance__tooltip[hidden] { display: none !important; }
.fbc-finance__tooltip-title { display: block; margin: 0 0 6px; color: inherit; font-size: 14px; font-weight: 800; }
.fbc-finance--single {
	display: flex;
	width: 100%;
	margin-top: 0;
	padding: 12px 15px;
	border-top: 0;
	border-radius: 0 0 6px 6px;
	font-size: 17px;
}
.fbc-finance--single .fbc-finance__mark { width: 34px; height: 34px; flex-basis: 34px; }
.fbc-finance--card {
	display: flex;
	width: fit-content;
	margin: 0 0 8px auto;
	padding: 7px 9px;
	gap: 7px;
	border: 0;
	border-radius: 0 0 5px 5px;
	background: var(--fbc-accent);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	color: #fff;
	font-size: 13px;
}
.fbc-finance--card .fbc-finance__label,
.fbc-finance--card .fbc-finance__payment { color: #fff; }
.fbc-finance--card .fbc-finance__label { font-size: .78em; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
.fbc-finance--card .fbc-finance__mark {
	width: 24px;
	height: 24px;
	flex-basis: 24px;
	border: 1px solid rgba(255, 255, 255, .65);
	background: rgba(255, 255, 255, .14);
	font-size: 12px;
}
.fbc-finance--card .fbc-finance__info { width: 21px !important; min-width: 21px !important; height: 21px !important; min-height: 21px !important; font-size: 12px !important; }
.fbc-finance.fbc-finance--card .fbc-finance__info { border-color: #fff !important; color: #fff !important; }
.fbc-finance.fbc-finance--card .fbc-finance__info:hover,
.fbc-finance.fbc-finance--card .fbc-finance__info[aria-expanded="true"] { background: #fff !important; color: var(--fbc-accent) !important; }

@media (max-width: 767px) {
	.fbc-finance { max-width: 100%; }
	.fbc-finance--single { margin-top: 0; padding: 11px 12px; }
	.fbc-finance--card { max-width: 100%; margin-left: auto; }
	.fbc-finance__content { flex-wrap: wrap; gap: 2px 5px; }
	.fbc-finance__tooltip { position: fixed; right: 16px; bottom: 16px; left: 16px; width: auto; font-size: 14px; }
	.fbc-finance__tooltip::after { display: none; }
}

@media (prefers-reduced-motion: no-preference) {
	.fbc-finance__tooltip:not([hidden]) { animation: fbc-finance-in .14s ease-out; }
	@keyframes fbc-finance-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
}