popup.css

html {
	font-size: small;
}

body {
	background-color: #f6f6f3;
	min-width: 300px;
	min-height: 370px;
	overflow: visible;
	padding: 20px;
	font-family: "Neue Haas Grotesk Display Pro", "Neue Haas Grotesk", "Helvetica Neue", "Arial", sans-serif;
	font-weight: 500;
}

header img {
	width: 38px;
	height: 38px;
}

header h1 {
	font-weight: 400;
}

header a {
  color: black;
  text-decoration: none;
}

header a:hover {
	color: black;
}

.hidden:not(.selected) {
	display: none !important;
}

.placeholder-element {
	display: none !important;
}

.form.search {
	position: relative;
}

.form.search i.bi-search {
	position: absolute;
	top: 7px;
    left: 7px;
}

.form.search input {
	text-indent: 18px;
}

#language_manager .language-name,
#language_manager .language-add,
#language_manager .language-delete {
	cursor: pointer;
}

#language_manager .language-loading {
	display: inline-block;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

#language_manager .language[data-language="en"] .language-delete {
	display: none;
}

#language_manager .language.selected {
	color: blue;
}

#language_manager #notinstalled_languages .language .language-delete,
#language_manager #installed_languages .language .language-add {
	display: none;
}

#language_manager .dropdown-item {
	font-weight: 500;
}