@charset "utf-8";

.jq-ry-container {
  position: relative;
  /*padding: 0 5px;*/
  line-height: 0;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
  cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

/* рейтинг в details */
.rating_full { width: 100%; display: flex; justify-content: unset }
.rating_left { display: flex; align-items: center; justify-content: center; height: inherit; padding-right: 10px }
.rating_left ul { margin: 0; padding: 0; height: 40px; overflow: hidden }
.rating_left ul > li { list-style-type: none; margin: 0; padding: 0; text-align: left; /*line-height: 1.3*/ }
.rating_right { width: auto; text-align: left; padding-left: 2%; margin-right: 5% }
.rating_right ul { margin-left: 0; margin-top: 0; padding-left: 0 }
.rating_right ul > li:hover::after { width: 100% }
.rating_right ul > li { cursor: pointer; margin: 4px;  list-style-type: decimal }
.rating_right ul > li::after { content: ''; display: block; width: 0; height: 2px; background-color: var(--custom-color, #ab209fc9); transition: width .3s }
.rating_right ul > li * li { list-style-type: circle }

.normalFill { fill: grey }
.ratedFill {  fill: #f39c12 }