// Local export of the MeriDesign iconfont project (4038868).
// Keep this font together with its code point definitions; do not rely on
// iconfont's online preview URLs at runtime.
@font-face {
  font-family: 'meri-mobile-icon';
  font-style: normal;
  font-weight: normal;
  src: url('./fonts/meri-mobile-icon.woff2') format('woff2'),
    url('./fonts/meri-mobile-icon.woff') format('woff'),
    url('./fonts/meri-mobile-icon.ttf') format('truetype');
}

.van-icon {
  position: relative;
  display: inline-block;
  font: normal normal normal 14px/1 'meri-mobile-icon';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  &:before {
    display: inline-block;
  }
}

// Names added in the current local iconfont export. The existing icon names
// keep their matching definitions.
.van-icon-word-edit:before { content: '\e66a'; }
.van-icon-trangle-right:before { content: '\e669'; }
.van-icon-lock-o:before { content: '\e664'; }
.van-icon-locate:before { content: '\e665'; }
.van-icon-locate-fixed:before { content: '\e666'; }
.van-icon-iphone:before { content: '\e667'; }
.van-icon-code:before { content: '\e668'; }
.van-icon-unlock:before { content: '\e605'; }
.van-icon-package-open:before { content: '\e606'; }
.van-icon-archive:before { content: '\e607'; }
.van-icon-order-box:before { content: '\e608'; }
.van-icon-satellite-dish:before { content: '\e609'; }
.van-icon-change-screen:before { content: '\e60a'; }
.van-icon-router:before { content: '\e60b'; }
.van-icon-package:before { content: '\e60c'; }
.van-icon-attention-o:before { content: '\e60e'; }
.van-icon-app-close:before { content: '\e661'; }
.van-icon-app-more:before { content: '\e662'; }
.van-icon-line:before { content: '\e663'; }
.van-icon-warn-o1:before { content: '\e602'; }
.van-icon-bulb-o1:before { content: '\e603'; }
.van-icon-certificate1:before { content: '\e604'; }
.van-icon-balance-list-o1:before { content: '\e601'; }
.van-icon-warn:before { content: '\e776'; }
.van-icon-layers:before { content: '\e660'; }
.van-icon-nfc:before { content: '\e65f'; }
.van-icon-keyboard:before { content: '\e65d'; }
.van-icon-mic-o:before { content: '\e65e'; }
.van-icon-mic:before { content: '\e65c'; }
.van-icon-device:before { content: '\e76b'; }
.van-icon-signal-tower:before { content: '\e771'; }

// SVG icons are kept as masks so Icon's color and size props continue to work.
.van-icon-copy:before,
.van-icon-flashlight:before,
.van-icon-flashlight-off:before {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: '';
  background-color: currentColor;
}

// Embed the SVGs so aggregate and per-component styles are equally portable.
@import './svg-icon-masks.less';