.kk-star-ratings {
 display: -webkit-inline-box !important;
 display: -webkit-inline-flex !important;
 display: -ms-inline-flexbox !important;
 display: inline-flex !important;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 vertical-align: text-top;
}
.kk-star-ratings.kksr-valign-top {
 margin-bottom: 2rem;
 display: -webkit-box !important;
 display: -webkit-flex !important;
 display: -ms-flexbox !important;
 display: flex !important;
}
.kk-star-ratings.kksr-valign-bottom {
 margin-top: 2rem;
 display: -webkit-box !important;
 display: -webkit-flex !important;
 display: -ms-flexbox !important;
 display: flex !important;
}
.kk-star-ratings.kksr-align-left {
 -webkit-box-pack: flex-start;
 -webkit-justify-content: flex-start;
 -ms-flex-pack: flex-start;
 justify-content: flex-start;
}
.kk-star-ratings.kksr-align-center {
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
}
.kk-star-ratings.kksr-align-right {
 -webkit-box-pack: flex-end;
 -webkit-justify-content: flex-end;
 -ms-flex-pack: flex-end;
 justify-content: flex-end;
}
.kk-star-ratings .kksr-muted {
 opacity: .5;
}
.kk-star-ratings .kksr-stars {
 /* display: flex; */
 position: relative;
}
.kk-star-ratings .kksr-stars .kksr-stars-active,
.kk-star-ratings .kksr-stars .kksr-stars-inactive {
 display: flex;
}
.kk-star-ratings .kksr-stars .kksr-stars-active {
 overflow: hidden;
 position: absolute;
 top: 0;
 left: 0;
}
.kk-star-ratings .kksr-stars .kksr-star {
 /* display: inline-flex; */
 cursor: pointer;
 margin-right: 0px;
}
.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {
 cursor: default;
}
.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {
 /* fill: currentColor;
 stroke: currentColor; */
 transition: .3s all;
}
/* Images */
.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {
 width: 0 !important;
}
.kk-star-ratings .kksr-stars .kksr-star .kksr-icon,
.kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {
 background-image: url("../svg/inactive.svg");
}
.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {
 background-image: url("../svg/active.svg");
}
.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon,
.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {
 background-image: url("../svg/selected.svg");
}
.kk-star-ratings .kksr-legend {
 margin-left: .75rem;
 margin-right: .75rem;
 font-size: 90%;
 opacity: .8;
 line-height: 1;
}
/* RTL */
[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {
 left: auto;
 right: 0;
}
[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-star {
 margin-left: 0px;
 margin-right: 0;
}