@layer template {
    .rating {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        padding: 5.46875vw 0vw;
        background: var(--background)
    }

    @media (min-width: 1024px) {
        .rating {
            padding:30px 0
        }
    }

    .rating--trustpilot .rating__star--active {
        fill: #04b47a!important
    }

    @media (min-width: 1024px) {
        .rating.vertical {
            flex-direction:column-reverse;
            align-items: center
        }

        .rating.vertical .rating__inner {
            width: 100%
        }

        .rating.vertical .rating__divider {
            display: none
        }

        .rating.vertical .rating__logo {
            margin-bottom: 10px
        }
    }

    .rating .rating__inner {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .rating .rating__inner .rating__star {
        width: 5vw;
        height: 5vw;
        fill: var(--star-empty-color)
    }

    @media (min-width: 1024px) {
        .rating .rating__inner .rating__star {
            width:25px;
            height: 25px
        }
    }

    .rating .rating__inner .rating__star:not(last-child) {
        margin-right: .625vw
    }

    @media (min-width: 1024px) {
        .rating .rating__inner .rating__star:not(last-child) {
            margin-right:3px
        }
    }

    .rating .rating__inner .rating__star-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: .78125vw 0vw 0vw
    }

    @media (min-width: 1024px) {
        .rating .rating__inner .rating__star-wrapper {
            margin:5px 0 0
        }
    }

    .rating .rating__inner .rating__star-wrapper+.rating__text {
        margin-top: 1.25vw
    }

    @media (min-width: 1024px) {
        .rating .rating__inner .rating__star-wrapper+.rating__text {
            margin-top:8px
        }
    }

    .rating .rating__inner .rating__star--active {
        fill: var(--star-active-color)
    }

    .rating .rating__inner .rating__star--active-wrapper {
        position: absolute;
        display: flex
    }

    .rating .rating__divider {
        display: flex;
        width: 1px;
        height: 100%;
        background: #333333
    }

    .rating .rating__logo {
        max-width: 31.25vw
    }

    @media (min-width: 1024px) {
        .rating .rating__logo {
            max-width:140px
        }
    }
}

.rating[data-v-3ded7405] {
    --background: var(--279e945a);
    --star-empty-color: var(--cd84fad8);
    --star-active-color: var(--61a3dbf2)
}