:root {
	--hs-brand: #247006;
	--hs-text: #1a2318;
	--hs-line: rgba(36, 112, 6, 0.16);
}

.hs-member-account-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
	height: 72px;
	vertical-align: middle;
}

.hs-member-header-tools {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 48px;
	margin: 0;
	padding: 0;
	line-height: 1;
	white-space: nowrap;
}

.hs-member-auth-compact {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 48px;
	min-width: 52px;
	padding: 0;
	border: 1px solid rgba(36, 112, 6, 0.28);
	border-radius: 999px;
	background: #eff9ea;
	box-shadow: 0 10px 24px rgba(36, 112, 6, 0.12);
}

.hs-member-auth-link,
.hs-member-register-link,
.hs-member-post-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 0;
	background: transparent;
	color: var(--hs-text);
	font: inherit;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
}

.hs-member-auth-link,
.hs-member-register-link {
	width: 48px;
	height: 44px;
	min-width: 48px;
	min-height: 44px;
	margin: 0 !important;
	padding: 0;
	border-radius: 999px;
	box-sizing: border-box;
	color: var(--hs-brand);
	line-height: 1;
}

.hs-member-auth-link i,
.hs-member-register-link i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin: 0;
	font-size: 18px;
	line-height: 1;
}

.hs-member-auth-link:hover,
.hs-member-register-link:hover {
	background: #fff;
	color: var(--hs-brand);
	border-color: rgba(36, 112, 6, 0.42);
	box-shadow: 0 8px 18px rgba(36, 112, 6, 0.1);
}

.hs-member-post-button {
	min-width: 120px;
	height: 48px;
	min-height: 48px;
	padding: 0 20px;
	color: var(--hs-text);
	background: #fff;
	font-weight: 700;
	border: 1px solid rgba(20, 26, 18, 0.18);
	border-radius: 12px;
	box-shadow: none;
	transform: none;
	white-space: nowrap;
}

.hs-member-post-button:hover {
	color: var(--hs-brand);
	border-color: rgba(36, 112, 6, 0.36);
	background: rgba(36, 112, 6, 0.06);
	box-shadow: 0 10px 24px rgba(36, 112, 6, 0.08);
}

.header-main .nav-right {
	gap: 0;
	align-items: center;
}

.header-main .nav > li.hs-member-account-item,
.header-main .nav > li.hs-member-account-item > .hs-member-header-tools,
.header-main .nav > li.hs-member-account-item .hs-member-auth-compact,
.header-main .nav > li.hs-member-account-item .hs-member-post-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	vertical-align: middle !important;
}

.header-main .nav > li.hs-member-account-item {
	margin-left: 18px !important;
	margin-top: 0;
	margin-bottom: 0;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	transform: translateY(0);
}

.header-main .nav > li.hs-member-account-item > a,
.header-main .nav > li.hs-member-account-item > button,
.hs-auth-modal[hidden] {
	display: none !important;
}

.header-main .nav > li.hs-member-account-item:hover,
.header-main .nav > li.hs-member-account-item:focus-within {
	background: transparent !important;
	box-shadow: none !important;
}

.header-main .nav > li.hs-member-account-item a,
.header-main .nav > li.hs-member-account-item button {
	min-height: 0;
	text-transform: none;
	letter-spacing: 0;
}

.header-main .nav > li.hs-member-account-item:hover a::after,
.header-main .nav > li.hs-member-account-item a::after {
	content: none !important;
	display: none !important;
}

.header-main .nav > li.hs-member-account-item .hs-member-auth-compact:hover,
.header-main .nav > li.hs-member-account-item .hs-member-auth-link:hover,
.header-main .nav > li.hs-member-account-item .hs-member-register-link:hover,
.header-main .nav > li.hs-member-account-item .hs-member-post-button:hover {
	background: #fff !important;
	color: var(--hs-brand) !important;
	border-color: rgba(36, 112, 6, 0.42) !important;
	box-shadow: 0 8px 18px rgba(36, 112, 6, 0.1) !important;
}

@media (max-width: 849px) {
	.header-main .nav > li.hs-member-account-item {
		margin-left: 8px !important;
	}

	.hs-member-post-button {
		display: none !important;
	}
}