/* Spinner shown in a cover's place while the browser is still loading it. */

.auesb-list .product-image-wrapper.auesb-cover-loading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    border: 3px solid rgba(171, 19, 44, .2);
    border-top-color: #ab132c;
    border-radius: 50%;
    animation: auesb-cover-spin 1s linear infinite;
}

/* A cover that has not arrived — or never will — draws its alt text in the box, beside or
   instead of the spinner. It is the product's name, which the list prints under the cover
   anyway, so painting it here says nothing twice. Screen readers still read it. */
.auesb-list .product-image-photo {
    font-size: 0;
    color: transparent;
}

@keyframes auesb-cover-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .auesb-list .product-image-wrapper.auesb-cover-loading::before {
        animation-duration: 2.5s;
    }
}