.wishlist__body {
    width: 100%;
    position: relative;
}

.wishlist__body.loading:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: #ffffff;
    opacity: 0.5;
    z-index: 5;
}

.wishlist__body.loading:before {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    content: "";
    background-image: url('../images/wishlist-loading.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 6;
}

.wishlist-toggle.loading svg .loading,
.wishlist__body.loading:before {
    animation: loading 500ms 0ms infinite normal linear;
    transform-origin: center;
    opacity: 1;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}