@charset "UTF-8";

/*
* File    : icon.css
* Author  : MYLINK HOME
* Date    : 2022.11.24
*/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
      local('MaterialIcons-Regular'),
      url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
      url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
      url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
  }


.mdi-16px.mdi-set, .mdi-16px.mdi:before,
.xi-16px{font-size: 16px}

.mdi-18px.mdi-set, .mdi-18px.mdi:before,
.xi-18px{font-size: 18px}

.mdi-20px.mdi-set, .mdi-20px.mdi:before,
.xi-20px{font-size: 20px}


.axl-ico{display:inline-block; vertical-align:middle}
.axl-ico svg{margin-top:-2px; vertical-align:middle}
.axl-ico img{margin-top:-1px; vertical-align:middle}
.axl-16px svg,
.axl-16px img{width:18px; height:16px}
.axl-18px svg,
.axl-18px img{width:18px; height:18px}
.axl-20px svg,
.axl-20px img{width:20px; height:20px}
.axl-22px svg,
.axl-22px img{width:22px; height:22px}
.axl-24px svg,
.axl-24px img{width:24px; height:24px}
.axl-28px svg,
.axl-28px img{width:28px; height:28px}
.axl-32px svg,
.axl-32px img{width:32px; height:32px}
.axl-gray svg,
.axl-gray img{-webkit-filter: grayscale(100%); opacity:50%}