.hvl-kind {
	--kind-surface: var(--e-global-color-blanc, #fff);
	--kind-line: rgba(20, 22, 29, 0.08);
	--kind-ink: var(--e-global-color-text, #14161d);
	--kind-text: var(--e-global-color-gris, #6a6f7d);
	--kind-brand: var(--e-global-color-primary, #08739f);
	--kind-accent: var(--e-global-color-primary, #08739f);
	--kind-art-a: color-mix(in srgb, var(--e-global-color-primary, #08739f) 9%, #fff);
	--kind-art-b: var(--e-global-color-brume_100, #eef4f8);
	--kind-art-h: 168px;
	--kind-radius: 24px;
	--kind-pad-x: 22px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--kind-radius);
	background: var(--kind-surface);
	box-shadow: inset 0 0 0 1px var(--kind-line);
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	letter-spacing: normal;
}

.hvl-kind *,
.hvl-kind *::before {
	box-sizing: border-box;
}

.hvl-kind .hvl-kind__title {
	margin: var(--kind-pad-x) var(--kind-pad-x) 0;
	margin-block: var(--kind-pad-x) 0;
	font-family: var(--e-global-typography-primary-font-family), sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.03em;
	color: var(--kind-ink);
}

.hvl-kind .hvl-kind__text {
	margin: 10px var(--kind-pad-x) 24px;
	margin-block: 10px 24px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--kind-text);
}

.hvl-kind .hvl-kind__text a {
	color: var(--kind-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: color-mix(in srgb, currentColor 40%, transparent);
}

.hvl-kind .hvl-kind__text strong,
.hvl-kind .hvl-kind__text b {
	font-weight: 600;
	color: var(--kind-ink);
}

.hvl-kind__art {
	position: relative;
	display: grid;
	align-content: center;
	gap: 10px;
	height: var(--kind-art-h);
	padding: 22px 26px;
	background: linear-gradient(170deg, var(--kind-art-a), var(--kind-art-b));
}

.hvl-kind__k {
	display: flex;
	gap: 8px;
}

.hvl-kind__art i,
.hvl-kind__art b,
.hvl-kind__art em,
.hvl-kind__art s {
	display: block;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 22, 29, 0.06);
}

.hvl-kind__nav {
	justify-content: flex-end;
}

.hvl-kind__nav i {
	width: 26px;
	height: 7px;
}

.hvl-kind__hero {
	flex-direction: column;
}

.hvl-kind__hero b {
	width: 72%;
	height: 14px;
	background: var(--kind-ink);
}

.hvl-kind__hero em {
	width: 48%;
	height: 9px;
}

.hvl-kind__hero s {
	width: 70px;
	height: 20px;
	background: var(--kind-brand);
}

.hvl-kind__grid i {
	flex: 1;
	height: 36px;
}

.hvl-kind__title-mock {
	flex-direction: column;
}

.hvl-kind__title-mock b {
	width: 60%;
	height: 14px;
	background: var(--kind-ink);
}

.hvl-kind__title-mock em {
	width: 40%;
	height: 9px;
}

.hvl-kind__form {
	flex-direction: column;
	padding: 12px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 10px 24px -14px rgba(20, 22, 29, 0.35);
}

.hvl-kind__form i {
	height: 16px;
	background: var(--e-global-color-brume_100, #eef4f8);
	box-shadow: none;
}

.hvl-kind__form s {
	display: grid;
	place-items: center;
	height: 22px;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: var(--kind-accent);
}

.hvl-kind__switch {
	width: fit-content;
	padding: 4px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 22, 29, 0.08);
}

.hvl-kind__switch b,
.hvl-kind__switch i {
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
	box-shadow: none;
	color: var(--kind-text);
	background: transparent;
}

.hvl-kind__switch b {
	color: #fff;
	background: var(--e-global-color-text, #14161d);
}

.hvl-kind__lines {
	flex-direction: column;
}

.hvl-kind__lines i {
	height: 9px;
}

.hvl-kind__lines i:nth-child(1) {
	width: 80%;
	height: 14px;
	background: var(--kind-ink);
}

.hvl-kind__lines i:nth-child(2) {
	width: 64%;
}

.hvl-kind__lines i:nth-child(3) {
	width: 72%;
}