@font-face {
    font-family: "msr-icons";
    src: url("./msrRegular.woff2") format("woff2"),url("./msrRegular.woff") format("woff"),url("./msrRegular.otf") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: normal;
  }

.msr-icon {
  font-family:  "msr-icons";
}

.msr-icon:before {
    display: inline-block;
    width: .5em;
    height: .5em;
    vertical-align: middle;
    overflow: hidden;
    line-height: .5;
    margin: 0;
    padding: 0;
    font-size: 2em;
    font-size: inherit;
    font-style: normal;
}

.msr-icon-arrow-right:before {
content: "\0043";
}
.msr-icon-arrow-left:before {
content: "\0044";
}
.msr-icon-arrow-up:before {
content: "\0042";
}
.msr-icon-arrow-down:before {
content: "\0041";
}
.msr-icon-burger:before {
content: "\0045";
}
.msr-icon-close:before {
content: "\0047";
}
.msr-icon-dropdown-up:before {
content: "\0048";
}
.msr-icon-dropdown-down:before {
content: "\0049";
}
.msr-icon-search:before {
content: "\004A";
}
.msr-icon-facebook:before {
content: "\004D";
}
.msr-icon-instagram:before {
content: "\004E";
}
.msr-icon-linkedin:before {
content: "\004F";
}
.msr-icon-pinterest:before {
content: "\0050";
}
.msr-icon-twitter:before {
content: "\0051";
}
.msr-icon-youtube:before {
content: "\0052";
}