.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  direction: ltr; }
  .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; }

.jq-ry-container[readonly="readonly"] {
  cursor: default; }