[class^="toyo-ui-"], [class*=" toyo-ui-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1 !important;
}

[class^="toyo-ui-"]::before, [class*=" toyo-ui-"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  transform-origin: center;
}

.toyo-ui-home::before {
  -webkit-mask-image: url("../font/home.svg");
  mask-image: url("../font/home.svg");
  transform: scale(1.35);
}

.toyo-ui-mail::before {
  -webkit-mask-image: url("../font/mail.svg");
  mask-image: url("../font/mail.svg");
  transform: scaleY(1.35);
}

.toyo-ui-shop::before {
  -webkit-mask-image: url("../font/shop.svg");
  mask-image: url("../font/shop.svg");
  transform: scale(1.2);
}

.toyo-ui-arrow-down::before { -webkit-mask-image: url("../font/arrow-down.svg"); mask-image: url("../font/arrow-down.svg"); }
.toyo-ui-arrow-up::before { -webkit-mask-image: url("../font/arrow-up.svg"); mask-image: url("../font/arrow-up.svg"); }
.toyo-ui-menu::before { -webkit-mask-image: url("../font/menu.svg"); mask-image: url("../font/menu.svg"); }