@import "../../../style/utils";
.xm-nav-bar {
	height: 44px;
	display: flex;
	align-items: center;
	padding: 0 .75rem;
	box-sizing: border-box;

	.xm-icon {
		font-size: 22px;
		width: 22px;
		height: 44px;
		line-height: 44px;
		&.xicon-left {
			font-size: 1rem;
			margin: 0;
			margin-left: -.25rem;
		}
	}

	&-left, &-center, &-right {
		flex: 1;
		height: 100%;
		display: flex;
		align-items: center;
		&-content {
			display: flex;
			align-items: center;
		}
	}

	&-left {
		> * {
			cursor: pointer;
		}
		justify-content: flex-start;
		.xm-icon {
			margin-right: .75rem;
		}
	}
	&-center {
		font-weight: 500;
		justify-content: center;
	}
	&-right {
		> * {
			cursor: pointer;
		}
		justify-content: flex-end;
		.xm-icon {
			margin-left: .75rem;
		}
	}
	&-type {
		&-transparent {
			background-color: transparent;
			color: white;
		}
		&-white {
			background-color: #fff;
			border-bottom: $border-normal;
			> .xm-nav-bar {
				&-left, &-right {
					color: $c-theme;
				}
			}
		}
	}
}