.star-maker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* vertical-align: text-top; */
  }
  
  .star-maker.star-maker-vertical-align-top {
    margin-bottom: 2rem;
  }
  
  .star-maker.star-maker-vertical-align-bottom {
    margin-top: 2rem;
  }

  .star-maker.star-maker-vertical-align-center {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .star-maker.star-maker-align-left {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
  
  .star-maker.star-maker-align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .star-maker.star-maker-align-right {
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
  }
  
  .star-maker .star-maker-stars-container {
    position: relative;
  }
  
  .star-maker .star-maker-stars-container .star-maker-stars-container-active,
  .star-maker .star-maker-stars-container .star-maker-stars-container-inactive {
    display: flex;
  }
  
  .star-maker .star-maker-stars-container .star-maker-stars-container-active {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .star-maker .star-maker-stars-container .star-maker-star {
    cursor: pointer;
    padding-right: 0px;
  }
  
  .star-maker.star-maker-disabled .star-maker-stars-container .star-maker-star {
    cursor: default;
  }
  
  /* .star-maker .star-maker-stars-container .star-maker-stars-container-active .star-maker-star:last-child,
  .star-maker .star-maker-stars-container .star-maker-stars-container-inactive .star-maker-star:last-child {
    padding-right: 0px !important;
  } */
  
  .star-maker .star-maker-stars-container .star-maker-star .star-maker-icon {
    transition: .3s all;
  }
  
  /* Images */
  
  .star-maker:not(.star-maker-disabled) .star-maker-stars-container:hover .star-maker-stars-container-active {
    width: 0 !important;
  }
  
  .star-maker .star-maker-stars-container .star-maker-star .star-maker-icon,
  .star-maker:not(.star-maker-disabled) .star-maker-stars-container .star-maker-star:hover ~ .star-maker-star .star-maker-icon {
    background-image: url("../assets/starmaker/inactive.svg");
  }
  
  .star-maker .star-maker-stars-container .star-maker-stars-container-active .star-maker-star .star-maker-icon {
    background-image: url("../assets/starmaker/active.svg");
  }
  
  .star-maker.star-maker-disabled .star-maker-stars-container .star-maker-stars-container-active .star-maker-star .star-maker-icon,
  .star-maker:not(.star-maker-disabled) .star-maker-stars-container:hover .star-maker-star .star-maker-icon {
    background-image: url("../assets/starmaker/selected.svg");
  }
  
  /* Legend */
  
  .star-maker .star-maker-legend {
    margin-left: .75rem;
    margin-right: .75rem;
    /* font-size: 90%; */
    /* opacity: .8; */
    /* line-height: 1; */
  }
  
  /* RTL */
  
  [dir="rtl"] .star-maker .star-maker-stars-container .star-maker-stars-container-active {
    left: auto;
    right: 0;
  }
  
  /* [dir="rtl"] .star-maker .star-maker-stars-container .star-maker-stars-container-active .star-maker-star:last-child,
  [dir="rtl"] .star-maker .star-maker-stars-container .star-maker-stars-container-inactive .star-maker-star:last-child {
    padding-left: 0px !important;
  } */