@font-face {
    font-family: pillar-interface;
    src: url(../fonts/pillar-interface.eot?95514741);
    src: url(../fonts/pillar-interface.eot?95514741#iefix) format('embedded-opentype'), url(../fonts/pillar-interface.woff2?95514741) format('woff2'), url(../fonts/pillar-interface.woff?95514741) format('woff'), url(../fonts/pillar-interface.ttf?95514741) format('truetype'), url(../fonts/pillar-interface.svg?95514741#pillar-interface) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" interface-"]:before,
[class^=interface-]:before {
    font-family: pillar-interface;
    font-style: normal;
    font-weight: 400;
    speak: none;
    color: var(--primary-color);
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.interface-down-open-big:before {
    content: '\e800'
}

.interface-left-open-big:before {
    content: '\e801'
}

.interface-right-open-big:before {
    content: '\e802'
}

.interface-up-open-big:before {
    content: '\e803'
}

.interface-bag:before {
    content: '\e804'
}

.interface-search:before {
    content: '\e805'
}