/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style/main.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #D21D1D;
  }
  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0;
  }
}
@keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.meal-option-container {
  transition: all 0.5s ease-in-out;
}
.meal-option-container.loading {
  opacity: 0.4;
  position: relative;
  min-height: 120px;
}
.meal-option-container.loading:before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(229, 0, 0, 0.9);
  opacity: 0.9;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 35px #D21D1D;
  width: 50px;
  height: 50px;
  -moz-animation: spinPulse 1s infinite ease-in-out;
  -webkit-animation: spinPulse 1s infinite linear;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.meal-option-container.loading:after {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(229, 0, 0, 0.9);
  opacity: 0.9;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px #e72121;
  width: 30px;
  height: 30px;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.recipe-box {
  transition: all 0.5s ease-in-out;
}
.recipe-box.loading {
  opacity: 0.4;
  position: relative;
  min-height: 120px;
}
.recipe-box.loading:before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(229, 0, 0, 0.9);
  opacity: 0.9;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 35px #D21D1D;
  width: 50px;
  height: 50px;
  -moz-animation: spinPulse 1s infinite ease-in-out;
  -webkit-animation: spinPulse 1s infinite linear;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.recipe-box.loading:after {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid rgba(229, 0, 0, 0.9);
  opacity: 0.9;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-radius: 50px;
  box-shadow: 0 0 15px #e72121;
  width: 30px;
  height: 30px;
  -moz-animation: spinoffPulse 1s infinite linear;
  -webkit-animation: spinoffPulse 1s infinite linear;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.recipe-box ul li {
  cursor: default;
  position: relative;
}
.recipe-box ul li.ig-low::marker {
  color: #377cf6;
}
.recipe-box ul li.ig-medium::marker {
  color: #ffbb1c;
}
.recipe-box ul li.ig-questionable::marker {
  color: #FF5902;
}
.recipe-box ul li.ig-high::marker {
  color: #D21D1D;
}
.recipe-box ul li.gluten:after {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS45MyAzOS45MyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjN2M4Yzg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJXYXJzdHdhXzItMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNTMsMTNjMi4xMi0yLjk2LDEuMi02LjE3LDEuMi02LjE3LDAsMC0uMzIsLjEyLS44MiwuMzR2LTIuOTNoLS4yNnYzLjA1Yy0uMzEsLjE0LS42NywuMzItMS4wNSwuNTN2LTMuNDNoLS4yNnYzLjU3Yy0uMzQsLjE5LS42OSwuNC0xLjA1LC42NFY0LjU1aC0uMjZ2NC4yM2MtMS4wMSwuNjktMi4wMiwxLjU1LTIuNzYsMi41OS0uMzgsLjUzLS42NiwxLjA3LS44NywxLjZ2LTIuMWMuODQtLjkzLDIuNi0zLjE4LDIuNi01LjU2QzExLDIuMTgsNy45NywwLDcuOTcsMGMwLDAtMy4wNCwyLjg5LTMuMDQsNi4wMiwwLDIuMzksMS43Niw0LjIyLDIuNiw0Ljk1djIuMWMtLjIxLS40OC0uNDktLjk2LS44Ny0xLjQtLjc0LS44Ni0xLjc2LTEuNDktMi43Ni0xLjk0VjUuNTNoLS4yNnY0LjA5Yy0uMzYtLjE1LS43MS0uMjgtMS4wNS0uMzl2LTMuNTRoLS4yNnYzLjQ2Yy0uMzktLjEyLS43NS0uMjItMS4wNS0uMjl2LTMuMDJoLS4yNnYyLjk2Yy0uNS0uMTEtLjgyLS4xNS0uODItLjE1LDAsMC0uOTEsMy40MywxLjIsNS44OSwxLjc3LDIuMDYsNS4wOCwyLjc5LDYuMTMsMi45N3YzLjMyYy0uMjEtLjQ4LS40OS0uOTYtLjg3LTEuNEM0LjU0LDE2Ljk3LC4yLDE2LjQsLjIsMTYuNGMwLDAtLjkxLDMuNDMsMS4yLDUuODksMS43NywyLjA2LDUuMDgsMi43OSw2LjEzLDIuOTd2My4zMmMtLjIxLS40OC0uNDktLjk2LS44Ny0xLjRDNC41NCwyNC43MiwuMiwyNC4xNSwuMiwyNC4xNWMwLDAtLjkxLDMuNDMsMS4yLDUuODksMS43NywyLjA2LDUuMDgsMi43OSw2LjEzLDIuOTd2Ni45MWguODd2LTcuMDJjMS4wNS0uNDMsNC4zNi0xLjk0LDYuMTMtNC40MSwyLjEyLTIuOTYsMS4yLTYuMTcsMS4yLTYuMTcsMCwwLTQuMzUsMS41OC02LjQ3LDQuNTQtLjM4LC41My0uNjYsMS4wNy0uODcsMS42di0zLjMyYzEuMDUtLjQzLDQuMzYtMS45NCw2LjEzLTQuNDEsMi4xMi0yLjk2LDEuMi02LjE3LDEuMi02LjE3LDAsMC00LjM1LDEuNTgtNi40Nyw0LjU0LS4zOCwuNTMtLjY2LDEuMDctLjg3LDEuNnYtMy4zMmMxLjA1LS40Myw0LjM2LTEuOTQsNi4xMy00LjQxWiIvPjwvZz48L3N2Zz4=);
  position: relative;
  top: 5px;
}
.recipe-box ul li.lactose:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAzNy44NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNjN2M4Yzg7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJXYXJzdHdhXzItMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTcuNjQsMTEuNWwtMi4yNS0zLjA4Yy0uNDYtLjYzLS43MS0xLjM0LS43MS0yLjA2di0xLjYyYy40OC0uMjYsLjgtLjY3LC44LTEuMTVWMS40YzAtLjc3LS44NS0xLjQtMS44OS0xLjRINS40MWMtMS4wNCwwLTEuODksLjYzLTEuODksMS40VjMuNTljMCwuNDcsLjMxLC44OSwuOCwxLjE1djEuNjJjMCwuNzItLjI0LDEuNDMtLjcxLDIuMDZsLTIuMjUsMy4wOGMtLjg5LDEuMjEtMS4zNiwyLjU5LTEuMzYsMy45NnYxOS45OGMwLDEuMzMsMS40NiwyLjQyLDMuMjYsMi40MkgxNS43NGMxLjgsMCwzLjI2LTEuMDksMy4yNi0yLjQyVjE1LjQ2YzAtMS4zOC0uNDctMi43NS0xLjM2LTMuOTZabS00LjcxLDUuNDNjLTEuODYsLjMyLTMuMDksMS00LjE4LDEuNTktMS4wNSwuNTctMS45NiwxLjA3LTMuMzEsMS4yMS0xLjA4LC4xMS0yLjI1LS4wMy0zLjQ5LS40MnYtMy44NWMwLTEuMTQsLjM5LTIuMjcsMS4xMi0zLjI3bDIuMjUtMy4wOGMuNjItLjg0LC45NC0xLjgsLjk0LTIuNzZ2LTEuMzZoNi40NHYxLjM2YzAsLjk2LC4zMywxLjkxLC45NSwyLjc2bDIuMjUsMy4wOGMuNzQsMSwxLjEyLDIuMTMsMS4xMiwzLjI3djEuNDFjLTEuNDItLjE5LTIuNzktLjE4LTQuMSwuMDZaIi8+PC9nPjwvc3ZnPg==);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
.recipe-box ul li.has-replacements {
  cursor: pointer;
}
.recipe-box ul li.has-replacements span {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  opacity: 0.3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MiA1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTIgNTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIj48L2c+PGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L2c+PGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMjAsMzcuNWMwLTAuOC0wLjctMS41LTEuNS0xLjVoLTE1QzIuNywzNiwyLDM2LjcsMiwzNy41djExQzIsNDkuMywyLjcsNTAsMy41LDUwaDE1YzAuOCwwLDEuNS0wLjcsMS41LTEuNSBWMzcuNXoiPjwvcGF0aD4gPHBhdGggZD0iTTguMSwyMkgzLjJjLTEsMC0xLjUsMC45LTAuOSwxLjRsOCw4LjNjMC40LDAuMywxLDAuMywxLjQsMGw4LTguM2MwLjYtMC42LDAuMS0xLjQtMC45LTEuNGgtNC43IGMwLTUsNC45LTEwLDkuOS0xMFY2QzE1LDYsOC4xLDEzLDguMSwyMnoiPjwvcGF0aD4gPHBhdGggZD0iTTQxLjgsMjAuM2MtMC40LTAuMy0xLTAuMy0xLjQsMGwtOCw4LjNjLTAuNiwwLjYtMC4xLDEuNCwwLjksMS40aDQuOGMwLDYtNC4xLDEwLTEwLjEsMTB2NiBjOSwwLDE2LjEtNywxNi4xLTE2SDQ5YzEsMCwxLjUtMC45LDAuOS0xLjRMNDEuOCwyMC4zeiI+PC9wYXRoPiA8cGF0aCBkPSJNNTAsMy41QzUwLDIuNyw0OS4zLDIsNDguNSwyaC0xNUMzMi43LDIsMzIsMi43LDMyLDMuNXYxMWMwLDAuOCwwLjcsMS41LDEuNSwxLjVoMTVjMC44LDAsMS41LTAuNywxLjUtMS41IFYzLjV6Ij48L3BhdGg+IDwvZz48L3N2Zz4=);
}
.recipe-box ul li .replacements {
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  background-color: #fff;
  padding: 10px 10px 10px 30px;
  width: 100%;
  z-index: 100;
  border: 1px solid #ccc;
  max-height: 175px;
  overflow-y: auto;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.recipe-box ul li .replacements li {
  font-size: 0.9em;
  cursor: pointer;
}
.recipe-box ul li .replacements::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  margin-right: 10px;
}
.recipe-box ul li .replacements::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.recipe-box ul li .replacements::-webkit-scrollbar-thumb {
  background: #D21D1D;
  border: 0px none #ffffff;
  border-radius: 0px;
}
.recipe-box ul li .replacements::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.recipe-box ul li .replacements::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.recipe-box ul li .replacements::-webkit-scrollbar-track {
  background: #ccc;
  border: 0px solid #ffffff;
  border-radius: 0px;
}
.recipe-box ul li .replacements::-webkit-scrollbar-track:hover {
  background: #666666;
}
.recipe-box ul li .replacements::-webkit-scrollbar-track:active {
  background: #333333;
}
.recipe-box ul li .replacements::-webkit-scrollbar-corner {
  background: transparent;
}
.recipe-box ul li.open .replacements {
  display: block;
}
.recipe-box .info.alert {
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 15px;
  font-size: 0.9rem;
}
.recipe-box .info.alert:before {
  content: " ";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: -15px;
  top: -15px;
}

/*# sourceMappingURL=index.css.map*/