stremio-web/src/components/MetaPreview/Ratings/Ratings.less

// Copyright (C) 2017-2025 Smart code 203358507

@import (reference) '~stremio/common/screen-sizes.less';

@height: 4rem;
@width: 4rem;
@height-mobile: 3rem;
@width-mobile: 3rem;


.ratings-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--overlay-color);
    border-radius: 2rem;
    height: @height;
    width: fit-content;

    .icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: @height;
        width: @width;
        padding: 0 1rem;
        cursor: pointer;

        .icon {
            width: calc(@width / 2);
            height: calc(@height / 2);
            color: var(--primary-foreground-color);
            opacity: 0.7;
            transition: 0.3s all ease-in-out;

            &:hover {
                opacity: 1;
            }
        }

        &.disabled {
            pointer-events: none;
        }
    }
}

@media @phone-landscape {
    .ratings-container {
        height: @height-mobile;

        .icon-container {
            height: @height-mobile;
            width: @width-mobile;

            .icon {
                width: 1.75rem;
                height: 1.75rem;
            }
        }
    }
}