.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-spin-reverse {
    -webkit-animation: fa-spin 2s infinite linear reverse;
    animation: fa-spin 2s infinite linear reverse;
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.result-icon {
    text-align: center;
    padding: 1.6em 0 0 0;
}
.result-icon svg {
    width: 60%;
}
#brand {
    margin-bottom: 1em;
}

#processing-results.complete .wait-for-result {
    display: none;
}

#processing-results .wait-for-redirect {
    display: none;
}

#processing-results.complete .wait-for-redirect {
    display: block;
}

#website-preview {
    min-height: 60px;
}

#website-preview .screenshot {
    text-align: center;
    overflow: hidden;
}

#website-preview .screenshot,
#website-preview .stand-by {
    transition: opacity 1s, max-height 1s;
}

#website-preview .screenshot         { opacity: 0; max-height: 0; }
.loaded #website-preview .screenshot { opacity: 100; max-height: 600px; }
.loaded #website-preview .stand-by   { opacity: 0; max-height: 0; }

#user-action {
    margin-top: 10px;
    margin-bottom: 10px;
}

#website-preview .screenshot {
    box-shadow: 0 0 5px #999;
}

#website-preview .screenshot .on-error {
    padding: 20px;
    font-size: 2em;
    background-color: rgba(0,0,0,0.1);
}

th.link-cell, td.link-cell {
    word-break: break-all;
}