/* -- Rating Reviews Scroller ------------------------------- */

.rvw-scrlr {
    --rvw-str-clr: #FFC107;

    /* -- Review card ---------------------------------------- */

    .frst-bg {
        --frst-bg-o: 0.8;
        --frst-blur: 2px;
        border: .5px solid hsl(from var(--bdr-clr, var(--text-color)) h s l / .2)
    }

    .rvw-card {
        --fnt-t-itm-w: 400;
        padding: 1.33rem;
    }

    .rvw-src-icn {
        font-size: 2rem;
        flex-shrink: 0;
        color: var(--text-color);
    }

    .rtng-str {
        font-size: 1.89rem;
        flex-shrink: 0;
        color: var(--rvw-str-clr, #FFD80A);
    }

    .rvw-card-rtng {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1;
        font-family: var(--fnt-t);
        color: var(--text-color);
    }

    .rvw-card-hdr {
        time {
            font-size: 12px;
            opacity: .5;
        }
    }

    .svg-con svg {
        font-size: 1.33rem;
        flex-shrink: 0;
    }

    .rvw-card-qt {
        p {
            line-height: 1.65;
            opacity: 0.85;
        }
    }

    .rvw-card-more {
        opacity: 0.6;
        text-decoration: underline;
        text-underline-offset: 2px;

        @media (hover: hover) and (pointer: fine) {
            &:hover { opacity: 1; }
        }
    }

    .rvw-avt {
        width: 2.75rem;
        height: 2.75rem;
        flex-shrink: 0;
        border-radius: 50%;
        background-color: var(--buttons);
        color: var(--text-alt);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1.1rem;
        font-family: var(--fnt-t);
        text-transform: uppercase;
        line-height: 1;
        overflow: hidden;
    }

}