@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


.rswidget--transparent * {
    box-sizing: border-box;
    font-family: Figtree, sans-serif;
}

.rswidget--transparent {
    --rs-widget-transparent-text-font-size: 3.2vw;
    --rs-widget-transparent-gap: 12px;
    --rs-widget-transparent-stars-width: 150px;
    --rs-widget-transparent-stars-height: 31px;
    --rs-widget-transparent-logo-width: 220px;
    --rs-widget-transparent-logo-height: 31px;
    --rs-widget-transparent-justify: center;
    --rs-widget-transparent-rating-stars-current-font-size: 4vw;
    --rs-widget-transparent-rating-stars-total-font-size: 2.55vw;
    --rs-widget-transparent-text-reviews-font-size: 2.9vw;
    --rs-widget-transparent-text-word-on-font-size: 2.55vw;
    --rs-widget-transparent-word-display: block;
    --rs-widget-transparent-text-word-on-display: inline;
    --rs-widget-transparent-stars-total-display: inline;
    --rs-widget-transparent-text-reviews-display: inline;

    padding: 12px;
    display: flex;
    align-items: center;
    gap: var(--rs-widget-transparent-gap);
    background-color: transparent;
    justify-content: var(--rs-widget-transparent-justify);
    color: var(--rs-widget-transparent-text-colour);
}

@media screen and (min-width: 550px) {
    .rswidget--transparent {
        --rs-widget-transparent-text-font-size: 18px;
        --rs-widget-transparent-rating-stars-current-font-size: 22px;
        --rs-widget-transparent-rating-stars-total-font-size: 14px;
        --rs-widget-transparent-text-reviews-font-size: 16px;
        --rs-widget-transparent-text-word-on-font-size: 14px;
    }
  }

.rswidget--transparent .rs-widget-transparent-word {
    font-size: var(--rs-widget-transparent-text-font-size);
    font-weight: 700;
    display: var(--rs-widget-transparent-word-display);
}

.rswidget--transparent .rs-widget-transparent-text-reviews {
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--rs-transparent-primary-colour);
    text-decoration-line: underline;
    font-weight: 500;
    white-space: nowrap;
    font-size: var(--rs-widget-transparent-text-reviews-font-size);
    display: var(--rs-widget-transparent-text-reviews-display);
}

.rswidget--transparent .rs-widget-transparent-text-word-on {
    font-weight: 500;
    font-size: var(--rs-widget-transparent-text-word-on-font-size);
    display: var(--rs-widget-transparent-text-word-on-display);
}
.rswidget--transparent .rs-widget-transparent-stars {
    display: flex;
    align-items: center;
    gap: 4px;
}

.rswidget--transparent-rating-point {
    font-weight: 700;
}

.rswidget--transparent-rating-stars-current {
    font-size: var(--rs-widget-transparent-rating-stars-current-font-size);
}

.rswidget--transparent-rating-stars-total {
    font-size: var(--rs-widget-transparent-rating-stars-total-font-size);
    display: var(--rs-widget-transparent-stars-total-display);
}

.rswidget--transparent .rs-widget-transparent-stars img {
    max-width: var(--rs-widget-transparent-stars-width);
    max-height: var(--rs-widget-transparent-stars-height);
    width: 100%;
}

.rswidget--transparent .rs-widget-transparent-logo, .rswidget--transparent .rs-widget-transparent-logo img {
    max-width: var(--rs-widget-transparent-logo-width);
    max-height: var(--rs-widget-transparent-logo-height);
    width: 100%;
}

.rswidget-transparent-1--2 {
    --rs-widget-transparent-stars-width: 106px;
    --rs-widget-transparent-stars-height: 22px;
}

.rswidget-transparent-1--3 {
    --rs-widget-transparent-text-word-on-font-size: 12px;
    --rs-widget-transparent-logo-width: 180px;
    --rs-widget-transparent-logo-height: 26px;
}

.rswidget-transparent-1--4 {
    --rs-widget-transparent-logo-width: 160px;
    --rs-widget-transparent-logo-height: 23px;
}

.rswidget-transparent-1--5 {
    --rs-widget-transparent-logo-width: 180px;
    --rs-widget-transparent-logo-height: 26px;
    --rs-widget-transparent-word-display: none;
}

.rswidget-transparent-1--4, .rswidget-transparent-1--5, .rswidget-transparent-1--6, .rswidget-transparent-1--7 {
    --rs-widget-transparent-text-word-on-display: none;
}

.rswidget-transparent-1--3, .rswidget-transparent-1--4, .rswidget-transparent-1--5 {
    --rs-widget-transparent-stars-width: 98px;
    --rs-widget-transparent-stars-height: 20px;
    --rs-widget-transparent-rating-stars-current-font-size: 20px;
    --rs-widget-transparent-rating-stars-total-font-size: 12px;
    --rs-widget-transparent-text-reviews-font-size: 14px;
}

.rswidget-transparent-1--3, .rswidget-transparent-1--4 {
    --rs-widget-transparent-text-font-size: 16px;
}

.rswidget-transparent-1--6, .rswidget-transparent-1--7 {
    --rs-widget-transparent-text-reviews-display: none;
    --rs-widget-transparent-gap: 4px;
}

.rswidget-transparent-1--6 {
    --rs-widget-transparent-rating-stars-current-font-size: 18px;
    --rs-widget-transparent-rating-stars-total-font-size: 10px;
    --rs-widget-transparent-stars-width: 86px;
    --rs-widget-transparent-stars-height: 17px;

    --rs-widget-transparent-logo-width: 120px;
    --rs-widget-transparent-logo-height: 21px;
    --rs-widget-transparent-word-display: none;
}
.rswidget-transparent-1--7 {
    --rs-widget-transparent-stars-width: 62px;
    --rs-widget-transparent-stars-height: 12px;
    --rs-widget-transparent-rating-stars-current-font-size: 14px;
    --rs-widget-transparent-logo-width: 100px;
    --rs-widget-transparent-logo-height: 18px;
    --rs-widget-transparent-word-display: none;
    --rs-widget-transparent-stars-total-display: none;
}


.rswidget--transparent {
    position: relative;
    cursor: pointer;
}

.rs-widget-transparent-link-overlay {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 10;
}