/**
 * All of the CSS for your public-specific functionality should be
 * included in this file.
 * todo finish the scss implementation
 */
.cgfe_star_rating {
  float: left; }
  .cgfe_star_rating_container:after {
    content: "";
    display: table;
    clear: both; }
  .cgfe_star_rating label {
    width: 2em; }

.cgfe_star_rating:not(:checked) > input {
  position: absolute;
  visibility: hidden;
  clip: rect(0, 0, 0, 0); }

.cgfe_star_rating:not(:checked) > label {
  float: right;
  width: 2em;
  padding: 0 .1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.2; }

.icon-star {
  width: 2em;
  height: 2em;
  fill: #ccc;
  transition: all .3s; }

.cgfe_star_rating > input:checked ~ label .icon-star {
  fill: #fc0; }

.cgfe_star_rating:not(:checked) > label:hover .icon-star,
.cgfe_star_rating:not(:checked) > label:hover ~ label .icon-star {
  fill: #bbb; }

.cgfe_star_rating > input:checked + label:hover .icon-star,
.cgfe_star_rating > input:checked + label:hover ~ label .icon-star,
.cgfe_star_rating > input:checked ~ label:hover .icon-star,
.cgfe_star_rating > input:checked ~ label:hover ~ label .icon-star,
.cgfe_star_rating > label:hover ~ input:checked ~ label .icon-star {
  fill: #fd0; }

.cgfe_star_rating > label:active {
  position: relative;
  top: 1px;
  left: 1px; }

/*# sourceMappingURL=cgfe-public.css.map */