@charset "UTF-8";
/* Mixin for multiline */
/* Center the display accordingly to its parent */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes corner-expand {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 20px;
    opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  8% {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  14% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  28% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  8% {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  14% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  28% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
:root {
  /** primary **/
  --ion-color-primary: #00b7b3;
  --ion-color-primary-rgb: 0, 183, 179;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #00a19e;
  --ion-color-primary-tint: #1abebb;
  /** secondary **/
  --ion-color-secondary: #00B1D0;
  --ion-color-secondary-rgb: 0, 177, 208;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #009cb7;
  --ion-color-secondary-tint: #1ab9d5;
  /** tertiary **/
  --ion-color-tertiary: #3b3f3f;
  --ion-color-tertiary-rgb: 76, 110, 121;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #343737;
  --ion-color-tertiary-tint: #4f5252;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #fff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f53d3d;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d83636;
  --ion-color-danger-tint: #f65050;
  /** light **/
  --ion-color-light: #fdfdfd;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d7d7;
  --ion-color-light-tint: #f5f5f5;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** dark **/
  --ion-color-dark: #222;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e1e1e;
  --ion-color-dark-tint: #383838;
  /** mainPlaces */
  --ion-color-mainPlaces: #c06457;
  --ion-color-mainPlaces-rgb: 192, 100, 87;
  --ion-color-mainPlaces-contrast: #ffffff;
  --ion-color-mainPlaces-contrast-rgb: 255, 255, 255;
  --ion-color-mainPlaces-shade: #a9584d;
  --ion-color-mainPlaces-tint: #c67468;
  /** aroundPlaces */
  --ion-color-aroundPlaces: #222;
  --ion-color-aroundPlaces-rgb: 34, 34, 34;
  --ion-color-aroundPlaces-contrast: #fff;
  --ion-color-aroundPlaces-contrast-rgb: 255, 255, 255;
  --ion-color-aroundPlaces-shade: #1e1e1e;
  --ion-color-aroundPlaces-tint: #383838;
  /* Material Design Toolbar Variables */
  --ion-toolbar-md-background-color: var(--ion-color-primary);
  --ion-toolbar-md-text-color: #fff;
  /** gold **/
  --ion-color-gold: #b9b029;
}

body {
  margin: 0px !important;
  padding: 0px;
  font-family: "Raleway", serif;
}

.hidden {
  opacity: 0;
}

.heartbeat-button {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", serif;
}

.title {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 600;
}

/*To fix an issue with stencil/core: 1.1.7 and stencil/sass: 1.0.1.,
we compiled all the scss to css*/
/*VARIABLES ====================================================*/
/*Range*/
/*Spacing*/
/*Colors*/
/*Sizes*/
/*Animation*/
/*Icons*/
/*Disabled*/
.center-all {
  /*CSS Star Rating Elements =================================================================*/
  /*HELPER*/
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Star element ==================================================================*/
.star {
  position: relative;
  width: 22px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Fill states ==================================================================*/
  /* Colors ==================================================================*/
  /* Icon Types ==================================================================*/
  /* Star Size ===================================================================*/
  /* Disabled =================================================*/
  /* Direction =================================================*/
}

.star svg,
.star i {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-style: normal;
}

.star svg.star-half,
.star i.star-half,
.star svg.star-filled,
.star i.star-filled {
  opacity: 0;
}

.star i {
  top: 1px;
  display: none;
}

.star.icon i,
.rating.star-icon i {
  font-size: 25px;
  line-height: 25px;
}

.star.icon i.star-empty:before,
.rating.star-icon i.star-empty:before {
  content: "☆";
}

.star.icon i.star-half:before,
.rating.star-icon i.star-half:before {
  content: "★";
}

.star.icon i.star-filled:before,
.rating.star-icon i.star-filled:before {
  content: "★";
}

.star.custom-icon i,
.rating.star-custom-icon i {
  font-size: 18px;
  line-height: 18px;
}

.star.empty svg.star-half,
.rating.hover:hover.value-1.half .star-container .star svg.star-half,
.rating.hover:hover.hover-1 .star-container .star svg.star-half,
.rating.hover:hover.value-2.half .star-container .star svg.star-half,
.rating.hover:hover.hover-2 .star-container .star svg.star-half,
.rating.hover:hover.value-3.half .star-container .star svg.star-half,
.rating.hover:hover.hover-3 .star-container .star svg.star-half,
.rating.hover:hover.value-4.half .star-container .star svg.star-half,
.rating.hover:hover.hover-4 .star-container .star svg.star-half,
.rating.hover:hover.value-5.half .star-container .star svg.star-half,
.rating.hover:hover.hover-5 .star-container .star svg.star-half,
.rating.hover:hover.value-6.half .star-container .star svg.star-half,
.rating.hover:hover.hover-6 .star-container .star svg.star-half,
.star.empty i.star-half,
.rating.hover:hover.value-1.half .star-container .star i.star-half,
.rating.hover:hover.hover-1 .star-container .star i.star-half,
.rating.hover:hover.value-2.half .star-container .star i.star-half,
.rating.hover:hover.hover-2 .star-container .star i.star-half,
.rating.hover:hover.value-3.half .star-container .star i.star-half,
.rating.hover:hover.hover-3 .star-container .star i.star-half,
.rating.hover:hover.value-4.half .star-container .star i.star-half,
.rating.hover:hover.hover-4 .star-container .star i.star-half,
.rating.hover:hover.value-5.half .star-container .star i.star-half,
.rating.hover:hover.hover-5 .star-container .star i.star-half,
.rating.hover:hover.value-6.half .star-container .star i.star-half,
.rating.hover:hover.hover-6 .star-container .star i.star-half,
.star.empty svg.star-filled,
.rating.hover:hover.value-1.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-1 .star-container .star svg.star-filled,
.rating.hover:hover.value-2.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-2 .star-container .star svg.star-filled,
.rating.hover:hover.value-3.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-3 .star-container .star svg.star-filled,
.rating.hover:hover.value-4.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-4 .star-container .star svg.star-filled,
.rating.hover:hover.value-5.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-5 .star-container .star svg.star-filled,
.rating.hover:hover.value-6.half .star-container .star svg.star-filled,
.rating.hover:hover.hover-6 .star-container .star svg.star-filled,
.star.empty i.star-filled,
.rating.hover:hover.value-1.half .star-container .star i.star-filled,
.rating.hover:hover.hover-1 .star-container .star i.star-filled,
.rating.hover:hover.value-2.half .star-container .star i.star-filled,
.rating.hover:hover.hover-2 .star-container .star i.star-filled,
.rating.hover:hover.value-3.half .star-container .star i.star-filled,
.rating.hover:hover.hover-3 .star-container .star i.star-filled,
.rating.hover:hover.value-4.half .star-container .star i.star-filled,
.rating.hover:hover.hover-4 .star-container .star i.star-filled,
.rating.hover:hover.value-5.half .star-container .star i.star-filled,
.rating.hover:hover.hover-5 .star-container .star i.star-filled,
.rating.hover:hover.value-6.half .star-container .star i.star-filled,
.rating.hover:hover.hover-6 .star-container .star i.star-filled {
  opacity: 0;
}

.star.empty svg.star-empty,
.rating.hover:hover.value-1.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-1 .star-container .star svg.star-empty,
.rating.hover:hover.value-2.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-2 .star-container .star svg.star-empty,
.rating.hover:hover.value-3.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-3 .star-container .star svg.star-empty,
.rating.hover:hover.value-4.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-4 .star-container .star svg.star-empty,
.rating.hover:hover.value-5.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-5 .star-container .star svg.star-empty,
.rating.hover:hover.value-6.half .star-container .star svg.star-empty,
.rating.hover:hover.hover-6 .star-container .star svg.star-empty,
.star.empty i.star-empty,
.rating.hover:hover.value-1.half .star-container .star i.star-empty,
.rating.hover:hover.hover-1 .star-container .star i.star-empty,
.rating.hover:hover.value-2.half .star-container .star i.star-empty,
.rating.hover:hover.hover-2 .star-container .star i.star-empty,
.rating.hover:hover.value-3.half .star-container .star i.star-empty,
.rating.hover:hover.hover-3 .star-container .star i.star-empty,
.rating.hover:hover.value-4.half .star-container .star i.star-empty,
.rating.hover:hover.hover-4 .star-container .star i.star-empty,
.rating.hover:hover.value-5.half .star-container .star i.star-empty,
.rating.hover:hover.hover-5 .star-container .star i.star-empty,
.rating.hover:hover.value-6.half .star-container .star i.star-empty,
.rating.hover:hover.hover-6 .star-container .star i.star-empty {
  opacity: 1;
}

.star.half svg.star-filled,
.rating.value-0.half .star:nth-child(1) svg.star-filled,
.rating.value-1.half .star-container .star:nth-child(2) svg.star-filled,
.rating.value-2.half .star-container .star:nth-child(3) svg.star-filled,
.rating.value-3.half .star-container .star:nth-child(4) svg.star-filled,
.rating.value-4.half .star-container .star:nth-child(5) svg.star-filled,
.rating.value-5.half .star-container .star:nth-child(6) svg.star-filled,
.star.half i.star-filled,
.rating.value-0.half .star:nth-child(1) i.star-filled,
.rating.value-1.half .star-container .star:nth-child(2) i.star-filled,
.rating.value-2.half .star-container .star:nth-child(3) i.star-filled,
.rating.value-3.half .star-container .star:nth-child(4) i.star-filled,
.rating.value-4.half .star-container .star:nth-child(5) i.star-filled,
.rating.value-5.half .star-container .star:nth-child(6) i.star-filled,
.star.half svg.star-empty,
.rating.value-0.half .star:nth-child(1) svg.star-empty,
.rating.value-1.half .star-container .star:nth-child(2) svg.star-empty,
.rating.value-2.half .star-container .star:nth-child(3) svg.star-empty,
.rating.value-3.half .star-container .star:nth-child(4) svg.star-empty,
.rating.value-4.half .star-container .star:nth-child(5) svg.star-empty,
.rating.value-5.half .star-container .star:nth-child(6) svg.star-empty,
.star.half i.star-empty,
.rating.value-0.half .star:nth-child(1) i.star-empty,
.rating.value-1.half .star-container .star:nth-child(2) i.star-empty,
.rating.value-2.half .star-container .star:nth-child(3) i.star-empty,
.rating.value-3.half .star-container .star:nth-child(4) i.star-empty,
.rating.value-4.half .star-container .star:nth-child(5) i.star-empty,
.rating.value-5.half .star-container .star:nth-child(6) i.star-empty {
  opacity: 0;
}

.star.half svg.star-half,
.rating.value-0.half .star:nth-child(1) svg.star-half,
.rating.value-1.half .star-container .star:nth-child(2) svg.star-half,
.rating.value-2.half .star-container .star:nth-child(3) svg.star-half,
.rating.value-3.half .star-container .star:nth-child(4) svg.star-half,
.rating.value-4.half .star-container .star:nth-child(5) svg.star-half,
.rating.value-5.half .star-container .star:nth-child(6) svg.star-half,
.star.half i.star-half,
.rating.value-0.half .star:nth-child(1) i.star-half,
.rating.value-1.half .star-container .star:nth-child(2) i.star-half,
.rating.value-2.half .star-container .star:nth-child(3) i.star-half,
.rating.value-3.half .star-container .star:nth-child(4) i.star-half,
.rating.value-4.half .star-container .star:nth-child(5) i.star-half,
.rating.value-5.half .star-container .star:nth-child(6) i.star-half {
  opacity: 1;
}

.star.filled svg.star-empty,
.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-empty,
.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-empty,
.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-empty,
.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-empty,
.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-empty,
.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-empty,
.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-empty,
.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-empty,
.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-empty,
.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-empty,
.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-empty,
.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-empty,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-empty,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-empty,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-empty,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-empty,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-empty,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-empty,
.star.filled i.star-empty,
.rating.value-6 .star-container .star:nth-child(-n+6) i.star-empty,
.rating.value-7 .star-container .star:nth-child(-n+7) i.star-empty,
.rating.value-8 .star-container .star:nth-child(-n+8) i.star-empty,
.rating.value-9 .star-container .star:nth-child(-n+9) i.star-empty,
.rating.value-10 .star-container .star:nth-child(-n+10) i.star-empty,
.rating.value-11 .star-container .star:nth-child(-n+11) i.star-empty,
.rating.value-12 .star-container .star:nth-child(-n+12) i.star-empty,
.rating.value-1 .star-container .star:nth-child(-n+1) i.star-empty,
.rating.value-2 .star-container .star:nth-child(-n+2) i.star-empty,
.rating.value-3 .star-container .star:nth-child(-n+3) i.star-empty,
.rating.value-4 .star-container .star:nth-child(-n+4) i.star-empty,
.rating.value-5 .star-container .star:nth-child(-n+5) i.star-empty,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-empty,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-empty,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-empty,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-empty,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-empty,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-empty,
.star.filled svg.star-filled,
.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,
.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,
.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,
.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,
.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,
.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,
.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,
.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,
.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,
.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,
.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,
.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled,
.star.filled i.star-filled,
.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,
.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,
.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,
.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,
.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,
.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,
.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,
.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,
.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,
.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,
.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,
.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled {
  opacity: 0;
}

.star.filled svg.star-filled,
.rating.value-6 .star-container .star:nth-child(-n+6) svg.star-filled,
.rating.value-7 .star-container .star:nth-child(-n+7) svg.star-filled,
.rating.value-8 .star-container .star:nth-child(-n+8) svg.star-filled,
.rating.value-9 .star-container .star:nth-child(-n+9) svg.star-filled,
.rating.value-10 .star-container .star:nth-child(-n+10) svg.star-filled,
.rating.value-11 .star-container .star:nth-child(-n+11) svg.star-filled,
.rating.value-12 .star-container .star:nth-child(-n+12) svg.star-filled,
.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,
.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,
.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,
.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,
.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) svg.star-filled,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) svg.star-filled,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) svg.star-filled,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) svg.star-filled,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) svg.star-filled,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) svg.star-filled,
.star.filled i.star-filled,
.rating.value-6 .star-container .star:nth-child(-n+6) i.star-filled,
.rating.value-7 .star-container .star:nth-child(-n+7) i.star-filled,
.rating.value-8 .star-container .star:nth-child(-n+8) i.star-filled,
.rating.value-9 .star-container .star:nth-child(-n+9) i.star-filled,
.rating.value-10 .star-container .star:nth-child(-n+10) i.star-filled,
.rating.value-11 .star-container .star:nth-child(-n+11) i.star-filled,
.rating.value-12 .star-container .star:nth-child(-n+12) i.star-filled,
.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled,
.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,
.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,
.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,
.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,
.rating.hover:hover.hover-1 .star-container .star:nth-child(-n+1) i.star-filled,
.rating.hover:hover.hover-2 .star-container .star:nth-child(-n+2) i.star-filled,
.rating.hover:hover.hover-3 .star-container .star:nth-child(-n+3) i.star-filled,
.rating.hover:hover.hover-4 .star-container .star:nth-child(-n+4) i.star-filled,
.rating.hover:hover.hover-5 .star-container .star:nth-child(-n+5) i.star-filled,
.rating.hover:hover.hover-6 .star-container .star:nth-child(-n+6) i.star-filled {
  opacity: 1;
}

.star.default svg,
.star-container .star svg {
  fill: #fdd835 !important;
}

.star.default i,
.star-container .star i {
  color: #fdd835 !important;
}

.star.negative svg,
.rating.hover:hover.hover-1 .star-container .star svg,
.rating.hover:hover.hover-2 .star-container .star svg,
.rating.value-0.half .star svg {
  fill: #f03c56;
}

.star.negative i,
.rating.hover:hover.hover-1 .star-container .star i,
.rating.hover:hover.hover-2 .star-container .star i,
.rating.value-0.half .star i {
  color: #f03c56;
}

.star.ok svg,
.rating.hover:hover.hover-3 .star-container .star svg {
  fill: #ffc058;
}

.star.ok i,
.rating.hover:hover.hover-3 .star-container .star i {
  color: #ffc058;
}

.star.positive svg,
.rating.value-6 .star-container .star svg,
.rating.value-7 .star-container .star svg,
.rating.value-8 .star-container .star svg,
.rating.value-9 .star-container .star svg,
.rating.value-10 .star-container .star svg,
.rating.value-11 .star-container .star svg,
.rating.value-12 .star-container .star svg,
.rating.hover:hover.hover-4 .star-container .star svg,
.rating.hover:hover.hover-5 .star-container .star svg,
.rating.hover:hover.hover-6 .star-container .star svg {
  fill: #7ed321;
}

.star.positive i,
.rating.value-6 .star-container .star i,
.rating.value-7 .star-container .star i,
.rating.value-8 .star-container .star i,
.rating.value-9 .star-container .star i,
.rating.value-10 .star-container .star i,
.rating.value-11 .star-container .star i,
.rating.value-12 .star-container .star i,
.rating.hover:hover.hover-4 .star-container .star i,
.rating.hover:hover.hover-5 .star-container .star i,
.rating.hover:hover.hover-6 .star-container .star i {
  color: #7ed321;
}

.star.svg i,
.rating.star-svg i {
  display: none;
}

.star.svg svg,
.rating.star-svg svg {
  display: flex;
}

.star.custom-icon svg,
.rating.star-custom-icon svg,
.star.icon svg,
.rating.star-icon svg {
  display: none;
}

.star.custom-icon i,
.rating.star-custom-icon i,
.star.icon i,
.rating.star-icon i {
  display: flex;
}

.star.small,
.rating.small .star {
  width: 10px;
  height: 9, 5px;
}

.star.small i,
.rating.small .star i {
  font-size: 11px;
  line-height: 10px;
}

.star.medium,
.rating.medium .star {
  width: 22px;
  height: 22px;
}

.star.medium i,
.rating.medium .star i {
  font-size: 25px;
  line-height: 25px;
}

.star.large,
.rating.large .star {
  width: 35px;
  height: 33.3px;
}

.star.large i,
.rating.large .star i {
  font-size: 36px;
  line-height: 35px;
}

.star.disabled,
.rating.disabled .star-container .star {
  opacity: 0.5;
}

.star.direction-rtl svg.star-half,
.rating.direction-rtl .star-container .star svg.star-half,
.star-container.direction-rtl .star svg.star-half,
.star.direction-rtl i.star-half,
.rating.direction-rtl .star-container .star i.star-half,
.star-container.direction-rtl .star i.star-half {
  transform: scale(-1, 1);
}

.star.direction-ltr svg.star-half,
.star-container.direction-ltr .star svg.star-half,
.star.direction-ltr i.star-half,
.star-container.direction-ltr .star i.star-half {
  transform: scale(1, 1);
}

/* Label Element ===================================================================*/
.label-value {
  font-size: 18px;
  line-height: 18px;
  /* Sizes =================================================================*/
  /* Disabled =================================================*/
}

.label-value.small,
.rating.small .label-value {
  font-size: 9.5px;
  line-height: 9.5px;
}

.label-value.medium,
.rating.medium .label-value {
  font-size: 18px;
  line-height: 25px;
}

.label-value.large,
.rating.large .label-value {
  font-size: 28px;
  line-height: 35px;
}

.label-value.disabled,
.rating.disabled .label-value {
  opacity: 0.5;
}

/* Star Container ==================================================================*/
.star-container {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
  margin-left: 5px;
  margin-right: 5px;
  transition: all 0.3s ease;
  /* Direction ===================================================*/
  /* Space ======================================================*/
}

.star-container + .star {
  margin-left: 5px;
}

.star-container .star {
  transition: all 0.3s ease;
}

.star-container .star svg,
.star-container .star i {
  transition: all 0.3s ease;
}

.star-container svg {
  z-index: 2;
}

.star-container i {
  z-index: 1;
}

.star-container.direction-rtl {
  direction: rtl;
}

.star-container.direction-ltr {
  direction: ltr;
}

.star-container.space-no,
.rating.space-no .star-container {
  flex: 1 1 auto;
  justify-content: center;
}

.star-container.space-between,
.rating.space-between .star-container {
  flex: 1 1 auto;
  justify-content: space-between;
}

.star-container.space-around,
.rating.space-around .star-container {
  flex: 1 1 auto;
  justify-content: space-around;
}

/* Rating Component ========================================================================= */
.rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  /*Rating Value ====================================================*/
  /*Hover states ====================================================*/
  /*Half stars ====================================================*/
  /*Label Visible ====================================================*/
  /*Label Position ====================================================*/
  /* Direction ===================================================*/
  /* Star Type ====================================================*/
  /* Sizes ==========================================================*/
  /* Space ====================================================*/
  /* Static Color ====================================================*/
  /*Disabled ====================================================*/
  /*AnimationSpeed ====================================================*/
}

.rating.value-1 .star-container .star svg {
  fill: #f03c56;
}

.rating.value-1 .star-container .star i {
  color: #f03c56;
}

.rating.value-2 .star-container .star svg {
  fill: #f03c56;
}

.rating.value-2 .star-container .star i {
  color: #f03c56;
}

.rating.value-3 .star-container .star svg {
  fill: #ffc058;
}

.rating.value-3 .star-container .star i {
  color: #ffc058;
}

.rating.value-4 .star-container .star svg {
  fill: #7ed321;
}

.rating.value-4 .star-container .star i {
  color: #7ed321;
}

.rating.value-5 .star-container .star svg {
  fill: #7ed321;
}

.rating.value-5 .star-container .star i {
  color: #7ed321;
}

.rating.value-6 .star-container .star svg {
  fill: #7ed321;
}

.rating.value-6 .star-container .star i {
  color: #7ed321;
}

.rating.label-hidden .label-value {
  display: none;
}

.rating.label-visible {
  display: flex;
}

.rating.label-top {
  flex-direction: column;
}

.rating.label-top .label-value + .star-container {
  margin-left: 0;
  margin-right: 0;
  margin-top: 5px;
}

.rating.label-left .label-value {
  flex: 0 0 auto;
}

.rating.label-left .label-value + .star-container {
  margin-left: 5px;
  margin-right: 0;
}

.rating.label-right {
  flex-direction: row-reverse;
}

.rating.label-right .label-value + .star-container {
  margin-left: 0;
  margin-right: 5px;
}

.rating.label-bottom {
  flex-direction: column-reverse;
}

.rating.label-bottom .label-value + .star-container {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5px;
}

.rating.direction-rtl,
.star-container.direction-rtl .star.rating {
  direction: rtl;
}

.rating.direction-ltr,
.star-container.direction-ltr .star.rating {
  direction: ltr;
}

.rating.color-default .star-container .star svg {
  fill: #fdd835 !important;
}

.rating.color-default .star-container .star i {
  color: #fdd835 !important;
}

.rating.color-ok .star-container .star svg {
  fill: #ffc058 !important;
}

.rating.color-ok .star-container .star i {
  color: #ffc058 !important;
}

.rating.color-positive .star-container .star svg {
  fill: #7ed321 !important;
}

.rating.color-positive .star-container .star i {
  color: #7ed321 !important;
}

.rating.color-negative .star-container .star svg {
  fill: #f03c56 !important;
}

.rating.color-negative .star-container .star i {
  color: #f03c56 !important;
}

.rating.immediately .star-container {
  transition: all none;
}

.rating.immediately .star-container .star {
  transition: none;
}

.rating.immediately .star-container .star svg,
.rating.immediately .star-container .star i {
  transition: none;
}

.rating.noticeable .star-container {
  transition: all 0.3s ease;
}

.rating.noticeable .star-container .star {
  transition: all 0.3s ease;
}

.rating.noticeable .star-container .star svg,
.rating.noticeable .star-container .star i {
  transition: all 0.3s ease;
}

.rating.slow .star-container {
  transition: all 0.8s ease;
}

.rating.slow .star-container .star {
  transition: all 0.8s ease;
}

.rating.slow .star-container .star svg,
.rating.slow .star-container .star i {
  transition: all 0.8s ease;
}

star-rating .light-star {
  color: white !important;
}
star-rating .colored-star {
  color: #FDD835 !important;
}