.iconfont{
  display:inline-block;
  position:relative;
  width:1em;
  height:1em;
  line-height:1;
  vertical-align:-0.08em;
  font-family:inherit!important;
  font-style:normal;
  font-weight:400;
  text-rendering:auto;
}
.icon-no:before{content:"×";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.35em;line-height:1;}
.icon-angle-left:before{content:"‹";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.45em;line-height:1;}
.icon-angle-right:before{content:"›";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.45em;line-height:1;}
.icon-arrow-right:before{content:"→";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1;}
.icon-sort-up:before{content:"▴";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.9em;}
.icon-sort-down:before{content:"▾";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.9em;}
.icon-search:before{
  content:"";
  position:absolute;
  width:.56em;height:.56em;
  border:.10em solid currentColor;
  border-radius:50%;
  left:.08em;top:.08em;
  box-sizing:border-box;
}
.icon-search:after{
  content:"";
  position:absolute;
  width:.42em;height:.10em;
  background:currentColor;
  border-radius:.06em;
  transform:rotate(45deg);
  left:.55em;top:.63em;
  transform-origin:left center;
}