.novaedu-login-dd {
	position: relative;
	display: inline-block;
}

.novaedu-login-dd__toggle {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	background: var(--global-palette1, #3a76c4);
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: .8em 1.4em;
	font-weight: 600;
	font-size: inherit;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
}

.novaedu-login-dd__toggle:hover,
.novaedu-login-dd__toggle:focus {
	background: var(--global-palette2, #2e5e9e);
	color: #fff;
}

.novaedu-login-dd__caret {
	transition: transform .18s ease;
}

.novaedu-login-dd[data-open="true"] .novaedu-login-dd__caret {
	transform: rotate(180deg);
}

.novaedu-login-dd__menu {
	position: absolute;
	top: calc(100% + .5em);
	right: 0;
	z-index: 999;
	min-width: 265px;
	background: #fff;
	border: 1px solid #e2e6ec;
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
	padding: .4em;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.novaedu-login-dd[data-open="true"] .novaedu-login-dd__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.novaedu-login-dd__item {
	display: flex;
	align-items: center;
	gap: .75em;
	padding: .7em .8em;
	border-radius: 4px;
	color: #22272e;
	text-decoration: none;
}

.novaedu-login-dd__item:hover,
.novaedu-login-dd__item:focus {
	background: #f2f5f9;
	color: #22272e;
}

.novaedu-login-dd__item strong {
	display: block;
	font-size: .95em;
	font-weight: 600;
}

.novaedu-login-dd__item em {
	display: block;
	font-style: normal;
	font-size: .8em;
	color: #6b7280;
	margin-top: .15em;
}

.novaedu-login-dd__item svg {
	flex: 0 0 auto;
	color: var(--global-palette1, #3a76c4);
}

.novaedu-login-dd__item--legacy svg {
	color: #8a94a3;
}

@media (max-width: 1024px) {
	.novaedu-login-dd__menu {
		right: auto;
		left: 0;
	}
}
