@import '../../sass/Variables.scss';
@import '../../sass/ResultActionMenu.scss';

.CoveoAttachResult {
    div {
        display: inline-block;

        &.coveo-icon-attach {
            @extend %icon;
            fill: $calypso;
        }
        &.coveo-icon-attached {
            @extend %icon;
            fill: $tangerine;
        }
        &.coveo-icon-loading {
            @extend %icon;
            fill: $calypso;
            svg {
                animation: loading 0.8s linear 0s infinite normal running;
            }
        }
    }
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }

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