.AspectRatio {
  position: relative;
  height: 0 !important;
}
.AspectRatio--1by1:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.AspectRatio--4by3:before {
  content: '';
  display: block;
  padding-bottom: 75%;
}
.AspectRatio--3by2:before {
  content: '';
  display: block;
  padding-bottom: 66.66%;
}
.AspectRatio--8by5:before {
  content: '';
  display: block;
  padding-bottom: 62.5%;
}
.AspectRatio--16by9:before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}
.AspectRatio--21by9:before {
  content: '';
  display: block;
  padding-bottom: 42.8571%;
}
.AspectRatio--42by9:before {
  content: '';
  display: block;
  padding-bottom: 21.4286%;
}
.AspectRatio > * {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
}
.AspectRatioImage {
  position: relative;
  overflow: hidden;
}
.AspectRatioImage--16x9 {
  padding-top: 56.25%;
}
.AspectRatioImage--4x3 {
  padding-top: 75%;
}
.AspectRatioImage--1x1 {
  padding-top: 100%;
}
.AspectRatioImage-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media only screen and (max-width: 599px), print {
  .AspectRatioVideo-16by9MobileContainer {
    min-height: 0 !important;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
  }
  .AspectRatioVideo-16by9MobileChild {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
.BarMeter-body {
  height: 8px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.BarMeter-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #aaa;
}
.BarMeter-footer svg {
  fill: #aaa;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.BarMeter-info {
  margin: 0.625rem 0 0 0;
}
.BarMeter-indicator {
  position: absolute;
  height: 100%;
  top: 0;
}
.BarMeter-indicator--static {
  width: 100%;
  right: 0;
  background: #ededed;
  z-index: 1;
}
.BarMeter-indicator--low {
  width: 100%;
  left: 0;
  background: #ff3300;
  border-radius: 4px;
}
.BarMeter-indicator--active {
  width: 100%;
  left: 0;
  border-radius: 4px;
  background: #00aa46;
  background: linear-gradient(to right, #e8f2d7, #00aa46 75%, #005537);
}
.Checkbox {
  position: relative;
  display: inline-block;
  text-align: left;
}
.Checkbox input {
  opacity: 0;
  position: absolute;
  height: 20px;
  width: 20px;
}
.Checkbox input:checked + label:before {
  background: #00aa46;
  border: none;
}
.Checkbox input:checked + label:after {
  transform: scale(1);
  opacity: 1;
}
.Checkbox input:focus + label:before {
  background-color: #b6b4ad;
  border: 2px solid #333333;
}
.Checkbox input:focus + label:after {
  border-radius: 6px;
  border: 2px solid #333333;
}
.Checkbox input:not(:disabled):hover + label:before {
  background-color: #b6b4ad;
  border: 1px solid #72706c;
}
.Checkbox input:hover + label:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFqSURBVHgB3ZUhT8NAFMffHWWUsYSqBUcFMyQQvkBDJ0kwGAIOh2OgFtwMWXDNHBIHfAFw68AglxAUpjiC6pJBtgF93DVp6XZQ1l4N/OS7l/+vvTbvAfx1yGhBq5naIO9VENFkhyaMBWmzXuulen0aK1Drpk7oR5MVdUiH43lv5d7hrRMU6JBNLpyjUzrZ5LcgCGbqxo5keCgZTL/vCwKkWIGMQCCrgoBd0AqkQJsqCLXoz0FBguXiAtzvXsB6yfixJ7WAh19uNaDT78Ld80O2gmj42tkePHaekgvON478IJnwWMFSsQRX240hSdLwWAEPcHvdUJImnBOOivyxgaOH87NzfqimFgDZaZLw1+oNiX0DDg8K3iTpkwcovzXwwMWTTUjL16hAsCErCGkLAoLYgowgCJYgyKmKxb6jA/I40cUTCtwD20Vvoiwp8RdOtEC+61LZbqD++B5vwrL1arNraeX6iuXWbBf+FZ91AKEkZzn2HAAAAABJRU5ErkJggg==);
}
.Checkbox input:checked + label--lineThrough {
  text-decoration: line-through;
}
.Checkbox label {
  display: inline-block;
  padding-left: 1.875rem;
  position: relative;
  cursor: pointer;
  font-family: 'Akkurat', sans-serif;
  font-size: 0.875rem;
  user-select: none;
  line-height: 20px;
}
.Checkbox label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #72706c;
  transition: all 0.3s;
}
.Checkbox label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEtSURBVHgBrZQ9TsNAEEa/GRANKQwVDZKlXMDUFKxTQInEBRJO4IIb0BP5BpYbWnokFHODcAAUl3SkSAOFl1mTlfLjKLbXT7K1HnuexqPdIVgS5eGQIxRaAaRQj6l8G2P4ltoALWU+mCey8tGOHEUR4j7L/4XpYOYgW5VeHCAZjKTOEdzxQPTDYEToDLpiuQdogXd0XBHVitGC4LSP2d0zbs8vt941FhrZ5HqM+e8CH9+fbsJVWfj6gHzxtV/4oh4RnPRbySqFZeLNeE1aV1YpNAkm0UqbyAwkp0RvBv3emUieZGv0yue6ssoKDSbRVtpEtrNCFxhaZ+gMPRUhvaMzdCw9LGJZ5HBGHMMsZRmKc5nSoZtUckuHndiWRMlspEiuehPI9L9smfylKUz4A0KljtVYUeTHAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.15s ease;
  transform: scale(0);
  opacity: 0;
}
.Checkbox--slider {
  display: inline-block;
  height: 30px;
  position: relative;
  width: 62px;
}
@media only screen and (max-width: 599px), print {
  .Checkbox--slider {
    height: 24px;
    width: 40px;
  }
}
.Checkbox--slider input {
  display: none;
}
.Checkbox--slider .slider {
  background-color: #b6b4ad;
  border: 1px solid #b6b4ad;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  box-sizing: border-box;
}
.Checkbox--slider .slider:before {
  background-color: #fff;
  bottom: 2px;
  left: 3px;
  content: '';
  position: absolute;
  transition: 0.4s;
  height: 24px;
  width: 24px;
}
@media only screen and (max-width: 599px), print {
  .Checkbox--slider .slider:before {
    width: 18px;
    height: 18px;
  }
}
.Checkbox--slider input:checked + .slider {
  background-color: #00a142;
  border-color: #00a142;
}
.Checkbox--slider input:checked + .slider:before {
  transform: translateX(29px);
}
@media only screen and (max-width: 599px), print {
  .Checkbox--slider input:checked + .slider:before {
    transform: translateX(14px);
  }
}
.Checkbox--slider .slider.round {
  border-radius: 34px;
}
.Checkbox--slider .slider.round:before {
  border-radius: 50%;
  background-color: #ffffff;
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA4LjQ5OTgyTDguNSAxLjQ5OTgyTTguNSA4LjQ5OTgyTDEuNSAxLjQ5OTgyIiBzdHJva2U9IiNCNkI0QUQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.15s ease;
  background-size: 12px;
}
.Checkbox--slider input:checked + .slider.round:before {
  border-radius: 50%;
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDMuOTk5ODJMMy41IDYuNDk5ODJMOC41IDEuNDk5ODIiIHN0cm9rZT0iIzAwQTE0MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.15s ease;
  background-color: #ffffff;
  background-size: 12px;
}
.Checkbox--slider.Checkbox--sliderWhiteBg .slider,
.Checkbox--slider.Checkbox--sliderWhiteBg input:checked + .slider {
  background-color: #fff;
}
.CodeInput input {
  -webkit-appearance: none;
  transition: border-color 0.2s ease;
}
.CodeInput input:nth-child(3) {
  margin-right: 10px;
}
.CodeInput:not(.is-invalid) input:hover,
.CodeInput:not(.is-invalid) input:focus {
  border-color: #d7d7d7 !important;
}
.FloatingLabel {
  position: relative;
  display: block;
}
.FloatingLabel-input,
.FloatingLabel-field {
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  padding: 1.4rem 0.75rem 0.4rem 0.7rem;
  font-size: 1rem;
  line-height: 1.1rem;
  transition: border-color 0.2s ease;
  cursor: text;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  filter: none;
}
.FloatingLabel-input:not(:disabled):focus,
.FloatingLabel-field:not(:disabled):focus,
.FloatingLabel-input:not(:disabled).has-focus,
.FloatingLabel-field:not(:disabled).has-focus,
.FloatingLabel-input:not(:disabled):hover,
.FloatingLabel-field:not(:disabled):hover {
  border-color: #999999;
  outline: none;
}
.FloatingLabel-input:disabled,
.FloatingLabel-field:disabled {
  color: #707070 !important;
  -webkit-text-fill-color: #707070;
  opacity: 1;
  /* required on iOS */
  cursor: not-allowed !important;
  padding-right: 2rem;
}
.FloatingLabel-input.has-value:focus,
.FloatingLabel-field.has-value:focus,
.FloatingLabel-input.has-value.has-focus,
.FloatingLabel-field.has-value.has-focus {
  padding-right: 2rem;
}
.FloatingLabel-input.has-value:focus ~ .FloatingLabel-clear,
.FloatingLabel-field.has-value:focus ~ .FloatingLabel-clear,
.FloatingLabel-input.has-value.has-focus ~ .FloatingLabel-clear,
.FloatingLabel-field.has-value.has-focus ~ .FloatingLabel-clear {
  visibility: visible;
}
.FloatingLabel-input:not(:focus):not(.has-focus):not(.has-value):not(.has-placeholder) + .FloatingLabel-label,
.FloatingLabel-field:not(:focus):not(.has-focus):not(.has-value):not(.has-placeholder) + .FloatingLabel-label {
  font-size: 1rem;
}
.FloatingLabel-lock {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: 0;
}
.FloatingLabel-lock:hover {
  z-index: 1;
}
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-input,
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-field {
  /* .FloatingLabel-input should be removed as FloatingLabel-field is a better name. Update all views. */
  height: 3.125rem;
  /* Always keep label up when field has placeholder*/
}
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-input:not(:focus):not(.has-value):not([placeholder]) + .FloatingLabel-label,
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-field:not(:focus):not(.has-value):not([placeholder]) + .FloatingLabel-label {
  top: 50%;
  transform: translateY(-50%);
}
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-input[placeholder] + .FloatingLabel-label,
.FloatingLabel:not(.FloatingLabel--textarea) .FloatingLabel-field[placeholder] + .FloatingLabel-label {
  font-size: 0.75rem !important;
  transform: translateY(0) !important;
}
.FloatingLabel-label {
  position: absolute;
  top: 0;
  left: 0.75rem;
  pointer-events: none;
  color: #707070;
  font-size: 0.75rem;
  top: 0.4rem;
  transform: translateY(0);
  transition: all 0.2s ease;
}
/* CHROME AUTOFILL LABEL STATE */
.FloatingLabel-input:-webkit-autofill + label {
  position: absolute !important;
  left: 0.75rem !important;
  pointer-events: none !important;
  color: #707070 !important;
  font-size: 0.75rem !important;
  top: 0.4rem !important;
  transform: translateY(0) !important;
  transition: all 0.2s ease !important;
}
/*.FloatingLabel-field:not(.has-placeholder) + .FloatingLabel-label {
    transition: all .2s ease;
}*/
/* VARIANTS */
.FloatingLabel--textarea .FloatingLabel-field:not(.has-focus):not(.has-value):not(.has-placeholder) + .FloatingLabel-label {
  top: 0.8rem;
}
.FloatingLabel--textarea .FloatingLabel-textarea {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  resize: none;
  padding: 0.2rem 0 0 0;
}
.FloatingLabel--select {
  background: #f5f5f5;
  border-radius: 0.3rem;
}
.FloatingLabel--select:after {
  content: '';
  position: absolute;
  width: 1rem;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDE5Yy0uNCAwLS44LS4yLTEuMS0uNEwuMiA3LjhjLS4xLS4xLS4yLS4zLS4yLS41cy4xLS40LjItLjUuMy0uMi41LS4yLjQuMS41LjJMMTIgMTcuNSAyMi43IDYuOGMuMS0uMS4zLS4yLjUtLjJzLjQuMS41LjJjLjIuMS4zLjMuMy41cy0uMS40LS4yLjVMMTMuMSAxOC42Yy0uMy4yLS43LjQtMS4xLjR6IiBmaWxsPSIjMzMzIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center center;
  pointer-events: none;
}
.FloatingLabel--select .FloatingLabel-field {
  margin: 0;
  color: #333;
  cursor: pointer;
  appearance: none;
  padding: 1.4rem 1.75rem 0.4rem 0.75rem;
  outline: none;
  background: transparent;
}
/* VALIDATION */
.FloatingLabel-input.is-valid,
.FloatingLabel-field.is-valid,
.FloatingLabel-input.is-invalid,
.FloatingLabel-field.is-invalid {
  padding-right: 2rem;
}
.FloatingLabel-input.is-valid ~ .FloatingLabel-tooltipToggler,
.FloatingLabel-field.is-valid ~ .FloatingLabel-tooltipToggler,
.FloatingLabel-input.is-invalid ~ .FloatingLabel-tooltipToggler,
.FloatingLabel-field.is-invalid ~ .FloatingLabel-tooltipToggler {
  visibility: hidden;
}
.FloatingLabel-input.is-valid ~ .FloatingLabel-tooltip,
.FloatingLabel-field.is-valid ~ .FloatingLabel-tooltip,
.FloatingLabel-input.is-invalid ~ .FloatingLabel-tooltip,
.FloatingLabel-field.is-invalid ~ .FloatingLabel-tooltip {
  visibility: hidden;
}
.FloatingLabel-input.is-invalid,
.FloatingLabel-field.is-invalid {
  border-color: #cc0000 !important;
}
.FloatingLabel-input.is-invalid:not(select) ~ .FloatingLabel-validationIcon,
.FloatingLabel-field.is-invalid:not(select) ~ .FloatingLabel-validationIcon {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRjY1NjUiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJBa2t1cmF0U3RkIiBmb250LXNpemU9IjEyIiBmaWxsPSIjRkZGIj48dHNwYW4geD0iNiIgeT0iMTIiPiE8L3RzcGFuPjwvdGV4dD48L2c+PC9zdmc+);
}
.FloatingLabel-input.is-valid:not(select) ~ .FloatingLabel-validationIcon,
.FloatingLabel-field.is-valid:not(select) ~ .FloatingLabel-validationIcon {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiMwMEFBNDYiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTEgNUw3LjUgOS43NWwtMi41LTIiLz48L2c+PC9zdmc+);
}
.FloatingLabel-validationIcon {
  display: none;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.FloatingLabel--textarea .FloatingLabel-validationIcon {
  top: 1rem;
  transform: none;
}
.FloatingLabel-validationMessage {
  color: #cc0000;
  font-size: 0.75rem;
  margin-left: 12px;
  margin-top: 0.41666667rem;
  margin-bottom: 0.41666667rem;
}
/* CLEAR VALUE BUTTON */
.FloatingLabel-clear {
  width: 2.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FloatingLabel-clear:hover .FloatingLabel-clearIcon,
.FloatingLabel-clear:focus .FloatingLabel-clearIcon {
  fill: #333;
}
.FloatingLabel-clear .FloatingLabel-clearIcon {
  width: 1rem;
  height: 1rem;
  fill: #999999;
  background: #ededed;
  border-radius: 50%;
}
/* INFO MESSAGE */
.FloatingLabel-helperText {
  color: #aaa;
  font-size: 0.75rem;
  margin-left: 12px;
  margin-top: 0.41666667rem;
  margin-bottom: 0.41666667rem;
}
/* TOGGLE TOOLTIP BUTTON */
.FloatingLabel-tooltipToggler {
  width: 2.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: visibility 10ms;
}
.FloatingLabel-tooltipToggler:hover .FloatingLabel-tooltipIcon,
.FloatingLabel-tooltipToggler:focus .FloatingLabel-tooltipIcon {
  fill: #333;
}
.FloatingLabel-tooltipToggler .FloatingLabel-tooltipIcon {
  width: 1rem;
  height: 1rem;
  fill: #999999;
  background: #ededed;
  border-radius: 50%;
}
.InformationBox {
  display: flex;
  background: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  font-size: 1rem;
}
.InformationBox-link {
  color: black;
  text-decoration: underline;
}
.InformationBox-subscriptionBorder {
  border-top: 1px solid #e6e6e6;
  border-radius: 0;
}
.InformationBox-text {
  width: 95%;
  margin: 0;
  line-height: 16px;
}
.InformationBox-icon {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  fill: #097a36;
}
.Input {
  -webkit-appearance: none;
  font-size: 0.875rem;
  border: none;
  border: 1px solid #ededed;
  height: 40px;
  text-align: left;
  padding: 0 0.93750234rem;
  outline: none;
  border-radius: 4px;
  vertical-align: top;
}
.Input:focus {
  border: 1px solid #00aa46;
}
.Input.Input--dismissablePlaceholder input:focus::-webkit-input-placeholder {
  color: transparent;
}
.Input.Input--dismissablePlaceholder input:focus::-moz-placeholder {
  color: transparent;
}
.Input[type='date'] {
  width: 12em;
}
.Input-error {
  display: inline-block;
  color: #ff6565;
  text-align: left;
  font-size: 0.75rem;
  margin: 0.41666667rem 0;
}
.Input-parameter {
  position: absolute;
  top: 0;
  right: 0.93750234rem;
  color: #999;
  line-height: 40px;
}
.Input.Input--withParam {
  padding: 0;
  border: none;
  position: relative;
}
.Input.Input--withParam input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  width: 100%;
  height: 100%;
  padding: 0 100px 0 0.93750234rem;
  outline: none;
  border: none;
  border: 1px solid #ededed;
  border-radius: 4px;
  vertical-align: top;
}
.Input.Input--withParam input:focus {
  border: 1px solid #00aa46;
}
.Input.Input--withParam.is-invalid {
  border-color: #ededed;
}
.Input.Input--withParam.is-invalid:focus {
  border-color: #00aa46;
}
.Input.Input--withParam.is-invalid input {
  border-color: #ff6565;
}
.Input.Input--withParam.is-invalid input:focus {
  border-color: #ededed;
}
.Input.Input--custom {
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  border-radius: 0;
}
.Input.Input--custom input {
  width: 100%;
  height: 100%;
  border: none;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
}
.Input.Input--custom input::-webkit-outer-spin-button,
.Input.Input--custom input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Input.Input--custom input:focus {
  border-color: #00aa46;
  outline: none;
}
.Input.Input--custom input.is-invalid {
  border-color: #ff3300;
}
.Input.Input--custom input.is-invalid:focus {
  border-color: #ededed;
}
.Input.Input--custom input.is-invalid ~ .Input-error {
  display: block;
}
.Input.Input--animated {
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  border-radius: 0;
  height: 50px;
}
.Input.Input--animated input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
  padding: 23px 0 7px 0;
  -moz-appearance: textfield;
  /*&:-webkit-autofill {
                animation: autofilled;
            }

            &:not(:-webkit-autofill) {
                animation: notAutofilled;
            }*/
}
.Input.Input--animated input::-webkit-outer-spin-button,
.Input.Input--animated input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.Input.Input--animated input:required {
  box-shadow: none;
}
.Input.Input--animated input:focus {
  border-color: #00aa46;
  outline: none;
}
.Input.Input--animated input:focus ~ .Input-label {
  font-size: 0.6875rem;
  transform: translate3d(0, 8px, 0);
}
.Input.Input--animated input.is-invalid {
  border-color: #ff3300;
}
.Input.Input--animated input.is-invalid:focus {
  border-color: #ededed;
}
.Input.Input--animated input.is-invalid ~ .Input-error {
  display: block;
}
.Input.Input--animated input.has-value ~ .Input-label {
  font-size: 0.6875rem;
  transform: translate3d(0, 8px, 0);
}
.Input.Input--animated .Input-label {
  color: #999;
  font-size: 0.875rem;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 1;
  white-space: nowrap;
  transform: translate3d(0, 25px, 0);
  transition: all 0.3s;
}
.Input.Input--customGray {
  position: relative;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
  border-radius: 0;
  height: 50px;
  width: 100%;
}
.Input.Input--customGray input {
  width: 100%;
  height: 50px;
  background-color: #ededed;
  border: none;
  border-radius: 4px;
  padding-left: 15px;
  font-weight: bold;
  font-size: 1.125rem;
  /*&::-webkit-input-placeholder {
                color: @colorBase;
            }

            &::-moz-placeholder {
                color: @colorBase;
            }

            &:-moz-placeholder {
                color: @colorBase;
            }*/
}
.Input.Input--customGray input:required {
  box-shadow: none;
}
.Input.Input--customGray input:focus {
  border: 1px solid #999999;
  outline: none;
}
.Input.Input--customGray input[type='password']:disabled {
  color: #999999;
}
.Input.Input--customGray input.is-valid {
  border: 1px solid #00aa46 !important;
}
.Input.Input--customGray input.is-invalid {
  border: 1px solid #ff6565 !important;
}
.Input.Input--customGray .Input-label {
  left: 15px;
  font-size: 0.75rem;
}
.Input.Input--bank {
  background-color: #ededed;
  max-width: 335px;
}
.Input.Input--bank:focus {
  border: 1px solid #999999;
}
.Input.Input--greenBorder {
  border: 1px solid #00aa46;
}
.Input.Input--small {
  padding: 0.625rem 0.93750234rem;
}
.Input.Input--noMinWidth {
  min-width: 0;
}
.Input.is-invalid {
  border-color: #ffeaf3;
}
.Input.is-invalid:focus {
  border-color: #ededed;
}
.Input ::-webkit-input-placeholder {
  color: #999;
}
.Input ::-moz-placeholder {
  color: #999;
}
.Input :-moz-placeholder {
  color: #999;
}
/* Hides the number spinner */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.List {
  list-style-type: none;
}
.List li.is-disabled {
  text-decoration: line-through;
  opacity: 0.5;
}
.List-sublist {
  padding: 2.5rem;
}
.List.List--noSpacing {
  padding: 0;
  margin: 0;
}
.List.List--hoverGreen li:hover {
  color: #00aa46;
}
.List.List--simple li {
  margin-bottom: 0.625rem;
}
.List.List--simple li:last-of-type {
  margin: 0;
}
.List.List--column li {
  margin-bottom: 0.41666667rem;
}
.List.List--column li:last-of-type {
  margin: 0;
}
@media only screen and (min-width: 600px), print {
  .List.List--column li {
    margin: 0;
    width: 50%;
    float: left;
  }
}
.List.List--separated li {
  display: flex;
  justify-content: space-between;
}
.List.List--columnEven {
  display: table;
  margin: 0;
  padding: 0;
}
.List.List--columnEven li {
  margin-bottom: 0.93750234rem;
}
.List.List--columnEven li:last-of-type {
  margin: 0;
}
@media only screen and (min-width: 600px), print {
  .List.List--columnEven li {
    display: table-row;
    margin: 0;
  }
}
@media only screen and (min-width: 600px), print {
  .List.List--columnEven span {
    padding-bottom: 0.93750234rem;
  }
}
.List.List--columnEven span:nth-of-type(odd) {
  display: block;
  font-weight: bold;
}
@media only screen and (min-width: 600px), print {
  .List.List--columnEven span:nth-of-type(odd) {
    display: table-cell;
    padding-right: 2.5rem;
  }
}
.List.List--table {
  margin: 0;
  padding: 0;
}
.List.List--table li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #ededed;
}
.List.List--table li > span:last-of-type {
  color: #999;
}
.List.List--section {
  margin: 0 0 1.875rem 0;
  padding: 0;
}
.List.List--section:last-of-type {
  margin: 0;
  padding-bottom: 1.875rem;
}
.List.List--section .List-heading {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}
.List.List--section li {
  color: #777;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
.List.List--greenBullet {
  font-size: 0.875rem;
  padding-left: 0.93750234rem;
}
@media only screen and (min-width: 1024px), print {
  .List.List--greenBullet {
    font-size: 1rem;
  }
}
.List.List--greenBullet li {
  margin-top: 0.41666667rem;
}
.List.List--greenBullet li:before {
  content: '• ';
  color: #00aa46;
  display: inline-block;
  width: 0.93750234rem;
  margin-left: -0.93750234rem;
}
.List.List--checkbox {
  font-size: 0.875rem;
  padding-left: 0;
}
@media only screen and (min-width: 1024px), print {
  .List.List--checkbox {
    font-size: 1rem;
  }
}
.List.List--checkbox li {
  margin-top: 0.41666667rem;
}
.List.List--checkbox li svg {
  max-width: 15px;
  max-height: 15px;
  vertical-align: middle;
  fill: none;
  stroke: #00aa46;
  margin-right: 0.41666667rem;
}
.List.List--checkboxGreen {
  list-style: none;
  padding: 0 1.25rem 0 0;
}
.List.List--checkboxGreen > li {
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMDBBRTRDIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTUgNmwtNS4yNSA3LjEyNS0zLjc1LTMiLz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  background-position: 0 18%;
  line-height: 1.25rem;
}
@media only screen and (max-width: 479px), print {
  .List.List--checkboxGreen {
    padding: 0;
  }
}
.List.List--greenChecked {
  list-style: none;
  padding: 0 1.25rem 0 0;
}
.List.List--greenChecked > li {
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMDBBRTRDIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0LjY0NyA1Ljc2bC43ODguNjE2LTUuNzgyIDcuMzk2LTMuNTAzLTMuNTE3LjcwOS0uNzA1IDIuNzAzIDIuNzE0eiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  line-height: 1.25rem;
}
@media only screen and (max-width: 479px), print {
  .List.List--greenChecked {
    padding: 0;
  }
}
.List.List--greenCheckedInverted {
  list-style: none;
  padding: 0 1.25rem 0 0;
}
.List.List--greenCheckedInverted > li {
  margin: 0 0 10px 0;
  padding: 0 0 0 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjRkZGIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCIvPjxwYXRoIGZpbGw9IiMwMEFFNEMiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0LjY0NyA1Ljc2bC43ODguNjE2LTUuNzgyIDcuMzk2LTMuNTAzLTMuNTE3LjcwOS0uNzA1IDIuNzAzIDIuNzE0eiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  line-height: 1.25rem;
}
@media only screen and (max-width: 479px), print {
  .List.List--greenCheckedInverted {
    padding: 0;
  }
}
.List.List--ordered {
  font-size: 0.875rem;
  padding-left: 1.875rem;
  margin-top: 0;
}
@media only screen and (min-width: 1024px), print {
  .List.List--ordered {
    font-size: 1rem;
  }
}
.List.List--ordered li {
  margin-top: 0.41666667rem;
  color: #999;
  text-align: left;
  line-height: 1.57;
  margin-bottom: 20px;
}
.List.List--ordered li:before {
  counter-increment: orderedItems;
  content: counter(orderedItems) '';
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ededed;
  border-radius: 50%;
  color: #333;
  margin-right: 10px;
  margin-left: -33px;
  font-size: 12px;
  font-weight: bold;
}
.List.List--ordered-container {
  counter-reset: orderedItems;
}
.List.List--orderedRecipe-container {
  counter-reset: item;
}
.List.List--orderedRecipe {
  font-size: 0.875rem;
  padding-left: 1.875rem;
  margin-top: 0;
}
@media only screen and (min-width: 1024px), print {
  .List.List--orderedRecipe {
    font-size: 1rem;
  }
}
.List.List--orderedRecipe li {
  margin-top: 0.41666667rem;
  color: #999;
  text-align: left;
  line-height: 1.57;
  margin-bottom: 20px;
}
.List.List--orderedRecipe li:before {
  counter-increment: item;
  content: counter(item) '';
  text-align: center;
  display: inline-block;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 1px solid #999999;
  border-radius: 50%;
  color: #333;
  margin-right: 0.5rem;
  margin-left: -2.0625rem;
  font-size: 15px;
  font-weight: normal;
  padding-top: 0.5px;
}
.List.List--navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  column-gap: 2.5rem;
  line-height: 1.3em;
  column-fill: balance;
}
@media only screen and (min-width: 600px), print {
  .List.List--navigation {
    columns: 2;
  }
}
.List.List--navigation li {
  margin: 0;
  font-size: 0.875rem;
  break-inside: avoid;
  padding: 0.41666667rem 0;
}
.List.List--navigation li.is-active a {
  color: #00aa46;
}
.List.List--navigation li.is-active a:hover {
  color: #005537;
}
.List.List--navigation a {
  text-decoration: none;
  color: #333;
}
.List.List--navigation a:hover {
  color: #777;
}
.List.List--filter {
  padding: 0;
  margin: 0;
  overflow: hidden;
  user-select: none;
}
.List.List--filter li {
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  display: none;
  color: #999;
  cursor: pointer;
}
.List.List--filter li:nth-child(-n + 5) {
  display: block;
}
.List.List--filter li:last-of-type {
  display: block;
  margin: 0;
}
.List.List--filter li:hover {
  color: #333;
}
.List.List--filter li.is-active {
  color: #333;
  font-weight: bold;
}
.List.List--filter li.is-active .List-icon {
  display: inline-block;
}
.List.List--filter li .List-icon {
  height: 12px;
  width: 12px;
  margin-left: 0.41666667rem;
  fill: none;
  stroke: #333;
  vertical-align: middle;
  display: none;
}
.List.List--filter .List-showMore {
  color: #00aa46;
  font-size: 0.875rem;
  margin-top: 1.25rem;
}
.List.List--filter .List-showMore svg {
  height: 12px;
  width: 12px;
  vertical-align: middle;
  margin-left: 0.41666667rem;
  fill: none;
  stroke: #00aa46;
}
.List.List--filter .List-showMore--minus {
  display: none;
}
.List.List--filter.is-expanded li {
  display: block;
}
.List.List--filter.is-expanded .List-showMore--plus {
  display: none;
}
.List.List--filter.is-expanded .List-showMore--minus {
  display: block;
}
.List.List--temporary {
  padding-left: 2.5rem;
  margin: 0;
}
.List.List--temporary li {
  margin: 0.41666667rem 0;
}
.List.List--myCoop {
  margin-top: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Loader {
  position: relative;
}
.Loader.Loader--balls {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Loader.Loader--balls .Loader-icon {
  width: 70px;
  display: flex;
  justify-content: space-between;
}
.Loader.Loader--balls .Loader-icon > div {
  width: 18px;
  height: 18px;
  background-color: #00aa46;
  border-radius: 50%;
  display: inline-block;
  animation: ballsLoader 1.4s infinite ease-in-out both;
}
.Loader.Loader--balls .Loader-icon > div:first-child {
  animation-delay: -0.32s;
}
.Loader.Loader--balls .Loader-icon > div:nth-child(2) {
  animation-delay: -0.16s;
}
.Loader.Loader--balls.Loader--small .Loader-icon {
  width: 50px;
}
.Loader.Loader--balls.Loader--small .Loader-icon > div {
  width: 12px;
  height: 12px;
}
@keyframes ballsLoader {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.Pill {
  color: #333;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 2.5rem;
  padding: 0.3125rem 0.625rem;
}
.Pill.Pill--greenLight4 {
  background: #e8f2d2;
  color: #097a36;
}
.Pill.Pill--absoluteOffset {
  position: absolute;
  top: -0.625rem;
  left: 1.25rem;
}
.Preamble {
  line-height: 1.4;
  font-size: var(--cds-font-size-lg);
  color: var(--cds-text-primary);
}
@media only screen and (min-width: 768px), print {
  .Preamble {
    font-size: var(--cds-font-size-xlg);
  }
}
.Preamble--small {
  font-size: 1rem;
  max-width: 520px;
  padding-bottom: 0.93750234rem;
  margin: 0 auto;
}
.Preamble-img {
  max-height: 150px;
}
.Preamble-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px), print {
  .Preamble-container {
    flex-direction: row;
    justify-content: center;
  }
}
.Preamble-image {
  max-width: 295px;
  height: 100%;
  margin-bottom: 20px;
}
.Preamble-image img {
  max-height: 110px;
  max-width: 295px;
}
@media only screen and (min-width: 768px), print {
  .Preamble-image {
    margin: 0 40px 0 0;
  }
}
.Preamble-text {
  max-width: 508px;
}
.ProgressBar {
  background: #f5f5f5;
  border-radius: 32px;
  height: 30px;
}
.ProgressBar.ProgressBar-green {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #00aa46;
}
.ProgressBar--complementaryShopping {
  height: 20px;
}
@media only screen and (min-width: 768px), print {
  .ProgressBar--complementaryShopping {
    height: 40px;
  }
}
.Radio {
  position: relative;
  display: inline-block;
  text-align: left;
}
.Radio-heading {
  display: inline-block;
}
.Radio-subheading {
  display: block;
  font-size: 0.875rem;
}
.Radio-subheading--dynamic {
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px), print {
  .Radio-subheading--dynamic {
    font-size: 1rem;
  }
}
.Radio-input {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.Radio-input:checked + .Radio-label:before {
  border: none;
}
.Radio-input:checked + .Radio-label:after {
  transform: scale(1);
  opacity: 1;
}
.Radio-input.is-invalid + label:before {
  border-color: #ff3300;
}
.Radio-label {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
  font-family: 'Akkurat', sans-serif;
  font-size: 0.875rem;
  user-select: none;
  line-height: 20px;
}
@media only screen and (min-width: 600px), print {
  .Radio-label {
    font-size: 1rem;
    padding-left: 1.875rem;
  }
}
.Radio-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #aaa;
}
.Radio-label:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00aa46;
  display: inline-block;
  z-index: 1;
  transition: all 0.15s ease;
  transform: scale(0);
  opacity: 0;
}
.Radio-link {
  position: relative;
  font-size: 0.75rem;
  float: right;
  z-index: 2;
}
.Radio-link:hover {
  text-decoration: none !important;
}
.Radio-content {
  padding-left: 1.875rem;
  font-size: 0.875rem;
}
.Radio-icon {
  width: 14px;
  height: 14px;
  margin-right: 0.3125rem;
  margin-bottom: -1px;
  fill: none;
  stroke: #333;
}
.Radio.is-disabled .Radio-input {
  cursor: not-allowed;
}
.Radio.is-disabled .Radio-label {
  opacity: 0.7;
  text-decoration: line-through;
  cursor: not-allowed;
}
.Radio .Radio-input:disabled {
  cursor: not-allowed;
}
.Radio .Radio-input:disabled + .Radio-label {
  opacity: 0.7;
  text-decoration: line-through;
  cursor: not-allowed;
}
.Radio-validationMessage {
  color: #ff3300;
  font-size: 0.75rem;
  margin-top: 0.41666667rem;
  margin-bottom: 0.41666667rem;
  margin-left: 1.875rem;
}
.Radio-helperText {
  color: #aaa;
  font-size: 0.75rem;
  margin-left: 1.875rem;
  margin-top: 0.41666667rem;
  margin-bottom: 0.41666667rem;
}
.Radio--block {
  height: 100%;
  display: block;
  padding: 1.25rem;
  cursor: pointer;
}
.Radio--block:hover {
  color: #00aa46;
}
.Radio--block .Radio-heading {
  display: block;
  font-size: 1rem;
  margin: 0;
}
.Radio--block .Radio-input {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.Radio--block .Radio-label {
  font-size: 0.75rem;
  line-height: 1.5;
}
.Radio--block.is-active {
  background: #00aa46;
  color: #fff;
  cursor: default;
}
.Radio--blockNoHoverColor {
  height: 100%;
  display: block;
  padding: 1.25rem;
  margin-bottom: 0.93750234rem;
  /*cursor: pointer;*/
  /*&:hover {
        color: @colorGreen;
    }*/
}
.Radio--blockNoHoverColor:last-child {
  margin: 0 !important;
}
.Radio--blockNoHoverColor .Radio-heading {
  display: block;
  font-size: 1rem;
  margin: 0;
}
.Radio--blockNoHoverColor .Radio-input {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.Radio--blockNoHoverColor .Radio-label {
  font-size: 0.75rem;
  line-height: 1.5;
}
.Radio--blockNoHoverColor.is-active {
  background: #00aa46;
  color: #fff;
  cursor: default;
}
.Radio--inverted .Radio-input:checked + .Radio-label:before {
  border: 1px solid #00aa46;
  background: #00aa46;
}
.Radio--inverted .Radio-input:checked + .Radio-label:after {
  background: #fff;
}
.Radio--inverted.is-active {
  background: #fff;
  color: #333;
}
.Radio--flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Radio--store {
  width: 100%;
  padding: 0.93750234rem;
  border: 1px solid #ededed;
}
.Radio--store .Radio-content {
  padding-left: 0;
}
.Radio--store .Radio-dot {
  height: 10px;
  width: 10px;
  border: 1px solid #000;
  border-radius: 50%;
  flex-shrink: 0;
}
.Radio--store .Radio-dot--green {
  background-color: #00aa46;
  border: 1px solid transparent;
}
.Radio--store .Radio-dot--darkGreen {
  background-color: #005537;
  border: 1px solid transparent;
}
.Radio--store .Radio-heading {
  font-size: 0.875rem;
  margin-bottom: 0.41666667rem;
}
.Radio--store .Radio-text {
  margin-top: 0.93750234rem;
  font-size: 0.875rem;
}
.Radio--store.is-active {
  border: 1px solid #00aa46;
}
.Radio--border {
  border: 1px solid #ededed;
}
.Radio--borderBottom {
  border-bottom: 1px solid #ededed;
}
.Radio--border.is-active {
  border: 1px solid #00aa46;
}
.Radio--borderTransparent {
  border: 1px solid transparent;
}
.Radio--borderTransparent.is-active {
  border: 1px solid #00aa46;
}
.Radio--small {
  padding: 0.625rem 0.93750234rem;
}
.Radio--small .Radio-label,
.Radio--small .Radio-heading {
  font-size: 1rem;
}
.Radio--dynamicSize {
  padding: 0.625rem 1.25rem;
}
.Radio--dynamicSize .Radio-label,
.Radio--dynamicSize .Radio-heading {
  font-size: 0.75rem;
}
@media only screen and (min-width: 480px), print {
  .Radio--dynamicSize .Radio-label,
  .Radio--dynamicSize .Radio-heading {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 600px), print {
  .Radio--dynamicSize .Radio-label,
  .Radio--dynamicSize .Radio-heading {
    font-size: 1rem;
  }
}
.Radio--hoverGreen:hover {
  background: #00aa46;
  color: #fff;
}
.Radio--hoverGreen:hover .Radio-label:before {
  border-color: #00aa46;
}
.Radio--gray .Radio-label {
  color: #999;
}
.Radio--gray.is-active .Radio-label {
  color: #333;
}
.Radio--calculation {
  height: 100%;
  display: block;
  padding: 1.25rem;
  cursor: pointer;
  border: 1px solid #ededed;
}
.Radio--calculation:hover {
  color: #00aa46;
}
.Radio--calculation .Radio-heading {
  display: block;
  font-size: 1rem;
  margin: 0;
}
.Radio--calculation .Radio-input {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.Radio--calculation .Radio-label {
  font-size: 0.75rem;
  line-height: 1.5;
}
.Radio--calculation.is-active {
  background: #00aa46;
  color: #fff;
  cursor: default;
}
.Radio--calculation .Radio-input:checked + .Radio-label:before {
  border: 1px solid #00aa46;
  background: #00aa46;
}
.Radio--calculation .Radio-input:checked + .Radio-label:after {
  background: #fff;
}
.Radio--calculation.is-active {
  background: #fff;
  color: #333;
}
.Radio--calculationBottom {
  border-bottom: 1px solid #ededed;
}
.Radio--calculation.is-active {
  border: 1px solid #00aa46;
}
.Radio--calculation .Radio-label {
  color: #999;
}
.Radio--calculation.is-active .Radio-label {
  color: #333;
}
@media only screen and (min-width: 600px), print {
  .Radio--calculation {
    padding: 0 0.93750234rem;
    height: 50px;
    display: flex;
    align-items: center;
  }
}
.Radio--calculation .Radio-label,
.Radio--calculation .Radio-heading {
  font-size: 1rem;
}
.RangeSlider-input {
  width: 100%;
  height: 29px;
  background: none;
  overflow: hidden;
  -webkit-appearance: none;
  padding: 0;
}
.RangeSlider-input.--secondTheme {
  height: 36px;
}
.RangeSlider-input.--secondTheme::-webkit-slider-thumb {
  border: 2px solid #005537;
  height: 30px;
  width: 30px;
  margin-top: -12.8065px;
}
.RangeSlider-input.--secondTheme::-webkit-slider-runnable-track {
  background: #005537;
  height: 4px;
}
.RangeSlider-input.--secondTheme::-moz-range-track {
  background-color: #005537;
  height: 4px;
}
.RangeSlider-input.--secondTheme::-moz-range-progress {
  height: 4px;
}
.RangeSlider-input.--secondTheme::-moz-range-thumb {
  height: 30px;
  width: 30px;
  border: 2px solid #005537;
}
.RangeSlider-input:focus {
  outline: none;
}
.RangeSlider-input::-webkit-slider-thumb {
  border: 2px solid #00aa46;
  height: 25px;
  width: 25px;
  margin-top: -9px;
  background: #fff;
  border-radius: 50%;
  cursor: grab;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.RangeSlider-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  background: #a1dbab;
  border-radius: 4px;
  content: '';
}
.RangeSlider-input::-moz-range-track {
  height: 7px;
  cursor: pointer;
  background-color: #a1dbab;
  border-radius: 4px;
}
.RangeSlider-input::-moz-range-progress {
  height: 7px;
  background: #00aa46;
  border-radius: 4px 0 0 4px;
}
.RangeSlider-input::-moz-range-thumb {
  border: 2px solid #00aa46;
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  cursor: grab;
}
.RangeSlider-output {
  width: 190px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.RangeSlider-year {
  margin-right: 15px;
}
.RangeSlider-amount,
.RangeSlider-year {
  color: #005537;
  font-family: 'CoopNew-Black', sans-serif;
  font-weight: 400;
}
.Table {
  min-width: 100%;
  background: #fff;
  overflow-x: hidden;
}
.Table-header {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-bottom: 2px solid #f5f5f5;
  padding: 0 1.25rem;
  background: #fff;
}
.Table-panel {
  opacity: 1 !important;
  border: none !important;
}
.Table-panel > td {
  padding: 0 !important;
}
.Table-item {
  min-height: 60px;
  height: 100%;
  padding: 0 1.25rem;
  font-size: 0.875rem;
  border-bottom: 2px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Table-item:last-of-type {
  border: none;
}
@media only screen and (min-width: 600px), print {
  .Table-item {
    height: 60px;
  }
}
.Table-confirmation {
  height: 100%;
  min-height: 58px;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  background-color: #e8f2d7;
  margin: 0 -1.25rem;
  padding: 1.25rem;
  position: relative;
}
@media only screen and (min-width: 600px), print {
  .Table-confirmation {
    height: 58px;
    padding: 0 1.25rem;
  }
}
.Table-confirmationError {
  background-color: #ffeaf3;
}
.Table-confirmationText {
  white-space: normal;
}
.Table-confirmationCta {
  margin-top: 0.93750234rem;
  width: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 600px), print {
  .Table-confirmationCta {
    margin: 0;
    width: auto;
  }
}
.Table-confirmationIcon {
  width: 20px;
  height: 20px;
  margin-right: 0.625rem;
  vertical-align: middle;
}
.Table-confirmationClose {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 1.25rem;
  cursor: pointer;
}
.Table-confirmationClose svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: #999;
}
.Table-notice {
  background-color: #e8f2d7;
}
.Table-notice > td {
  text-align: center !important;
}
.Table-noticeHeading {
  display: inline-block;
  margin-right: 0.93750234rem;
}
.Table-icon {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-top: -2px;
}
.Table-icon svg {
  width: 12px;
  height: 12px;
}
.Table-icon.Table-icon--arrow {
  cursor: pointer;
  transition: transform 0.3s;
}
.Table table {
  min-width: 100%;
  margin: 0;
}
.Table thead tr {
  height: 40px;
}
@media only screen and (min-width: 768px), print {
  .Table thead tr {
    height: 60px;
  }
}
.Table thead tr th {
  padding: 0 1.25rem;
}
@media only screen and (min-width: 768px), print {
  .Table thead tr th {
    padding: 1.25rem 1.25rem 0.625rem 1.25rem;
  }
}
.Table tbody tr:last-of-type {
  border: none;
}
.Table th {
  font-size: 0.875rem;
  font-weight: normal;
  color: #333;
  text-align: left;
  white-space: nowrap;
  padding: 1.25rem 1.25rem 0.625rem 1.25rem;
}
.Table tr {
  height: 60px;
  border-bottom: 2px solid #f5f5f5;
}
.Table td {
  text-align: left;
  font-size: 0.875rem;
  white-space: nowrap;
  padding: 0 1.25rem;
}
.Table td .Table-icon {
  width: 16px;
  height: 16px;
}
.Table-tag {
  border-radius: 0.625rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
.Table-tag.Table-tagGreenLight {
  background-color: #e8f2d7;
  color: #005537;
}
.Table-tag.Table-tagYellowLight {
  background-color: #fffbdb;
  color: #333;
}
.Table-tag.Table-tagPink {
  background-color: #ffeaf3;
  color: #333;
}
.Table--noHoverShadow tr:hover,
.Table--noHoverShadow tbody > tr:hover {
  box-shadow: none;
}
.Table--block {
  overflow: hidden;
}
.Table--block .Table-header--green {
  background: #00aa46;
  color: #fff;
}
.Table--block .Table-header--green .Table-icon {
  fill: none;
  stroke: #fff;
}
.Table--block .Table-header--bigger {
  height: 60px;
}
.Table--block .Table-icon--minus {
  display: none;
}
.Table--block.is-expanded .Table-icon--plus {
  display: none;
}
.Table--block.is-expanded .Table-icon--minus {
  display: block;
}
.Table--block .Table-item {
  border-bottom: 2px solid #f5f5f5;
}
.Table--block .Table-body {
  position: relative;
}
.Table--bank .Table-item {
  min-height: 60px;
  height: 100%;
  padding: 0;
  font-size: 1rem;
  border-bottom: 2px solid #ededed;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 600px), print {
  .Table--bank .Table-item {
    height: 60px;
  }
}
.Table--transactions .Table-header {
  font-size: 0.75rem;
  padding: 0.625rem 0.625rem;
}
@media only screen and (min-width: 375px), print {
  .Table--transactions .Table-header {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px), print {
  .Table--transactions .Table-header {
    padding: 0 1.25rem;
  }
}
.Table--transactions .Table-item {
  min-height: 60px;
  height: 100%;
  padding: 0;
  font-size: 0.75rem;
  border-bottom: 2px solid #ededed;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 375px), print {
  .Table--transactions .Table-item {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px), print {
  .Table--transactions .Table-item {
    height: 60px;
  }
}
.Table--transactions .Table-item.--extraCard {
  flex-direction: row;
  padding: 0.625rem 0.625rem;
}
@media only screen and (min-width: 600px), print {
  .Table--transactions .Table-item.--extraCard {
    padding: 0 1.25rem;
  }
}
.Table--transactions .Table-item:first-of-type {
  border-top: 2px solid #ededed;
}
.Table--transactions .Table-cell {
  min-height: 60px;
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 600px), print {
  .Table--transactions .Table-cell {
    min-height: 100%;
  }
}
.Table--transactions .Table-moreInfo {
  display: flex;
  flex-direction: column;
}
.Table--buyList {
  overflow: hidden;
  border: none;
}
.Table--buyList .Table-header--green {
  background: #00aa46;
  color: #fff;
}
.Table--buyList .Table-header--green .Table-icon {
  fill: none;
  stroke: #fff;
}
.Table--buyList .Table-header--bigger {
  height: 60px;
}
.Table--buyList .Table-icon--minus {
  display: none;
}
.Table--buyList.is-expanded .Table-icon--plus {
  display: none;
}
.Table--buyList.is-expanded .Table-icon--minus {
  display: block;
}
.Table--buyList .Table-body {
  position: relative;
  bottom: -2px;
}
.Table--buyList .Table-item {
  border-bottom: 2px solid #f5f5f5;
}
.TableList {
  background: #ffffff;
  border-radius: 20px;
}
.TableList.is-focused .TableList-tableRow {
  opacity: 0.3;
}
.TableList.is-focused .TableList-tableRow.is-active {
  opacity: 1;
}
.TableList.is-focused .TableList-tableRow:hover {
  box-shadow: none;
  position: static;
}
.TableList-headerRow {
  display: flex;
  background: white;
  color: #999999;
  border-top: 1px solid #ededed;
  font-size: 14px;
  min-height: 48px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.TableList-headerRowCell {
  padding: 20px 10px;
  flex: 1;
  display: flex;
  align-items: center;
}
.TableList-headerRowCell:first-child {
  padding-left: 20px;
}
.TableList-headerRowCell:last-child {
  padding-right: 20px;
}
.TableList-tableRow {
  display: flex;
  background-color: #ffffff;
  font-size: 14px;
  border-top: 1px solid #f5f5f5;
  transition: opacity 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.TableList-tableRow .Table-tag {
  min-width: 90px;
}
.TableList-tableRow.is-active {
  background-color: #005537;
}
.TableList-tableRow.is-active .Table-tag {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.3);
}
.TableList-tableRow.is-active .TableList-tableRowCell {
  color: #ffffff;
}
.TableList-tableRow.is-active .TableList-tableRowCellChevron svg {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.TableList-tableRow.is-active .TableList-tableRowCell--subtext {
  color: #ffffff;
}
.TableList-tableRow:hover {
  cursor: pointer;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}
.TableList-tableRowCell {
  padding: 0px 10px;
  flex: 1;
  display: flex;
  align-items: center;
  height: 60px;
}
.TableList-tableRowCell:first-child {
  padding-left: 20px;
}
.TableList-tableRowCell:last-child {
  padding-right: 20px;
}
.TableList-tableRowCellChevron svg {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.TableList-tableRowCellChevron:focus-visible {
  outline-width: initial;
  outline-style: auto;
}
.TableList-tableRowCell--subtext {
  display: block;
  color: #999;
  font-size: 0.75rem;
}
.TableList-tableRow:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.TableList-tableRowCell:last-child {
  display: flex;
  justify-content: flex-end;
}
.TableList-tableRowPanel {
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.TableList.TableList--subscriptions {
  /* hide 3rd column on mobile*/
}
.TableList.TableList--subscriptions .TableList-tableRowCell:last-child {
  flex: 0.25;
}
.TableList.TableList--subscriptions .TableList-headerRowCell:last-child {
  flex: 0.25;
}
@media only screen and (max-width: 599px), print {
  .TableList.TableList--subscriptions .TableList-headerRowCell:nth-child(3) {
    display: none;
  }
  .TableList.TableList--subscriptions .TableList-tableRowCell:nth-child(3) {
    display: none;
  }
  .TableList.TableList--subscriptions .TableList-headerRowCell:last-child,
  .TableList.TableList--subscriptions .TableList-tableRowCell:last-child {
    max-width: 32px;
  }
}
.TableList.TableList--subscriptions .TableList-tableRow.is-cancelled {
  cursor: default;
}
.TableList.TableList--subscriptions .TableList-tableRow.is-cancelled .TableList-tableRowCell:first-child {
  color: red;
}
.TableList.TableList--subscriptions .TableList-tableRow.is-cancelled .TableList-tableRowCell:nth-child(n + 2) {
  color: #999;
  text-decoration: line-through;
}
.TableList.TableList--savedCarts {
  /* hide 2nd column on mobile*/
}
@media only screen and (max-width: 599px), print {
  .TableList.TableList--savedCarts .TableList-headerRowCell:nth-child(2) {
    display: none;
  }
  .TableList.TableList--savedCarts .TableList-tableRowCell:nth-child(2) {
    display: none;
  }
  .TableList.TableList--savedCarts .TableList-headerRowCell:last-child,
  .TableList.TableList--savedCarts .TableList-tableRowCell:last-child {
    max-width: 32px;
  }
}
.TableList--lastOrders .TableList-headerRowCell,
.TableList--lastOrders .TableList-tableRowCell {
  display: none;
}
.TableList--lastOrders .TableList-headerRowCell:last-child,
.TableList--lastOrders .TableList-tableRowCell:last-child {
  flex: 2;
}
.TableList--lastOrders .TableList-headerRowCell:last-child .Table-tag,
.TableList--lastOrders .TableList-tableRowCell:last-child .Table-tag {
  white-space: break-spaces;
}
.TableList--lastOrders .TableList-headerRowCell:first-of-type,
.TableList--lastOrders .TableList-tableRowCell:first-of-type,
.TableList--lastOrders .TableList-headerRowCell:last-of-type,
.TableList--lastOrders .TableList-tableRowCell:last-of-type {
  display: inherit;
}
@media only screen and (min-width: 375px), print {
  .TableList--lastOrders .TableList-headerRowCell:nth-of-type(4),
  .TableList--lastOrders .TableList-tableRowCell:nth-of-type(4) {
    display: inherit;
  }
}
@media only screen and (min-width: 768px), print {
  .TableList--lastOrders .TableList-headerRowCell,
  .TableList--lastOrders .TableList-tableRowCell {
    display: inherit;
  }
}
.TableList--lastOrders .TableList-tableRow.is-cancelled .TableList-tableRowCell:nth-child(1),
.TableList--lastOrders .TableList-tableRow.is-cancelled .TableList-tableRowCell:nth-child(2),
.TableList--lastOrders .TableList-tableRow.is-cancelled .TableList-tableRowCell:nth-child(4) {
  text-decoration: line-through;
}
.TableList--lastOrders .TableList-tableRow.is-cancelled.is-active .TableList-tableRowCell {
  text-decoration: none;
}
.TableList--lastOrders .TableList-tableRow:not(.TableList--lastOrders .TableList-tableRow.is-active).is-cancelled .TableList-tableRowCell {
  color: #999;
}
.TableList--lastOrders .TableList-tableRow:not(.TableList--lastOrders .TableList-tableRow.is-active) .TableList-tableRowCell {
  color: #333;
}
.TableList--lastOrders .TableList-tableRow:not(.TableList--lastOrders .TableList-tableRow.is-active) .TableList-tableRowCell.is-cancelled {
  color: #ff3300;
}
.Tag {
  display: inline-block;
  font-family: 'CoopNew-Black', sans-serif;
  padding: 0.93750234rem 1.875rem;
}
.TextArea {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #f5f5f5;
  padding: 0.625rem 76px 0.625rem 0.625rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}
.TextArea:hover:not(.is-disabled):not(.is-errorState),
.TextArea.is-focused:not(.is-disabled):not(.is-errorState) {
  border: 1px solid #999999;
}
.TextArea.is-disabled,
.TextArea.is-disabled * {
  cursor: normal;
}
.TextArea.is-errorState {
  border: 1px solid #ff6565;
}
.TextArea.is-errorState .TextArea-validationIcon {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRjY1NjUiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJBa2t1cmF0U3RkIiBmb250LXNpemU9IjEyIiBmaWxsPSIjRkZGIj48dHNwYW4geD0iNiIgeT0iMTIiPiE8L3RzcGFuPjwvdGV4dD48L2c+PC9zdmc+);
}
.TextArea.is-valid .TextArea-validationIcon {
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiMwMEFBNDYiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTEgNUw3LjUgOS43NWwtMi41LTIiLz48L2c+PC9zdmc+);
}
.TextArea-validationIcon {
  display: none;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 0.625rem;
  right: 0.625rem;
}
.TextArea-message {
  font-size: 0.75rem;
  margin-top: 5px;
}
.TextArea-message.is-errorState {
  color: #ff6565;
}
.TextArea-label {
  position: absolute;
  font-size: 0.875rem;
  color: #707070;
  transition: all 0.2s ease;
  top: 0.625rem;
}
.TextArea:not(.TextArea-labelOnTop).is-focused .TextArea-label,
.TextArea:not(.TextArea-labelOnTop).has-value .TextArea-label {
  top: 0.4rem;
}
.TextArea-label.is-small {
  font-size: 0.75rem;
}
.TextArea-area {
  margin-top: 0.93750234rem;
  background-color: #f5f5f5;
  resize: none;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: none;
  outline: 0;
  line-height: 1.25rem;
}
.TextArea-area:disabled {
  color: #707070;
  -webkit-text-fill-color: #707070;
  opacity: 1;
}
.TextArea-area:disabled:focus,
.TextArea-area:disabled:hover {
  outline: 0;
}
.TextArea-count {
  position: absolute;
  color: #777;
  font-size: 0.75rem;
  right: 0.625rem;
  bottom: 0.625rem;
}
.TextArea-labelOnTop {
  margin-top: 45px !important;
}
.TextArea-labelOnTop .TextArea-label {
  margin-top: -35px !important;
  margin-left: -10px !important;
  font-size: 1rem !important;
  color: #333 !important;
  transition: none;
}
.TextArea-labelOnTop .TextArea-area {
  margin-top: 0px;
}
.Tooltip {
  font-family: 'Akkurat', sans-serif;
  font-size: 0.875rem;
  background: #fff;
  position: absolute;
  padding: 0.93750234rem;
  border-radius: 0.5rem;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
  min-width: 260px;
  z-index: 8;
  line-height: 1.3;
}
.Tooltip-close {
  height: 15px;
  width: 15px;
  fill: #fff;
  position: absolute;
  top: 5px;
  right: 8px;
  z-index: 9;
  cursor: pointer;
}
.Tooltip:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.Tooltip.Tooltip--small {
  width: 180px;
  min-width: 0;
}
.Tooltip.Tooltip--saveSmall {
  width: 160px;
  padding: 15px 0;
}
.Tooltip.Tooltip--buyListSmall {
  width: 220px;
  padding: 15px;
}
.Tooltip.Tooltip--rateConfirmSmall {
  width: 150px;
  padding: 15px;
}
@media only screen and (min-width: 1024px), print {
  .Tooltip.Tooltip--rateConfirmSmall {
    width: 180px;
  }
}
.Tooltip.Tooltip--xsmall {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 37px;
  min-width: 0;
  width: 70px;
  padding: 0.3125rem;
  font-size: 10px;
}
@media only screen and (min-width: 375px), print {
  .Tooltip.Tooltip--xsmall {
    width: 93px;
    padding: 0.3125rem 0.625rem;
    font-size: 12px;
  }
}
@media only screen and (min-width: 480px), print {
  .Tooltip.Tooltip--xsmall {
    width: 120px;
    padding: 0.625rem 1.25rem;
    font-size: 14px;
  }
}
@media only screen and (min-width: 600px), print {
  .Tooltip.Tooltip--xsmall {
    width: 120px;
    padding: 0.625rem 1.25rem;
  }
}
@media only screen and (min-width: 1024px), print {
  .Tooltip.Tooltip--xsmall {
    padding: 0.625rem;
  }
}
.Tooltip.Tooltip--xsmallPuff {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 37px;
  min-width: 0;
  width: 65px;
  padding: 0.3125rem;
  font-size: 9px;
}
@media only screen and (min-width: 375px), print {
  .Tooltip.Tooltip--xsmallPuff {
    width: 90px;
    padding: 0.3125rem 0.625rem;
    font-size: 12px;
  }
}
@media only screen and (min-width: 600px), print {
  .Tooltip.Tooltip--xsmallPuff {
    width: 80px;
    font-size: 10px;
  }
}
@media only screen and (min-width: 768px), print {
  .Tooltip.Tooltip--xsmallPuff {
    width: 77px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px), print {
  .Tooltip.Tooltip--xsmallPuff {
    width: 100px;
    padding: 0.625rem;
    font-size: 14px;
  }
}
.Tooltip.Tooltip--green {
  background: #00aa46;
  color: #fff;
}
.Tooltip.Tooltip--green.Tooltip--bottomArrow:before {
  border-top-color: #00aa46 !important;
}
.Tooltip.Tooltip--green.Tooltip--topArrow:before {
  border-bottom-color: #00aa46 !important;
}
.Tooltip.Tooltip--scaleIn {
  line-height: 1.4em;
  text-align: left;
  opacity: 0;
  cursor: default;
  z-index: 8;
  animation-name: tooltipScale;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
  padding: 0.93750234rem 1.25rem;
}
.Tooltip.Tooltip--scaleIn:before {
  top: -10px;
  border-bottom: 10px solid #00aa46;
}
.Tooltip.Tooltip--scaleInStoreMobile {
  line-height: 1.4em;
  text-align: left;
  opacity: 0;
  cursor: default;
  z-index: 8;
  animation-name: tooltipScale;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
.Tooltip.Tooltip--scaleInStoreMobile:before {
  top: -10px;
  border-bottom: 10px solid #00aa46;
  right: 74px;
}
.Tooltip.Tooltip--top {
  top: 0;
}
.Tooltip.Tooltip--left {
  left: 0;
}
.Tooltip.Tooltip--bottom {
  bottom: 0;
}
.Tooltip.Tooltip--right {
  right: 0;
}
.Tooltip.Tooltip--center {
  left: 50%;
  transform: translateX(-50%);
}
.Tooltip.Tooltip--topArrow:before {
  top: -10px;
  border-bottom: 10px solid #fff;
}
.Tooltip.Tooltip--rightArrow:before {
  right: 8px;
}
.Tooltip.Tooltip--rightSaveHeartArrow:before {
  top: 13px;
  right: -14px;
  border-bottom: 10px solid #fff;
  transform: rotate(90deg);
}
.Tooltip.Tooltip--bottomArrow:before {
  bottom: -10px;
  border-top: 10px solid #fff;
}
.Tooltip.Tooltip--leftArrow:before {
  left: 5px;
}
.Tooltip.Tooltip--centerArrow:before {
  left: 50%;
  transform: translateX(-50%);
}
.Tooltip.Tooltip--centerToRightArrow:before {
  right: 5px;
}
@media only screen and (min-width: 600px), print {
  .Tooltip.Tooltip--centerToRightArrow:before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.Tooltip.Tooltip--arrowYellowLight:before {
  border-top-color: #fffbdb;
  border-bottom-color: #fffbdb;
}
.Tooltip.Tooltip--loginReminder {
  margin-top: 20px;
  margin-left: -45px;
  min-width: 270px;
}
.Tooltip.Tooltip--loginReminder:before {
  border-bottom-color: #fffbdb;
  left: 79.5%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px), print {
  .Tooltip.Tooltip--loginReminder {
    margin-top: 20px;
    margin-left: -20px;
  }
  .Tooltip.Tooltip--loginReminder:before {
    left: 70%;
  }
}
.Tooltip--googlemap {
  max-width: 100%;
  min-width: 230px;
  margin-bottom: 1.25rem;
  padding: 0;
}
.Tooltip--googlemap:before {
  bottom: -10px;
  left: 55px;
  border-top: 10px solid #fff;
}
@keyframes tooltipScale {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0) scale3d(0.1, 0.6, 1);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
.Accordion {
  width: 100%;
}
.Accordion-list {
  list-style-type: none;
  padding: 0 !important;
  margin: 0;
}
.Accordion-item.is-expanded .Accordion-icon {
  transform: rotate(450deg);
}
.Accordion-icon {
  transform: rotate(270deg);
  transition: transform 0.3s;
}
.Accordion-icon--plus {
  fill: none;
  stroke: #333;
}
.Accordion-icon--minus {
  fill: none;
  stroke: #333;
  display: none;
}
.Accordion-scrollView {
  max-height: 500px;
  padding: 1.25rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Smooth scrolling on iOS devices */
}
.Accordion-map {
  min-height: 400px;
  height: 100%;
  width: 100%;
}
.Accordion.Accordion--single {
  width: auto;
}
.Accordion.Accordion--single .Accordion-item.is-expanded .Accordion-icon {
  transform: rotate(90deg);
}
.Accordion.Accordion--single .Accordion-item.is-expanded .Accordion-icon--plus {
  display: none;
}
.Accordion.Accordion--single .Accordion-item.is-expanded .Accordion-icon--minus {
  display: inline-block;
  transform: none;
}
.Accordion.Accordion--single .Accordion-item.is-expanded .Accordion-panel {
  display: block;
}
.Accordion.Accordion--single .Accordion-header {
  height: 40px;
  border-radius: 20px;
  padding: 0.625rem 2.5rem 0.625rem 0.93750234rem;
  display: flex;
  align-items: center;
  background: #fff;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  cursor: pointer;
}
.Accordion.Accordion--single .Accordion-block {
  display: flex;
  align-items: center;
}
.Accordion.Accordion--single .Accordion-icon {
  transform: none;
}
.Accordion.Accordion--single .Accordion-panel {
  position: relative;
  border-top: 2px solid #f5f5f5;
  display: none;
}
.Accordion.Accordion--checkout .Accordion-item {
  margin-bottom: 2.5rem;
}
.Accordion.Accordion--checkout .Accordion-item:last-of-type {
  margin: 0;
}
.Accordion.Accordion--checkout .Accordion-item.is-active .Accordion-header {
  color: #333;
}
.Accordion.Accordion--checkout .Accordion-item.is-active .Accordion-panel {
  display: block !important;
}
.Accordion.Accordion--checkout .Accordion-header {
  background: #fff;
  margin: 0;
  color: #aaa;
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid #ededed;
  font-size: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px), print {
  .Accordion.Accordion--checkout .Accordion-header {
    font-size: 1.25rem;
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px), print {
  .Accordion.Accordion--checkout .Accordion-header--myOrders {
    font-size: 1rem;
  }
}
.Accordion.Accordion--checkout .Accordion-panel {
  position: relative;
  display: none;
}
.Accordion.Accordion--checkout .Accordion-panel--row {
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid #ededed;
}
.Accordion.Accordion--checkout .Accordion-subPanel {
  padding: 1.25rem;
}
.Accordion.Accordion--checkout .Accordion-group {
  padding: 0 1.25rem;
}
.Accordion.Accordion--checkout .Accordion-group:last-of-type .Accordion-groupPanel {
  border: none;
}
.Accordion.Accordion--checkout .Accordion-groupHeader {
  padding: 0.93750234rem 0;
  border-bottom: 1px solid #ededed;
}
.Accordion.Accordion--checkout .Accordion-groupHeader--large {
  font-size: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px), print {
  .Accordion.Accordion--checkout .Accordion-groupHeader--large {
    font-size: 1.25rem;
  }
}
.Accordion.Accordion--checkout .Accordion-groupPanel {
  border-bottom: 1px solid #ededed;
  font-size: 0.875rem;
  padding-left: 1.25rem;
}
.Accordion.Accordion--checkout .Accordion-groupPanel--faded {
  color: #aaa;
}
.Accordion.Accordion--checkout .Accordion-groupItem {
  padding: 0.93750234rem 0;
  border-bottom: 1px solid #ededed;
}
.Accordion.Accordion--checkout .Accordion-groupItem:last-of-type {
  border: none;
}
.Accordion.Accordion--checkout .Accordion-groupItem--small {
  font-size: 0.75rem;
}
@media only screen and (min-width: 768px), print {
  .Accordion.Accordion--checkout .Accordion-groupItem--small {
    font-size: 0.875rem;
  }
}
.Accordion.Accordion--checkout .Accordion-footer {
  display: flex;
  flex-direction: column;
  padding: 0.93750234rem 1.25rem;
  border-top: 1px solid #ededed;
}
@media only screen and (min-width: 600px), print {
  .Accordion.Accordion--checkout .Accordion-footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.Accordion.Accordion--checkout .Accordion-pagination {
  width: 100%;
  height: 140px;
  top: 0;
  position: absolute;
  display: flex;
  justify-content: space-between;
}
.Accordion.Accordion--checkout .Accordion-paginationArrow {
  width: 50px;
  display: flex;
  padding: 0 1.25rem;
  cursor: pointer;
  z-index: 1;
}
.Accordion.Accordion--checkout .Accordion-paginationArrow svg {
  width: 100%;
  fill: none;
  stroke: #333;
  opacity: 0.2;
}
.Accordion.Accordion--checkout .Accordion-paginationArrow.is-active svg {
  opacity: 1;
}
.AccountInformation {
  width: 100%;
  max-width: 600px;
  position: relative;
  margin: 0 auto;
  /*&-flex {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;

        @media @bpSmall {
            flex-direction: row;
            justify-content: space
        }
    }*/
}
.AccountSummery {
  width: 100%;
  max-width: 600px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 600px), print {
  .AccountSummery {
    flex-direction: row;
    justify-content: center;
    margin: 0 auto;
  }
}
.AccountSummery-amount {
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 600px), print {
  .AccountSummery-amount {
    padding: 0.625rem;
    height: 236px;
    margin-right: 1.25rem;
  }
}
.AccountSummery-amountTitle {
  font-size: 0.875rem;
  margin-bottom: 12px;
}
@media only screen and (min-width: 375px), print {
  .AccountSummery-amountTitle {
    font-size: 1rem;
  }
}
.AccountSummery-amountMoney {
  font-size: 1rem;
  /*@media @bpXXSmall {
                font-size: @textSize3XLarge;
            }*/
}
@media only screen and (min-width: 375px), print {
  .AccountSummery-amountMoney {
    font-size: 2.1875rem;
  }
}
.AccountSummery-list {
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 1rem;
  margin-top: 30px;
}
@media only screen and (min-width: 600px), print {
  .AccountSummery-list {
    margin-top: 0;
    margin-left: 1.25rem;
  }
}
.AddressOverview {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  padding: 15px;
  position: relative;
  border: 1px solid #ededed;
  background: #ffffff;
  outline: none;
}
.AddressOverview:hover,
.AddressOverview:focus {
  border-color: #00aa46;
}
@media only screen and (min-width: 600px), print {
  .AddressOverview {
    padding: 20px;
  }
}
.AddressOverview--selected {
  border: 1px solid #00aa46;
}
.AddressOverview--selected .AddressOverview-check {
  position: absolute;
  top: -8px;
  right: -8px;
}
.AddressOverview-name {
  color: #777;
  margin-top: 0;
  margin-bottom: 0;
}
.AddressOverview-edit {
  display: flex;
  align-items: center;
}
.BankModal {
  width: 100%;
  height: 100%;
  max-width: 42.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px), print {
  .BankModal {
    height: calc(100% - 3.75rem * 2);
  }
}
.BankModal-content {
  padding: 1.25rem;
  background-color: #ffffff;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.BankModal-content::-webkit-scrollbar {
  width: 5px;
}
.BankModal-content::-webkit-scrollbar-track-piece {
  box-shadow: inset 0 0 5px 5px #ededed;
}
.BankModal-content::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 2px;
}
.BankModal-title {
  font-size: 1.125rem;
  font-weight: bold;
}
.BankModal-title--subtitle {
  font-size: 1rem;
}
.BankModal-text {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.4;
}
.BankModal-data {
  width: 100%;
  border-bottom: 1px solid #ededed;
  font-size: 0.875rem;
}
.BankModal-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.BankModal-formField {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.Block {
  min-height: 100%;
  width: 100%;
  display: block;
  background: #fff;
  position: relative;
  text-decoration: none;
}
.Block:hover .Block-image {
  transform: scale3d(1.1, 1.1, 1.1);
}
.Block-link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-decoration: none;
  z-index: 1;
}
.Block-heading {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Block-heading--noWrap {
  white-space: nowrap;
}
.Block-content {
  padding: 1.25rem;
  line-height: 24px;
  overflow: hidden;
}
.Block-imageContainer {
  overflow: hidden;
}
.Block-image {
  height: 160px;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in-out;
  position: relative;
}
@media only screen and (min-width: 768px), print {
  .Block-image {
    height: 250px;
  }
}
.Block-image.Block-image--16by9 {
  padding-bottom: 56.25%;
  height: 0;
}
.Block-image img {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Block--horizontal {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (min-width: 480px), print {
  .Block--horizontal {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 480px), print {
  .Block--horizontal .Block-content {
    flex: 1 0 66.66666%;
    padding: 0 1.25rem;
  }
}
@media only screen and (min-width: 480px), print {
  .Block--horizontal .Block-imageContainer,
  .Block--horizontal .Block-image {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    height: 160px;
  }
}
.Block--horizontalBigPadding {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (min-width: 480px), print {
  .Block--horizontalBigPadding {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 480px), print {
  .Block--horizontalBigPadding .Block-content {
    flex: 1 0 58.5%;
    padding: 1.875rem;
    padding-bottom: 1.25rem;
  }
}
@media only screen and (min-width: 480px), print {
  .Block--horizontalBigPadding .Block-content p {
    max-width: 490px;
  }
}
@media only screen and (min-width: 375px), print {
  .Block--horizontalBigPadding .Block-imageContainer,
  .Block--horizontalBigPadding .Block-image {
    height: 184px;
  }
}
@media only screen and (min-device-width: 414px) {
  .Block--horizontalBigPadding .Block-imageContainer,
  .Block--horizontalBigPadding .Block-image {
    height: 216px;
  }
}
@media only screen and (min-width: 480px), print {
  .Block--horizontalBigPadding .Block-imageContainer,
  .Block--horizontalBigPadding .Block-image {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 41.5%;
    height: 184px;
  }
}
.Block--vertical {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.Block--vertical .Block-imageContainer {
  height: 117px;
  width: 100%;
  flex: 0 0 auto;
  clip-path: ellipse(60% 70% at 50% 30%);
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-imageContainer {
    height: 112px;
  }
}
.Block--vertical .Block-image {
  height: 100%;
}
.Block--vertical:hover .Block-image {
  transform: none;
}
.Block--vertical .Block-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 113px;
  line-height: 1.1;
  padding: 0.3125rem;
}
@media only screen and (min-width: 480px), print {
  .Block--vertical .Block-content {
    padding: 0.625rem;
  }
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content {
    justify-content: flex-start;
  }
}
.Block--vertical .Block-content .Block-heading {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: visible;
  white-space: pre-wrap;
  font-family: 'CoopNew-Black', sans-serif;
  margin-bottom: 0;
  font-size: 1rem;
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content .Block-heading {
    font-size: 1.25rem;
    margin-top: 15px;
  }
}
.Block--vertical .Block-content .Block-text {
  display: none;
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content .Block-text {
    display: flex;
    font-family: 'Akkurat', sans-serif;
    color: #777;
    margin-top: 0;
  }
}
.Block--vertical {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.Block--vertical .Block-imageContainer {
  height: 117px;
  width: 100%;
  flex: 0 0 auto;
  clip-path: ellipse(60% 70% at 50% 30%);
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-imageContainer {
    height: 112px;
  }
}
.Block--vertical .Block-image {
  height: 100%;
}
.Block--vertical:hover .Block-image {
  transform: none;
}
.Block--vertical .Block-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 113px;
  line-height: 1.1;
  padding: 0.3125rem;
}
@media only screen and (min-width: 480px), print {
  .Block--vertical .Block-content {
    padding: 0.625rem;
  }
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content {
    justify-content: flex-start;
  }
}
.Block--vertical .Block-content .Block-heading {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: visible;
  white-space: pre-wrap;
  font-family: 'CoopNew-Black', sans-serif;
  margin-bottom: 0;
  font-size: 1rem;
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content .Block-heading {
    font-size: 1.25rem;
    margin-top: 15px;
  }
}
.Block--vertical .Block-content .Block-text {
  display: none;
}
@media only screen and (min-width: 768px), print {
  .Block--vertical .Block-content .Block-text {
    display: flex;
    font-family: 'Akkurat', sans-serif;
    color: #333;
    margin-top: 0;
  }
}
.Block--rounded {
  flex-direction: row;
}
.Block--rounded:hover .Block-image {
  transform: none;
}
.Block--rounded .Block-content {
  align-self: center;
  padding: 0 1.25rem;
  flex: 1 1 100%;
}
@media only screen and (min-width: 600px), print {
  .Block--rounded .Block-content {
    padding: 0 2.5rem;
  }
}
.Block--rounded .Block-heading {
  font-family: 'CoopNew-Black', sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width: 600px), print {
  .Block--rounded .Block-heading {
    font-size: 1.25rem;
  }
}
.Block--rounded .Block-text {
  margin: 0;
  color: #333;
  display: none;
}
@media only screen and (min-width: 768px), print {
  .Block--rounded .Block-text {
    display: block;
  }
}
.Block--rounded .Block-imageContainer {
  height: 100px;
  width: 125px;
  flex: 0 0 auto;
  clip-path: circle(98% at 90% 50%);
}
@media only screen and (min-width: 768px), print {
  .Block--rounded .Block-imageContainer {
    height: 140px;
    width: 187px;
  }
}
.Block--rounded .Block-image {
  height: 100%;
}
.Block--article {
  padding: 1.25rem;
  flex-direction: column;
  align-items: initial;
}
@media only screen and (min-width: 768px), print {
  .Block--article {
    flex-direction: row;
    align-items: flex-start;
  }
}
.Block--article .Block-heading {
  font-weight: bold;
}
.Block--article .Block-text {
  line-height: 1.3;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.Block--article .Block-content {
  padding: 1.25rem 0;
  flex: 1 0 auto;
}
@media only screen and (min-width: 768px), print {
  .Block--article .Block-content {
    flex: 1 0 66.66666%;
    padding: 0 0 0 1.25rem;
  }
}
.Block--article .Block-imageContainer {
  height: auto;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px), print {
  .Block--article .Block-imageContainer {
    flex: 1 1 33.33333%;
  }
}
.Block--article .Block-image {
  height: auto;
  min-width: 100%;
  max-width: 100%;
  vertical-align: middle;
}
@media only screen and (min-width: 768px), print {
  .Block--article .Block-image {
    min-width: 80%;
  }
}
.Block--horizontalPadding {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.25rem;
  text-align: center;
}
@media only screen and (min-width: 600px), print {
  .Block--horizontalPadding {
    flex-direction: row;
    text-align: left;
  }
}
.Block--horizontalPadding:hover .Block-image {
  transform: none;
}
.Block--horizontalPadding .Block-content {
  padding: 0;
}
@media only screen and (min-width: 600px), print {
  .Block--horizontalPadding .Block-content {
    padding: 0 0 0 1.25rem;
  }
}
.Block--horizontalPadding .Block-heading {
  white-space: normal;
  font-size: 1rem;
  line-height: 1.2;
}
@media only screen and (min-width: 600px), print {
  .Block--horizontalPadding .Block-heading {
    font-size: 1.25rem;
  }
}
.Block--horizontalPadding .Block-image {
  max-height: 100px;
  height: auto;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 600px), print {
  .Block--horizontalPadding .Block-image {
    margin: 0;
  }
}
.Block--noScale:hover .Block-image {
  transform: none;
}
.BlockContainer.BlockContainer--white .Block {
  background-color: #f5f5f5 !important;
}
.Block--cta {
  display: flex;
  flex-direction: column;
}
.Block--cta .Block-content {
  flex-grow: 999;
}
.Block--cta .Block-cta {
  width: 100%;
  padding: 0 1.25rem 1.25rem;
}
.Card {
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  position: relative;
  text-decoration: none;
  padding: 1.25rem;
  border: 1px solid #ededed;
}
@media only screen and (min-width: 600px), print {
  .Card {
    padding: 1.875rem;
  }
}
.Card-heading {
  width: 100%;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.41666667rem;
}
.Card-text {
  width: 100%;
  margin: 0;
  line-height: 20px;
  color: #999;
  font-size: 0.875rem;
}
.Card-content {
  padding: 1.25rem;
  line-height: 24px;
  overflow: hidden;
}
.Card-icon {
  height: 60px;
  width: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e8f2d7;
  fill: none;
  stroke: #005537;
}
.Card-icon svg {
  height: 20px;
  width: 20px;
}
.Card-success {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
}
.Card-image img {
  height: 60px;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in-out;
}
.Card.Card--horizontal {
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media only screen and (min-width: 480px), print {
  .Card.Card--horizontal {
    flex-direction: row;
  }
}
@media only screen and (min-width: 480px), print {
  .Card.Card--horizontal .Card-content {
    flex: 1 0 66.66666%;
    padding: 0 1.25rem;
  }
}
@media only screen and (min-width: 480px), print {
  .Card.Card--horizontal .Card-image img {
    flex: 1 1 100%;
  }
}
.Card.Card--delivery {
  padding: 2.5rem 1.25rem;
}
.Card.Card--delivery .Card-text {
  line-height: normal;
}
@media only screen and (min-width: 600px), print {
  .Card.Card--delivery {
    padding: 1.875rem 1.25rem;
  }
  .Card.Card--delivery:focus,
  .Card.Card--delivery:hover {
    border-color: #00aa46 !important;
  }
  .Card.Card--delivery:active {
    border: 1px solid #00aa46 !important;
  }
  .Card.Card--delivery:active .Card-success {
    display: block;
  }
}
.Card.Card--large {
  text-align: center;
  color: #333;
  padding: 1.875rem 1.25rem;
  border: none;
}
@media only screen and (min-width: 1024px), print {
  .Card.Card--large {
    padding: 1.875rem;
  }
}
@media only screen and (min-width: 1366px) {
  .Card.Card--large {
    padding: 2.5rem 3.75rem;
  }
}
.Card.Card--large .Card-heading {
  color: #00aa46;
  font-size: 1.25rem;
}
.Card.Card--large .Card-text {
  color: #333;
  font-size: 1rem;
}
.Card.Card--large .Card-image img {
  height: 80px;
  margin-bottom: 1.25rem;
  vertical-align: middle;
}
.Card.Card--large .Card-content {
  padding: 0;
}
.Card.Card--large p {
  margin: 0;
}
.Card.Card--large.Card--horizontal {
  flex-direction: row;
  align-items: center;
  text-align: left;
}
.Card.Card--large.Card--horizontal .Card-image img {
  width: auto;
  margin-bottom: 0;
  flex: 1 1 0;
  margin-right: 1.25rem;
}
.Card.Card--small .Card-heading {
  margin-bottom: 0.3125rem;
}
.Card.Card--small.Card--horizontal {
  min-height: 100px;
  padding: 0.93750234rem 1.25rem;
}
.Card.is-active {
  border-color: #00aa46;
  /*.Card-icon {
            fill: @colorGreenDark;
        }*/
}
.Card.is-active:before {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSIjMDBBRTRDIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHJ4PSIxMCIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE0LjY0NyA1Ljc2bC43ODguNjE2LTUuNzgyIDcuMzk2LTMuNTAzLTMuNTE3LjcwOS0uNzA1IDIuNzAzIDIuNzE0eiIvPjwvZz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  right: -5px;
}
.Card--article {
  flex-direction: row;
  align-items: center;
  border: none;
  border-bottom: 1px solid #ededed !important;
  padding: 1.875rem 1.25rem;
}
@media only screen and (min-width: 1024px), print {
  .Card--article {
    padding: 1.875rem;
  }
}
@media only screen and (min-width: 1366px) {
  .Card--article {
    padding: 1.875rem 2.5rem;
  }
}
.Card--article .Card-art-left {
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.Card--article .Card-art-right {
  align-items: center;
}
.Card--article .Card-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.Card--article .Card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
}
@media only screen and (min-width: 600px), print {
  .Card--article .Card-content {
    flex-direction: row;
    justify-content: space-between;
  }
}
.Card--article .Card-heading {
  text-align: left;
  color: #00aa46;
  font-size: 1.25rem;
}
.Card--article .Card-text {
  max-width: 715px;
  width: 100%;
  margin: 0;
  line-height: 1.5;
  font-size: 1rem;
  text-align: left;
  color: #333;
}
@media only screen and (min-width: 600px), print {
  .Card--article .Card-text {
    max-width: 500px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1024px), print {
  .Card--article .Card-text {
    max-width: 892px;
  }
}
.Card--article p {
  margin: 0;
}
.Card--article .Card-image {
  max-width: 160px;
  height: 100%;
  margin-right: 1.25rem;
}
.Card--article .Card-image img {
  height: 89px !important;
  max-height: 89px;
  max-width: 160px;
  margin-bottom: 0 !important;
  object-fit: cover;
}
.Card--store {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  border: none;
  border-bottom: 1px solid #ededed !important;
  padding: 1.25rem;
  /*@media @bpSmall {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
    }*/
}
@media only screen and (min-width: 1024px), print {
  .Card--store {
    padding: 1.875rem;
  }
}
@media only screen and (min-width: 1366px) {
  .Card--store {
    padding: 1.875rem 3.75rem;
  }
}
.Card--storeHeader {
  width: 100%;
}
.Card--storeBody {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}
@media only screen and (min-width: 600px), print {
  .Card--storeBody {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.Card--store .Card-content {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.Card--store .Card-heading {
  color: #00aa46;
  font-size: 1.25rem;
  margin: 0;
}
.Card--store .Card-text {
  margin: 0;
  line-height: normal;
  font-size: 1rem;
  color: #333;
}
.Card--store .Card-textLink {
  color: #00aa46 !important;
}
.Card--store .Card-textLink:hover {
  color: #005537 !important;
  text-decoration: underline;
}
.Card--myCoopBanner {
  position: relative;
  border: none;
  border-bottom: 1px solid #ededed !important;
  min-height: 100px;
  padding: 0.93750234rem 1.25rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: transparent;
}
.Card--myCoopBanner .Card-content {
  margin-left: 1.25rem;
  padding: 0 !important;
}
.Card--myCoopBanner--Points {
  min-height: 350px;
  padding: 1.875rem 1.25rem;
  width: 100%;
  border: none;
  border-radius: 20px;
  background-color: #00aa46;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 600px), print {
  .Card--myCoopBanner--Points {
    min-height: 100px;
    padding: 1.875rem;
    flex-direction: row;
  }
}
.Card--myCoopBanner--Points .Card-content {
  overflow: visible;
  line-height: normal;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.Card--myCoopBanner--Points .Card-content--row {
  flex-direction: row;
}
.Card--myCoopBanner--Points .Card-text {
  width: auto;
  line-height: normal;
  color: #ffffff;
  font-size: 1rem;
}
.Card--myCoopBanner--Points .Card-text--big {
  font-size: 1.75rem;
}
.Card--myCoopInfo {
  display: flex;
  align-items: flex-start;
  border: none;
  padding: 0.625rem 0 !important;
  min-height: 100% !important;
}
.Card--myCoopInfo .Card-content {
  padding: 0 !important;
  overflow: visible;
  word-break: break-all;
}
.Card--myCoopInfo .Card-text {
  color: #333;
  font-size: 0.875rem;
}
@media only screen and (min-width: 480px), print {
  .Card--myCoopInfo .Card-text {
    font-size: 1rem;
  }
}
.Card--printOut {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.93750234rem 1.25rem !important;
  border: 1px solid #f5f5f5;
}
@media only screen and (min-width: 600px), print {
  .Card--printOut {
    width: 50%;
  }
}
.Card--printOut .Card-content {
  padding: 0 !important;
}
.Card--printOut .Card-heading {
  margin: 0;
}
.Card--printOut .Card-checkbox {
  display: flex;
  align-self: center;
  cursor: pointer;
}
.Card--quickOfferInfo {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.Card--quickOfferInfo .Card-title {
  font-size: 1.25rem;
  font-family: 'CoopNew-Black', sans-serif;
}
@media only screen and (min-width: 600px), print {
  .Card--quickOfferInfo .Card-title {
    font-size: 2.1875rem;
  }
}
.Card--quickOfferInfo .Card-text {
  max-width: 900px;
  font-size: 1rem;
  margin-top: 1.25rem;
  line-height: 1.5;
}
@media only screen and (min-width: 600px), print {
  .Card--quickOfferInfo .Card-text {
    font-size: 1.25rem;
  }
}
.Card--offerHeader {
  align-items: flex-start;
  border: none;
  padding: 40px 40px;
}
.Card--offerHeader .Card-title {
  font-family: 'CoopNew-Black', sans-serif;
  font-size: 1.75rem;
}
.Card--offerHeader .Card-text {
  font-size: 1.125rem;
  line-height: 30px;
}
.Card--offerHeader .Card-points {
  font-family: 'CoopNew-Black', sans-serif;
  font-size: 1.75rem;
  color: #00aa46;
}
.Card--skeleton .Card-content {
  width: 100%;
}
.Card--skeleton .Card-heading {
  background: #ededed;
  height: 22px;
  width: 66%;
}
.Card--skeleton .Card-text {
  background: #ededed;
  height: 20px;
  width: 80%;
}
.Card--skeleton .Card-checkbox {
  background: #ededed;
  width: 62px;
  height: 30px;
}
.CheckoutSuccessHeader {
  width: 100%;
  max-width: 85rem;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.CheckoutSuccessHeader-outerContainer {
  width: 100%;
  background-color: #00aa46;
  border-radius: 0px;
}
.CheckoutSuccessHeader-innerContainer {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  padding: 1rem 3rem 3rem 3rem;
  position: relative;
}
.CheckoutSuccessHeader-successIconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CheckoutSuccessHeader-successIcon {
  position: static;
}
.CheckoutSuccessHeader-orderNumberSection {
  margin-top: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CheckoutSuccessHeader-orderNumberBackground {
  border-radius: 20px;
}
.CheckoutSuccessHeader-orderNumberText {
  opacity: 0.5;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
.CheckoutSuccessHeader-orderNumberId {
  margin-left: 0.41666667rem;
  letter-spacing: 1px;
  font-size: 0.6875rem;
}
@media only screen and (min-width: 768px), print {
  .CheckoutSuccessHeader {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 5rem;
  }
  .CheckoutSuccessHeader-outerContainer {
    border-radius: 8px;
  }
  .CheckoutSuccessHeader-innerContainer {
    width: 66%;
    padding: 3rem;
  }
  .CheckoutSuccessHeader-successIcon {
    position: absolute;
    top: -65px;
  }
}
@media only screen and (min-width: 1024px), print {
  .CheckoutSuccessHeader {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.CommentField {
  background: #fff;
}
.CommentField-heading {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
}
@media only screen and (min-width: 375px), print {
  .CommentField-heading {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px), print {
  .CommentField-heading {
    font-size: 1.25rem;
  }
}
.CommentField-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.CommentField-body {
  padding-top: 1.25rem;
}
.CommentField-feed {
  margin-top: 1.25rem;
}
.CommentField-item {
  font-size: 0.875rem;
  border-bottom: 1px solid #d7d7d7;
}
.CommentField-itemHeader {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
}
.CommentField-item:last-of-type {
  border-bottom: none;
}
.CommentField-item:last-of-type .CommentField-text {
  margin: 0;
}
.CommentField-author {
  display: inline-block;
  font-weight: bold;
}
.CommentField-date {
  display: inline-block;
  color: #333;
}
.CommentField-text {
  margin-top: 0;
  padding: 0 20px;
}
.CommentFieldControl {
  position: relative;
  width: 100%;
}
.CommentFieldControl-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 10px 34px 3px 15px;
  font-size: 12px;
  cursor: text;
  pointer-events: none;
  /* Text truncation */
  max-width: calc(100% - 34px - 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.CommentFieldControl-label.is-invalid {
  color: red;
}
.CommentFieldControl-item {
  height: auto;
  width: 100%;
  line-height: 1.3;
  padding: 31px 15px 10px;
  font-size: 16px;
  border-radius: 0;
}
.CommentFieldControl-item::-webkit-input-placeholder {
  color: #aaa;
  font-style: italic;
  /* Truncate placeholders, because it's cool */
  text-overflow: ellipsis !important;
  /* Fix placeholder opacity in Firefox */
  opacity: 1;
}
.CommentFieldControl-item:focus {
  background-color: #e8f2d7;
}
.CommentField .js-togglerCommentForm:hover {
  background-color: #e8f2d7;
}
.CustomerCard {
  width: 100%;
  max-width: 1030px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.CustomerCard-image {
  width: 100%;
  max-width: 248px;
  max-height: 156px;
}
.CustomerCard-text {
  width: 100%;
  max-width: 633px;
  text-align: center;
  padding: 0 10px;
}
.CustomerCard-text p {
  margin: 0.625rem 0;
}
.CustomerCard-btn {
  margin-top: 20px;
}
.CustomerCard-transacTab {
  width: 100%;
  margin-top: 40px;
}
.CustomerCard-infoBox {
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  max-width: 800px;
  background-color: #e8f2d7;
  border-radius: 4px;
  padding: 1.25rem;
  text-align: center;
}
@media only screen and (min-width: 600px), print {
  .CustomerCard-infoBox {
    margin-top: 40px;
  }
}
.CustomerCard-warningBox {
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  max-width: 800px;
  background-color: #ffeaf3;
  border-radius: 4px;
  padding: 1.25rem;
  text-align: center;
}
@media only screen and (min-width: 600px), print {
  .CustomerCard-warningBox {
    margin-top: 40px;
  }
}
.Dashboard {
  min-height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  text-align: center;
}
@media only screen and (min-width: 768px), print {
  .Dashboard {
    flex-direction: row;
    text-align: left;
  }
}
.Dashboard ul {
  text-align: left;
}
.Dashboard-cell {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  min-height: 350px;
  flex: 1 0 100%;
  background-size: cover;
  background-position: center;
  order: 1;
}
.Dashboard-media {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.Dashboard-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 24px;
  padding: 3.75rem 1.875rem;
}
@media only screen and (min-width: 768px), print {
  .Dashboard-content {
    padding: 3.125rem;
  }
}
.Dashboard-link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}
.Dashboard-heading {
  line-height: 1;
  font-weight: normal;
  font-size: 2.1875rem;
  display: inline-block;
  margin-top: 0.625rem;
  padding: 0;
}
@media only screen and (min-width: 600px), print {
  .Dashboard-heading {
    font-size: 3.125rem;
  }
}
@media only screen and (min-width: 768px), print {
  .Dashboard-heading {
    margin: 0;
  }
}
.Dashboard-headingSmaller {
  font-weight: normal;
  font-size: 1.75rem;
}
.Dashboard-button {
  padding: 1.875rem 0;
}
@media only screen and (min-width: 768px), print {
  .Dashboard-button {
    padding: 0.625rem 0;
  }
  .Dashboard-button--right {
    text-align: right;
  }
  .Dashboard-button--bottom {
    margin-top: auto;
  }
}
.Dashboard-button a {
  z-index: 1;
}
@media only screen and (min-width: 768px), print {
  .Dashboard.Dashboard--double .Dashboard-cell {
    width: 50%;
    flex: 1 0 50%;
  }
}
@media only screen and (min-width: 768px), print {
  .Dashboard.Dashboard--triple .Dashboard-cell {
    width: 33.33333%;
    flex: 1 0 33.33333%;
  }
}
.DefaultModal {
  width: 100%;
  height: auto;
  max-width: 85rem;
  background: #fff;
  display: flex;
  position: relative;
  flex-direction: column;
  margin: 0 20px;
}
@media only screen and (min-width: 768px), print {
  .DefaultModal {
    height: auto;
    margin: 0;
  }
}
.DefaultModal-header {
  width: 100%;
  position: relative;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1rem;
  border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 768px), print {
  .DefaultModal-header {
    font-size: 1.25rem;
  }
}
.DefaultModal-heading {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  max-width: 270px;
}
@media only screen and (min-width: 600px), print {
  .DefaultModal-heading {
    font-size: 1.25rem;
    margin-bottom: 0.93750234rem;
    max-width: 100%;
  }
}
.DefaultModal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0.41666667rem;
}
.DefaultModal-close svg {
  height: 16px;
  width: 16px;
  fill: none;
  stroke: #fff;
}
.DefaultModal-bgImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.DefaultModal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.DefaultModal-body {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  overflow: auto;
}
.DefaultModal-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1.25rem;
  flex-shrink: 0;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.DefaultModal.DefaultModal--small {
  max-width: 42.5rem;
}
@media only screen and (min-width: 768px), print {
  .DefaultModal.DefaultModal--fullHeight {
    height: calc(100% - 2.5rem * 2);
  }
}
.DefaultModal.DefaultModal--fullHeight .DefaultModal-body {
  background: #f5f5f5;
}
.DefaultModal.DefaultModal--myOrders {
  max-width: 37.5rem;
  height: 300px;
}
.DefaultModal.DefaultModal--myOrders .DefaultModal-body {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  overflow: auto;
  justify-content: center;
}
.DefaultModal.DefaultModal--myOrders .DefaultModal-text {
  max-width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.DefaultModal.DefaultModal--mySavedCarts {
  max-width: 37.5rem;
  height: 300px;
}
.DefaultModal.DefaultModal--mySavedCarts .DefaultModal-body {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
  overflow: auto;
  justify-content: center;
}
.DefaultModal.DefaultModal--mySavedCarts .DefaultModal-text {
  max-width: 320px;
  height: auto;
  display: flex;
  margin: 0 auto;
}
.DeliveryItem {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border: 1px solid #ededed;
  border-radius: 0.5rem;
  background-color: #ffffff;
}
.DeliveryItem-info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-left: 1rem;
}
.DeliveryItem-title {
  color: #999999;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.DeliveryItem-icon {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  min-height: 2.5rem;
}
.DeliveryItem.DeliveryItem--subscription {
  background: #e8f2d7;
  color: #005537;
  border: none;
}
.DeliveryItem.DeliveryItem--subscription .DeliveryItem-title {
  color: #005537;
}
.Editorial {
  line-height: 24px;
}
.Editorial h2 {
  font-size: 22px;
  margin-top: 3rem !important;
}
.Editorial h3 {
  margin-top: 2rem !important;
}
.Editorial h4,
.Editorial h5,
.Editorial h6 {
  margin-top: 1.6em;
  margin-bottom: 0 !important;
  line-height: 1.6em;
}
.Editorial h5,
.Editorial h6 {
  font-weight: 400;
  font-size: 1rem;
}
.Editorial h4 + p,
.Editorial h5 + p,
.Editorial h6 + p {
  margin-top: 0 !important;
}
.Editorial h2 + h3 {
  margin-top: 0 !important;
}
.Editorial h3 + h4 {
  margin-top: 0.8em !important;
}
.Editorial a {
  color: #097a36;
}
.Editorial a:hover {
  color: #005537;
}
.Editorial i,
.Editorial em {
  font-style: italic;
}
.Editorial ul,
.Editorial ol {
  margin: 0;
  padding-left: 20px;
}
.Editorial ul li,
.Editorial ol li {
  line-height: 1.4em;
  margin-bottom: 0.4em;
}
.Editorial dt {
  font-weight: 700;
}
.Editorial dd {
  line-height: 1.4em;
  margin-left: 0;
  margin-bottom: 0.4em;
}
.Editorial th {
  text-align: left;
  line-height: 1.4em;
}
.Editorial th,
.Editorial td {
  padding: 0 10px 10px 0;
  text-align: left;
  vertical-align: top;
}
.Editorial.Editorial--custom p {
  margin-top: 0 !important;
}
.Editorial.Editorial--noMarginB {
  line-height: 1;
}
.Editorial.Editorial--noMarginB > * {
  margin-bottom: 0 !important;
}
.Editorial details summary::-webkit-details-marker {
  display: none;
}
.Editorial-no-top-margin {
  line-height: 24px;
}
.Editorial-no-top-margin h2 {
  font-size: 22px;
}
.Editorial-no-top-margin h4,
.Editorial-no-top-margin h5,
.Editorial-no-top-margin h6 {
  margin-bottom: 0 !important;
  line-height: 1.6em;
}
.Editorial-no-top-margin h5,
.Editorial-no-top-margin h6 {
  font-weight: 400;
  font-size: 1rem;
}
.Editorial-no-top-margin a {
  color: #00aa46;
}
.Editorial-no-top-margin a:hover {
  color: #005537;
}
.Editorial-no-top-margin i,
.Editorial-no-top-margin em {
  font-style: italic;
}
.Editorial-no-top-margin ul,
.Editorial-no-top-margin ol {
  margin: 0;
  padding-left: 20px;
}
.Editorial-no-top-margin ul li,
.Editorial-no-top-margin ol li {
  line-height: 1.4em;
  margin-bottom: 0.4em;
}
.Editorial-no-top-margin dt {
  font-weight: 700;
}
.Editorial-no-top-margin dd {
  line-height: 1.4em;
  margin-left: 0;
  margin-bottom: 0.4em;
}
.Editorial-no-top-margin th {
  text-align: left;
  line-height: 1.4em;
}
.Editorial-no-top-margin th,
.Editorial-no-top-margin td {
  padding: 0 10px 10px 0;
  text-align: left;
  vertical-align: top;
}
.Editorial--darkLinks a {
  color: #333;
  text-decoration: underline;
}
.Editorial--darkLinks a:hover {
  color: inherit;
}
.Filter {
  position: relative;
}
.Filter.Filter--recipe {
  position: absolute;
  z-index: 5;
  width: 100%;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.Filter.Filter--recipe:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  top: -10px;
  left: 70px;
  transform: translateX(-50%);
}
.FlyIn {
  position: relative;
}
.FlyIn-scroll {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.FlyIn-header {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  transition: padding-top 0.2s, padding-bottom 0.2s, border-bottom-color 0.2s;
  background-color: #fff;
  border-bottom: 1px solid transparent;
  text-align: center;
}
@media only screen and (min-width: 768px), print {
  .FlyIn-header {
    padding-top: 1.875rem;
  }
}
.FlyIn-header--isFixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom-color: #ededed;
  z-index: 1;
}
@media only screen and (min-width: 1024px), print {
  .FlyIn-header--isFixed {
    margin-right: 5px;
  }
}
.FlyIn--left {
  border-radius: 0px 24px 24px 0px;
}
.FlyIn--right {
  border-radius: 24px 0px 0px 24px;
}
.FlyIn-close,
.FlyIn-back {
  position: absolute;
  z-index: 1;
  top: 0;
  cursor: pointer;
  padding: 16px;
  transition: color 0.3s ease-in-out;
}
.FlyIn-close svg,
.FlyIn-back svg {
  display: block;
}
.FlyIn-close:hover,
.FlyIn-back:hover {
  color: #00a142;
}
.FlyIn-close:active,
.FlyIn-back:active {
  color: #005537;
}
.FlyIn-close {
  right: 0;
}
.FlyIn-back {
  left: 0;
}
.FlyIn--size1000 {
  width: 1000px;
}
@media only screen and (max-width: 1000px) {
  .FlyIn--size1000 {
    width: 100vw;
    border-radius: 0;
  }
}
.FlyIn--size540 {
  width: 540px;
}
@media only screen and (max-width: 540px) {
  .FlyIn--size540 {
    width: 100vw;
    border-radius: 0;
  }
}
.FlyIn--size510 {
  width: 510px;
}
@media only screen and (max-width: 510px) {
  .FlyIn--size510 {
    width: 100vw;
    border-radius: 0;
  }
}
.FlyIn--size460 {
  width: 460px;
}
@media only screen and (max-width: 460px) {
  .FlyIn--size460 {
    width: 100vw;
    border-radius: 0;
  }
}
.FlyIn--size375 {
  width: 375px;
}
@media only screen and (max-width: 375px) {
  .FlyIn--size375 {
    width: 100vw;
    border-radius: 0;
  }
}
.FlyIn--size250 {
  width: 250px;
}
@media only screen and (max-width: 250px) {
  .FlyIn--size250 {
    width: 100vw;
    border-radius: 0;
  }
}
.Form-field {
  display: block;
  position: relative;
  margin-bottom: 1.25rem;
}
.Form-block {
  display: flex;
  justify-content: space-between;
  position: relative;
  border: 1px solid #ededed;
  font-size: 0.875rem;
  padding: 0.625rem 0.93750234rem;
  white-space: normal;
  flex-grow: 1;
}
.Form-block > span {
  display: flex;
  align-items: center;
}
.Form-body {
  padding: 0 1.25rem;
}
.Form-footer {
  border-top: 2px solid #f5f5f5;
  padding: 1.25rem;
}
.Form-showPassword {
  background: none;
  border: none;
  outline: none;
  color: #00aa46;
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Form-info {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  fill: #aaa;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.Form-tooltip {
  right: -8px;
  bottom: 35px;
}
@media only screen and (min-width: 600px), print {
  .Form-tooltip {
    right: -118px;
  }
}
.Form-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  vertical-align: middle;
  fill: none;
  stroke: #333;
}
.Hero {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.Hero.Hero--medium {
  height: 350px;
  height: 50vh;
  max-height: 300px;
}
@media only screen and (min-width: 600px), print {
  .Hero.Hero--medium {
    max-height: 420px;
  }
}
.Hero.Hero--recipePage {
  height: 350px;
  height: 50vh;
  max-height: 260px;
}
@media only screen and (min-width: 600px), print {
  .Hero.Hero--recipePage {
    max-height: 500px;
  }
}
@media only screen and (min-width: 1024px), print {
  .Hero.Hero--recipePage {
    max-height: 440px;
  }
}
.Hero.Hero--small {
  height: 50vh;
  max-height: 13.75rem;
}
@media only screen and (min-width: 600px), print {
  .Hero.Hero--small {
    max-height: 16.875rem;
  }
}
.Hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Hero-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0.93750234rem;
  padding-right: 0.93750234rem;
}
@media only screen and (min-width: 768px), print {
  .Hero-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media only screen and (min-width: 1024px), print {
  .Hero-content {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
.Hero-content--recipeTitle {
  top: -30px;
}
.Hero-content--recipeIngress {
  top: 77px;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 375px), print {
  .Hero-content--recipeIngress {
    top: 57px;
  }
}
@media only screen and (min-width: 600px), print {
  .Hero-content--recipeIngress {
    top: 77px;
  }
}
.Hero-content--recipeIngress .Hero-text {
  font-size: 0.75rem;
  text-align: center;
  max-width: 296px;
  text-shadow: 0 0 10px #000000;
}
@media only screen and (min-width: 600px), print {
  .Hero-content--recipeIngress .Hero-text {
    font-size: 1.125rem;
    max-width: 700px;
  }
}
@media only screen and (min-width: 1024px), print {
  .Hero-content--recipeIngress .Hero-text {
    max-width: 740px;
  }
}
.Hero h1 {
  overflow-wrap: anywhere;
  text-wrap: balance;
  hyphens: auto;
  line-height: 1;
}
.IngredientList {
  width: 100%;
  top: 0;
  display: flex;
  align-self: flex-start;
}
@media only screen and (min-width: 1024px), print {
  .IngredientList {
    flex-direction: column;
    width: 440px;
  }
}
.IngredientList-header {
  /*padding-bottom: @spaceSmall;*/
  margin-bottom: 1.25rem;
  justify-content: center;
  display: none;
}
@media only screen and (min-width: 1024px), print {
  .IngredientList-header {
    display: flex;
  }
}
.IngredientList-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
}
.IngredientList-container:after {
  content: '';
  height: 10px;
  width: 100%;
  left: 0;
  bottom: -10px;
  background: 0 0;
}
.IngredientList-content {
  padding: 1.25rem;
}
@media only screen and (max-width: 319px), print {
  .IngredientList-content {
    padding: 12px !important;
  }
}
@media only screen and (min-width: 1024px), print {
  .IngredientList-content {
    height: 100%;
  }
}
.IngredientList-amountSelector {
  padding: 0.625rem 1.25rem;
  border-bottom: 1px solid #ededed;
  color: #333;
  font-size: 1rem;
}
.IngredientList-divider {
  border-color: #d7d7d7;
  margin: 1.25rem 0;
}
@media only screen and (max-width: 1023px), print {
  .IngredientList-divider {
    border-color: #fff;
  }
}
@media print {
  .IngredientList-divider {
    display: block !important;
    margin: 4px 0;
    border-bottom: 1px solid #d7d7d7;
    border-color: #d7d7d7 !important;
  }
}
.ItemGroup {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ItemGroup-frame {
  display: block;
  padding: 0.41666667rem;
  color: #fff;
  text-align: center;
}
.ItemGroup-frame.ItemGroup-frame--greenLight {
  color: #333;
  background: #e8f2d7;
}
@media only screen and (min-width: 1024px), print {
  .ItemGroup .ItemTeaser:hover {
    box-shadow: none;
  }
}
.ItemGroup .ItemTeaser-info {
  position: relative;
  z-index: 2;
}
.ItemGroup.is-disabled .ItemTeaser-media,
.ItemGroup.is-disabled .ItemTeaser-heading,
.ItemGroup.is-disabled .ItemTeaser-description,
.ItemGroup.is-disabled .ItemTeaser-price {
  opacity: 0.5;
  pointer-events: none;
}
.ItemGroup.is-disabled .OfferTeaser-media,
.ItemGroup.is-disabled .OfferTeaser-heading,
.ItemGroup.is-disabled .OfferTeaser-description,
.ItemGroup.is-disabled .OfferTeaser-price {
  opacity: 0.5;
  pointer-events: none;
}
.ItemTeaser {
  flex-direction: column;
  display: flex;
  min-height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1024px), print {
  .ItemTeaser:hover {
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
  }
}
.ItemTeaser-content {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: #fff;
  position: relative;
  flex-grow: 1;
  word-wrap: break-word;
  justify-content: space-between;
}
.ItemTeaser-content:hover .ItemTeaser-bgImage {
  transform: scale3d(1.1, 1.1, 1.1);
}
.ItemTeaser-contentCover {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ItemTeaser-link {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.ItemTeaser-link.ItemTeaser-link--buyable {
  height: calc(100% - 70px);
}
.ItemTeaser-link.ItemTeaser-link--buyableVariant {
  height: calc(100% - 180px);
}
.ItemTeaser-link:focus .ItemTeaser-heading {
  color: #00aa46;
}
.ItemTeaser-link:focus .ItemTeaser-image {
  transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);
}
.ItemTeaser-info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  position: relative;
  padding: 0 0.93750234rem 0.93750234rem 0.93750234rem;
}
.ItemTeaser-media {
  position: relative;
  text-align: center;
  line-height: 0;
  height: 150px;
  overflow: hidden;
}
.ItemTeaser-media-cards {
  height: 200px;
}
.ItemTeaser-bgImage {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top center;
  transition: transform 0.3s ease-in-out;
}
.ItemTeaser-image {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.ItemTeaser-image > div {
  max-height: 100%;
}
.ItemTeaser-image img {
  padding: 0.93750234rem 25px;
  max-height: 100%;
}
.ItemTeaser-heading {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.41666667rem;
  font-weight: normal;
  line-height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ItemTeaser-description {
  font-size: 0.75rem;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 0.93750234rem;
  line-height: 16px;
}
.ItemTeaser-description .Link {
  position: relative;
  z-index: 3;
}
.ItemTeaser-cta {
  margin-top: auto;
  margin-bottom: 0.625rem;
}
.ItemTeaser-button {
  margin: 0;
  margin-top: auto;
  z-index: 3;
}
.ItemTeaser-select {
  max-width: initial;
  margin: 0 -0.93750234rem 1.25rem -0.93750234rem;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 0;
  z-index: 3;
}
.ItemTeaser-preHeadingText {
  color: #999999;
  font-size: 0.875rem;
}
.ItemTeaser-postHeadingDate {
  font-size: 0.75rem;
  color: #999999;
  margin: 0;
}
.ItemTeaser-brand {
  font-weight: bold;
}
.ItemTeaser-points {
  font-size: 0.875rem;
  color: #005537;
}
.ItemTeaser-pointsValue {
  font-size: 1.25rem;
  font-weight: bold;
}
.ItemTeaser-price {
  font-size: 0.875rem;
  margin: 0;
}
.ItemTeaser-priceValue {
  font-size: 1.25rem;
}
.ItemTeaser-priceExtension {
  font-size: 0.75rem;
}
.ItemTeaser-priceDiscount {
  color: #ff3300;
  margin-right: 0.41666667rem;
}
.ItemTeaser-priceRegular {
  text-decoration: line-through;
  white-space: nowrap;
}
.ItemTeaser-promoPrice {
  display: inline-flex;
  align-items: baseline;
}
.ItemTeaser-promoPriceValue {
  font-size: 1.25rem;
  color: #ff3300;
}
.ItemTeaser-extra {
  color: #999;
  font-style: italic;
  font-size: 0.75rem;
}
.ItemTeaser-promos {
  display: flex;
  flex-direction: column;
  max-height: 80px;
  overflow: hidden;
}
.ItemTeaser-badge {
  max-width: 30px;
  height: 30px;
  position: relative;
  z-index: 2;
  margin-left: 0.625rem;
  margin-top: 0.41666667rem;
  flex-shrink: 0;
  display: none;
}
.ItemTeaser-badge:nth-child(1) {
  margin-top: 0.625rem;
  display: block;
}
.ItemTeaser-badge:nth-child(2) {
  display: block;
}
.ItemTeaser-icon {
  position: absolute;
  top: 0.93750234rem;
  right: 0.93750234rem;
  width: 40px;
  height: 60px;
  z-index: 2;
}
.ItemTeaser-splash {
  position: absolute !important;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 2;
}
.ItemTeaser-restrictions {
  display: block;
  color: #ff3300;
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
.ItemTeaser-tag {
  display: inline-block;
  background: #005537;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.9;
  border-radius: 20px;
  padding: 0.3125rem 0.41666667rem;
  margin-bottom: 0.625rem;
}
.ItemTeaser-tag--medlem {
  background: #aad23c;
  color: #005537;
}
.ItemTeaser-tag--blanda {
  background: #ff3300;
  color: #fff;
}
.ItemTeaser-tag--nyhet {
  background: #ffa5cd;
  color: #fff;
}
.ItemTeaser-priceRules {
  font-size: 0.75rem;
  color: #ff3300;
  margin-top: 0;
  text-align: center;
}
.ItemTeaser-frame {
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  /*height: 100%;*/
  z-index: 3;
}
.ItemTeaser-frame:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ItemTeaser-frameHeading {
  display: block;
  padding: 0.41666667rem;
}
.ItemTeaser-frame.ItemTeaser-frame--red:after {
  outline: 2px solid #ff3300;
}
.ItemTeaser-frame.ItemTeaser-frame--red .ItemTeaser-frameHeading {
  background: #ff3300;
}
.ItemTeaser-frame.ItemTeaser-frame--green:after {
  outline: 2px solid #00aa46;
}
.ItemTeaser-frame.ItemTeaser-frame--green .ItemTeaser-frameHeading {
  background: #00aa46;
}
.ItemTeaser-frame.is-disabled {
  z-index: 4;
}
.ItemTeaser-frame.is-disabled:after {
  z-index: -1;
  background: rgba(255, 255, 255, 0.5);
}
.ItemTeaser-frame.is-disabled .ItemTeaser-frameHeading {
  background: #aaa;
}
.ItemTeaser-flex {
  display: flex;
  justify-content: center;
}
.ItemTeaser--textCenter {
  text-align: center;
}
.ItemTeaser--textCenter .ItemTeaser-info {
  padding: 0.93750234rem 1.875rem;
}
.ItemTeaser--radius {
  border-radius: 0.5rem;
}
.ItemTeaser--radius .ItemTeaser-content {
  border-radius: 0.5rem;
}
.ItemTeaser--noScale .ItemTeaser-bgImage {
  transform: scale3d(1, 1, 1);
}
.ItemTeaser--noShadow:hover {
  box-shadow: none;
}
.ItemTeaser--mediumShadow:hover {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.ItemTeaser--small:hover {
  box-shadow: none;
}
.ItemTeaser--small .ItemTeaser-heading {
  font-size: 0.875rem;
}
.ItemTeaser--small .ItemTeaser-priceValue {
  font-size: 1rem;
}
.ItemTeaser--small .ItemTeaser-media {
  height: 90px;
}
.ItemTeaser--small .ItemTeaser-info {
  padding: 0;
}
.ItemTeaser--small .ItemTeaser-select {
  margin-left: 0;
  margin-right: 0;
  border-left-color: #ededed;
  border-right-color: #ededed;
  border-radius: 4px;
}
.ItemTeaser--maxHeight .ItemTeaser-description {
  max-height: 100px;
  position: relative;
  overflow: hidden;
}
.ItemTeaser--maxHeight .ItemTeaser-description:after {
  content: '';
  width: 100%;
  height: calc(100% - 75px);
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: inset 0px -25px 20px -15px #fff;
}
.ItemTeaser--nativeHeight {
  min-height: auto;
}
.ItemTeaser--image1by1 .ItemTeaser-media {
  height: auto;
}
.ItemTeaser--image1by1 .ItemTeaser-image {
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.ItemTeaser--image1by1 .ItemTeaser-image img {
  padding: 1.875rem;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ItemTeaser--borderRsm {
  border: none;
}
@media only screen and (min-width: 480px), print {
  .ItemTeaser--borderRsm {
    border-right: 1px solid #ededed;
  }
}
@media only screen and (min-width: 768px), print {
  .ItemTeaser--borderRmd {
    border-right: 1px solid #ededed;
  }
}
@media only screen and (min-width: 600px), print {
  .ItemTeaser--horizontal {
    min-height: 200px;
  }
}
.ItemTeaser--horizontal .ItemTeaser-content {
  flex-direction: row;
}
.ItemTeaser--horizontal .ItemTeaser-container {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.ItemTeaser--horizontal .ItemTeaser-info {
  width: 50%;
  background: #fff;
  padding: 0.93750234rem;
  flex: 0 1 auto;
}
.ItemTeaser--horizontal .ItemTeaser-media {
  display: flex;
  width: 100%;
  height: 130px;
  margin-bottom: 0;
}
.ItemTeaser--horizontal .ItemTeaser-cta {
  margin-bottom: 0;
}
.ItemTeaser--horizontal .ItemTeaser-button {
  padding: 0.93750234rem;
}
.ItemTeaser--partner .ItemTeaser-content:hover .ItemTeaser-image {
  transform: translate3d(-50%, 0, 0) scale3d(1.1, 1.1, 1.1);
}
.ItemTeaser--partner .ItemTeaser-media {
  min-height: 177px;
}
.ItemTeaser--partner .ItemTeaser-media--bigOffer {
  min-height: 300px;
}
@media only screen and (min-width: 600px), print {
  .ItemTeaser--partner .ItemTeaser-media--bigOffer {
    min-height: 250px;
  }
}
@media only screen and (min-width: 1024px), print {
  .ItemTeaser--partner .ItemTeaser-media--bigOffer {
    min-height: 300px;
  }
}
.ItemTeaser--partner .ItemTeaser-info {
  padding: 0.93750234rem;
}
.ItemTeaser--partner .ItemTeaser-heading {
  font-weight: bold;
}
.ItemTeaser--partner .ItemTeaser-description {
  font-size: 0.875rem;
  line-height: 24px;
}
.ItemTeaser--ad {
  min-height: 340px;
  text-align: center;
}
.ItemTeaser--ad .ItemTeaser-content {
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1024px), print {
  .ItemTeaser--gift:hover {
    border-radius: 20px;
  }
}
.ItemTeaser--gift .ItemTeaser-content {
  background-color: #fffbdb;
  border-radius: 20px;
  border: 4px dotted #00aa46;
}
.ItemTeaser--gift .ItemTeaser-priceRules {
  font-family: 'CoopNew-Black', sans-serif;
  font-size: 28px;
  margin: 0;
}
@media only screen and (max-width: 1023px), print {
  .ItemTeaser--sm-wide .ItemTeaser-media {
    width: 150px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 1023px), print {
  .ItemTeaser--sm-wide .ItemTeaser-content {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1023px), print {
  .ItemTeaser--sm-wide .ItemTeaser-info {
    margin-top: 25px;
  }
}
.ItemTeaser--skeleton {
  height: 100%;
  min-height: 340px;
}
.ItemTeaser--skeletonLarge {
  min-height: 472px !important;
}
.ItemTeaser--skeleton .ItemTeaser-media {
  padding: 0.93750234rem;
  display: flex;
}
.ItemTeaser--skeleton .ItemTeaser-image {
  width: 100%;
  position: relative;
  background: #f5f5f5;
  /*.mixinShimmer;*/
}
.ItemTeaser--skeleton .ItemTeaser-heading {
  height: 20px;
  width: 70%;
  background: #f5f5f5;
  overflow: hidden;
  flex-grow: 0;
  /*.mixinShimmer;*/
}
.ItemTeaser--skeleton .ItemTeaser-description {
  height: 15px;
  width: 60%;
  background: #f5f5f5;
  overflow: hidden;
  flex-grow: 0;
  /*.mixinShimmer;*/
}
.ItemTeaser--skeleton .ItemTeaser-cta {
  height: 25px;
  width: 40%;
  background: #f5f5f5;
  overflow: hidden;
  flex-grow: 0;
  /*.mixinShimmer;*/
}
.ItemTeaser--skeleton .ItemTeaser-button {
  height: 40px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 20px;
  overflow: hidden;
  flex-grow: 0;
  /*.mixinShimmer;*/
}
.ItemTeaser--skeleton.ItemTeaser--horizontal {
  min-height: 200px;
}
.ItemTeaser--skeleton.ItemTeaser--horizontal .ItemTeaser-media {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.ItemTeaser--skeleton.ItemTeaser--horizontal .ItemTeaser-container {
  padding: 0.93750234rem;
}
.ItemTeaser--skeleton .mixinShimmer {
  background: #f5f5f5;
  background-image: linear-gradient(to right, #f5f5f5 0%, #edeef1 20%, #f5f5f5 40%, #f5f5f5 100%);
  background-repeat: no-repeat;
  background-size: 400px 150px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerEffect;
  animation-timing-function: linear;
}
@keyframes shimmerEffect {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}
@media only screen and (max-width: 1023px), print {
  .ItemTeaser-preamble-padding {
    padding-right: 0.93750234rem;
  }
}
.NewsTeaser {
  background: #fff;
  width: 100%;
  position: relative;
}
.NewsTeaser-content {
  width: 100%;
  min-height: 100%;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
}
.NewsTeaser-info {
  text-align: center;
}
.NewsTeaser-image {
  margin: 1.25rem 0;
  max-height: 350px;
}
.NewsTeaser-image img {
  max-height: 350px;
}
.NewsTeaser-placeholder {
  margin-top: 60px;
}
@media only screen and (min-width: 768px), print {
  .NewsTeaser-placeholder {
    width: 192px;
    margin-top: 0;
  }
}
.NewsTeaser-frame {
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  padding: 0.41666667rem;
  background: #00aa46;
  z-index: 2;
}
@media only screen and (min-width: 600px), print {
  .NewsTeaser-md-paddingXXXLarge {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-content {
  justify-content: center;
}
@media only screen and (min-width: 768px), print {
  .NewsTeaser.NewsTeaser--horizontal .NewsTeaser-content {
    flex-direction: row;
  }
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px), print {
  .NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell {
    min-height: 290px;
  }
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell:first-of-type {
  padding-bottom: 0.93750234rem;
}
@media only screen and (min-width: 768px), print {
  .NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell:first-of-type {
    padding-bottom: 0;
    padding-right: 0.93750234rem;
  }
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell:last-of-type {
  padding-top: 0.93750234rem;
}
@media only screen and (min-width: 768px), print {
  .NewsTeaser.NewsTeaser--horizontal .NewsTeaser-cell:last-of-type {
    padding-top: 0;
    padding-left: 0.93750234rem;
  }
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-image {
  width: 100%;
  top: 0;
  left: 0;
  position: relative;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-image img {
  vertical-align: middle;
  border: 1px solid #ededed;
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-info {
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.NewsTeaser.NewsTeaser--horizontal .NewsTeaser-input {
  width: 80%;
  flex-grow: 1;
}
.Notice {
  min-height: 48px;
  position: relative;
  width: 100%;
  text-align: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1rem;
  display: flex;
  flex-direction: column;
}
.Notice p {
  margin: 0;
}
.Notice svg {
  display: block;
  width: 16px;
  height: 16px;
}
.Notice-close {
  position: absolute;
  right: 16px;
  padding: 8px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (min-width: 768px), print {
  .Notice-close {
    right: 32px;
  }
}
.Notice-close svg {
  height: 16px;
  width: 16px;
}
.Notice-close:hover,
.Notice-close:focus-visible {
  background-color: #fff;
}
.Notice-close:hover svg,
.Notice-close:focus-visible svg {
  color: #097a36;
}
.Notice-close:active {
  background-color: #005537;
}
.Notice-close:active svg {
  color: #fff;
}
.Notice-heading {
  display: flex;
  width: 80%;
  align-items: center;
  justify-content: center;
}
.Notice-heading svg,
.Notice-heading img {
  align-self: center;
  height: 16px;
  width: 16px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
}
.Notice-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: no-wrap;
  padding: 16px 24px;
}
.Notice-content--alignLeft {
  text-align: left;
  justify-content: flex-start;
}
.Notice-content--alignLeft .Notice-heading {
  justify-content: flex-start;
}
.Notice--fixed {
  position: fixed;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.Notice.Notice--animated {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  max-height: 0;
}
.Notice.Notice--animated.is-visible {
  max-height: 500px;
  opacity: 1;
  visibility: visible;
}
.Notice.Notice--bottomCheckout {
  bottom: 64px;
  top: auto;
  transition: bottom 0.6s;
}
@media only screen and (min-width: 768px), print {
  .Notice.Notice--bottomCheckout {
    bottom: 80px;
  }
}
.Notice--alert {
  font-size: 0.875rem;
}
.Notice--alert a {
  color: currentColor;
  background-color: none;
  text-decoration: underline;
}
.Notice-expandedContent {
  padding: 0 12px 12px 12px;
  margin: 0 8px 8px 8px;
  text-align: center;
  overflow-wrap: break-word;
  display: flex;
  justify-content: center;
}
.Notice-expandedContent p {
  margin: 0;
}
.Notice-expandedContent > * {
  width: 100%;
}
@media only screen and (min-width: 768px), print {
  .Notice-expandedContent > * {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px), print {
  .Notice-expandedContent > * {
    width: 60%;
  }
}
.Notice.Notice--success {
  background: #00aa46;
  color: #fff;
}
.Notice.Notice--info {
  background: #e0efdd;
  color: #333333;
}
.Notice.Notice--info a {
  color: #00aa46;
}
.Notice.Notice--info a:hover {
  color: #005537;
  text-decoration: underline;
}
.Notice.Notice--warning {
  color: #333333;
  background: #ffeaf3;
}
.Notice.Notice--alert {
  color: white;
}
.Notice.Notice--alert-level1 {
  color: #fff;
  background: #ff6565;
}
.Notice.Notice--alert-level1 a {
  text-decoration: underline;
}
.Notice.Notice--alert-level1 .Notice-expandedContent {
  color: #333333;
  background-color: white;
}
.Notice.Notice--alert-level2 {
  color: #333;
  background: #ffeaf3;
}
.Notice.Notice--alert-level3 {
  color: #333;
  background: #fffbdb;
}
.Notice.Notice--alert-level4 {
  color: #333;
  background: #e8f2d7;
}
.Notice--yellow {
  background-color: #fff000;
  color: #333333;
}
.Notice--accentPink {
  background-color: #ffa5cd;
  color: #333333;
}
.Notice-alignTop svg {
  align-self: normal;
}
.Notice--rounded {
  border-radius: 10px;
}
.Panel {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
@media only screen and (min-width: 768px), print {
  .Panel {
    flex-direction: row;
  }
}
.Panel-cell {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center;
}
.Panel-content {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1.25rem;
  text-align: center;
}
.Panel-heading {
  margin-bottom: 2.5rem;
}
.Panel-row {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.Panel-image {
  margin-bottom: 1.25rem;
}
.Panel-image img {
  width: 100%;
  max-width: 200px;
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.Panel-button {
  margin-top: auto;
}
.Panel-icon {
  height: 16px;
  width: 16px;
  fill: none;
  stroke: #00aa46;
  margin-right: 0.3125rem;
  vertical-align: top;
}
.Panel.Panel--tooltip {
  background: #00aa46;
  color: #fff;
}
.Panel.Panel--tooltip .Panel-content {
  padding: 1.25rem;
}
.Panel.Panel--tooltip:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #00aa46;
  top: -20px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media only screen and (min-width: 768px), print {
  .Panel.Panel--tooltip:before {
    border-left: none;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #00aa46;
    left: -20px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
  }
}
.Partner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1024px), print {
  .Partner {
    flex-direction: row;
  }
}
.Partner-img {
  display: flex;
  align-items: center;
}
.Partner-img img {
  max-width: 295px;
  max-height: 110px;
}
@media only screen and (min-width: 600px), print {
  .Partner-img {
    justify-content: center;
    /*img {
                max-width: 300px;
            }*/
  }
}
.Partner-preamble {
  padding: 0 0.93750234rem;
  text-align: center;
  color: #777;
}
.Partner-preamble p {
  line-height: 1.4;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px), print {
  .Partner-preamble p {
    text-align: left;
  }
}
.PartnerTeaser {
  position: relative;
  display: flex;
  min-height: 100%;
  width: 100%;
  background: #fff;
}
@media only screen and (min-width: 1024px), print {
  .PartnerTeaser:hover {
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
  }
}
.PartnerTeaser-content {
  min-height: 100%;
  width: 100%;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.93750234rem;
}
.PartnerTeaser-link {
  text-decoration: none;
  display: block;
  width: 100%;
  z-index: 3;
}
.PartnerTeaser-info {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: flex-start;
}
.PartnerTeaser-imageContainer {
  position: relative;
  text-align: center;
  line-height: 0;
}
.PartnerTeaser-bgImage {
  padding-bottom: 100%;
  height: 0;
  background-size: cover;
  background-position: top center;
}
.PartnerTeaser-heading {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0.41666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PartnerTeaser-heading a {
  color: #333;
}
.PartnerTeaser-text {
  width: 100%;
  font-size: 0.875rem;
  margin: 0;
}
.PartnerTeaser-details {
  display: flex;
  flex-direction: column;
}
.PartnerTeaser-details--noButton {
  margin-bottom: 0;
}
.PartnerTeaser-detailsTop {
  margin-top: 0.20833333rem;
  margin-bottom: auto;
}
.PointOfferTeaser {
  background-size: cover;
  background-position: center;
  background-clip: content-box;
  display: flex;
  min-height: 100%;
  width: 100%;
  background: #fff;
  cursor: pointer;
}
@media only screen and (min-width: 1024px), print {
  .PointOfferTeaser:hover {
    box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
    z-index: 1;
  }
}
.PointOfferTeaser--overlay {
  opacity: 0.4;
}
.PointOfferTeaser-content {
  flex: 1;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.PointOfferTeaser-link {
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.PointOfferTeaser-info {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.93750234rem;
}
.PointOfferTeaser-imageContainer {
  position: relative;
  text-align: center;
  line-height: 0;
}
.PointOfferTeaser-imageContainer img {
  min-height: 100%;
  min-width: 100%;
}
.PointOfferTeaser-bgImage {
  padding-bottom: 100%;
  height: 0;
  background-size: cover;
  background-position: top center;
  background-color: black;
}
.PointOfferTeaser-heading {
  font-size: 16px;
  font-weight: 600;
}
.PointOfferTeaser-price {
  margin-top: 0;
  margin-bottom: 0.41666667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #097a36;
  font-family: 'CoopNew-Black', sans-serif;
  font-size: 20px;
}
.PointOfferTeaser-priceSpace {
  padding-left: 15px;
}
.PointOfferTeaser-text {
  width: 100%;
  font-size: 0.875rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}
.PointOfferTeaser-details {
  margin-top: auto;
  text-align: left;
  padding: 0.93750234rem;
}
.PointOfferTeaser-details--noButton {
  margin-bottom: 0;
}
.PointOfferTeaser-detailsTop {
  margin-top: 0.20833333rem;
  margin-bottom: auto;
}
.PointOfferTeaser--skeleton .PointOfferTeaser-text {
  background-color: #f5f5f5;
  height: 98px;
  color: #ccc;
  margin-top: -5px;
}
.PointOfferTeaser--skeleton .PointOfferTeaser-details {
  background-color: #f5f5f5;
  margin: 0.93750234rem;
}
.ProductSearch-badges {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 768px), print {
  .ProductSearch-badges > * {
    display: none;
  }
  .ProductSearch-badges > *:not(:nth-child(n + 3)) {
    display: flex;
  }
}
.ProductSearch-badges > * {
  display: none;
}
.ProfileMenu {
  z-index: 10;
}
.ProfileMenu-header {
  padding: 2.5rem 1.875rem;
  text-align: center;
  border-bottom: 1px solid #ededed;
  background: #fff;
}
.ProfileMenu-image {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
.ProfileMenu-name {
  color: #fff;
  margin: 0.41666667rem 0;
}
.ProfileMenu-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #fff;
  overflow: auto;
}
.ProfileMenu-list li {
  border-bottom: 1px solid #ededed;
}
.ProfileMenu-list li:last-of-type {
  border: none;
}
.ProfileMenu-list li a {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.93750234rem 1.875rem 0.93750234rem 1.25rem;
}
.ProfileMenu-list li svg {
  width: 14px;
  height: 14px;
  margin-right: 0.41666667rem;
  vertical-align: sub;
}
.ProfileMenu-list li:hover {
  color: white;
}
.ProfileMenu-list li.is-active {
  background: #00aa46;
  color: #fff;
}
.ProfileMenu-close {
  position: absolute;
  height: 33px;
  width: 33px;
  right: 5px;
  top: 5px;
  padding: 10px;
  cursor: pointer;
  fill: none;
  stroke: #fff;
  z-index: 9;
}
.ProfileMenu-close svg {
  width: 100%;
  height: 100%;
}
.ProfileMenu--dropdown {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ProfileMenu--dropdown .ProfileMenu-header {
  height: 50px;
  background: #005537;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0.93750234rem;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 600px), print {
  .ProfileMenu--dropdown .ProfileMenu-header {
    padding: 1.25rem;
  }
}
.ProfileMenu--dropdown .ProfileMenu-list {
  flex-grow: 1;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li {
  border-bottom: 1px solid #ededed;
  color: #333;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li:last-of-type {
  border: none;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li a {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.93750234rem 1.875rem 0.93750234rem 1.25rem;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li svg {
  width: 16px;
  height: 16px;
  margin-right: 0.41666667rem;
  vertical-align: sub;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li:hover {
  color: #ffffff;
  background-color: #00aa46;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li:hover:last-of-type {
  background-color: #ffffff;
}
.ProfileMenu--dropdown .ProfileMenu-list--myCoop li.is-active {
  background: #00aa46;
  color: #fff;
}
.ProfileMenu--myCoop {
  min-width: 213px;
  z-index: 12;
  min-height: 550px;
}
@media only screen and (min-width: 600px), print {
  .ProfileMenu--myCoop {
    height: 100%;
  }
}
.ProfileMenu--myCoop .ProfileMenu-image {
  border-radius: 100%;
  color: #00aa46;
  background: rgba(0, 0, 0, 0.2);
  height: 80px;
  width: 80px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.ProfileMenu--myCoop .ProfileMenu-header {
  background: #005537;
  color: #333;
  min-height: 217px;
  padding: 1.25rem 0.93750234rem 0.93750234rem 0.93750234rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ProfileMenu--myCoop .ProfileMenu-header--noPoints {
  min-height: 189px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #005537;
  border-bottom: 1px solid #ededed;
  padding: 1.25rem 0.93750234rem 0.93750234rem 0.93750234rem;
}
.ProfileMenu--myCoop .ProfileMenu-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #fff;
  cursor: pointer;
}
.ProfileMenu--myCoop .ProfileMenu-list li {
  border-bottom: 1px solid #ededed;
}
.ProfileMenu--myCoop .ProfileMenu-list li:last-of-type {
  border: none;
}
.ProfileMenu--myCoop .ProfileMenu-list li a {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.93750234rem 1.875rem 0.93750234rem 1.25rem;
  white-space: nowrap;
}
.ProfileMenu--myCoop .ProfileMenu-list li svg {
  width: 16px;
  height: 16px;
  margin-right: 0.41666667rem;
  vertical-align: sub;
}
.ProfileMenu--myCoop .ProfileMenu-list li:hover {
  color: #ffffff;
  background-color: #00aa46;
}
.ProfileMenu--myCoop .ProfileMenu-list li:hover:last-of-type {
  background-color: #ffffff;
}
.ProfileMenu--myCoop .ProfileMenu-list li.is-active {
  background: #00aa46;
  color: #fff;
}
.RecipeSocial {
  position: relative;
}
.RecipeSocial-buy {
  position: relative;
}
.RecipeSocial-buyListTooltip {
  position: absolute;
  text-align: center;
  top: 35px;
  right: 250px;
}
.RecipeSocial-save {
  position: relative;
}
.RecipeSocial-saveHeart {
  height: 24px;
  width: 24px;
  vertical-align: middle;
  fill: #ededed;
  stroke: #fff;
}
.RecipeSocial-saveTooltip {
  position: absolute;
  text-align: center;
  top: 35px;
  right: 142px;
}
.RecipeSocial-saveHeartTooltip {
  position: absolute;
  text-align: center;
  top: 6px;
  right: 122px;
}
@media only screen and (min-width: 375px), print {
  .RecipeSocial-saveHeartTooltip {
    right: 145px;
  }
}
@media only screen and (min-width: 480px), print {
  .RecipeSocial-saveHeartTooltip {
    right: 172px;
  }
}
@media only screen and (min-width: 600px), print {
  .RecipeSocial-saveHeartTooltip {
    right: 172px;
  }
}
.RecipeSocial-saveHeartTooltipPuff {
  position: absolute;
  text-align: center;
  top: 6px;
  right: 115px;
}
@media only screen and (min-width: 375px), print {
  .RecipeSocial-saveHeartTooltipPuff {
    right: 140px;
  }
}
@media only screen and (min-width: 600px), print {
  .RecipeSocial-saveHeartTooltipPuff {
    right: 130px;
  }
}
@media only screen and (min-width: 1024px), print {
  .RecipeSocial-saveHeartTooltipPuff {
    right: 152px;
  }
}
.RecipeSocial-share {
  position: relative;
}
.RecipeSocial-sharePopup {
  position: absolute;
  top: 35px;
  right: 110px;
  text-align: center;
}
.RecipeSocial-shareTitle {
  display: inline-block;
  margin-bottom: 14px;
}
.RecipeSocial-shareIcons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}
.SelfService {
  width: 100%;
  max-width: 350px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 1.25rem;
  padding-left: 0.93750234rem;
  margin: 0 auto;
  /*&-left {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    &-right {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        @media @bpMedium {
            margin-left: 110px;
        }
    }*/
}
@media only screen and (min-width: 768px), print {
  .SelfService {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto;
    margin-top: 1.875rem;
  }
}
.SelfService-link {
  /*display: list-item;
        color: @colorGreen;*/
  cursor: pointer;
  font-size: 1rem;
  text-align: left;
}
.SelfService-link::before {
  content: '•';
  color: #00aa46;
  display: inline-block;
  width: 1em;
}
.Subscription h2 {
  color: #333;
}
.Subscription p {
  color: #777;
}
.Switch {
  text-align: center;
}
.Switch-container {
  height: 40px;
  border-radius: 20px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  padding: 0 3px;
  min-height: 100%;
}
.Switch-option {
  height: 34px;
  border-radius: 17px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  cursor: pointer;
}
.Switch-option.is-active {
  color: #333;
  background: #fff;
}
.Switch-text {
  display: block;
  font-size: 0.75rem;
  color: #777;
  margin-top: 0.625rem;
  cursor: pointer;
}
.Testimonial {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.25rem 0;
  background: #fff;
  font-size: 0.875rem;
  justify-content: center;
  gap: 1.875rem;
}
@media only screen and (min-width: 600px), print {
  .Testimonial {
    font-size: 1rem;
  }
}
.Testimonial-image {
  /*width: 100px;*/
  /* Bug in IE11 prevents the image to be 100%, Superwierd!!!! */
  height: 100px;
  border-radius: 50%;
  margin-right: 1.875rem;
}
.Testimonial-text {
  flex: 1;
}
.Testimonial-quote {
  margin: 0;
}
.Testimonial-quote:before {
  content: '"';
  top: 0;
  left: -5px;
}
.Testimonial-quote:after {
  content: '"';
  bottom: 0;
  right: 0;
}
.Testimonial-author {
  color: #333;
  font-size: 0.875rem;
  font-style: italic;
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.Timetable {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background: #fff;
  position: relative;
}
.Timetable-header {
  height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.25rem !important;
  cursor: pointer;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.Timetable-header--noTimeSlots {
  cursor: default;
}
.Timetable-slot {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.Timetable-slot > * {
  opacity: 0.5;
}
.Timetable:hover .Timetable-header {
  background: #00aa46;
  color: #fff !important;
}
.Timetable:hover .Timetable-header svg {
  fill: #fff !important;
}
.Timetable:hover .Timetable-slot > * {
  opacity: 1;
}
.Timetable.Timetable--simple .Timetable-header {
  cursor: default;
}
.Timetable.Timetable--simple .Timetable-slot {
  padding: 0.625rem 1.25rem;
}
.Timetable.Timetable--simple .Timetable-slot > * {
  opacity: 1;
}
.Timetable.Timetable--simple:hover .Timetable-header {
  background: #fff;
  color: #333 !important;
}
.Timetable.Timetable--simple:hover .Timetable-header svg {
  fill: #00aa46 !important;
}
.Timetable.is-active .Timetable-header {
  background: #00aa46;
  color: #fff;
}
.Timetable.is-active .Timetable-slot > * {
  opacity: 1;
}
.TransactionTable {
  width: 100%;
}
.TransactionTable-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
}
.TransactionTable-list.is-active {
  display: block;
}
.TransactionTable-tab {
  width: 100%;
  text-decoration: none;
  position: relative;
  display: flex;
}
.TransactionTable-tabItem {
  display: inline-block;
  padding-bottom: 0.41666667rem;
  margin: 0 0.41666667rem;
  font-weight: bold;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px), print {
  .TransactionTable-tabItem {
    font-size: 1.25rem;
  }
}
.TransactionTable-tabItem:hover {
  color: #00aa46;
}
.TransactionTable-tabItem:first-of-type {
  margin-left: 0 !important;
}
.TransactionTable-tabItem:last-of-type {
  margin-right: 0 !important;
}
.TransactionTable-tabItem.is-active {
  color: #00aa46;
  border-bottom: 3px solid #00aa46;
  pointer-events: none;
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-tabItem.is-active:hover {
    color: #005537;
    border-color: #005537;
  }
}
.TransactionTable-tabItem.is-inactive {
  pointer-events: none;
}
.TransactionTable-item {
  position: relative;
  border-top: 1px solid #ededed;
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-item:hover .TransactionTable-hoverItem {
    color: #00aa46;
  }
}
.TransactionTable-itemHeader {
  padding: 1.25rem 0.93750234rem 0 0.93750234rem;
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-itemHeader {
    padding: 1.25rem 0 0 0;
  }
}
.TransactionTable-itemAlert {
  padding: 0.93750234rem;
  font-size: 0.75rem;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-itemAlert {
    padding: 0.93750234rem 1.25rem;
    font-size: 0.875rem;
  }
}
.TransactionTable-itemAlert.TransactionTable-itemAlert--green {
  background-color: #e0efb8;
}
.TransactionTable-item.is-expanded .TransactionTable-icon {
  transform: rotate(450deg);
}
.TransactionTable-showMoreBtn {
  font-weight: 900;
  text-align: center;
  color: #097a36;
  border-top: 1px solid #ededed;
  padding: 1.25rem;
}
.TransactionTable-showMoreBtn-icon {
  height: 14px;
  width: 14px;
  fill: none;
  stroke: #097a36;
  margin-left: 10px;
  vertical-align: middle;
  transform: rotate(270deg);
  transition: transform 0.3s;
}
.TransactionTable-showMoreBtn.showMore .TransactionTable-showMoreBtn-icon {
  transform: rotate(450deg);
}
.TransactionTable-icon {
  height: 14px;
  width: 14px;
  position: absolute;
  fill: none;
  stroke: #333;
  top: 0;
  right: 0.93750234rem;
  margin-top: 5px;
  vertical-align: middle;
  transform: rotate(270deg);
  transition: transform 0.3s;
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-icon {
    right: 0;
  }
}
.TransactionTable-subItemPanel {
  margin-bottom: 1.25rem;
  display: none;
}
.TransactionTable-header {
  padding: 0.93750234rem 0 1.25rem 0.93750234rem;
  text-align: center;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-header {
    text-align: left;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-header {
    padding: 0 0 0.93750234rem 0;
  }
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-headerForm {
    display: inline-block;
    float: right;
  }
}
.TransactionTable-headerFormLabel {
  display: inline-block;
  text-align: left;
}
.TransactionTable-headerFormLabel:first-of-type {
  margin-bottom: 0.625rem;
}
@media only screen and (min-width: 375px), print {
  .TransactionTable-headerFormLabel:first-of-type {
    margin-right: 0.625rem;
  }
}
.TransactionTable-headerDropdown {
  width: 100%;
  margin-bottom: 0.93750234rem;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-headerDropdown {
    width: auto;
    margin-bottom: 1.875rem;
  }
}
.TransactionTable-footer {
  padding: 1.25rem 0.93750234rem;
  border-top: 1px solid #ededed;
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-footer {
    padding: 1.25rem 0;
  }
}
.TransactionTable-footerList {
  font-weight: bold;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-footerList {
    text-align: right;
    float: right;
  }
}
.TransactionTable-footerListItem {
  margin-bottom: 0.93750234rem;
}
.TransactionTable-footerListItem:last-of-type {
  margin: 0;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-footerListItem {
    margin: 0;
  }
}
.TransactionTable-footerListItem.TransactionTable-footerListItem--large {
  font-size: 1rem;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-footerListItem.TransactionTable-footerListItem--large {
    font-size: 1.25rem;
  }
}
.TransactionTable-subItem {
  position: relative;
  cursor: pointer;
}
.TransactionTable-subItem:hover .TransactionTable-subItemHeader {
  color: #00aa46;
}
.TransactionTable-subItem:hover .TransactionTable-subItemHeader > span {
  color: #00aa46 !important;
}
.TransactionTable-subItem:hover .TransactionTable-itemArrow {
  fill: none;
  stroke: #00aa46;
}
.TransactionTable-subItem:hover .TransactionTable-icon {
  stroke: #00aa46;
}
.TransactionTable-subItem:last-of-type .TransactionTable-subItemBody {
  margin: 0 !important;
}
.TransactionTable-subItemHeader {
  padding: 0 2.5rem 1.25rem 0.93750234rem;
  font-size: 0.875rem;
  font-weight: bold;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-subItemHeader {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px), print {
  .TransactionTable-subItemHeader {
    padding: 0 1.875rem 1.25rem 0;
  }
}
.TransactionTable-subItemHeader span {
  display: block;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-subItemHeader span {
    display: inline-block;
  }
  .TransactionTable-subItemHeader span:nth-of-type(odd) {
    float: left;
  }
  .TransactionTable-subItemHeader span:nth-of-type(even) {
    float: right;
  }
}
.TransactionTable-subItemPanel {
  display: none;
  cursor: default;
  font-size: 0.75rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-subItemPanel {
    font-size: 0.875rem;
    padding: 0;
  }
}
.TransactionTable-subItemBody {
  background-color: #f5f5f5;
  padding: 0.93750234rem;
}
@media only screen and (min-width: 600px), print {
  .TransactionTable-subItemBody {
    margin-bottom: 1.25rem;
    padding: 0.93750234rem 1.25rem;
  }
}
.TransactionTable-subItem.is-expanded .TransactionTable-icon {
  transform: rotate(450deg);
}
.TransactionTable--bank {
  max-width: 1030px;
  margin: 0 auto 50px;
}
.Cart {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.Cart-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0.93750234rem;
  position: relative;
}
@media only screen and (min-width: 600px), print {
  .Cart-header {
    padding: 1.25rem;
  }
}
.Cart-headerIcon {
  height: 36px;
  width: 16px;
  padding: 0.625rem 0;
  cursor: pointer;
  fill: none;
  stroke: #fff;
  z-index: 9;
}
.Cart-headerIcon svg {
  width: 100%;
  height: 100%;
}
.Cart-headerIcon:last-of-type {
  margin-left: auto;
}
.Cart-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.Cart-loader {
  display: none !important;
}
.Cart-icon {
  position: relative;
  height: 30px;
  width: 30px;
  border: 1px solid #ededed;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  margin-left: 0.625rem;
  vertical-align: middle;
  flex-shrink: 0;
}
@media only screen and (min-width: 600px), print {
  .Cart-icon {
    margin-left: 1.25rem;
  }
}
.Cart-icon:hover .Cart-tooltip {
  opacity: 1;
  visibility: visible;
}
.Cart-icon--noMargin {
  margin: 0;
}
.Cart-icon svg {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  fill: none;
  stroke: #aaa;
  transform: translateY(-50%);
}
.Cart-icon .svg-close {
  width: 12px !important;
  height: 12px !important;
}
@media only screen and (min-width: 768px), print {
  .Cart-icon .svg-close {
    width: 13px !important;
    height: 13px !important;
  }
}
@media only screen and (min-width: 1024px), print {
  .Cart-icon .svg-close {
    width: 13px !important;
    height: 13px !important;
  }
}
.Cart-icon.Cart-icon--large {
  height: 40px;
  width: 40px;
}
@media only screen and (min-width: 1024px), print {
  .Cart-icon.Cart-icon--large:not(.Cart-icon--alwaysLarge) {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 1024px), print {
  .Cart-icon.Cart-icon--large:not(.Cart-icon--alwaysLarge) svg {
    width: 13px;
    height: 13px;
  }
}
.Cart-icon.Cart-icon--large svg {
  width: 18px;
  height: 18px;
}
.Cart-icon--green svg {
  stroke: #00aa46;
}
.Cart-icon--green:hover {
  background: #00aa46;
  border-color: #00aa46;
}
.Cart-icon--green:hover svg {
  stroke: #fff;
}
.Cart-icon--greenStore {
  /*&:hover {
                background: @colorGreen;
                border-color: @colorGreen;

                svg {
                    stroke: #fff;
                }
            }*/
}
.Cart-icon--greenStore svg {
  stroke: #00aa46;
  border: #00aa46;
}
.Cart-icon--greenStore .svg-arrow-up {
  fill: #333;
  width: 12px !important;
  height: 12px !important;
}
@media only screen and (min-width: 768px), print {
  .Cart-icon--greenStore .svg-arrow-up {
    width: 13px !important;
    height: 13px !important;
  }
}
@media only screen and (min-width: 1024px), print {
  .Cart-icon--greenStore .svg-arrow-up {
    width: 13px !important;
    height: 13px !important;
  }
}
.Cart-icon--greenHover:hover {
  border-color: #00aa46;
}
.Cart-icon--greenHover:hover svg {
  color: #00aa46;
}
.Cart-itemList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Cart-item {
  padding: 1.25rem;
  border-bottom: 1px solid #ededed;
  display: flex;
  flex-direction: column;
}
.Cart-itemSplash {
  position: absolute;
  top: 36px;
  right: 0px;
}
.Cart-itemContainer {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 1;
  align-items: center;
}
.Cart-itemContainerWrapped {
  flex-wrap: wrap;
}
.Cart-itemContainerWrapped .Cart-itemRowPrimary {
  align-items: flex-start;
}
.Cart-itemRow {
  width: 100%;
  display: flex;
  align-items: center;
}
.Cart-itemWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 6px;
}
.Cart-itemWrapperProduct {
  display: flex;
  flex-direction: row;
}
.Cart-itemWrapperDetail {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}
.Cart-itemWrapperImage {
  flex-shrink: 0;
  padding-right: 0.93750234rem;
  position: relative;
}
.Cart-itemWrapperImage.Cart-itemWrapperImageWithPromo {
  min-height: 90px;
}
.Cart-itemWrapperPrice {
  height: min-content;
}
@media only screen and (max-width: 599px), print {
  .Cart-itemWrapperPrice {
    display: flex;
    justify-content: flex-end;
  }
}
.Cart-itemWrapperActions {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.93750234rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 599px), print {
  .Cart-itemWrapperActions {
    width: 100%;
  }
}
@media only screen and (max-width: 599px), print {
  .Cart-itemWrapperActions > * {
    min-width: 0;
  }
}
.Cart-itemPrice {
  margin-left: auto;
  text-align: right;
  font-size: 1rem;
}
.Cart-itemCell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  padding-right: 0.93750234rem;
  /*@media @bpSmall {
                padding-right: @spaceMedium;
            }*/
}
.Cart-itemCell--actions {
  flex-direction: row;
  align-items: flex-end;
  padding: 0;
}
@media only screen and (min-width: 600px), print {
  .Cart-itemCell--actions {
    align-items: center;
    padding-right: 1.25rem;
    margin-left: auto;
  }
}
.Cart-itemCell--cropped {
  flex-shrink: 1;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (min-width: 600px), print {
  .Cart-itemCell--cropped {
    flex-direction: column;
    justify-content: center;
  }
}
.Cart-itemSummary {
  display: flex;
  min-width: 70px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  text-align: right;
}
@media only screen and (min-width: 600px), print {
  .Cart-itemSummary {
    justify-content: center;
  }
}
.Cart-itemImage {
  height: 50px;
  width: 50px;
  vertical-align: middle;
}
.Cart-itemHeading {
  margin: 0 0.93750234rem 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
  transition: color 0.15s ease;
}
@media only screen and (min-width: 600px), print {
  .Cart-itemHeading {
    margin: 0;
    white-space: nowrap;
  }
}
.Cart-itemHeading--link:hover {
  color: #097a36;
}
.Cart-itemSubtitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0 0.625rem 0;
  font-size: 0.75rem;
  color: #333;
}
@media only screen and (min-width: 600px), print {
  .Cart-itemSubtitle {
    margin: 0.3125rem 0 0 0;
  }
}
@media only screen and (min-width: 600px), print {
  .Cart-itemSubtitleWrapped {
    margin: 0 0 0.625rem 0;
  }
}
.Cart-itemPromotion {
  margin-left: auto;
  font-size: 0.75rem;
  text-align: right;
}
.Cart-itemRecycleFee {
  margin-left: auto;
  font-size: 0.6875rem;
  color: #333;
  text-align: right;
}
.Cart-itemConfirm {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.Cart-itemConfirmHeading {
  text-align: center;
  margin-right: 20px;
}
@media only screen and (max-width: 767px), print {
  .Cart-itemConfirmHeading {
    width: 100%;
    margin-right: 0;
  }
}
.Cart-itemConfirmButtonContainer {
  display: flex;
  justify-content: center;
}
.Cart-footer {
  color: #333;
  position: relative;
}
.Cart-footerOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f5f5f5;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity 0.3s, visibility 0.3s;
}
.Cart--mini {
  height: 100%;
  overflow: hidden;
}
.Cart--miniAbsolute {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 600px), print {
  .Cart--mini {
    width: 540px;
  }
}
.Cart--mini .Cart-header {
  background: #fff;
  color: #333;
  padding: 0;
}
.Cart--mini .Cart-headerIcon {
  stroke: #777;
}
.Cart--mini .Cart-headerLink {
  position: relative;
  margin-right: 1.25rem;
  font-size: 0.875rem;
}
.Cart--mini .Cart-headerLink:last-of-type {
  margin-right: 0;
}
.Cart--mini .Cart-headerEditOrder svg {
  color: black;
}
.Cart--mini .Cart-headerInfo--gray {
  background-color: #f5f5f5;
}
.Cart--mini .Cart-headerInfo {
  height: auto;
  border-bottom: 1px solid #ededed;
  font-size: 1rem;
  flex-direction: column;
  justify-content: space-around;
  min-height: 50px;
}
.Cart--mini .Cart-headerInfo .Cart-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}
.Cart--mini .Cart-headerInfo--boxShadow {
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.Cart--mini .Cart-header .Cart-headerBorder {
  width: 100%;
  border-bottom: 1px solid #00000026;
}
.Cart--mini .Cart-container {
  isolation: isolate;
  margin-bottom: auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.Cart--mini .Cart-body--buttonsContainer {
  display: flex;
  justify-content: space-around;
  padding: 1.25rem 0;
}
.Cart--mini .Cart-body--emptyContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Cart--mini .Cart-item {
  padding: 0.93750234rem;
  /*&:last-of-type {
            border: none;
        }*/
}
@media only screen and (min-width: 600px), print {
  .Cart--mini .Cart-item {
    padding: 1.25rem;
  }
}
.Cart--mini .Cart-itemSummary {
  justify-content: flex-end;
}
@media only screen and (min-width: 600px), print {
  .Cart--mini .Cart-itemSummary {
    justify-content: center;
  }
}
.Cart--mini .Cart-footer,
.Cart--mini .Cart-headerInfo {
  border-top: 1px solid #ededed;
  transition: box-shadow 0.3s;
}
.Cart--mini .Cart-footer--boxShadow,
.Cart--mini .Cart-headerInfo--boxShadow {
  box-shadow: 5px 5px 30px 0 rgba(0, 0, 0, 0.15);
}
.Cart--mini .Cart-footer {
  background-color: #005537;
  color: white;
}
.Cart--mini .Cart-bodyImage {
  width: 100%;
  align-self: flex-start;
}
.Cart--mini .Cart-bodyImage img {
  width: 260px;
  height: auto;
}
@media only screen and (min-width: 768px), print {
  .Cart--mini .Cart-bodyImage img {
    width: 300px;
  }
}
.Cart--mini .Cart-bodyImage svg {
  fill: white;
}
@media only screen and (min-width: 320px), print {
  .Cart--mini .Cart-bodyImage {
    margin-top: 0.93750234rem;
  }
}
@media only screen and (min-width: 375px), print {
  .Cart--mini .Cart-bodyImage {
    margin-top: 1.875rem;
  }
}
@media only screen and (min-width: 600px), print {
  .Cart--mini .Cart-bodyImage {
    margin-top: 2.5rem;
  }
}
.Delivery {
  background-color: #ffffff;
}
@media only screen and (min-width: 600px), print {
  .Delivery {
    border-radius: 0.5rem;
  }
}
.Delivery-notification {
  height: 1rem;
  min-height: 1rem;
  width: 1rem;
  min-width: 1rem;
  border-radius: 1rem;
  background: #ff6565;
  color: #ffffff;
  top: -0.25rem;
  right: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.Delivery-tabContainer {
  display: flex;
  background: #f5f5f5;
  background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
}
@media only screen and (min-width: 600px), print {
  .Delivery-tabContainer {
    background: #ededed;
    background: linear-gradient(to bottom, #ededed 0%, #ededed 50%, #fff 50%, #fff 100%);
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
.Delivery-tab {
  display: flex;
  align-items: center;
  flex-grow: 1;
  background: #f5f5f5;
  padding: 1.25rem;
  cursor: pointer;
}
.Delivery-tab:first-child {
  border-radius: 0 0.5rem 0.5rem 0;
}
.Delivery-tab:last-child {
  border-radius: 0.5rem 0 0 0.5rem;
}
@media only screen and (min-width: 600px), print {
  .Delivery-tab {
    background: #ededed;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .Delivery-tab:first-child {
    border-radius: 0.5rem 0.5rem 0.5rem 0;
  }
  .Delivery-tab:last-child {
    border-radius: 0.5rem 0.5rem 0 0.5rem;
  }
}
.Delivery-tabMenuIconBackground {
  background: transparent;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  min-height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  position: relative;
}
@media only screen and (min-width: 600px), print {
  .Delivery-tabMenuIconBackground {
    height: 3.125rem;
    min-height: 3.125rem;
    width: 3.125rem;
    min-width: 3.125rem;
  }
}
.Delivery .Delivery-tabMenuIcon {
  width: 1.375rem;
}
@media only screen and (min-width: 600px), print {
  .Delivery .Delivery-tabMenuIcon {
    width: 2rem;
  }
}
.Delivery-tabHeading {
  margin-bottom: 0;
  color: #999999;
  font-weight: normal;
  font-size: 0.875rem;
  margin-left: 0.625rem;
}
@media only screen and (min-width: 480px), print {
  .Delivery-tabHeading {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 600px), print {
  .Delivery-tabHeading {
    font-size: 1.25rem;
    margin-left: 1.25rem;
  }
}
.Delivery .Delivery-tab--active {
  background-color: #ffffff;
  cursor: auto;
}
.Delivery .Delivery-tab--active .Delivery-tabMenuIconBackground {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.Delivery .Delivery-tab--active .Delivery-tabMenuIcon {
  border-radius: 0;
  border: 1px solid transparent;
}
.Delivery .Delivery-tab--active .Delivery-tabHeading {
  color: #333;
  font-weight: bold;
}
.FooterNav {
  background: #fff;
  z-index: 12;
  display: flex;
  align-items: center;
  height: 4rem;
  transition: box-shadow 0.4s ease-in-out, border-top 0.4s ease-in-out;
  border-top: 1px solid #ededed;
  right: 0;
  bottom: 0;
  left: 0;
  flex-shrink: 0;
}
.FooterNav--boxShadow {
  border-top-color: transparent;
  box-shadow: 0 -0.625rem 0.625rem -0.625rem rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px), print {
  .FooterNav {
    height: 5rem;
  }
}
.FooterNav.is-fixed {
  left: 0;
  right: 0;
  width: initial;
  position: fixed;
}
.FooterNav-nav {
  display: flex;
  align-items: center;
  outline: none;
}
.FooterNav-stepCurrent {
  display: block;
  flex-grow: 1;
  margin: 0;
  font-weight: 600;
}
.FooterNav-stepCurrentCounter {
  font-size: 0.75rem;
  color: #999999;
  letter-spacing: 1px;
}
@media only screen and (min-width: 768px), print {
  .FooterNav-stepCurrent {
    display: none;
  }
}
.FooterNav-stepList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  flex-grow: 1;
  border-left: 1px solid #ededed;
}
@media only screen and (min-width: 768px), print {
  .FooterNav-stepList {
    display: flex;
  }
}
.FooterNav-stepListLink {
  border-right: 1px solid #ededed;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  height: calc(5rem - 1px);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease;
}
.FooterNav-stepListLink.is-active {
  cursor: default;
}
@media only screen and (min-width: 1024px), print {
  .FooterNav-stepListLink {
    padding: 0 2rem;
  }
}
.FooterNav-stepListLink .FooterNav-stepListCountNumber {
  display: none;
}
.FooterNav-stepListLink .FooterNav-stepListCountIcon {
  display: block;
}
@media only screen and (min-width: 768px), print {
  .FooterNav-stepListLink:not(.is-active):hover,
  .FooterNav-stepListLink:not(.is-active):focus {
    color: #00aa46;
    transition: all 0.15s ease;
  }
  .FooterNav-stepListLink:not(.is-active):hover .FooterNav-stepListCount,
  .FooterNav-stepListLink:not(.is-active):focus .FooterNav-stepListCount {
    border-color: #00aa46;
    transition: border-color 0.15s ease;
  }
  .FooterNav-stepListLink:not(.is-active):hover .FooterNav-stepListCountNumber,
  .FooterNav-stepListLink:not(.is-active):focus .FooterNav-stepListCountNumber {
    display: block;
  }
  .FooterNav-stepListLink:not(.is-active):hover .FooterNav-stepListCountIcon,
  .FooterNav-stepListLink:not(.is-active):focus .FooterNav-stepListCountIcon {
    display: none;
  }
}
.FooterNav-stepListLink .FooterNav-stepListCount {
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-right: 0.5em;
  width: 1.75em;
  height: 1.75em;
  text-align: center;
  display: block;
  padding-top: 0.2em;
  transition: border 0.15s ease;
}
.FooterNav-stepListLink.is-active {
  border-bottom-color: #333;
}
.FooterNav-stepListLink.is-active .FooterNav-stepListCount {
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.FooterNav-stepListLink.is-passed .FooterNav-stepCount {
  text-indent: 2em;
  overflow: hidden;
  background-color: lightgray;
}
.OrderReclamation-header {
  border-bottom: 1px solid transparent;
  transition: border-bottom-color 0.2s;
  border-bottom-color: #ededed;
}
.OrderReclamation-scrollcontent {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.OrderReclamation-headerNavItem {
  cursor: pointer;
  line-height: 0;
  transition: color 0.2s ease;
  color: #ffffff;
}
.OrderReclamation-headerNavItem:first-of-type {
  margin-left: -0.93750234rem;
}
.OrderReclamation-headerNavItem:last-of-type {
  margin-right: -0.93750234rem;
}
.OrderReclamation-headerNavItem:focus {
  color: #00aa46;
  outline-offset: -1px;
  outline: white dashed 1px;
}
.OrderReclamation-content {
  max-width: 850px;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-content {
    border: 1px solid #ededed;
    border-radius: 0.5rem;
  }
}
.OrderReclamation-sectionHeading,
.OrderReclamation-sectionTable thead {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-sectionHeading {
    border-top: none;
    border-bottom: none;
  }
}
.OrderReclamation-sectionTableContainer {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
.OrderReclamation-sectionTable thead {
  display: table-header-group;
  text-align: left;
}
.OrderReclamation-sectionTable thead th,
.OrderReclamation-sectionTable tbody td {
  padding: 0.93750234rem 0.625rem;
}
@media only screen and (min-width: 480px), print {
  .OrderReclamation-sectionTable thead th,
  .OrderReclamation-sectionTable tbody td {
    padding: 1.25rem 0.625rem;
  }
}
.OrderReclamation-sectionTable tbody tr:first-child td {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.OrderReclamation-sectionTable thead tr th:first-child,
.OrderReclamation-sectionTable tbody tr td:first-child {
  width: 99%;
  padding-left: 1.25rem;
}
.OrderReclamation-sectionTable thead tr th:last-child,
.OrderReclamation-sectionTable tbody tr td:last-child {
  padding-right: 1.25rem;
}
.OrderReclamation-sectionTable thead tr th:not(:first-child),
.OrderReclamation-sectionTable tbody tr td:not(:first-child) {
  text-align: right;
}
.OrderReclamation-sectionTable tbody:not(:last-child) tr:last-child {
  border-bottom: 1px solid #ededed;
}
.OrderReclamation-sectionList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.OrderReclamation-sectionList:first-of-type {
  border-top: 1px solid #ededed;
}
.OrderReclamation-sectionList:last-of-type {
  border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-sectionList:first-of-type {
    border: none;
  }
  .OrderReclamation-sectionList:last-of-type {
    border: none;
  }
}
.OrderReclamation-sectionHeading ~ .OrderReclamation-sectionList:first-of-type {
  border-top: none;
}
.OrderReclamation-sectionListItem {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.OrderReclamation-sectionListItem:not(:last-of-type) .OrderReclamation-product {
  border-bottom: 1px solid #ededed;
}
.OrderReclamation-product {
  background-color: #ffffff;
  transition: background-color 1s;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-product {
    border-radius: 0.5rem;
    border: 1px solid #ededed;
    margin-bottom: 1.25rem;
  }
  li:last-of-type > .OrderReclamation-product {
    margin-bottom: 0;
  }
}
button.OrderReclamation-product:focus,
.OrderReclamation-sectionListItem:not(:last-of-type) button.OrderReclamation-product:focus {
  border-color: #005537;
}
.OrderReclamation-product--flash {
  background-color: #ff6565;
  transition: background-color 0s;
}
.OrderReclamation-product--editing {
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.OrderReclamation-productImage {
  margin: 0 0.625rem;
}
@media only screen and (min-width: 600px), print {
  .OrderReclamation-productImage {
    margin: 0 0.93750234rem;
  }
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-productImage {
    margin: 0 1.25rem;
  }
}
.OrderReclamation-productImage > img,
img.OrderReclamation-productImage {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.OrderReclamation-productPrice {
  white-space: nowrap;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
  min-width: 80px;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-productPrice {
    font-size: 1rem;
  }
}
.OrderReclamation-productArrowIcon {
  transition: transform ease 0.3s;
}
.OrderReclamation-badge {
  background: #333;
  color: #ffffff;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 15px;
  position: absolute;
  bottom: calc(4rem + 1rem);
  margin-right: 1.25rem;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-badge {
    margin-right: 1.25rem;
    bottom: calc(5rem + 1rem);
  }
}
@media only screen and (min-width: 1024px), print {
  .OrderReclamation-badge {
    margin-right: 2.5rem;
    bottom: calc(5rem + 1rem);
  }
}
.OrderReclamation-fileInput {
  position: relative;
  width: 100%;
  height: 50px;
}
.OrderReclamation-fileInput label {
  position: absolute;
  cursor: pointer;
}
.OrderReclamation-fileInput input {
  opacity: 0;
  pointer-events: none;
}
.OrderReclamation-fileInput button {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.OrderReclamation-fileInput--disabled {
  cursor: not-allowed;
}
.OrderReclamation-fileInput--disabled span {
  color: #707070;
}
.OrderReclamation-fileInput--disabled button,
.OrderReclamation-fileInput--disabled input,
.OrderReclamation-fileInput--disabled label {
  pointer-events: none;
}
.OrderReclamation-fileInputFileName {
  padding-right: 6.25rem;
}
.OrderReclamation-summary {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamation-summary {
    border: 1px solid #ededed;
    border-radius: 8px;
  }
}
.OrderReclamation-summaryReturnIcon {
  vertical-align: middle;
  margin-right: 0.625rem;
}
.OrderReclamation-summary--open .OrderReclamation-productArrowIcon {
  transform: rotateZ(180deg);
}
.OrderReclamationModal {
  background: #ffffff;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px), print {
  .OrderReclamationModal {
    background: #f5f5f5;
  }
}
.RecipeSidebarNav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
}
.RecipeSidebarNav .RecipeSidebarNav-checkboxLink {
  display: flex;
}
.RecipeSidebarNav .RecipeSidebarNav-checkboxLink .RecipeSidebarNav-checkboxLinkText {
  display: block;
  max-width: 13ch;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.RecipeSidebarNav .RecipeSidebarNav-checkboxLink:before {
  content: '';
  margin-right: 10px;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #999999;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.RecipeSidebarNav .RecipeSidebarNav-checkboxLink.is-checked {
  color: #00aa46;
}
.RecipeSidebarNav .RecipeSidebarNav-checkboxLink.is-checked:before {
  border: 1px solid #00aa46;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOSAxTDQuMzMzIDcuMzMzIDEgNC42NjciIHN0cm9rZT0iIzBBODkzRCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.RecipeSidebarNav .RecipeSidebarNav-category1 {
  background: #ffffff;
  margin-bottom: 10px;
}
.RecipeSidebarNav .RecipeSidebarNav-category1 .RecipeSidebarNav-category1Button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #ededed;
}
.RecipeSidebarNav .RecipeSidebarNav-category1 .RecipeSidebarNav-category1Title {
  font-weight: bold;
}
.RecipeSidebarNav .RecipeSidebarNav-category1 .RecipeSidebarNav-category1Amount {
  margin-left: 5px;
}
.RecipeSidebarNav .RecipeSidebarNav-category1 .RecipeSidebarNav-category1SeeMoreFooter {
  width: 100%;
  border-top: 1px solid #ededed;
  padding-bottom: 20px;
  padding-top: 15px;
  text-align: left;
  display: flex;
  align-items: center;
}
.RecipeSidebarNav .RecipeSidebarNav-category1 .RecipeSidebarNav-category1ListOfChildren {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  transition: 0.3s;
}
.RecipeSidebarNav .RecipeSidebarNav-category2 .RecipeSidebarNav-category2Header {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px 20px 15px;
  position: relative;
}
.RecipeSidebarNav .RecipeSidebarNav-category2 .RecipeSidebarNav-category2Button {
  padding: 10px;
  padding-right: 15px;
  position: absolute;
  right: 0;
  background: #ffffff;
}
.RecipeSidebarNav .RecipeSidebarNav-category2 .RecipeSidebarNav-category2Amount {
  margin-left: 5px;
  color: #097a36;
}
.RecipeSidebarNav .RecipeSidebarNav-category2 .RecipeSidebarNav-category2ListOfChildren {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 25px;
  padding-bottom: 10px;
}
.RecipeSidebarNav .RecipeSidebarNav-category3 {
  padding-bottom: 20px;
}
.RecipeSidebarNav--flyin {
  width: 100%;
}
.RecipeSidebarNav--flyin .RecipeSidebarNav-checkboxLink .RecipeSidebarNav-checkboxLinkText {
  max-width: none;
}
.RecipeSidebarNav--flyin .RecipeSidebarNav-category1 {
  border-radius: 10px;
}
.RecipeSidebarNav--flyin .RecipeSidebarNav-category1 .RecipeSidebarNav-category1Button {
  border-bottom: none;
}
.RecipeSidebarNav--flyin .RecipeSidebarNav-category1PreListDiv {
  border-bottom: 1px solid #ededed;
  margin-left: 15px;
}
.RecipeSidebarNav--skeleton {
  border: 1px solid #ededed;
  height: 100%;
}
.Timeslots {
  position: relative;
  height: 100%;
}
.Timeslots-grid {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  padding: 0;
  list-style: none;
  margin: 0;
  gap: 16px;
}
.Timeslots-grid > li {
  padding: 4px;
  flex-basis: calc(50% - 16px / 2);
  display: block;
}
@media only screen and (min-width: 600px), print {
  .Timeslots-grid > li {
    width: 33.33333333%;
  }
}
.Timeslots-footer {
  position: relative;
  text-align: center;
  transition: box-shadow 0.4s ease-in-out;
}
.Timeslots-footer--boxShadow {
  box-shadow: 0 -0.625rem 0.625rem -0.625rem rgba(0, 0, 0, 0.1);
}
.mixinShimmer {
  background: #f5f5f5;
  background-image: linear-gradient(to right, #f5f5f5 0%, #edeef1 20%, #f5f5f5 40%, #f5f5f5 100%);
  background-repeat: no-repeat;
  background-size: 400px 150px;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmerEffect;
  animation-timing-function: linear;
}
@keyframes shimmerEffect {
  0% {
    background-position: -250px 0;
  }
  100% {
    background-position: 250px 0;
  }
}