/*!
 * # Fomantic-UI 2.9.4 - Rating
 * https://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * https://opensource.org/licenses/MIT
 *
 */


/*******************************
           Rating
*******************************/

.ui.rating {
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline;
}
.ui.rating:last-child {
  margin-right: 0;
}

/* Icon */
.ui.rating .icon {
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
  line-height: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}


/*******************************
             Types
*******************************/


/* -------------------
      Standard
-------------------- */

/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
}

/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85);
}

/* Partially Active Icon */
.ui.rating .icon.partial.active {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
}

/* central override for colors */
.ui.ui.ui.rating .icon.partial.active {
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active,
.ui.rating .icon.selected.partial.active {
  background: transparent;
  color: #0f172a;
  background-clip: unset;
}

/* --------------
     Colors
-------------- */
.ui.primary.rating .active.icon {
  color: #60a5fa;
  text-shadow: 0 -1px 0 #2563eb, -1px 0 0 #2563eb, 0 1px 0 #2563eb, 1px 0 0 #2563eb;
}
.ui.primary.rating .icon.selected,
.ui.primary.rating .icon.selected.active,
.ui.primary.rating .icon.selected.partial.active {
  background: inherit;
  color: #2888ff;
  text-shadow: 0 -1px 0 #0a51ec, -1px 0 0 #0a51ec, 0 1px 0 #0a51ec, 1px 0 0 #0a51ec;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.primary.rating .icon.partial.active {
  background: linear-gradient(to right, #60a5fa 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #2563eb 0.78px;
}
.ui.secondary.rating .active.icon {
  color: #475569;
  text-shadow: 0 -1px 0 #0f172a, -1px 0 0 #0f172a, 0 1px 0 #0f172a, 1px 0 0 #0f172a;
}
.ui.secondary.rating .icon.selected,
.ui.secondary.rating .icon.selected.active,
.ui.secondary.rating .icon.selected.partial.active {
  background: inherit;
  color: #596d8a;
  text-shadow: 0 -1px 0 #14203f, -1px 0 0 #14203f, 0 1px 0 #14203f, 1px 0 0 #14203f;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.secondary.rating .icon.partial.active {
  background: linear-gradient(to right, #475569 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #0f172a 0.78px;
}
.ui.red.rating .active.icon {
  color: #f87171;
  text-shadow: 0 -1px 0 #dc2626, -1px 0 0 #dc2626, 0 1px 0 #dc2626, 1px 0 0 #dc2626;
}
.ui.red.rating .icon.selected,
.ui.red.rating .icon.selected.active,
.ui.red.rating .icon.selected.partial.active {
  background: inherit;
  color: #ff3737;
  text-shadow: 0 -1px 0 #d11818, -1px 0 0 #d11818, 0 1px 0 #d11818, 1px 0 0 #d11818;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.red.rating .icon.partial.active {
  background: linear-gradient(to right, #f87171 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #dc2626 0.78px;
}
.ui.orange.rating .active.icon {
  color: #fb923c;
  text-shadow: 0 -1px 0 #f97316, -1px 0 0 #f97316, 0 1px 0 #f97316, 1px 0 0 #f97316;
}
.ui.orange.rating .icon.selected,
.ui.orange.rating .icon.selected.active,
.ui.orange.rating .icon.selected.partial.active {
  background: inherit;
  color: #ff7605;
  text-shadow: 0 -1px 0 #f66500, -1px 0 0 #f66500, 0 1px 0 #f66500, 1px 0 0 #f66500;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.orange.rating .icon.partial.active {
  background: linear-gradient(to right, #fb923c 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #f97316 0.78px;
}
.ui.yellow.rating .active.icon {
  color: #facc15;
  text-shadow: 0 -1px 0 #eab308, -1px 0 0 #eab308, 0 1px 0 #eab308, 1px 0 0 #eab308;
}
.ui.yellow.rating .icon.selected,
.ui.yellow.rating .icon.selected.active,
.ui.yellow.rating .icon.selected.partial.active {
  background: inherit;
  color: #dcb000;
  text-shadow: 0 -1px 0 #d9a400, -1px 0 0 #d9a400, 0 1px 0 #d9a400, 1px 0 0 #d9a400;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.yellow.rating .icon.partial.active {
  background: linear-gradient(to right, #facc15 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #eab308 0.78px;
}
.ui.olive.rating .active.icon {
  color: #a3e635;
  text-shadow: 0 -1px 0 #84cc16, -1px 0 0 #84cc16, 0 1px 0 #84cc16, 1px 0 0 #84cc16;
}
.ui.olive.rating .icon.selected,
.ui.olive.rating .icon.selected.active,
.ui.olive.rating .icon.selected.partial.active {
  background: inherit;
  color: #8cd711;
  text-shadow: 0 -1px 0 #77bd0b, -1px 0 0 #77bd0b, 0 1px 0 #77bd0b, 1px 0 0 #77bd0b;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.olive.rating .icon.partial.active {
  background: linear-gradient(to right, #a3e635 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #84cc16 0.78px;
}
.ui.green.rating .active.icon {
  color: #4ade80;
  text-shadow: 0 -1px 0 #16a34a, -1px 0 0 #16a34a, 0 1px 0 #16a34a, 1px 0 0 #16a34a;
}
.ui.green.rating .icon.selected,
.ui.green.rating .icon.selected.active,
.ui.green.rating .icon.selected.partial.active {
  background: inherit;
  color: #1dd861;
  text-shadow: 0 -1px 0 #0d933e, -1px 0 0 #0d933e, 0 1px 0 #0d933e, 1px 0 0 #0d933e;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.green.rating .icon.partial.active {
  background: linear-gradient(to right, #4ade80 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #16a34a 0.78px;
}
.ui.teal.rating .active.icon {
  color: #2dd4bf;
  text-shadow: 0 -1px 0 #14b8a6, -1px 0 0 #14b8a6, 0 1px 0 #14b8a6, 1px 0 0 #14b8a6;
}
.ui.teal.rating .icon.selected,
.ui.teal.rating .icon.selected.active,
.ui.teal.rating .icon.selected.partial.active {
  background: inherit;
  color: #1cb29f;
  text-shadow: 0 -1px 0 #0aa897, -1px 0 0 #0aa897, 0 1px 0 #0aa897, 1px 0 0 #0aa897;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.teal.rating .icon.partial.active {
  background: linear-gradient(to right, #2dd4bf 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #14b8a6 0.78px;
}
.ui.blue.rating .active.icon {
  color: #60a5fa;
  text-shadow: 0 -1px 0 #2563eb, -1px 0 0 #2563eb, 0 1px 0 #2563eb, 1px 0 0 #2563eb;
}
.ui.blue.rating .icon.selected,
.ui.blue.rating .icon.selected.active,
.ui.blue.rating .icon.selected.partial.active {
  background: inherit;
  color: #2888ff;
  text-shadow: 0 -1px 0 #0a51ec, -1px 0 0 #0a51ec, 0 1px 0 #0a51ec, 1px 0 0 #0a51ec;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.blue.rating .icon.partial.active {
  background: linear-gradient(to right, #60a5fa 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #2563eb 0.78px;
}
.ui.violet.rating .active.icon {
  color: #a78bfa;
  text-shadow: 0 -1px 0 #8b5cf6, -1px 0 0 #8b5cf6, 0 1px 0 #8b5cf6, 1px 0 0 #8b5cf6;
}
.ui.violet.rating .icon.selected,
.ui.violet.rating .icon.selected.active,
.ui.violet.rating .icon.selected.partial.active {
  background: inherit;
  color: #7e53ff;
  text-shadow: 0 -1px 0 #763bfe, -1px 0 0 #763bfe, 0 1px 0 #763bfe, 1px 0 0 #763bfe;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.violet.rating .icon.partial.active {
  background: linear-gradient(to right, #a78bfa 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #8b5cf6 0.78px;
}
.ui.purple.rating .active.icon {
  color: #c084fc;
  text-shadow: 0 -1px 0 #a855f7, -1px 0 0 #a855f7, 0 1px 0 #a855f7, 1px 0 0 #a855f7;
}
.ui.purple.rating .icon.selected,
.ui.purple.rating .icon.selected.active,
.ui.purple.rating .icon.selected.partial.active {
  background: inherit;
  color: #a64eff;
  text-shadow: 0 -1px 0 #9c33ff, -1px 0 0 #9c33ff, 0 1px 0 #9c33ff, 1px 0 0 #9c33ff;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.purple.rating .icon.partial.active {
  background: linear-gradient(to right, #c084fc 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #a855f7 0.78px;
}
.ui.pink.rating .active.icon {
  color: #f472b6;
  text-shadow: 0 -1px 0 #ec4899, -1px 0 0 #ec4899, 0 1px 0 #ec4899, 1px 0 0 #ec4899;
}
.ui.pink.rating .icon.selected,
.ui.pink.rating .icon.selected.active,
.ui.pink.rating .icon.selected.partial.active {
  background: inherit;
  color: #f93a9e;
  text-shadow: 0 -1px 0 #f3288c, -1px 0 0 #f3288c, 0 1px 0 #f3288c, 1px 0 0 #f3288c;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.pink.rating .icon.partial.active {
  background: linear-gradient(to right, #f472b6 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #ec4899 0.78px;
}
.ui.brown.rating .active.icon {
  color: #d97706;
  text-shadow: 0 -1px 0 #92400e, -1px 0 0 #92400e, 0 1px 0 #92400e, 1px 0 0 #92400e;
}
.ui.brown.rating .icon.selected,
.ui.brown.rating .icon.selected.active,
.ui.brown.rating .icon.selected.partial.active {
  background: inherit;
  color: #ac5c00;
  text-shadow: 0 -1px 0 #803406, -1px 0 0 #803406, 0 1px 0 #803406, 1px 0 0 #803406;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.brown.rating .icon.partial.active {
  background: linear-gradient(to right, #d97706 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #92400e 0.78px;
}
.ui.grey.rating .active.icon {
  color: #e2e8f0;
  text-shadow: 0 -1px 0 #64748b, -1px 0 0 #64748b, 0 1px 0 #64748b, 1px 0 0 #64748b;
}
.ui.grey.rating .icon.selected,
.ui.grey.rating .icon.selected.active,
.ui.grey.rating .icon.selected.partial.active {
  background: inherit;
  color: #bfcde0;
  text-shadow: 0 -1px 0 #708198, -1px 0 0 #708198, 0 1px 0 #708198, 1px 0 0 #708198;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.grey.rating .icon.partial.active {
  background: linear-gradient(to right, #e2e8f0 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #64748b 0.78px;
}
.ui.black.rating .active.icon {
  color: #475569;
  text-shadow: 0 -1px 0 #0f172a, -1px 0 0 #0f172a, 0 1px 0 #0f172a, 1px 0 0 #0f172a;
}
.ui.black.rating .icon.selected,
.ui.black.rating .icon.selected.active,
.ui.black.rating .icon.selected.partial.active {
  background: inherit;
  color: #000000;
  text-shadow: 0 -1px 0 #16213d, -1px 0 0 #16213d, 0 1px 0 #16213d, 1px 0 0 #16213d;
  -webkit-text-stroke: unset;
  background-clip: unset;
}
.ui.black.rating .icon.partial.active {
  background: linear-gradient(to right, #475569 0% var(--full), rgba(0, 0, 0, 0.15) var(--full) 100%);
  -webkit-text-stroke: #0f172a 0.78px;
}


/*******************************
             States
*******************************/


/* -------------------
           Disabled
    -------------------- */

/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default;
  pointer-events: none;
}

/* -------------------
   User Interactive
-------------------- */

/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1;
}
.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1;
}


/*******************************
          Variations
*******************************/

.ui.rating {
  font-size: 1rem;
}
.ui.mini.rating {
  font-size: 0.78571429rem;
}
.ui.tiny.rating {
  font-size: 0.85714286rem;
}
.ui.small.rating {
  font-size: 0.92857143rem;
}
.ui.large.rating {
  font-size: 1.14285714rem;
}
.ui.big.rating {
  font-size: 1.28571429rem;
}
.ui.huge.rating {
  font-size: 1.42857143rem;
}
.ui.massive.rating {
  font-size: 2rem;
}


/*******************************
         Theme Overrides
*******************************/



/*******************************
         Site Overrides
*******************************/