.star-rating-input-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  &.disabled {
    pointer-events: none;
  }

  .star-cell {
    position: relative;
    width: 33px;
    text-align: center;

    .star-half {
      position: absolute;
      top: 0;
      bottom: 0;

      &:hover {
        cursor: pointer;
      }

      &.first {
        left: 0;
        right: 50%;
      }

      &.last {
        left: 50%;
        right: 0;
      }
    }

    img {
      width: 26px;
      height: auto;
    }
  }

  &.smaller {
    width: 120px;

    .star-cell {

      img {
        width: 18px;
        height: auto;
      }
    }
  }
}

.star-rating-container {
  padding-left: 10px;

  &.has-border-right {
    border-right: 1px solid $off-white;
    padding-left: 0;
    padding-right: 10px;

  }

  .star-rating-label {
    text-transform: uppercase;
    color: $dark-mint;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 8px;
  }
}