/* Menu icon styles */
@font-face {
    font-family: bahnschrift;
    src: url(../../fonts/bahnschrift.ttf);
}

@font-face {
    font-family: YouSheBiaoTiHei;
    src: url(../../fonts/subtract/YouSheBiaoTiHei.ttf);
}

@font-face {
    font-family: Alibaba_PuHuiTi_2_45_Light_45_Light;
    font-weight: 300;
    src: url(../../fonts/Alibaba_PuHuiTi_2.0_45_Light_45_Light.ttf);
    font-display: swap;
}

@font-face {
    font-family: AlibabaPuHuiTi_2_55_Regular;
    font-weight: 400;
    src: url(../../fonts/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: AlibabaPuHuiTi_2_85_Bold;
    font-weight: 700;
    src: url(../../fonts/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: AlibabaPuHuiTi_2_95_ExtraBold;
    font-weight: 800;
    src: url(../../fonts/Alibaba_PuHuiTi_2.0_95_ExtraBold_95_ExtraBold.ttf);
    font-display: swap;
}

@font-face {
    font-family: AlibabaPuHuiTi_2_105_Heavy;
    font-weight: 900;
    src: url(../../fonts/Alibaba_PuHuiTi_2.0_105_Heavy_105_Heavy.ttf);
    font-display: swap;
}

.menu-icon-wrapper {
	position: relative;
	display: inline-block;
    width: 2rem;
    height: 2rem;
	margin: 0.75em;
	pointer-events: none;
	transition: 0.1s;
	float: right;
}

.menu-icon-wrapper.scaled {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}

.menu-icon-wrapper svg {
	position: absolute;
	top: -33px;
	left: -33px;
	-webkit-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.menu-icon-wrapper svg path {
	stroke: #fff;
	stroke-width: 10px;
	stroke-linecap: round;
    stroke-linejoin: round;
	fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	pointer-events: auto;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {
	outline: none;
}