.svg-inline--fa,
svg:not(:root).svg-inline--fa {
  overflow: visible;
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -0.125em;
}

.svg-inline--fa.fa-lg {
  vertical-align: -0.225em;
}

.svg-inline--fa.fa-w-1 {
  width: 0.0625em;
}

.svg-inline--fa.fa-w-2 {
  width: 0.125em;
}

.svg-inline--fa.fa-w-3 {
  width: 0.1875em;
}

.svg-inline--fa.fa-w-4 {
  width: 0.25em;
}

.svg-inline--fa.fa-w-5 {
  width: 0.3125em;
}

.svg-inline--fa.fa-w-6 {
  width: 0.375em;
}

.svg-inline--fa.fa-w-7 {
  width: 0.4375em;
}

.svg-inline--fa.fa-w-8 {
  width: 0.5em;
}

.svg-inline--fa.fa-w-9 {
  width: 0.5625em;
}

.svg-inline--fa.fa-w-10 {
  width: 0.625em;
}

.svg-inline--fa.fa-w-11 {
  width: 0.6875em;
}

.svg-inline--fa.fa-w-12 {
  width: 0.75em;
}

.svg-inline--fa.fa-w-13 {
  width: 0.8125em;
}

.svg-inline--fa.fa-w-14 {
  width: 0.875em;
}

.svg-inline--fa.fa-w-15 {
  width: 0.9375em;
}

.svg-inline--fa.fa-w-16 {
  width: 1em;
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em;
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em;
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em;
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em;
}

.svg-inline--fa.fa-pull-left {
  margin-right: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-pull-right {
  margin-left: 0.3em;
  width: auto;
}

.svg-inline--fa.fa-border {
  height: 1.5em;
}

.svg-inline--fa.fa-li {
  width: 2em;
}

.svg-inline--fa.fa-fw {
  width: 1.25em;
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}

.fa-layers svg.svg-inline--fa {
  transform-origin: center center;
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: 0.25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transform: scale(0.25);
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  transform: scale(0.25);
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  transform: scale(0.25);
  transform-origin: bottom left;
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  transform: scale(0.25);
  transform-origin: top right;
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  transform: scale(0.25);
  transform-origin: top left;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: 0.08em solid #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s steps(8) infinite;
  animation: fa-spin 1s steps(8) infinite;
}

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: #fff;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.svg-inline--fa .fa-primary {
  fill: currentColor;
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: currentColor;
  fill: var(--fa-secondary-color, currentColor);
}

.svg-inline--fa .fa-secondary,
.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: #000;
}

.fad.fa-inverse {
  color: #fff;
}

fieldset[disabled] .multiselect {
  pointer-events: none;
}

.multiselect__spinner {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
}

.multiselect__spinner:after,
.multiselect__spinner:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 2px solid transparent;
  border-top-color: #41b883;
  box-shadow: 0 0 0 1px transparent;
}

.multiselect__spinner:before {
  -webkit-animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.multiselect__spinner:after {
  -webkit-animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.multiselect__loading-enter-active,
.multiselect__loading-leave-active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}

.multiselect__loading-enter,
.multiselect__loading-leave-active {
  opacity: 0;
}

.multiselect,
.multiselect__input,
.multiselect__single {
  font-family: inherit;
  font-size: 16px;
  touch-action: manipulation;
}

.multiselect {
  box-sizing: content-box;
  display: block;
  position: relative;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
}

.multiselect * {
  box-sizing: border-box;
}

.multiselect:focus {
  outline: none;
}

.multiselect--disabled {
  background: #ededed;
  pointer-events: none;
  opacity: 0.6;
}

.multiselect--active {
  z-index: 50;
}

.multiselect--active:not(.multiselect--above) .multiselect__current,
.multiselect--active:not(.multiselect--above) .multiselect__input,
.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.multiselect__input,
.multiselect__single {
  position: relative;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border: none;
  border-radius: 5px;
  background: #fff;
  padding: 0 0 0 5px;
  width: 100%;
  transition: border 0.1s ease;
  box-sizing: border-box;
  margin-bottom: 8px;
  vertical-align: top;
}

.multiselect__input:-ms-input-placeholder {
  color: #35495e;
}

.multiselect__input::-moz-placeholder {
  color: #35495e;
}

.multiselect__input::placeholder {
  color: #35495e;
}

.multiselect__tag ~ .multiselect__input,
.multiselect__tag ~ .multiselect__single {
  width: auto;
}

.multiselect__input:hover,
.multiselect__single:hover {
  border-color: #cfcfcf;
}

.multiselect__input:focus,
.multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}

.multiselect__single {
  padding-left: 5px;
  margin-bottom: 8px;
}

.multiselect__tags-wrap {
  display: inline;
}

.multiselect__tags {
  min-height: 40px;
  display: block;
  padding: 8px 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  background: #fff;
  font-size: 14px;
}

.multiselect__tag {
  position: relative;
  display: inline-block;
  padding: 4px 26px 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  color: #fff;
  line-height: 1;
  background: #41b883;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.multiselect__tag-icon {
  cursor: pointer;
  margin-left: 7px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: 700;
  font-style: normal;
  width: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.2s ease;
  border-radius: 5px;
}

.multiselect__tag-icon:after {
  content: "\D7";
  color: #266d4d;
  font-size: 14px;
}

.multiselect__tag-icon:focus,
.multiselect__tag-icon:hover {
  background: #369a6e;
}

.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
  color: #fff;
}

.multiselect__current {
  min-height: 40px;
  overflow: hidden;
  padding: 8px 30px 0 12px;
  white-space: nowrap;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
}

.multiselect__current,
.multiselect__select {
  line-height: 16px;
  box-sizing: border-box;
  display: block;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.multiselect__select {
  position: absolute;
  width: 40px;
  height: 38px;
  right: 1px;
  top: 1px;
  padding: 4px 8px;
  text-align: center;
  transition: transform 0.2s ease;
}

.multiselect__select:before {
  position: relative;
  right: 0;
  top: 65%;
  color: #999;
  margin-top: 4px;
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: "";
}

.multiselect__placeholder {
  color: #adadad;
  display: inline-block;
  margin-bottom: 10px;
  padding-top: 2px;
}

.multiselect--active .multiselect__placeholder {
  display: none;
}

.multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
}

.multiselect__content {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  min-width: 100%;
  vertical-align: top;
}

.multiselect--above .multiselect__content-wrapper {
  bottom: 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  border-top: 1px solid #e8e8e8;
}

.multiselect__content::webkit-scrollbar {
  display: none;
}

.multiselect__element {
  display: block;
}

.multiselect__option {
  display: block;
  padding: 12px;
  min-height: 40px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

.multiselect__option:after {
  top: 0;
  right: 0;
  position: absolute;
  line-height: 40px;
  padding-right: 12px;
  padding-left: 20px;
  font-size: 13px;
}

.multiselect__option--highlight {
  background: #41b883;
  outline: none;
  color: #fff;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  background: #41b883;
  color: #fff;
}

.multiselect__option--selected {
  background: #f3f3f3;
  color: #35495e;
  font-weight: 700;
}

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}

.multiselect__option--selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect--disabled .multiselect__current,
.multiselect--disabled .multiselect__select {
  background: #ededed;
  color: #a6a6a6;
}

.multiselect__option--disabled {
  background: #ededed !important;
  color: #a6a6a6 !important;
  cursor: text;
  pointer-events: none;
}

.multiselect__option--group {
  background: #ededed;
  color: #35495e;
}

.multiselect__option--group.multiselect__option--highlight {
  background: #35495e;
  color: #fff;
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

.multiselect__option--group-selected.multiselect__option--highlight {
  background: #ff6a6a;
  color: #fff;
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  background: #ff6a6a;
  content: attr(data-deselect);
  color: #fff;
}

.multiselect-enter-active,
.multiselect-leave-active {
  transition: all 0.15s ease;
}

.multiselect-enter,
.multiselect-leave-active {
  opacity: 0;
}

.multiselect__strong {
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}

[dir="rtl"] .multiselect {
  text-align: right;
}

[dir="rtl"] .multiselect__select {
  right: auto;
  left: 1px;
}

[dir="rtl"] .multiselect__tags {
  padding: 8px 8px 0 40px;
}

[dir="rtl"] .multiselect__content {
  text-align: right;
}

[dir="rtl"] .multiselect__option:after {
  right: auto;
  left: 0;
}

[dir="rtl"] .multiselect__clear {
  right: auto;
  left: 12px;
}

[dir="rtl"] .multiselect__spinner {
  right: auto;
  left: 1px;
}

@-webkit-keyframes spinning {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

@keyframes spinning {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.v-toast--fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.v-toast--fade-in-down {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.v-toast--fade-in-up {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.15s ease-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.v-toast {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2em;
  overflow: hidden;
  z-index: 1052;
  pointer-events: none;
}

.v-toast__item {
  display: inline-flex;
  align-items: center;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  margin: 0.5em 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  border-radius: 0.25em;
  pointer-events: auto;
  opacity: 0.92;
  color: #fff;
  min-height: 3em;
  cursor: pointer;
}

.v-toast__item--success {
  background-color: #47d78a;
}

.v-toast__item--info {
  background-color: #1c85d5;
}

.v-toast__item--warning {
  background-color: #febc22;
}

.v-toast__item--error {
  background-color: #f7471c;
}

.v-toast__item--default {
  background-color: #343a40;
}

.v-toast__item.v-toast__item--bottom,
.v-toast__item.v-toast__item--top {
  align-self: center;
}

.v-toast__item.v-toast__item--bottom-right,
.v-toast__item.v-toast__item--top-right {
  align-self: flex-end;
}

.v-toast__item.v-toast__item--bottom-left,
.v-toast__item.v-toast__item--top-left {
  align-self: flex-start;
}

.v-toast__text {
  margin: 0;
  padding: 0.5em 1em;
  word-break: break-word;
}

.v-toast__icon {
  display: none;
}

.v-toast.v-toast--top {
  flex-direction: column;
}

.v-toast.v-toast--bottom {
  flex-direction: column-reverse;
}

.v-toast.v-toast--custom-parent {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .v-toast {
    padding: 0;
    position: fixed !important;
  }
}
@media screen and (min-width: 768px) {
  .navbar-header{
max-width: 50%;
  }
}
.v-toast__item {
  opacity: 1;
  min-height: 4em;
}

.v-toast__item .v-toast__text {
  padding: 1.5em 1em;
}

.v-toast__item .v-toast__icon {
  display: block;
  width: 27px;
  min-width: 27px;
  height: 27px;
  margin-left: 1em;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.999 45.999'%3E%3Cpath fill='%23fff' d='M39.264 6.736c-8.982-8.981-23.545-8.982-32.528 0-8.982 8.982-8.981 23.545 0 32.528 8.982 8.98 23.545 8.981 32.528 0 8.981-8.983 8.98-23.545 0-32.528zM25.999 33a3 3 0 11-6 0V21a3 3 0 116 0v12zm-3.053-17.128c-1.728 0-2.88-1.224-2.844-2.735-.036-1.584 1.116-2.771 2.879-2.771 1.764 0 2.88 1.188 2.917 2.771-.001 1.511-1.152 2.735-2.952 2.735z'/%3E%3C/svg%3E")
    no-repeat;
}

.v-toast__item.v-toast__item--success .v-toast__icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Cpath fill='%23fff' d='M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329l-16 18a1.997 1.997 0 01-2.745.233l-10-8a2 2 0 012.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 012.99 2.659z'/%3E%3C/svg%3E")
    no-repeat;
}

.v-toast__item.v-toast__item--error .v-toast__icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.976 51.976'%3E%3Cpath fill='%23fff' d='M44.373 7.603c-10.137-10.137-26.632-10.138-36.77 0-10.138 10.138-10.137 26.632 0 36.77s26.632 10.138 36.77 0c10.137-10.138 10.137-26.633 0-36.77zm-8.132 28.638a2 2 0 01-2.828 0l-7.425-7.425-7.778 7.778a2 2 0 11-2.828-2.828l7.778-7.778-7.425-7.425a2 2 0 112.828-2.828l7.425 7.425 7.071-7.071a2 2 0 112.828 2.828l-7.071 7.071 7.425 7.425a2 2 0 010 2.828z'/%3E%3C/svg%3E")
    no-repeat;
}

.v-toast__item.v-toast__item--warning .v-toast__icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M49.466 41.26L29.216 6.85c-.69-1.16-1.89-1.85-3.22-1.85-1.32 0-2.53.69-3.21 1.85L2.536 41.26c-.71 1.2-.72 2.64-.03 3.85.68 1.18 1.89 1.89 3.24 1.89h40.51c1.35 0 2.56-.71 3.23-1.89.7-1.21.69-2.65-.02-3.85zm-25.53-21.405h3.381v3.187l-.724 8.92H24.66l-.725-8.92v-3.187zm2.97 17.344a1.712 1.712 0 01-1.267.543c-.491 0-.914-.181-1.268-.543a1.788 1.788 0 01-.531-1.297c0-.502.176-.935.53-1.297a1.712 1.712 0 011.269-.544c.49 0 .914.181 1.268.544s.53.795.53 1.297c0 .503-.176.934-.53 1.297z'/%3E%3C/svg%3E")
    no-repeat;
}

.vue-modal-resizer {
  overflow: hidden;
  width: 12px;
  height: 12px;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  cursor: se-resize;
}

.vue-modal-resizer,
.vue-modal-resizer:after {
  display: block;
  position: absolute;
  background: transparent;
}

.vue-modal-resizer:after {
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #ddd;
  border-left: 10px solid transparent;
}

.vue-modal-resizer.clicked:after {
  border-bottom: 10px solid #369be9;
}

.vm--block-scroll {
  overflow: hidden;
  width: 100vw;
}

.vm--container {
  z-index: 999;
}

.vm--container,
.vm--overlay {
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}

.vm--overlay {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.vm--container.scrollable {
  height: 100%;
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vm--modal {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
}

.vm--container.scrollable .vm--modal {
  margin-bottom: 2px;
}

.vm--top-right-slot {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.vm-transition--overlay-enter-active,
.vm-transition--overlay-leave-active {
  transition: all 50ms;
}

.vm-transition--overlay-enter,
.vm-transition--overlay-leave-active {
  opacity: 0;
}

.vm-transition--modal-enter-active,
.vm-transition--modal-leave-active {
  transition: all 0.4s;
}

.vm-transition--modal-enter,
.vm-transition--modal-leave-active {
  opacity: 0;
  transform: translateY(-20px);
}

.vm-transition--default-enter-active,
.vm-transition--default-leave-active {
  transition: all 2ms;
}

.vm-transition--default-enter,
.vm-transition--default-leave-active {
  opacity: 0;
}

.vue-dialog {
  font-size: 14px;
}

.vue-dialog div {
  box-sizing: border-box;
}

.vue-dialog-content {
  flex: 1 0 auto;
  width: 100%;
  padding: 14px;
}

.vue-dialog-content-title {
  font-weight: 600;
  padding-bottom: 14px;
}

.vue-dialog-buttons {
  display: flex;
  flex: 0 1 auto;
  width: 100%;
  border-top: 1px solid #eee;
}

.vue-dialog-buttons-none {
  width: 100%;
  padding-bottom: 14px;
}

.vue-dialog-button {
  font-size: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  color: inherit;
  font: inherit;
  outline: none;
}

.vue-dialog-button:hover {
  background: #f9f9f9;
}

.vue-dialog-button:active {
  background: #f3f3f3;
}

.vue-dialog-button:not(:first-of-type) {
  border-left: 1px solid #eee;
}

.loading-page {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.loading-background,
.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.loading-background {
  z-index: 1001;
}

.loading {
  z-index: 1002;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom;
  animation-name: zoom;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.default__body {
  margin: 3rem 0 !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-715fc0b0;
  animation-name: fadein-data-v-715fc0b0;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-715fc0b0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-715fc0b0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-715fc0b0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-715fc0b0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-715fc0b0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-715fc0b0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-715fc0b0;
  animation-name: zoom-data-v-715fc0b0;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-715fc0b0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-715fc0b0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  max-width: 76.92308rem;
  margin: auto;
}

@media (max-width: 37.5em) {
  .header {
    padding: 1rem;
  }
}

.header__options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.8rem;
  list-style-type: none;
}

.nuxt-link-active {
  border-color: #ff6060 !important;
}

a {
  font-weight: 600;
  text-decoration: none;
}

.langs {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-right: 1pt solid #a6abad;
  position: relative;
  padding: 0 1rem;
  margin-right: 1rem;
}

.langs__option {
  display: flex;
  align-items: center;
  width: 100%;
}

.langs__extraOption {
  position: absolute;
  z-index: 999;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding: 0 1rem;
  background-color: #ff6060;
  color: #fff;
  margin-top: 1.5rem;
  border-radius: 0.2rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}

.langs__extraOption > a {
  margin: 0.5rem 0;
  color: #fff;
}

.langs:hover {
  cursor: pointer;
}

.langs__arrow {
  width: 1rem;
  margin-left: 0.5rem;
}

.langs__arrow-rotate {
  transform: rotate(180deg);
}

.nav-option {
  color: #4b4e4c;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 600;
}

.nav-option--primary {
  color: #ff6060 !important;
}

.nav-option:not(:first-child) {
  margin-left: 0.5rem;
}

.nav-option:hover {
  cursor: pointer;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-96b4e3b0;
  animation-name: fadein-data-v-96b4e3b0;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-96b4e3b0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-96b4e3b0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-96b4e3b0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-96b4e3b0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-96b4e3b0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-96b4e3b0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-96b4e3b0;
  animation-name: zoom-data-v-96b4e3b0;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-96b4e3b0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-96b4e3b0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.logo {
  display: flex;
  align-items: center;
}

.logo:hover {
  cursor: pointer;
}

.logo--powerdBy {
  flex-direction: column;
}

.logo__image {
  height: 2rem;
}

.logo__image--short {
  display: none;
}

@media (max-width: 37.5em) {
  .logo__image--short {
    display: block;
  }
}

@media (max-width: 37.5em) {
  .logo__image--full {
    display: none;
  }
}

.logo__image--scale-of-gray {
  filter: grayscale(100%);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom;
  animation-name: zoom;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.home {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 56.25em) {
  .home {
    max-width: 100%;
  }
}

.home__section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 10rem auto 15rem;
  color: #4b4e4c;
  max-width: 76.92308rem;
}

.home__section-intro {
  margin: 0 auto;
  margin-top: 2rem !important;
}

@media (max-width: 56.25em) {
  .home__section-intro {
    text-align: center;
    flex-direction: column !important;
    margin: 0 auto;
  }
}

@media (max-width: 56.25em) {
  .home__section {
    flex-direction: column-reverse;
    margin-bottom: 4rem;
    padding: 2rem;
    align-items: center;
    margin-top: 2rem;
  }
}

.home__section--reverse {
  flex-direction: row-reverse;
}

@media (max-width: 56.25em) {
  .home__section--reverse {
    flex-direction: column;
  }
}

.home__section--column {
  flex-direction: column;
}

.home__section__split {
  height: 0.5rem;
  border-radius: 100rem;
  background-color: #ff6060;
  width: 50%;
  max-width: 10rem;
  margin: 1.5rem 0;
}

.home__section__description {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (max-width: 56.25em) {
  .home__section__description {
    width: 100%;
    align-items: center;
    text-align: left;
  }
}

.home__section__description--main {
  font-size: 2.4rem;
  font-weight: 900;
}

@media (max-width: 37.5em) {
  .home__section__description--main {
    line-height: 3rem;
    width: 100%;
    text-align: center;
  }
}

.home__section__description--sub {
  font-size: 1.6rem;
  color: #4b4e4c;
  font-weight: 300;
  margin-bottom: 1rem;
  line-height: 2.4rem;
}

@media (max-width: 37.5em) {
  .home__section__description--sub {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}

.home__section__image {
  width: 25rem;
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 56.25em) {
  .home__section__image--vertical {
    max-width: 20rem;
  }
}

.home__section__image > img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 30rem;
  margin: 0 auto;
}

@media (max-width: 56.25em) {
  .home__section__image > img {
    width: 85%;
    margin-top: 3rem;
  }
}

@media (max-width: 56.25em) {
  .home__section__image {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media (max-width: 37.5em) {
  .home__section__image--land {
    padding: 0;
  }

  .home__section__image--land > img {
    max-width: 100%;
    width: 100%;
  }
}

.homeHeader__section {
  margin-bottom: 5rem !important;
  flex-direction: column;
}

.homeHeader__description {
  width: 100%;
}

.homeHeader__description > h1 {
  width: 100%;
  text-align: center;
  font-size: 2.64rem;
}

@media (max-width: 75em) {
  .homeHeader__description > h1 {
    font-size: 2.4rem;
  }
}

.homeHeader__description > h2 {
  width: 100%;
  text-align: center;
}

.homeHeader__image {
  width: 100%;
  padding: 0 0.5rem;
  max-width: 100%;
}

@media (max-width: 56.25em) {
  .homeHeader__image {
    width: 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom;
  animation-name: zoom;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.intro {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}

.intro__example-buttons {
  display: flex;
}

.intro__example-buttons > * {
  margin-right: 10px;
}

.intro__example-buttons > * :last-child {
  margin-right: 0;
}

.intro sup {
  font-size: 0.6rem;
}

.intro__image {
  width: 25rem;
  min-height: 580px;
}

@media (max-width: 56.25em) {
  .intro__image {
    max-width: 20rem;
    margin-top: 4rem;
    min-height: auto;
  }
}

.intro > div {
  max-width: 76.92308rem;
  margin: 0 auto;
}

.intro__background {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  z-index: 9;
}

@media (max-width: 37.5em) {
  .intro__background {
    display: none;
  }
}

.intro__background--mobile {
  display: none;
}

@media (max-width: 37.5em) {
  .intro__background--mobile {
    top: 0;
    left: 0;
    width: 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-1f4e314a;
  animation-name: fadein-data-v-1f4e314a;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-1f4e314a {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-1f4e314a {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-1f4e314a {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-1f4e314a {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-1f4e314a {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-1f4e314a {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-1f4e314a;
  animation-name: zoom-data-v-1f4e314a;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-1f4e314a {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-1f4e314a {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}
@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.example-buttons {
  display: flex;
}

.example-buttons > * {
  margin-right: 10px;
}

.example-buttons > * :last-child {
  margin-right: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-50bdedab;
  animation-name: fadein-data-v-50bdedab;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-50bdedab {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-50bdedab {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-50bdedab {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-50bdedab {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-50bdedab {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-50bdedab {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-50bdedab;
  animation-name: zoom-data-v-50bdedab;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-50bdedab {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-50bdedab {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.base-button {
  outline: none;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  background-color: #ff6060;
  border-radius: 0.2rem;
  padding: 0.6rem 1.5rem;
  color: #fff;
  border: 1pt solid #ff6060;
}

.base-button svg {
  margin-right: 0.5rem;
}

.base-button:hover {
  cursor: pointer;
  background-color: #ffe2e2;
  border-color: #ff6060;
  color: #ff6060;
}

.base-button:disabled {
  cursor: not-allowed;
  background-color: rgba(243, 136, 136, 0.5);
}

.base-button--white {
  background-color: #fff;
  color: #ff6060;
}

.base-button--white:hover {
  background-color: #ff6060;
  color: #fff;
  border-color: #fff;
}

.base-button--gray {
  background-color: #d6d9db;
  color: #4b4e4c;
  border-color: #d6d9db;
}

.base-button--gray:hover {
  background-color: #ececec;
  color: #4b4e4c;
  border-color: #d6d9db;
}

.base-button--black {
  background-color: #4b4e4c;
  color: #fff;
  border-color: #4b4e4c;
}

.base-button--black:hover {
  background-color: #d6d9db;
  border-color: #4b4e4c;
  color: #4b4e4c;
}

.base-button--complete-white {
  background-color: #fff;
  color: #ff6060;
  border-color: #fff;
}

.base-button--complete-white:hover {
  background-color: #fff;
  color: #f38888;
  border-color: #fff;
}

.base-button--primary-light {
  background-color: #ffe2e2;
  color: #ff6060;
  border-color: #ffe2e2;
}

.base-button--primary-light:hover {
  background-color: rgba(255, 226, 226, 0.5);
  color: #ff6060;
  border-color: #ff6060;
}

:root {
  --y-video-background-color: #000;
  --y-video-button-width: 68px;
  --y-video-button-height: 48px;
  --y-video-button-padding: 0;
  --y-video-button-border-width: 0;
  --y-video-button-background-color: transparent;
  --y-video-button-fill: #212121;
  --y-video-button-fill-opacity: 0.8;
  --y-video-button-active-fill: red;
  --y-video-button-active-fill-opacity: 1;
  --y-video-button-icon-fill: #fff;
}

.y-video {
  background-color: #000;
  background-color: var(--y-video-background-color, #000);
  cursor: pointer;
}

.y-video__inner {
  position: relative;
}

.y-video__embed,
.y-video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}

.y-video__media--type--img {
  -o-object-fit: cover;
  object-fit: cover;
}

.y-video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  padding: var(--y-video-button-padding, 0);
  border-width: 0;
  border-width: var(--y-video-button-border-width, 0);
  background-color: transparent;
  background-color: var(--y-video-button-background-color, transparent);
  width: 68px;
  width: var(--y-video-button-width, 68px);
  height: 48px;
  height: var(--y-video-button-height, 48px);
  cursor: pointer;
}

.y-video__button-shape {
  fill: #212121;
  fill: var(--y-video-button-fill, #212121);
  fill-opacity: 0.8;
  fill-opacity: var(--y-video-button-fill-opacity, 0.8);
}

.y-video__button-icon {
  fill: #fff;
  fill: var(--y-video-button-icon-fill, #fff);
}

.y-video__button:focus {
  outline: 0;
}

.y-video:hover .y-video__button-shape,
.y-video__button:focus .y-video__button-shape {
  fill: red;
  fill: var(--y-video-button-active-fill, red);
  fill-opacity: 1;
  fill-opacity: var(--y-video-button-active-fill-opacity, 1);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom;
  animation-name: zoom;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.body {
  width: 100%;
}

.body__tiles {
  display: grid;
  grid-template-columns: repeat(4, 13rem);
  grid-gap: 2rem;
  margin: 0 auto;
}

@media (max-width: 56.25em) {
  .body__tiles {
    grid-template-columns: repeat(2, 47%);
    grid-gap: 1rem;
    grid-template-rows: repeat(2, 50%);
  }
}

.body__videos {
  width: 100%;
  background-color: #ececec;
  padding: 4rem;
}

@media (max-width: 56.25em) {
  .body__videos {
    padding: 2rem;
  }
}

.body__videos__container {
  max-width: 76.92308rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.body__videos__title {
  font-size: 2.4rem;
  text-transform: uppercase;
  font-weight: 900;
  color: #4b4e4c;
  margin-bottom: 2rem;
}

.videosSelector {
  display: flex;
  margin-top: 2rem;
  width: 100%;
}

@media (max-width: 56.25em) {
  .videosSelector {
    display: none;
  }
}

.videosSelector__list {
  width: 30%;
  margin-right: 1rem;
}

.videosSelector__video {
  width: 70% !important;
  padding: 0 5%;
  margin: auto;
  background-color: transparent !important;
}

.videosSelector__summary {
  display: flex;
  align-items: stretch;
  margin-bottom: 2rem;
}

.videosSelector__summary:hover {
  cursor: pointer;
}

.videosSelector__summary__leftBar {
  width: 0.5rem;
  max-width: 0.5rem;
  min-width: 0.5rem;
  background-color: transparent;
  margin-right: 1rem;
  border-radius: 100rem;
  flex-grow: 1;
}

.videosSelector__summary__leftBar--selected {
  background-color: #ff6060;
}

.videosSelector__summary__title {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: #a6abad;
}

.videosSelector__summary__title--selected {
  color: #4b4e4c;
}

.videosSelector__summary__description {
  font-size: 1.2rem;
  line-height: 1.56rem;
  font-weight: 200;
  color: #a6abad;
}

.videosSelector__summary__description--selected {
  color: #4b4e4c;
}

.videosMobile {
  display: none;
  flex-direction: column;
}

@media (max-width: 56.25em) {
  .videosMobile {
    display: flex;
  }
}

.videosMobile__container {
  display: flex;
  flex-direction: column;
}

.videosMobile__container:not(:last-child) {
  margin-bottom: 2rem;
}

.videosMobile__container__titleContainer {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
}

.videosMobile__container__titleContainer__title {
  font-size: 1.2rem;
  font-weight: 700;
}

.videosMobile__container__titleContainer__side {
  width: 0.5rem;
  max-width: 0.3rem;
  min-width: 0.3rem;
  background-color: #ff6060;
  margin-right: 1rem;
  border-radius: 100rem;
  flex-grow: 1;
}

.videosMobile__container__description {
  font-size: 1.2rem;
  line-height: 1.56rem;
  font-weight: 200;
  color: #a6abad;
  margin-bottom: 1rem;
}

.videosMobile__container__video {
  width: 100%;
  max-width: 100%;
}

.orderTypeTile {
  background-color: #fff;
  box-shadow: 0.3rem 0.3rem 1.5rem #d3d3d3;
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 13rem;
  height: 13rem;
}

@media (max-width: 56.25em) {
  .orderTypeTile {
    width: 100%;
    height: 100%;
  }
}

.orderTypeTile__iconContainer {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.orderTypeTile__icon {
  width: 60%;
  max-height: 6rem;
}

.orderTypeTile__split {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.orderTypeTile__title {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-0bdaf048;
  animation-name: fadein-data-v-0bdaf048;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-0bdaf048 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-0bdaf048 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-0bdaf048 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-0bdaf048 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-0bdaf048 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-0bdaf048 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-0bdaf048;
  animation-name: zoom-data-v-0bdaf048;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-0bdaf048 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-0bdaf048 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.pricing {
  width: 100%;
}

.pricing,
.pricing__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pricing__header {
  justify-content: center;
  margin: 0 auto 1rem;
}

.pricing__duration {
  margin: 1rem 0 3rem;
}

.pricing__plans {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  max-width: 45rem;
}

@media (max-width: 56.25em) {
  .pricing__plans {
    grid-template-columns: repeat(1, 1fr);
  }
}

.pricing__website {
  width: 100%;
  color: #4b4e4c;
  background-color: #fff;
  max-width: 66.66667rem;
  margin: 4rem auto 0;
  padding: 1rem;
}

.pricing__website__split {
  height: 0.5rem;
  border-radius: 100rem;
  background-color: #ff6060;
  width: 50%;
  max-width: 10rem;
  margin: 1.5rem 0;
}

.pricing__website__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 56.25em) {
  .pricing__website__container {
    flex-direction: column;
  }
}

.pricing__website__description {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
}

@media (max-width: 56.25em) {
  .pricing__website__description {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    align-items: center;
  }
}

.pricing__website__description__title {
  font-weight: 900;
}

@media (max-width: 56.25em) {
  .pricing__website__description__title {
    font-size: 1.6rem;
  }
}

.pricing__website__description__sub {
  font-weight: 200;
}

.pricing__website__price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
}

@media (max-width: 56.25em) {
  .pricing__website__price {
    width: 100%;
  }
}

.pricing__website__price__value {
  font-size: 2.4rem;
  font-weight: 900;
  color: #ff6060;
}

.pricing__contactUs {
  display: flex;
  flex-direction: column;
  border-radius: 0.2rem;
  border: 1pt solid #ff6060;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  margin-top: 1rem;
  color: #ff6060;
}

.pricing__contactUs--white {
  background-color: transparent;
  color: #fff;
}

.pricing__contactUs__title {
  text-transform: uppercase;
  font-weight: 900;
}

.pricing__contactUs__email {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-weight: 200;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-08617ed0;
  animation-name: fadein-data-v-08617ed0;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-08617ed0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-08617ed0 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-08617ed0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-08617ed0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-08617ed0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-08617ed0 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-08617ed0;
  animation-name: zoom-data-v-08617ed0;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-08617ed0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-08617ed0 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.pricing-options {
  position: relative;
  background-color: hsla(0, 0%, 92.5%, 0.5);
  z-index: 5;
  width: 30rem;
  border-radius: 2rem;
}

@media (max-width: 37.5em) {
  .pricing-options {
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    width: 90vw;
    height: 6rem;
    border-radius: 1rem;
  }
}

input {
  display: none;
}

#bckgrnd,
.labels {
  width: 10rem;
  height: 2rem;
  text-align: center;
  display: inline-block;
  margin-right: -3px;
  z-index: 2;
  cursor: pointer;
  outline: none;
  line-height: 2rem;
  font-weight: 200;
  transition: color 0.2s ease-in-out;
  transition: font-weight 0.15s ease-in;
  text-transform: uppercase;
}

@media (max-width: 37.5em) {
  #bckgrnd,
  .labels {
    width: 100%;
  }
}

#bckgrnd {
  background-color: #ff6060;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 2rem;
}

#rad1:checked + .labels,
#rad2:checked + .labels,
#rad3:checked + .labels {
  color: #fff;
  font-weight: 400;
}

#rad1:checked ~ #bckgrnd {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 37.5em) {
  #rad1:checked ~ #bckgrnd {
    transform: translateY(0);
  }
}

#rad2:checked ~ #bckgrnd {
  transform: translateX(10rem);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 37.5em) {
  #rad2:checked ~ #bckgrnd {
    transform: translateY(2rem);
  }
}

#rad3:checked ~ #bckgrnd {
  transform: translateX(20rem);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 37.5em) {
  #rad3:checked ~ #bckgrnd {
    transform: translateY(4rem);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-d7a0b4b6;
  animation-name: fadein-data-v-d7a0b4b6;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-d7a0b4b6 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-d7a0b4b6 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-d7a0b4b6 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-d7a0b4b6 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-d7a0b4b6 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-d7a0b4b6 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-d7a0b4b6;
  animation-name: zoom-data-v-d7a0b4b6;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-d7a0b4b6 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-d7a0b4b6 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.subscription-tile {
  padding: 2rem;
  border-radius: 0.2rem;
  display: flex;
  flex-direction: column;
  border: 3pt solid #fff;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
  align-items: center;
  width: 100%;
  position: relative;
}

@media (max-width: 37.5em) {
  .subscription-tile {
    padding: 0.5rem;
  }
}

.subscription-tile__flag {
  position: absolute;
  top: 0;
  right: 1rem;
  width: 3rem;
  height: auto;
}

@media (max-width: 37.5em) {
  .subscription-tile__flag {
    width: 2rem;
  }
}

.subscription-tile--outlined {
  border-color: #ff6060;
}

.subscription-tile__name {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.subscription-tile__name__value {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
  text-align: center;
}

.subscription-tile__name__separator {
  width: 4rem;
  height: 0.3rem;
  border-radius: 0.15rem;
  background-color: #ff6060;
}

.subscription-tile__description {
  font-weight: 200;
  color: #a6abad;
  margin-bottom: 2rem;
  text-align: center;
}

@media (max-width: 37.5em) {
  .subscription-tile__description {
    font-size: 0.8rem;
  }
}

.subscription-tile__paidPeriod {
  font-size: 0.8rem;
  font-weight: 200;
  color: #a6abad;
  margin-bottom: 0.5rem;
  text-align: center;
  line-height: 0.8rem;
}

.subscription-tile__price {
  display: flex;
  align-items: flex-start;
}

.subscription-tile__price__discounted-price {
  color: #ff6060;
  font-size: 2.4rem;
  font-weight: 900;
}

.subscription-tile__price__value {
  font-weight: 900;
  font-size: 3.2rem;
  margin-right: 0.5rem;
  color: #ff6060;
}

.subscription-tile__price__value--discounted {
  text-decoration: line-through;
  font-weight: 600;
  font-size: 2.4rem;
}

.subscription-tile__price__value span {
  color: #4b4e4c;
}

@media (max-width: 37.5em) {
  .subscription-tile__price__value {
    font-size: 2.4rem;
  }
}

.subscription-tile__price__period {
  font-weight: 200;
  font-size: 0.8rem;
  color: #a6abad;
  margin-top: 0.5rem;
  text-transform: uppercase;
}

.subscription-tile__features {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
  width: 100%;
  align-items: flex-start;
  flex: 1;
}

.subscription-tile__features__item {
  display: flex;
  align-items: flex-start;
  font-size: 1.04rem;
}

@media (max-width: 37.5em) {
  .subscription-tile__features__item {
    font-size: 1.04rem;
  }
}

.subscription-tile__features__item:not(:last-child) {
  margin-bottom: 1rem;
}

.subscription-tile__features__item__icon {
  margin-right: 0.5rem;
  color: #ff6060;
  margin-top: 0.1rem;
}

.subscription-tile__features__item__value {
  font-weight: 300;
}

.subscription-tile__footer {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@media (max-width: 37.5em) {
  .subscription-tile__footer {
    flex-direction: column-reverse;
  }

  .subscription-tile__footer > button {
    margin: 1rem 0;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-5093f34e;
  animation-name: fadein-data-v-5093f34e;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-5093f34e {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-5093f34e {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-5093f34e {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-5093f34e {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-5093f34e {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-5093f34e {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-5093f34e;
  animation-name: zoom-data-v-5093f34e;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-5093f34e {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-5093f34e {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-size: 0.8rem;
  align-items: center;
  padding: 4rem 0;
  background-color: #333;
  color: #fff;
}

@media (max-width: 37.5em) {
  .footer {
    font-size: 1.2rem;
  }
}

.footer__social {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.footer__social svg {
  margin: 0 0.5rem;
}

.footer__social svg:hover {
  cursor: pointer;
}

.footer__options {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .footer__options {
    font-size: 0.8rem;
  }
}

.footer__copy-rights {
  display: flex;
  align-items: center;
  font-weight: 200;
  margin-bottom: 1rem;
}

@media (max-width: 37.5em) {
  .footer__copy-rights {
    font-size: 0.8rem;
  }
}

.footer__privacy-and-terms {
  font-weight: 200;
  display: flex;
  align-items: center;
}

@media (max-width: 37.5em) {
  .footer__privacy-and-terms {
    font-size: 0.8rem;
    flex-direction: column;
  }
}

@media (max-width: 37.5em) {
  .footer__privacy-and-terms > p {
    margin: 0.5rem 0;
  }
}

.footer__privacy-and-terms p:hover {
  cursor: pointer;
}

.footer__privacy-and-terms--divider {
  margin: 0 0.5rem;
}

@media (max-width: 37.5em) {
  .footer__privacy-and-terms--divider {
    display: none;
  }
}

.option {
  margin: 0.5rem;
  text-decoration: none;
}

.option:hover {
  cursor: pointer;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}

body,
html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0 !important;
  padding: 0;
}

.max-width {
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
}

.max-width-menu {
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.main-section {
  margin-bottom: 6rem;
}

.main-section--small {
  margin-bottom: 3rem;
}

.hasError label {
  color: red !important;
}

.hasError input::-moz-placeholder {
  color: red !important;
}

.hasError input:-ms-input-placeholder {
  color: red !important;
}

.hasError input::placeholder {
  color: red !important;
}

.hasError input {
  border-color: red !important;
  color: red !important;
}

.form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
}

.form__input:not(:last-child) {
  margin-bottom: 1rem;
}

a {
  color: inherit;
  text-decoration: none;
}

.box-shadow {
  padding: 1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.input-label {
  display: block;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.money {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  border: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  border-radius: 0.2rem;
  background-color: #f7f7f8;
  padding: 0.5rem;
  font-size: 0.96rem;
  font-weight: 400;
  -webkit-appearance: none;
}

.money:hover {
  background-color: #fff;
}

.money::-moz-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:-ms-input-placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money::placeholder {
  color: #d6d9db;
  font-weight: 200;
}

.money:focus {
  background-color: #fff;
  outline: none;
}

.phoneNumberWrapper {
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper,
.phoneNumberWrapper:focus {
  outline: none !important;
  outline-color: #ff6060 !important;
}

.phoneNumberWrapper:focus,
.phoneNumberWrapper[focus-within] {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberWrapper:focus-within {
  border: 1pt solid #ff6060 !important;
  box-shadow: none;
}

.phoneNumberInput:focus,
.phoneNumberInput[focus-within] {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:focus-within {
  border: none !important;
  box-shadow: none;
}

.phoneNumberInput:hover {
  border: none !important;
}

.phoneNumberWrapper--front-end {
  outline: none !important;
  outline-color: #e6e6e7 !important;
  border: 1pt solid #e6e6e7;
}

.phoneNumberWrapper--front-end:focus {
  outline: none !important;
  outline-color: #e6e6e7 !important;
}

.phoneNumberWrapper--front-end:focus,
.phoneNumberWrapper--front-end[focus-within] {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.phoneNumberWrapper--front-end:focus-within {
  border: 1pt solid #e6e6e7 !important;
  box-shadow: none;
}

.no-scrollable {
  overflow-y: hidden;
}

.dashboardFloatingBtn {
  position: fixed;
  bottom: 1rem;
  background-color: #ff6060;
  font-size: 2.4rem;
  width: 4rem;
  height: 4rem;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  color: #fff;
  z-index: 1000;
}

.dashboardFloatingBtn:hover {
  cursor: pointer;
  background-color: #f38888;
}

@media (max-width: 56.25em) {
  .dashboardFloatingBtn {
    display: flex;
  }
}

.dashboardFloatingBtn--desktop {
  display: flex;
}

.dashboardFloatingBtn--left {
  left: 1rem;
}

.dashboardFloatingBtn--right {
  right: 1rem;
}

.chef-plan {
  font-size: 0.6rem;
  color: #fff;
  font-weight: 600;
  background-color: #ff6060;
  padding: 2px;
  border-radius: 0.2rem;
  top: -0.25rem;
  position: absolute;
}

.modal {
  top: 5% !important;
  height: 90% !important;
}

@media (max-width: 56.25em) {
  .modal {
    top: 10% !important;
    bottom: 10% !important;
    right: 5% !important;
    left: 5% !important;
    height: 80% !important;
    width: 90% !important;
    overflow-y: scroll !important;
  }
}

.primary-link {
  color: #ff6060;
}

.modal {
  overflow-y: scroll !important;
}

.formError {
  color: red;
}

.formError > input,
.formError > select {
  border-color: red;
}

.formError__desc {
  margin-top: 0.2rem;
  color: red;
  font-size: 0.8rem;
}

img[lazy="loaded"] {
  opacity: 0;
  -webkit-animation-name: fadein-data-v-23f14b46;
  animation-name: fadein-data-v-23f14b46;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes fadein-data-v-23f14b46 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein-data-v-23f14b46 {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes heartbeat-data-v-23f14b46 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@keyframes heartbeat-data-v-23f14b46 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes widthAnimation-data-v-23f14b46 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

@keyframes widthAnimation-data-v-23f14b46 {
  0% {
    opacity: 0.6;
    width: 1%;
  }

  50% {
    opacity: 1;
    width: 100%;
  }

  to {
    opacity: 0.6;
    width: 1%;
  }
}

.page-enter-active,
.page-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition: all 0.1s;
}

.slide-down-enter,
.slide-down-leave-to {
  opacity: 0;
  transform: translateY(5px);
}

.zoom-enter-active,
.zoom-leave-active {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoom-data-v-23f14b46;
  animation-name: zoom-data-v-23f14b46;
}

.zoom-leave-active {
  animation-direction: reverse;
}

@-webkit-keyframes zoom-data-v-23f14b46 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

@keyframes zoom-data-v-23f14b46 {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 1;
  }
}

.social-icon {
  margin: 0 0.5rem;
  font-size: 1.2rem;
}

@media (max-width: 37.5em) {
  .social-icon {
    font-size: 1.2rem;
  }
}

.social-icon:hover {
  cursor: pointer;
  color: #d6d9db;
}

.inputTitle {
  font-weight: 300;
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-bottom: 0.5rem;
}

.inputTitle__icon {
  color: #a6abad;
  display: inline-block;
  margin-right: 0.5rem;
}

.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.5rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: #ff6060;
  border-radius: 0.2rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 231, 0.5);
  background-color: rgba(230, 230, 231, 0.3);
  background-repeat: no-repeat, repeat;
  font-size: 0.96rem;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 1px rgba(241, 17, 17, 0.7);
  box-shadow: 0 0 0 1px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: 400;
}

:root:lang(ar) .select-css,
:root:lang(iw) .select-css,
[dir="rtl"] .select-css {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}

.select-css:disabled,
.select-css[aria-disabled="true"] {
  color: graytext;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
    linear-gradient(180deg, #fff 0, #e5e5e5);
}

.select-css:disabled:hover,
.select-css[aria-disabled="true"] {
  border-color: #aaa;
}

.select-css--error {
  border-color: red !important;
}

.blur {
  filter: blur(4px);
}

.blur--mobile-only {
  filter: none;
}

@media (max-width: 37.5em) {
  .blur--mobile-only {
    filter: blur(4px);
  }
}

.internalPadding {
  padding: 1rem;
}

.rounded {
  border-radius: 0.2rem;
}

.hidden,
.visibility--mobile-only-block {
  display: none;
}

@media (max-width: 37.5em) {
  .visibility--mobile-only-block {
    display: block;
  }
}

.visibility--desktop-only-block {
  display: block;
}

@media (max-width: 37.5em) {
  .visibility--desktop-only-block {
    display: none;
  }
}

.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

@media (max-width: 37.5em) {
  .half-width--responsive {
    width: 100%;
  }
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 37.5em) {
  .space-between--responsive {
    flex-direction: column;
  }
}

.space-between--responsive > div {
  margin-bottom: 1rem;
}

.space-between--responsive > div :last-child {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .space-between--responsive-right {
    justify-content: flex-end;
  }
}

.space-between--margin-bottom {
  margin-bottom: 1rem;
}

.space-between--align-bottom {
  align-items: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 37.5em) {
  .flex-center--responsive {
    flex-direction: column;
  }
}

.divisor {
  margin: 0.5rem 0;
  border-bottom: 0.5pt solid hsla(0, 0%, 82.7%, 0.5);
}

.relative {
  position: relative;
}

.rem05-margin-top {
  margin-top: 0.5rem;
}

.default-margin-top {
  margin-top: 1rem;
}

.rem2-margin-top {
  margin-top: 2rem;
}

.multiselect__option--highlight {
  background: #ff6060 !important;
}

.multiselect__option:after {
  background: rgba(255, 96, 96, 0.2) !important;
}

.multiselect__tag {
  background: #ff6060 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: rgba(214, 217, 219, 0.2) !important;
}

.cookie {
  position: fixed;
  width: 100%;
  border-radius: 0.2rem;
  z-index: 99998;
  bottom: 10px;
  left: 0;
  font-size: 0.8rem;
}

.cookie__link {
  color: #fff;
  font-weight: 600;
}

.cookie__link:hover {
  cursor: pointer;
}

.cookie__header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.cookie__title {
  font-size: 1.2rem;
}

.cookie__body {
  width: 95%;
  max-width: 100rem;
  margin: 0 auto;
  background-color: #ff6060;
  border-radius: 0.2rem;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 1rem 0.2rem rgba(0, 0, 0, 0.05);
  color: #fff;
}

.cookie__body__desc {
  width: 90%;
}

@media (max-width: 37.5em) {
  .cookie__body__desc {
    width: 100%;
    margin-bottom: 5px;
  }
}

.cookie__body__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 37.5em) {
  .cookie__body__actions {
    align-self: flex-start;
  }
}

.cookie__body__actions__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  border-radius: 100rem;
  color: #fff;
}

.cookie__body__actions__close:hover {
  cursor: pointer;
  color: #d6d9db;
}

@media (max-width: 56.25em) {
  .cookie__body__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cookie__body__actions > button {
    margin: 0;
  }

  .cookie__body__actions > button:not(:last-child) {
    margin-bottom: 4px;
  }
}

@media (max-width: 37.5em) {
  .cookie__body__actions {
    flex-direction: row;
    margin: 0;
    align-items: stretch;
  }

  .cookie__body__actions > button {
    margin-bottom: 0 !important;
  }

  .cookie__body__actions > button:not(:last-child) {
    margin-right: 4px;
  }
}



