@keyframes rectangleRTL {
    100% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 50% 50%;
    }
    0% {
        background-position: 100% 100%;
    }
}

@mixin animated($angleDeg: 90) {
    animation: rectangleRTL 2s linear infinite;
    animation-timing-function: linear;
    background: linear-gradient(
        ($angleDeg) + deg,
        var(--mouse) 30%,
        var(--white) 50%,
        var(--mouse) 70%
    );
    background-color: var(--mouse);
    background-size: 400%;
}

@mixin element($width: 100%, $height: 20px, $angleDeg: 90) {
    height: $height;
    overflow: hidden;
    width: $width;

    @include animated($angleDeg);
}

.ArtistProfileLoader {
    display: flex;
    height: 80px;
    padding: 10px 0;

    &-right {
        flex: 1;
        padding-left: 20px;
    }

    &-icon-placeholder {
        border-radius: 50%;

        @include element(60px, 100%, 135);
    }

    &-data-top {
        margin-bottom: 5px;

        @include element(100%, 30px);
    }

    &-data-bottom {
        @include element(62%, 18px);
    }
}