.rateit {
    display: inline-block;
    position: relative;
    user-select: none;
}

.rateit-font .rateit-range>div,
.rateit-font-mob .rateit-range>div {
    background: none;
    overflow: hidden;
    cursor: default;
}

.rateit .rateit-hover,
.rateit .rateit-selected {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

.rateit-font .rateit-empty,
.rateit-font-mob .rateit-empty {
    color: rgb(200, 200, 200);
}

.rateit .rateit-preset-n {
    color: rgb(255, 157, 56);
}

.rateit .rateit-preset-1 {
    color: green;
}

.rateit .rateit-preset-1-blocked {
    color: green;
}

.rateit .rateit-preset-pred {
    color: rgb(62, 114, 255);
}

.rateit .rateit-range * {
    display: block;
}

.rateit-font {
    font-size: 20pt;
    line-height: 18pt;
}

.rateit-font-mob {
    font-size: 10pt;
    line-height: 18pt;
}

.rateit .rateit-range {
    position: relative;
    display: inline-block;
    outline: 0;
}

.rateit2 {
    display: inline-block;
    position: relative;
    user-select: none;
}

.rateit2-font .rateit2-range>div {
    background: none;
    overflow: hidden;
    cursor: default;
}

.rateit2 .rateit2-hover,
.rateit2 .rateit2-selected {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}

.rateit2-font .rateit2-empty {
    color: rgb(200, 200, 200);
}

.rateit2 .rateit2-preset-n {
    color: rgb(255, 157, 56);
}

.rateit2 .rateit2-preset-1 {
    color: green;
}

.rateit2 .rateit2-preset-1-blocked {
    color: green;
}

.rateit2 .rateit2-preset-pred {
    color: rgb(62, 114, 255);
}

.rateit2 .rateit2-range * {
    display: block;
}

.rateit2-font {
    font-size: 20pt;
    line-height: 1em;
}

.rateit2 .rateit2-range {
    position: relative;
    display: inline-block;
    outline: 0;
}