/* mdi 图标修复：消除加载闪动与布局抖动(CLS)
 * 必须在 materialdesignicons.min.css 之后引入，
 * 这样下面的 @font-face 覆盖才能生效(font-display 取最后一个声明)。
 */
@font-face {
    font-family: "Material Design Icons";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/gxui/iconfonts/mdi/fonts/materialdesignicons-webfont.eot?#iefix") format("embedded-opentype"),
         url("/gxui/iconfonts/mdi/fonts/materialdesignicons-webfont.woff2") format("woff2"),
         url("/gxui/iconfonts/mdi/fonts/materialdesignicons-webfont.woff") format("woff"),
         url("/gxui/iconfonts/mdi/fonts/materialdesignicons-webfont.ttf") format("truetype"),
         url("/gxui/iconfonts/mdi/fonts/materialdesignicons-webfont.svg#materialdesigniconsregular") format("svg");
}

/* 图标占位：加载期间预留 1em 宽高，避免字体到位前后布局位移 */
.mdi,
[class^="mdi-"],
[class*=" mdi-"] {
    display: inline-block;
    min-width: 1em;
    text-align: center;
    vertical-align: middle;
}