@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    align-items:     center;
    background:      radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    bottom:          0;
    display:         flex;
    justify-content: center;
    left:            0;
    position:        absolute;
    right:           0;
    top:             0;
}

.spinner::after {
    animation:          spinner .8s linear infinite;
    border-radius:      100%;
    border:             2px solid #aaa;
    border-right-color: transparent;
    content:            "";
    display:            block;
    height:             18px;
    left:               calc(25% - 1px);
    width:              18px;
}

.spinnered {
    position: relative;
}