body.has-theme-bar #page {
	top: 60px;
}
@media only screen and (max-width:801px)
{
body.has-theme-bar #page {
	top: 60px;
}
}
.theme-bar {
	background: rgb(3, 30, 52); padding: 10px; height: 60px; color: rgb(255, 255, 255); line-height: 18px; font-family: sans-serif; font-size: 14px; font-weight: normal; display: flex; position: relative; z-index: 1000; box-sizing: border-box; justify-content: space-between; align-items: center;
}
.theme-bar * {
	box-sizing: border-box;
}
.theme-bar.theme-bar-hidden {
	display: none;
}
.theme-bar.theme-bar-fixed {
	width: 100%; position: fixed; z-index: 1000;
}
.theme-bar.theme-bar-shadow {
	box-shadow: 0px 1px 6px 0px rgba(36,50,66,0.15);
}
.theme-bar a {
	border: currentColor; border-image: none; height: auto; color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; cursor: pointer; box-shadow: none;
}
.theme-bar button {
	border: currentColor; border-image: none; height: auto; color: inherit; line-height: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; cursor: pointer; box-shadow: none;
}
.theme-bar a::after {
	background: none; height: auto; content: "";
}
.theme-bar button::after {
	background: none; height: auto; content: "";
}
.theme-bar .theme-bar-left {
	flex:2 1 0px;
}
.theme-bar .theme-bar-center {
	display: flex;
}
.theme-bar .theme-bar-right {
	flex:2 1 0px; display: flex; justify-content: flex-end;
}
.theme-bar .theme-bar-name {
	color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; margin-right: 5px;
}
.theme-bar .theme-bar-button {
	padding: 6px 20px; border-radius: 32px; transition:border 0.3s, color 0.3s, background 0.3s; text-align: center; color: rgba(255, 255, 255, 0.8) !important; margin-right: 5px; margin-left: 5px; display: flex; box-shadow: none; justify-content: center; align-items: center; background-color: rgb(3, 30, 52);
}
.theme-bar .theme-bar-button:hover {
	color: rgb(255, 255, 255) !important; background-color: rgb(2, 16, 28);
}
.theme-bar .theme-bar-button.theme-bar-button-primary {
	background: linear-gradient(rgb(20, 155, 243), rgb(79, 88, 253)) rgb(4, 149, 243); color: rgb(255, 255, 255); min-width: 136px;
}
.theme-bar .theme-bar-button.theme-bar-button-primary:hover {
	background: linear-gradient(rgb(20, 118, 243), rgb(99, 79, 253)) rgb(4, 149, 243);
}
@media only screen and (max-width:801px)
{
.theme-bar .theme-bar-button.theme-bar-button-primary {
	min-width: auto;
}
}
.theme-bar .theme-bar-button.theme-bar-button-primary svg {
	width: 24px; height: 24px; color: rgb(255, 255, 255);
}
.theme-bar .theme-bar-button.theme-bar-button-primary span {
	margin-left: 10px;
}
.theme-bar .theme-bar-button.theme-bar-button-outlined {
	padding: 4px 20px; border: 1px solid rgba(255, 255, 255, 0.8); border-image: none; min-width: 136px;
}
@media only screen and (max-width:801px)
{
.theme-bar .theme-bar-button.theme-bar-button-outlined {
	min-width: auto;
}
}
.theme-bar .theme-bar-button.theme-bar-button-outlined:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none;
}
.theme-bar .theme-bar-button.theme-bar-button-link {
	padding: 5px 0px; border: 0px currentColor; border-image: none; margin-right: 0px;
}
.theme-bar .theme-bar-button.theme-bar-button-link:hover {
	background-color: transparent;
}
.theme-bar .theme-bar-button svg {
	width: 18px; height: 18px; vertical-align: middle; display: inline-block;
}
@media only screen and (max-width:801px)
{
.theme-bar .theme-bar-button svg span {
	display: none;
}
}
.theme-bar .theme-bar-button svg.remove-icon {
	width: 24px; height: 24px;
}
.theme-bar .theme-bar-button span {
	margin: 0px 0px 0px 8px; padding: 0px; vertical-align: middle; display: inline-block;
}
@media only screen and (max-width:801px)
{
.theme-bar .theme-bar-button span {
	display: none;
}
}