.rating-input-frame {
    display: flex;
    align-items: center;
    border: 1px solid var(--dxbl-text-muted-color, #d5d5d5);
    border-radius: 3px;
    padding: 1px 5px;
    min-height: 32px;
    /*background-color: var(--dx-colorBaseBackground, #fff);*/
}

.rating-container {
    display: inline-flex;
    gap: 4px;
}

.star {
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--dxbl-text-muted-color, #9e9e9e);
    transition: color 0.15s ease, transform 0.1s ease;
}

    .star.selected {
        color: var(--dxbl-accent-color, #ff8a00);
    }

    .star:hover {
        color: var(--dxbl-color-warning-hover, #ffae42);
        transform: scale(1.15);
    }

.rating-clear-button {
    margin-left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 0.15s ease, filter 0.15s ease;
}

.rating-clear-button:hover {
    opacity: 1;
    /* DX hover padara ikonkrāsu tumšāku */
    filter: brightness(0.8);
}