[class^="rtsicon-"],
[class*=" rtsicon-"] {
    font: normal normal normal 14px/1 "gdrts-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;

    speak: none;
    text-rendering: auto;
    text-transform: none;
    display: inline-block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@each $icon, $char in $icons {
    .rtsicon-#{$icon} {
        &:before {
            content: icon($char);
        }
    }
}

.rtsicon-fw {
    width: 1.28571429em;
    text-align: center;
}

.rtsicon-va {
    vertical-align: calc(-12%);
}

.rtsicon-spin {
    -webkit-animation: rtsicon-spin 2s infinite linear;
    animation: rtsicon-spin 2s infinite linear;
}

@keyframes rtsicon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
