.sqs-spin {
    margin-top: -2px;
    background-color: transparent;
    border-radius: 150px;
    display: inline-block;
    vertical-align: middle;
    min-width: 14px;
    min-height: 14px;
    -webkit-animation: sqs-spin 1s infinite linear;
    -moz-animation: sqs-spin 1s infinite linear;
    -ms-animation: sqs-spin 1s infinite linear;
    -o-animation: sqs-spin 1s infinite linear;
    animation: sqs-spin 1s infinite linear;
}

.sqs-spin {
    border: 2px solid rgba(255, 0, 102, .75);
    border-top-color: rgba(255, 0, 102, .08);
    border-left-color: rgba(255, 0, 102, .08)
}
.sqs-spin.light, .sqs-spin.white {
    border: 2px solid rgba(255, 255, 255, .7);
    border-top-color: rgba(255, 255, 255, .15);
    border-left-color: rgba(255, 255, 255, .15)
}

.sqs-spin.dark, .sqs-spin.black {
    border: 2px solid rgba(0, 0, 0, .75);
    border-top-color: rgba(0, 0, 0, .08);
    border-left-color: rgba(0, 0, 0, .08)
}

.sqs-spin.extra-small {
    width: 4px;
    height: 4px
}

.sqs-spin.small {
    width: 8px;
    height: 8px
}

.sqs-spin.default {
    width: 12px;
    height: 12px
}

.sqs-spin.large {
    width: 22px;
    height: 22px
}

.sqs-spin.extra-large {
    width: 40px;
    height: 40px
}

.sqs-spin.xx-large {
    width: 80px;
    height: 80px
}

.sqs-spin.degraded {
    border: 0px;
    border-radius: 0px;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.sqs-spin.degraded img {
    width: 100%;
    height: 100%;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important
}

@-webkit-keyframes sqs-spin { 
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@-moz-keyframes sqs-spin { 
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}
@-ms-keyframes sqs-spin { 
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}
@-o-keyframes sqs-spin { 
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}
@
keyframes sqs-spin { 
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform:rotate(360deg)
    }
}