@import "./var.less";

@keyframes-spin-name: ~"@{prefixCls}-spin";

@keyframes @keyframes-spin-name {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.@{prefixCls}-icon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &-spin {
        animation: @keyframes-spin-name @icon-spin-duration infinite linear
    }
}