.loading-image {

    display: block;
    height: auto;
    min-width: 100%;
    max-width: 100%;
    cursor: wait;
    position: relative;
}
.loading-blur {

    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    backdrop-filter: blur(20px);
}
.loading-hidden {

    display: none;
}

.throbber {
    max-width: 8px;
    min-height: 2px;
    padding-left: 6px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    animation: throbber-animation 0.75s infinite;
    animation-timing-function: steps(12, start);
    transform-origin: 0% 0%;
}
@keyframes throbber-animation {
    
    0%      { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}
.throbber > div {

    position: absolute;
    height: 100%;
    width: 100%;
    background-color: white;
    transform-origin: -6px 1px;
}
img {
    cursor: pointer;
}
.throbber > div:nth-child(1) { opacity: calc(1/12); transform: translate(0, -1px) rotate(calc(1 / 12 * 360deg)) }
.throbber > div:nth-child(2) { opacity: calc(2/12); transform: translate(0, -1px) rotate(calc(2 / 12 * 360deg)) }
.throbber > div:nth-child(3) { opacity: calc(3/12); transform: translate(0, -1px) rotate(calc(3 / 12 * 360deg)) }
.throbber > div:nth-child(4) { opacity: calc(4/12); transform: translate(0, -1px) rotate(calc(4 / 12 * 360deg)) }
.throbber > div:nth-child(5) { opacity: calc(5/12); transform: translate(0, -1px) rotate(calc(5 / 12 * 360deg)) }
.throbber > div:nth-child(6) { opacity: calc(6/12); transform: translate(0, -1px) rotate(calc(6 / 12 * 360deg)) }
.throbber > div:nth-child(7) { opacity: calc(7/12); transform: translate(0, -1px) rotate(calc(7 / 12 * 360deg)) }
.throbber > div:nth-child(8) { opacity: calc(8/12); transform: translate(0, -1px) rotate(calc(8 / 12 * 360deg)) }
.throbber > div:nth-child(9) { opacity: calc(9/12); transform: translate(0, -1px) rotate(calc(9 / 12 * 360deg)) }
.throbber > div:nth-child(10) { opacity: calc(10/12); transform: translate(0, -1px) rotate(calc(10 / 12 * 360deg)) }
.throbber > div:nth-child(11) { opacity: calc(11/12); transform: translate(0, -1px) rotate(calc(11 / 12 * 360deg)) }
.throbber > div:nth-child(12) { opacity: calc(12/12); transform: translate(0, -1px) rotate(calc(12 / 12 * 360deg)) }