:root {
    --reviews-loading-block-animation: shimmer 2s infinite linear;
    --reviews-loading-block-background: linear-gradient(100deg, #d3d3d3 25%, #e0e0e0 50%, #d3d3d3 75%);
    --reviews-block-border-radius: 30px;
    --reviews-gap: 20px;
    --reviews-block-height: 350px;
    --reviews-max-width: 1200px;

    --reviews-avatar-size: 100px;
    --reviews-nickname-fs: 18px;
    --reviews-nickname-fw: 400;
    --reviews-date-fs: 14px;
    --reviews-date-fw: 400;
    --reviews-date-color: #777777;
    --reviews-star-color-filled: var(--main-color);
    --reviews-star-color: #cccccc;
    --reviews-content-color: #000000;
    --reviews-star-fs: 20px;
    --reviews-comment-padding-bottom: 40px;
}

.reviews__container {
    max-width: var(--reviews-max-width);
    padding: 0 var(--reviews-gap);
    flex-direction: column;
    justify-content: start;
    box-sizing: border-box;
    align-items: center;
    margin: 0 auto;
    display: flex;
    width: 100%;
}

.reviews__container > .reviews_loading_block {
    background: var(--reviews-loading-block-background);
    animation: var(--reviews-loading-block-animation);
    border-radius: var(--reviews-block-border-radius);
    margin: 0 0 var(--reviews-gap);
    height: var(--reviews-block-height);
    background-size: 200% 100%;
    box-sizing: border-box;
    width: 100%;
}

.mySwiperReviews {
    max-width: var(--reviews-max-width);
    padding: var(--reviews-gap) 0 0;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    display: flex;
    width: 100%;
}

.mySwiperReviews .slide_review__content {
    color: var(--reviews-content-color);
    flex-direction: column;
    justify-content: start;
    text-decoration: none;
    align-items: center;
    display: flex;
    width: 100%;
}

.mySwiperReviews .slide_review__content > .slide_review__content_avatar {
    margin-bottom: calc(var(--reviews-gap) / 2);
    height: var(--reviews-avatar-size);
    width: var(--reviews-avatar-size);
    border-radius: 50%;
}

.mySwiperReviews .slide_review__content > .slide_review__content_nickname {
    font-weight: var(--reviews-nickname-fw);
    font-size: var(--reviews-nickname-fs);
    margin: 0;
}

.mySwiperReviews .slide_review__content > .slide_review__content_date {
    font-weight: var(--reviews-date-fw);
    font-size: var(--reviews-date-fs);
    color: var(--reviews-date-color);
}

.mySwiperReviews .slide_review__content > .slide_review__content_rating > .star {
    font-size: var(--reviews-star-fs);
    color: var(--reviews-star-color);
}

.mySwiperReviews .slide_review__content > .slide_review__content_rating > .star.filled {
    color: var(--reviews-star-color-filled);
}

.mySwiperReviews .slide_review__content > .slide_review__content_comment {
    padding-bottom: var(--reviews-comment-padding-bottom);
    font-weight: var(--reviews-nickname-fw);
    font-size: var(--reviews-nickname-fs);
    text-align: justify;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

#reviews_block {
    width: 100%;
}