/* === COLORS === */
/* === TRANSITIONS === */
/* === SIZES === */
/* New public web */
/* line 74, /mnt/quipuapp/app/assets/stylesheets/public/00-base/variables.sass */
.background-pastel-orange {
  background-color: #fce6a6;
}

/* line 76, /mnt/quipuapp/app/assets/stylesheets/public/00-base/variables.sass */
.background-pale-orange {
  background-color: #fef7e5;
}

/* line 78, /mnt/quipuapp/app/assets/stylesheets/public/00-base/variables.sass */
.background-pale-green {
  background-color: #eef7e5;
}

/* line 80, /mnt/quipuapp/app/assets/stylesheets/public/00-base/variables.sass */
.background-white {
  background-color: #fff;
}

/* line 82, /mnt/quipuapp/app/assets/stylesheets/public/00-base/variables.sass */
.color-dark-red {
  color: #970b00;
}

/* line 3, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch {
  height: 24px;
  width: 98px;
  border-radius: 16px;
  cursor: pointer;
  border: 1px solid #1F56C7;
  display: inline-block;
  position: relative;
}
/* line 11, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.05;
}
/* line 20, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch .bulb {
  background-color: #1F56C7;
  border-radius: 8px;
  height: 16px;
  width: 40px;
  position: absolute;
  top: 3px;
  left: 3px;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  overflow: hidden;
}
/* line 30, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch .bulb::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(-224deg, #428FE5 25%, #341FC7 65%);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 300%;
  height: 300%;
  top: -100%;
  left: -100%;
}
/* line 39, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch.right .bulb {
  transform: translateX(50px);
}
/* line 41, /mnt/quipuapp/app/assets/stylesheets/public/01-atoms/switch.sass */
.switch.right .bulb::before {
  transform: rotate(180deg);
}