@import url(https://fonts.googleapis.com/css2?family=Maitree:wght@300;600&family=Montserrat:wght@700;900&display=swap);
/**
 * Gets color value string and return if its a link to an other palette value
 * @param {String} value
 * @return {Boolean}
 */
/**
 * parses key passed to the getColor method
 * @param {String} paletteKey
 * @return {Object} containing a property with the palette palette and color key
 */
/**
 * returns a color value from palette
 * and checks if the palette and color exists
 *
 * @param {String} palette name of the palette (property name of this.palette)
 * @param {String} key name of the color within a palette
 *                     (property name of this.palette[paletteKey])
 * @return {String} color value
 */
/**
 * @param {String} paletteKey typically contains a palette--key string
 * @param {Array} [callStack=[]] Stores all previous calls to make sure we don't infinite loop
 * @return {Object} val: color string stored in color object, name: name in color palette
 */
/**
 * _buildSchemes returns a schemes with colours inherited from default
 * @param {Object} schemes Schemes
 * @return {Object} parsed schemes with colours inherited from default
 */
/**
 * remaps all the color names to the actual color value
 * @param {Object} palettes You palette object
 * @return {Object} parsed palette with color values instead of links
 */
/* paletter color functions */
:root {
  --c-brand--lighter: #f8e6e8;
  --c-brand--light: #D96D7B;
  --c-brand--default: #cb3448;
  --c-brand--dark: #a8293a;
  --c-brand--darker: #912230;
  --c-accent--lighter: #FAF5EF;
  --c-accent--default: #523819;
  --c-accent--darker: #3F2B13;
  --c-badge--default: #FFA21F;
  --c-badge--classic: #FFA21F;
  --c-badge--new: #FFA21F;
  --c-badge--season: #FFA21F;
  --c-badge--special: #FFA21F;
  --c-badge--text: #ffffff;
  --c-interaction--default-light: #FAF5EF;
  --c-interaction--default: #523819;
  --c-interaction--default-dark: #3F2B13;
  --c-interaction--primary-light: #f8e6e8;
  --c-interaction--primary: #cb3448;
  --c-interaction--primary-dark: #912230;
  --c-interaction--negative-light: #fff5f5;
  --c-interaction--negative: #f52d28;
  --c-interaction--negative-dark: #970b07;
  --c-interaction--warning-light: #fff7eb;
  --c-interaction--warning: #FFA21F;
  --c-interaction--warning-dark: black;
  --c-interaction--positive-light: #f8fee7;
  --c-interaction--positive: #a6db0b;
  --c-interaction--positive-dark: #4a6205;
  --c-interaction--input: #999999;
  --c-interaction--input--success: #a6db0b;
  --c-interaction--input--error: #f52d28;
  --c-interaction--input-background: #ffffff;
  --c-interaction--inverted: #ffffff;
  --c-interaction--disabled: #999999;
  --c-shade--none: #ffffff;
  --c-shade--lighter: #F5F5F5;
  --c-shade--light: #CCCCCC;
  --c-shade--half: #999999;
  --c-shade--dark: #666666;
  --c-shade--darker: #333333;
  --c-shade--full: #141414;
  --c-text--default: #141414;
  --c-text--weak: #999999;
  --c-text--primary: #cb3448;
  --c-text--inverted: #ffffff;
  --c-text--error: #f52d28;
  --c-text--warning: #FFA21F;
  --c-text--success: #a6db0b;
  --c-icon--default: #999999;
  --c-icon--default-over: #523819;
  --c-icon--inverted: #ffffff;
  --c-image--line: #cb3448;
  --c-image--background: #F5F5F5;
  --c-layout--line: #CCCCCC;
  --c-layout--table: #ffffff;
  --c-layout--table-head: #F5F5F5;
  --c-layout--table-foot: #F5F5F5;
  --c-layout--table-row-selected: #F5F5F5;
  --c-layout--shadow: #333333;
  --c-layout--backdrop: #141414;
  --c-layout--shadow-inverted: #666666;
  --c-layout--background: #FAF5EF;
  --c-layout--background-contrast: #523819;
  --c-layout--paper: #ffffff;
  --c-layout--paper-inverted: #141414;
  --c-layout--paper-enclosed: #F5F5F5;
  --c-layout--paper-enclosed-inverted: #333333;
  --c-brand--lighter-rgb: 248, 230, 232;
  --c-brand--light-rgb: 217, 109, 123;
  --c-brand--default-rgb: 203, 52, 72;
  --c-brand--dark-rgb: 168, 41, 58;
  --c-brand--darker-rgb: 145, 34, 48;
  --c-accent--lighter-rgb: 250, 245, 239;
  --c-accent--default-rgb: 82, 56, 25;
  --c-accent--darker-rgb: 63, 43, 19;
  --c-badge--default-rgb: 255, 162, 31;
  --c-badge--classic-rgb: 255, 162, 31;
  --c-badge--new-rgb: 255, 162, 31;
  --c-badge--season-rgb: 255, 162, 31;
  --c-badge--special-rgb: 255, 162, 31;
  --c-badge--text-rgb: 255, 255, 255;
  --c-interaction--default-light-rgb: 250, 245, 239;
  --c-interaction--default-rgb: 82, 56, 25;
  --c-interaction--default-dark-rgb: 63, 43, 19;
  --c-interaction--primary-light-rgb: 248, 230, 232;
  --c-interaction--primary-rgb: 203, 52, 72;
  --c-interaction--primary-dark-rgb: 145, 34, 48;
  --c-interaction--negative-light-rgb: 255, 245, 245;
  --c-interaction--negative-rgb: 245, 45, 40;
  --c-interaction--negative-dark-rgb: 151, 11, 7;
  --c-interaction--warning-light-rgb: 255, 247, 235;
  --c-interaction--warning-rgb: 255, 162, 31;
  --c-interaction--warning-dark-rgb: 0, 0, 0;
  --c-interaction--positive-light-rgb: 248, 254, 231;
  --c-interaction--positive-rgb: 166, 219, 11;
  --c-interaction--positive-dark-rgb: 74, 98, 5;
  --c-interaction--input-rgb: 153, 153, 153;
  --c-interaction--input--success-rgb: 166, 219, 11;
  --c-interaction--input--error-rgb: 245, 45, 40;
  --c-interaction--input-background-rgb: 255, 255, 255;
  --c-interaction--inverted-rgb: 255, 255, 255;
  --c-interaction--disabled-rgb: 153, 153, 153;
  --c-shade--none-rgb: 255, 255, 255;
  --c-shade--lighter-rgb: 245, 245, 245;
  --c-shade--light-rgb: 204, 204, 204;
  --c-shade--half-rgb: 153, 153, 153;
  --c-shade--dark-rgb: 102, 102, 102;
  --c-shade--darker-rgb: 51, 51, 51;
  --c-shade--full-rgb: 20, 20, 20;
  --c-text--default-rgb: 20, 20, 20;
  --c-text--weak-rgb: 153, 153, 153;
  --c-text--primary-rgb: 203, 52, 72;
  --c-text--inverted-rgb: 255, 255, 255;
  --c-text--error-rgb: 245, 45, 40;
  --c-text--warning-rgb: 255, 162, 31;
  --c-text--success-rgb: 166, 219, 11;
  --c-icon--default-rgb: 153, 153, 153;
  --c-icon--default-over-rgb: 82, 56, 25;
  --c-icon--inverted-rgb: 255, 255, 255;
  --c-image--line-rgb: 203, 52, 72;
  --c-image--background-rgb: 245, 245, 245;
  --c-layout--line-rgb: 204, 204, 204;
  --c-layout--table-rgb: 255, 255, 255;
  --c-layout--table-head-rgb: 245, 245, 245;
  --c-layout--table-foot-rgb: 245, 245, 245;
  --c-layout--table-row-selected-rgb: 245, 245, 245;
  --c-layout--shadow-rgb: 51, 51, 51;
  --c-layout--backdrop-rgb: 20, 20, 20;
  --c-layout--shadow-inverted-rgb: 102, 102, 102;
  --c-layout--background-rgb: 250, 245, 239;
  --c-layout--background-contrast-rgb: 82, 56, 25;
  --c-layout--paper-rgb: 255, 255, 255;
  --c-layout--paper-inverted-rgb: 20, 20, 20;
  --c-layout--paper-enclosed-rgb: 245, 245, 245;
  --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
}
@media (prefers-color-scheme: light) {
  :root {
    --c-brand--lighter: #f8e6e8;
    --c-brand--light: #D96D7B;
    --c-brand--default: #cb3448;
    --c-brand--dark: #a8293a;
    --c-brand--darker: #912230;
    --c-accent--lighter: #FAF5EF;
    --c-accent--default: #523819;
    --c-accent--darker: #3F2B13;
    --c-badge--default: #FFA21F;
    --c-badge--classic: #FFA21F;
    --c-badge--new: #FFA21F;
    --c-badge--season: #FFA21F;
    --c-badge--special: #FFA21F;
    --c-badge--text: #ffffff;
    --c-interaction--default-light: #FAF5EF;
    --c-interaction--default: #523819;
    --c-interaction--default-dark: #3F2B13;
    --c-interaction--primary-light: #f8e6e8;
    --c-interaction--primary: #cb3448;
    --c-interaction--primary-dark: #912230;
    --c-interaction--negative-light: #fff5f5;
    --c-interaction--negative: #f52d28;
    --c-interaction--negative-dark: #970b07;
    --c-interaction--warning-light: #fff7eb;
    --c-interaction--warning: #FFA21F;
    --c-interaction--warning-dark: black;
    --c-interaction--positive-light: #f8fee7;
    --c-interaction--positive: #a6db0b;
    --c-interaction--positive-dark: #4a6205;
    --c-interaction--input: #999999;
    --c-interaction--input--success: #a6db0b;
    --c-interaction--input--error: #f52d28;
    --c-interaction--input-background: #ffffff;
    --c-interaction--inverted: #ffffff;
    --c-interaction--disabled: #999999;
    --c-shade--none: #ffffff;
    --c-shade--lighter: #F5F5F5;
    --c-shade--light: #CCCCCC;
    --c-shade--half: #999999;
    --c-shade--dark: #666666;
    --c-shade--darker: #333333;
    --c-shade--full: #141414;
    --c-text--default: #141414;
    --c-text--weak: #999999;
    --c-text--primary: #cb3448;
    --c-text--inverted: #ffffff;
    --c-text--error: #f52d28;
    --c-text--warning: #FFA21F;
    --c-text--success: #a6db0b;
    --c-icon--default: #999999;
    --c-icon--default-over: #523819;
    --c-icon--inverted: #ffffff;
    --c-image--line: #cb3448;
    --c-image--background: #F5F5F5;
    --c-layout--line: #CCCCCC;
    --c-layout--table: #ffffff;
    --c-layout--table-head: #F5F5F5;
    --c-layout--table-foot: #F5F5F5;
    --c-layout--table-row-selected: #F5F5F5;
    --c-layout--shadow: #333333;
    --c-layout--backdrop: #141414;
    --c-layout--shadow-inverted: #666666;
    --c-layout--background: #FAF5EF;
    --c-layout--background-contrast: #523819;
    --c-layout--paper: #ffffff;
    --c-layout--paper-inverted: #141414;
    --c-layout--paper-enclosed: #F5F5F5;
    --c-layout--paper-enclosed-inverted: #333333;
    --c-brand--lighter-rgb: 248, 230, 232;
    --c-brand--light-rgb: 217, 109, 123;
    --c-brand--default-rgb: 203, 52, 72;
    --c-brand--dark-rgb: 168, 41, 58;
    --c-brand--darker-rgb: 145, 34, 48;
    --c-accent--lighter-rgb: 250, 245, 239;
    --c-accent--default-rgb: 82, 56, 25;
    --c-accent--darker-rgb: 63, 43, 19;
    --c-badge--default-rgb: 255, 162, 31;
    --c-badge--classic-rgb: 255, 162, 31;
    --c-badge--new-rgb: 255, 162, 31;
    --c-badge--season-rgb: 255, 162, 31;
    --c-badge--special-rgb: 255, 162, 31;
    --c-badge--text-rgb: 255, 255, 255;
    --c-interaction--default-light-rgb: 250, 245, 239;
    --c-interaction--default-rgb: 82, 56, 25;
    --c-interaction--default-dark-rgb: 63, 43, 19;
    --c-interaction--primary-light-rgb: 248, 230, 232;
    --c-interaction--primary-rgb: 203, 52, 72;
    --c-interaction--primary-dark-rgb: 145, 34, 48;
    --c-interaction--negative-light-rgb: 255, 245, 245;
    --c-interaction--negative-rgb: 245, 45, 40;
    --c-interaction--negative-dark-rgb: 151, 11, 7;
    --c-interaction--warning-light-rgb: 255, 247, 235;
    --c-interaction--warning-rgb: 255, 162, 31;
    --c-interaction--warning-dark-rgb: 0, 0, 0;
    --c-interaction--positive-light-rgb: 248, 254, 231;
    --c-interaction--positive-rgb: 166, 219, 11;
    --c-interaction--positive-dark-rgb: 74, 98, 5;
    --c-interaction--input-rgb: 153, 153, 153;
    --c-interaction--input--success-rgb: 166, 219, 11;
    --c-interaction--input--error-rgb: 245, 45, 40;
    --c-interaction--input-background-rgb: 255, 255, 255;
    --c-interaction--inverted-rgb: 255, 255, 255;
    --c-interaction--disabled-rgb: 153, 153, 153;
    --c-shade--none-rgb: 255, 255, 255;
    --c-shade--lighter-rgb: 245, 245, 245;
    --c-shade--light-rgb: 204, 204, 204;
    --c-shade--half-rgb: 153, 153, 153;
    --c-shade--dark-rgb: 102, 102, 102;
    --c-shade--darker-rgb: 51, 51, 51;
    --c-shade--full-rgb: 20, 20, 20;
    --c-text--default-rgb: 20, 20, 20;
    --c-text--weak-rgb: 153, 153, 153;
    --c-text--primary-rgb: 203, 52, 72;
    --c-text--inverted-rgb: 255, 255, 255;
    --c-text--error-rgb: 245, 45, 40;
    --c-text--warning-rgb: 255, 162, 31;
    --c-text--success-rgb: 166, 219, 11;
    --c-icon--default-rgb: 153, 153, 153;
    --c-icon--default-over-rgb: 82, 56, 25;
    --c-icon--inverted-rgb: 255, 255, 255;
    --c-image--line-rgb: 203, 52, 72;
    --c-image--background-rgb: 245, 245, 245;
    --c-layout--line-rgb: 204, 204, 204;
    --c-layout--table-rgb: 255, 255, 255;
    --c-layout--table-head-rgb: 245, 245, 245;
    --c-layout--table-foot-rgb: 245, 245, 245;
    --c-layout--table-row-selected-rgb: 245, 245, 245;
    --c-layout--shadow-rgb: 51, 51, 51;
    --c-layout--backdrop-rgb: 20, 20, 20;
    --c-layout--shadow-inverted-rgb: 102, 102, 102;
    --c-layout--background-rgb: 250, 245, 239;
    --c-layout--background-contrast-rgb: 82, 56, 25;
    --c-layout--paper-rgb: 255, 255, 255;
    --c-layout--paper-inverted-rgb: 20, 20, 20;
    --c-layout--paper-enclosed-rgb: 245, 245, 245;
    --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-brand--lighter: #f8e6e8;
    --c-brand--light: #D96D7B;
    --c-brand--default: #cb3448;
    --c-brand--dark: #a8293a;
    --c-brand--darker: #912230;
    --c-accent--lighter: #FAF5EF;
    --c-accent--default: #523819;
    --c-accent--darker: #3F2B13;
    --c-badge--default: #FFA21F;
    --c-badge--classic: #FFA21F;
    --c-badge--new: #FFA21F;
    --c-badge--season: #FFA21F;
    --c-badge--special: #FFA21F;
    --c-badge--text: #ffffff;
    --c-interaction--default-light: #FAF5EF;
    --c-interaction--default: #523819;
    --c-interaction--default-dark: #3F2B13;
    --c-interaction--primary-light: #f8e6e8;
    --c-interaction--primary: #cb3448;
    --c-interaction--primary-dark: #912230;
    --c-interaction--negative-light: #fff5f5;
    --c-interaction--negative: #f52d28;
    --c-interaction--negative-dark: #970b07;
    --c-interaction--warning-light: #fff7eb;
    --c-interaction--warning: #FFA21F;
    --c-interaction--warning-dark: black;
    --c-interaction--positive-light: #f8fee7;
    --c-interaction--positive: #a6db0b;
    --c-interaction--positive-dark: #4a6205;
    --c-interaction--input: #999999;
    --c-interaction--input--success: #a6db0b;
    --c-interaction--input--error: #f52d28;
    --c-interaction--input-background: #ffffff;
    --c-interaction--inverted: #ffffff;
    --c-interaction--disabled: #999999;
    --c-shade--none: #ffffff;
    --c-shade--lighter: #F5F5F5;
    --c-shade--light: #CCCCCC;
    --c-shade--half: #999999;
    --c-shade--dark: #666666;
    --c-shade--darker: #333333;
    --c-shade--full: #141414;
    --c-text--default: #141414;
    --c-text--weak: #999999;
    --c-text--primary: #cb3448;
    --c-text--inverted: #ffffff;
    --c-text--error: #f52d28;
    --c-text--warning: #FFA21F;
    --c-text--success: #a6db0b;
    --c-icon--default: #999999;
    --c-icon--default-over: #523819;
    --c-icon--inverted: #ffffff;
    --c-image--line: #cb3448;
    --c-image--background: #F5F5F5;
    --c-layout--line: #CCCCCC;
    --c-layout--table: #ffffff;
    --c-layout--table-head: #F5F5F5;
    --c-layout--table-foot: #F5F5F5;
    --c-layout--table-row-selected: #F5F5F5;
    --c-layout--shadow: #333333;
    --c-layout--backdrop: #141414;
    --c-layout--shadow-inverted: #666666;
    --c-layout--background: #FAF5EF;
    --c-layout--background-contrast: #523819;
    --c-layout--paper: #ffffff;
    --c-layout--paper-inverted: #141414;
    --c-layout--paper-enclosed: #F5F5F5;
    --c-layout--paper-enclosed-inverted: #333333;
    --c-brand--lighter-rgb: 248, 230, 232;
    --c-brand--light-rgb: 217, 109, 123;
    --c-brand--default-rgb: 203, 52, 72;
    --c-brand--dark-rgb: 168, 41, 58;
    --c-brand--darker-rgb: 145, 34, 48;
    --c-accent--lighter-rgb: 250, 245, 239;
    --c-accent--default-rgb: 82, 56, 25;
    --c-accent--darker-rgb: 63, 43, 19;
    --c-badge--default-rgb: 255, 162, 31;
    --c-badge--classic-rgb: 255, 162, 31;
    --c-badge--new-rgb: 255, 162, 31;
    --c-badge--season-rgb: 255, 162, 31;
    --c-badge--special-rgb: 255, 162, 31;
    --c-badge--text-rgb: 255, 255, 255;
    --c-interaction--default-light-rgb: 250, 245, 239;
    --c-interaction--default-rgb: 82, 56, 25;
    --c-interaction--default-dark-rgb: 63, 43, 19;
    --c-interaction--primary-light-rgb: 248, 230, 232;
    --c-interaction--primary-rgb: 203, 52, 72;
    --c-interaction--primary-dark-rgb: 145, 34, 48;
    --c-interaction--negative-light-rgb: 255, 245, 245;
    --c-interaction--negative-rgb: 245, 45, 40;
    --c-interaction--negative-dark-rgb: 151, 11, 7;
    --c-interaction--warning-light-rgb: 255, 247, 235;
    --c-interaction--warning-rgb: 255, 162, 31;
    --c-interaction--warning-dark-rgb: 0, 0, 0;
    --c-interaction--positive-light-rgb: 248, 254, 231;
    --c-interaction--positive-rgb: 166, 219, 11;
    --c-interaction--positive-dark-rgb: 74, 98, 5;
    --c-interaction--input-rgb: 153, 153, 153;
    --c-interaction--input--success-rgb: 166, 219, 11;
    --c-interaction--input--error-rgb: 245, 45, 40;
    --c-interaction--input-background-rgb: 255, 255, 255;
    --c-interaction--inverted-rgb: 255, 255, 255;
    --c-interaction--disabled-rgb: 153, 153, 153;
    --c-shade--none-rgb: 255, 255, 255;
    --c-shade--lighter-rgb: 245, 245, 245;
    --c-shade--light-rgb: 204, 204, 204;
    --c-shade--half-rgb: 153, 153, 153;
    --c-shade--dark-rgb: 102, 102, 102;
    --c-shade--darker-rgb: 51, 51, 51;
    --c-shade--full-rgb: 20, 20, 20;
    --c-text--default-rgb: 20, 20, 20;
    --c-text--weak-rgb: 153, 153, 153;
    --c-text--primary-rgb: 203, 52, 72;
    --c-text--inverted-rgb: 255, 255, 255;
    --c-text--error-rgb: 245, 45, 40;
    --c-text--warning-rgb: 255, 162, 31;
    --c-text--success-rgb: 166, 219, 11;
    --c-icon--default-rgb: 153, 153, 153;
    --c-icon--default-over-rgb: 82, 56, 25;
    --c-icon--inverted-rgb: 255, 255, 255;
    --c-image--line-rgb: 203, 52, 72;
    --c-image--background-rgb: 245, 245, 245;
    --c-layout--line-rgb: 204, 204, 204;
    --c-layout--table-rgb: 255, 255, 255;
    --c-layout--table-head-rgb: 245, 245, 245;
    --c-layout--table-foot-rgb: 245, 245, 245;
    --c-layout--table-row-selected-rgb: 245, 245, 245;
    --c-layout--shadow-rgb: 51, 51, 51;
    --c-layout--backdrop-rgb: 20, 20, 20;
    --c-layout--shadow-inverted-rgb: 102, 102, 102;
    --c-layout--background-rgb: 250, 245, 239;
    --c-layout--background-contrast-rgb: 82, 56, 25;
    --c-layout--paper-rgb: 255, 255, 255;
    --c-layout--paper-inverted-rgb: 20, 20, 20;
    --c-layout--paper-enclosed-rgb: 245, 245, 245;
    --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
  }
}

/**
 * dialog-size - Painless CSS sizes
 * @version v1.7.0
 * (c) 2019 meodai <meodai@gmail.com> (https://github.com/meodai/)
 * @link https://github.com/meodai/dialog-size#readme
 * @license MIT
 */
/**
 * dialog-typography - SASS/SCSS module settings
 * @version v1.2.0
 * (c) 2019 meodai
 * @link https://github.com/meodai/dialog-typography#readme
 * @license MIT
 */
.animation {
  overflow: hidden;
}

.animation > svg {
  max-height: 40vh;
}

.account-navigation {
  box-sizing: border-box;
}

.account-navigation__popper {
  visibility: hidden;
  width: 20rem;
  overflow: visible;
}
@media (max-width: 640px) {
  .account-navigation__popper {
    position: static !important;
    transform: unset !important;
    will-change: unset !important;
    width: 100%;
  }
}

.account-navigation__popper--open {
  visibility: visible;
  opacity: 1;
}

.account-navigation__container {
  overflow-y: auto;
  max-height: 100vh;
  padding: 1rem 1rem;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .account-navigation__container {
    height: 100vh;
  }
}

.account-navigation__closer {
  display: none;
  text-align: right;
}
@media (max-width: 640px) {
  .account-navigation__closer {
    display: block;
  }
}

@media (max-width: 640px) {
  .account-navigation__items {
    margin-top: 2.6rem;
  }
}

.account-navigation__item--selected {
  font-weight: 700;
}

.account-navigation__group {
  list-style: none;
  padding: 0;
  margin: 0;
}

.account-navigation__group + .account-navigation__group {
  margin-top: calc(2.6rem / 2);
  padding-top: calc(2.6rem / 2);
  border-top: 1px solid var(--c-layout--line);
}

.account-navigation__item > .account-navigation__link,
.account-navigation__item > .account-navigation__action {
  display: block;
  padding: 1rem;
}
.account-navigation__item > .account-navigation__link:hover,
.account-navigation__item > .account-navigation__action:hover {
  background: var(--c-interaction--default-light);
}

.card {
  padding: 1.4rem 1.4rem;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.card--compact {
  padding: 1rem 1rem;
}

.card--stretch {
  height: 100%;
}

.card__header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex-grow: 0;
}
@media (max-width: 640px) {
  .card__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.card__header-title {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
  margin: 0;
}
@media (min-width: 40rem) {
  .card__header-title {
    font-size: calc(0vw + 1.2rem);
  }
}
@media (min-width: 100rem) {
  .card__header-title {
    font-size: 1.2rem;
  }
}
.card__header-title h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
  margin: 0;
}
@media (min-width: 40rem) {
  .card__header-title h1 {
    font-size: calc(0vw + 1.2rem);
  }
}
@media (min-width: 100rem) {
  .card__header-title h1 {
    font-size: 1.2rem;
  }
}
.card__header-title h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0.25rem 0 0 0;
}
@media (min-width: 40rem) {
  .card__header-title h2 {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .card__header-title h2 {
    font-size: 1.3rem;
  }
}

.card__header-actions {
  text-align: right;
}
@media (max-width: 640px) {
  .card__header-actions {
    margin-top: 1rem;
    width: 100%;
  }
}

.card__header-meta {
  width: 100%;
  border-top: 2px solid var(--c-layout--line);
  border-bottom: 2px solid var(--c-layout--line);
  margin-top: 1rem;
  padding: 1rem 1.4rem;
}

.card__content {
  margin-top: 1.4rem;
  flex-grow: 1;
}

.card__content--align-right {
  text-align: right;
}

.card__content--no-padding-bottom {
  padding-bottom: 0;
}

.card__banner {
  margin: 0 calc(1.4rem * -1);
}

.card--compact > .card__banner {
  margin: 0 calc(1rem * -1);
}

.card__footer {
  margin-top: 1.4rem;
  flex-grow: 0;
}

.cart-add-button {
  display: flex;
  justify-content: space-evenly;
  align-content: center;
  align-items: center;
}

.cart-add-button--vertical {
  flex-direction: column-reverse;
}

.cart-add-button > * {
  flex-grow: 1;
  flex-shrink: 1;
}

.cart-add-button > * + * {
  margin-left: 1rem;
}

.cart-add-button--vertical > * + * {
  margin: 0 0 1rem 0;
}

.cart-add-button__subtract {
  flex-grow: 0;
  flex-shrink: 0;
}

.cart-add-button__add {
  flex-grow: 0;
  flex-shrink: 0;
}

.cart-add-button__label {
  text-align: center;
}

.cart-add-button__label-value {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 40rem) {
  .cart-add-button__label-value {
    font-size: calc(0vw + 1.6rem);
  }
}
@media (min-width: 100rem) {
  .cart-add-button__label-value {
    font-size: 1.6rem;
  }
}

.cart-add-button__input {
  font-size: 1.5rem;
  text-align: center;
  width: 1rem !important;
}

.cart-content {
  margin-top: 2.6rem;
}

.cart-content__item {
  display: grid;
  grid-template-columns: min-content 2fr 1fr;
  grid-template-rows: min-content min-content;
  gap: 1rem 2rem;
  grid-template-areas: "picture info control" "picture info subtotal";
}
@media (max-width: 640px) {
  .cart-content__item {
    grid-template-columns: min-content 1fr 1fr;
    grid-template-rows: min-content min-content min-content;
    grid-template-areas: "info info info" "picture control control" "picture subtotal subtotal";
  }
}

.cart-content__item + .cart-content__item {
  margin-top: 2.6rem;
}

.cart-content__item-picture {
  grid-area: picture;
  width: 4rem;
  max-height: 8rem;
  border: 0 solid var(--c-image--line);
}
@media (max-width: 640px) {
  .cart-content__item-picture {
    width: 4rem;
    max-height: 6rem;
  }
}

.cart-content__item-info {
  grid-area: info;
  display: flex;
  flex-direction: column;
}

.cart-content__item-control {
  grid-area: control;
  font-size: 0.85rem;
  line-height: 1.4;
  padding: 0;
}
@media (min-width: 40rem) {
  .cart-content__item-control {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .cart-content__item-control {
    font-size: 0.85rem;
  }
}
@media (max-width: 640px) {
  .cart-content__item-control {
    margin: 0;
  }
}

.cart-content__item-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 40rem) {
  .cart-content__item-title {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .cart-content__item-title {
    font-size: 1.3rem;
  }
}

.cart-content__item-price {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40rem) {
  .cart-content__item-price {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .cart-content__item-price {
    font-size: 0.75rem;
  }
}

.cart-content__item-subtotal {
  grid-area: subtotal;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
  align-self: flex-end;
  text-align: right;
}
@media (min-width: 40rem) {
  .cart-content__item-subtotal {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .cart-content__item-subtotal {
    font-size: 1.3rem;
  }
}

.checkout-button {
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}
@media (max-width: 640px) {
  .checkout-button {
    display: block;
    bottom: 1rem;
  }
}

.checkout-pickup__point {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  border-radius: 0.2rem;
  min-height: 10rem;
  padding: 1rem;
}

.checkout-pickup__point-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  display: block;
  margin: 0;
  flex-grow: 0;
  text-align: center;
}
@media (min-width: 40rem) {
  .checkout-pickup__point-name {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout-pickup__point-name {
    font-size: 1.1rem;
  }
}

.checkout-pickup__point-address {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 1rem 0;
  flex-grow: 1;
  text-align: center;
}
@media (min-width: 40rem) {
  .checkout-pickup__point-address {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .checkout-pickup__point-address {
    font-size: 0.75rem;
  }
}

.checkout-pickup__point-selector {
  flex-grow: 0;
}

.checkout-pickup__next-week {
  font-weight: 600;
}

.checkout-progress {
  background: var(--c-layout--line);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 0.5rem;
  z-index: 1;
}

.checkout-progress > span {
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--c-brand--default);
  height: 100%;
}

.checkout-progress > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 50px 50px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.checkout-progress--animated > span:after {
  animation: move 2s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.checkout__item-title {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  grid-area: title;
  margin: 0;
}
@media (min-width: 40rem) {
  .checkout__item-title {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout__item-title {
    font-size: 1.1rem;
  }
}
@media (max-width: 640px) {
  .checkout__item-title {
    font-size: 1rem;
    font-weight: 600;
  }
}

.checkout__item-total {
  flex-grow: 1;
  text-align: right;
  font-weight: 600;
}

.checkout__table {
  width: 100%;
  border-collapse: collapse;
}

.checkout__bold {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .checkout__bold {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout__bold {
    font-size: 1.1rem;
  }
}

.checkout__table-row-item {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.checkout__table-row-item--help {
  font-size: 0.75rem;
  line-height: 1.4;
  font-style: italic;
  font-weight: 100;
  margin: 0;
}
@media (min-width: 40rem) {
  .checkout__table-row-item--help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .checkout__table-row-item--help {
    font-size: 0.75rem;
  }
}

.checkout__table-row-item--help--weak {
  color: var(--c-text--weak);
}

.checkout__table-row-item--help {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40rem) {
  .checkout__table-row-item--help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .checkout__table-row-item--help {
    font-size: 0.75rem;
  }
}

.checkout__table-row-item--help--weak {
  color: var(--c-text--weak);
}

.checkout__table-row-item--align-right {
  text-align: right;
}

.checkout__table-row-item--align-left {
  text-align: left;
}

.checkout__table-row-item--align-center {
  text-align: center;
}

.checkout__table-row-item-product {
  text-align: left;
}
@media (max-width: 640px) {
  .checkout__table-row-item-product {
    text-align: left;
  }
}

.checkout__table-header, .checkout__table-body {
  margin: 1rem 0 1rem 0;
  border: none;
  border-spacing: 0 2em;
}

.checkout__table-header {
  border-bottom: 1px solid var(--c-layout--line);
}

.checkout__table-header--align-right {
  text-align: right;
}

.checkout__table-header--align-left {
  text-align: left;
}

.checkout__table-header--align-center {
  text-align: center;
}

.checkout__table-header-quantity {
  text-align: left;
  width: 6rem;
}
@media (max-width: 640px) {
  .checkout__table-header-quantity {
    width: 2.1em;
  }
}

.checkout__table-header-product {
  text-align: left;
}

.checkout__table-header-price {
  text-align: right;
}

.checkout__table-header-discount {
  text-align: right;
}

.checkout__table-header-total {
  text-align: right;
}
@media (max-width: 640px) {
  .checkout__table-header-total {
    text-align: right;
  }
}

.checkout__table-row-quantity {
  display: flex;
  align-items: baseline;
}

.checkout__table__input-digits {
  margin-left: 1rem;
}

.checkout-review__order-total {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin: 0.6rem 0 0.6rem 0;
}

.checkout-review__order-total--no-margin-top {
  margin-top: 0;
}

.checkout-review__order-total-label {
  flex-grow: 0;
}

.checkout-review__order-total-label--small {
  font-size: 1em;
}

.checkout-review__order-total-label--weak {
  color: var(--c-text--weak);
}

.checkout-review__order-total-label--highlighted {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
}
@media (min-width: 40rem) {
  .checkout-review__order-total-label--highlighted {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout-review__order-total-label--highlighted {
    font-size: 1.3rem;
  }
}

.checkout-review__order-total-value {
  flex-grow: 1;
  text-align: right;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .checkout-review__order-total-value {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout-review__order-total-value {
    font-size: 1.1rem;
  }
}

.checkout-review__order-total-value--weak {
  font-size: 1rem;
  font-family: 'Maitree', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  color: var(--c-text--default);
  color: var(--c-text--weak);
}
@media (min-width: 40rem) {
  .checkout-review__order-total-value--weak {
    font-size: calc(0.0833333333vw + 0.9666666667rem);
  }
}
@media (min-width: 100rem) {
  .checkout-review__order-total-value--weak {
    font-size: 1.05rem;
  }
}

.checkout-review__order-total-value--small {
  font-size: 0.85rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .checkout-review__order-total-value--small {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .checkout-review__order-total-value--small {
    font-size: 0.85rem;
  }
}

.checkout-review__order-total-value--roman {
  color: var(--c-text--default);
}

.checkout-review__order-total-value--highlighted {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
}
@media (min-width: 40rem) {
  .checkout-review__order-total-value--highlighted {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout-review__order-total-value--highlighted {
    font-size: 1.3rem;
  }
}

.checkout {
  width: 100%;
}

.checkout__subtotal {
  text-align: right;
  margin-top: 2.6rem;
}

.checkout__subtotal-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 40rem) {
  .checkout__subtotal-label {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout__subtotal-label {
    font-size: 1.3rem;
  }
}

.checkout__subtotal-amount {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  display: inline-block;
  margin: 0 0 0 1rem;
}
@media (min-width: 40rem) {
  .checkout__subtotal-amount {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout__subtotal-amount {
    font-size: 1.3rem;
  }
}

.checkout__illustration {
  max-height: 40vh;
  margin-top: 4rem;
}

.checkout-summary__block {
  padding: 0 1.4rem;
  margin-top: 1rem;
}

.checkout-summary__item {
  display: grid;
  grid-template-columns: min-content 1fr 1fr;
  gap: 0.6rem 1rem;
  grid-template-rows: min-content min-content 1fr;
  grid-template-areas: "picture title title" "picture quantity amount";
}

.checkout-summary__item + .checkout-summary__item {
  margin-top: 1.4rem;
}

.checkout-summary__item-picture {
  grid-area: picture;
  width: 3rem;
  max-height: 6rem;
}
@media (max-width: 640px) {
  .checkout-summary__item-picture {
    display: none;
  }
}

.checkout-summary__item-title {
  grid-area: title;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 40rem) {
  .checkout-summary__item-title {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout-summary__item-title {
    font-size: 1.3rem;
  }
}

.checkout-summary__item-quantity {
  grid-area: quantity;
  align-self: flex-end;
}

.checkout-summary__item-amount {
  grid-area: amount;
  align-self: flex-end;
  justify-self: right;
}

.checkout__subtotal {
  text-align: right;
  margin-top: 2.6rem;
}

.checkout__subtotal-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
}
@media (min-width: 40rem) {
  .checkout__subtotal-label {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout__subtotal-label {
    font-size: 1.3rem;
  }
}

.checkout__subtotal-amount {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  display: inline-block;
  margin: 0 0 0 1rem;
}
@media (min-width: 40rem) {
  .checkout__subtotal-amount {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .checkout__subtotal-amount {
    font-size: 1.3rem;
  }
}

.checkout-summary__total-line {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-top: 1.4rem;
}

.checkout-summary__total-line-label {
  flex-grow: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .checkout-summary__total-line-label {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout-summary__total-line-label {
    font-size: 1.1rem;
  }
}

.checkout-summary__total-line-value {
  flex-grow: 1;
  text-align: right;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .checkout-summary__total-line-value {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .checkout-summary__total-line-value {
    font-size: 1.1rem;
  }
}

.passwordless-auth-form__helper {
  text-align: center;
}

.passwordless-auth-form__animation > svg {
  max-height: 15vh;
}

.sign-up-form__password--plain {
  color: gray;
}

.dialogue__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--c-layout--backdrop-rgb), 0.9);
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

.dialogue__backdrop--open {
  display: flex;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (max-width: 640px) {
  .dialogue__backdrop--open {
    display: block;
  }
}

.dialogue {
  display: none;
}

.dialogue__backdrop--open .dialogue {
  display: flex;
  flex-direction: column;
}
@media (max-width: 640px) {
  .dialogue__backdrop--open .dialogue {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100%;
    max-height: none;
    border-radius: 0;
    box-sizing: border-box;
  }
}

.dialogue__title {
  flex: 0 0 auto;
  padding: 1rem 1rem;
}

.dialogue--divider .dialogue__title {
  border-bottom: 2px solid var(--c-layout--line);
}

.dialogue__content {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1rem 1rem;
  max-height: calc(100vh - 18rem);
}
@media (max-width: 640px) {
  .dialogue__content {
    max-height: calc(100vh - 10rem);
  }
}

.dialogue__content__text {
  max-width: 600px;
}
@media (max-width: 640px) {
  .dialogue__content__text {
    max-width: inherit;
  }
}

.dialogue__actions {
  flex: 0 0 auto;
  padding: 1rem 1rem;
}

.dialogue--divider .dialogue__actions {
  border-top: 2px solid var(--c-layout--line);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  1% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.dropdown {
  position: relative;
  display: inline-flex;
  user-select: none;
  text-align: left;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
}

.dropdown__reference-wrapper {
  position: relative;
  flex: 0 1 auto;
  display: inline-block;
}

.dropdown__popper-container {
  visibility: hidden;
  z-index: 1000;
  min-width: 1.2rem;
  min-height: 1.2rem;
}

.dropdown__popper-container--open {
  visibility: visible;
}

.dropdown__item {
  display: block;
  font-size: 0.8rem;
  padding: 0.6rem;
  clear: both;
  white-space: nowrap;
  cursor: pointer;
  font-weight: bold;
  color: var(--c-interaction--default);
  border-radius: 0.2rem;
}
@media (min-width: 40rem) {
  .dropdown__item {
    font-size: calc(0vw + 0.8rem);
  }
}
@media (min-width: 100rem) {
  .dropdown__item {
    font-size: 0.8rem;
  }
}
.dropdown__item:hover {
  color: var(--c-interaction--default-hover);
  background-color: var(--c-interaction--default-hover-background);
}

.error-handler svg {
  max-height: 40vh;
}

.footer {
  margin-top: 4rem;
}

.footer__container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  gap: 4rem 2rem;
  grid-template-areas: "groups groups" "copyright language";
}
@media (max-width: 640px) {
  .footer__container {
    grid-template-areas: "groups groups" "language language" "copyright copyright";
  }
}

.footer__groups {
  grid-area: groups;
}

.footer__copyright {
  grid-area: copyright;
}

.footer__language {
  grid-area: language;
}

.footer__group {
  list-style-type: none;
  padding: 0;
  margin: 1.4rem 0 0 0;
}

.footer__link + .footer__link {
  margin-top: 1rem;
}

.form-label {
  display: flex;
  flex-direction: column;
}

.form-label__label {
  margin-bottom: 0.6rem;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.header__info {
  flex-shrink: 2;
}

.header__title {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.2rem;
  line-height: 1.1;
  font-weight: 900;
  margin: 0 1rem 0 0;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (min-width: 40rem) {
  .header__title {
    font-size: calc(1.5vw + 1.6rem);
  }
}
@media (min-width: 100rem) {
  .header__title {
    font-size: 3.1rem;
  }
}
@media (max-width: 640px) {
  .header__title {
    margin-right: 0;
  }
}

.header__subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0.25rem 0 0 0;
}
@media (min-width: 40rem) {
  .header__subtitle {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .header__subtitle {
    font-size: 1.3rem;
  }
}

.header__subtitle + .header__title {
  margin: 0;
}

.header__actions {
  text-align: right;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 640px) {
  .header__actions {
    width: 100%;
    margin: 1rem 0 0 0;
  }
}

.inline-interactions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: stretch;
}
@media (max-width: 640px) {
  .inline-interactions {
    width: 100%;
  }
}

.inline-interactions > * {
  margin: 0;
}

.inline-interactions .interaction + .interaction {
  margin-left: 1rem;
}
.inline-interactions .interaction--small + .interaction--small,
.inline-interactions .interaction--mini + .interaction--mini {
  margin-left: 1rem;
}

.input {
  font-size: 1em;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  border: 2px solid transparent;
  position: relative;
  vertical-align: top;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.1rem;
  padding: 1rem;
  height: 3.6rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: var(--c-interaction--input-background);
  border-color: var(--c-interaction--input);
  color: var(--c-text--default);
}
@media (min-width: 40rem) {
  .input {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .input {
    font-size: 1.1rem;
  }
}

.input--disabled {
  opacity: 0.6;
}

input:focus {
  outline: 0;
}

.input.success {
  border-color: var(--c-interaction--input--success);
}

.input.error {
  border-color: var(--c-interaction--input--error);
}

.input--medium {
  font-size: 1.25rem;
}

.interaction {
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  border: 0;
  font-size: 1.1rem;
  box-sizing: border-box;
  border: 2px solid transparent;
  display: inline-flex;
  text-align: center;
  border-radius: 0.2rem;
  align-items: center;
  justify-content: center;
  background-position: center;
  padding: 0.7rem 1.4rem;
  font-weight: bold;
  appearance: none;
  text-decoration: none;
  cursor: pointer;
  min-height: 3.6rem;
  min-width: 3.6rem;
  touch-action: manipulation;
  transition: background 0.2s;
}
@media (min-width: 40rem) {
  .interaction {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .interaction {
    font-size: 1.1rem;
  }
}
.interaction svg {
  height: 1.25em;
  width: 1.25em;
}
.interaction svg + span {
  margin-left: 1rem;
}
.interaction span + svg {
  margin-left: 1rem;
}

.interaction--small {
  min-height: 2.4rem;
  min-width: 2.4rem;
}
.interaction--small svg + span {
  margin-left: 0.6rem;
}
.interaction--small span + svg {
  margin-left: 0.6rem;
}

.interaction--mini {
  min-height: 1.8rem;
  min-width: 1.8rem;
}
.interaction--mini svg + span {
  margin-left: 0.6rem;
}
.interaction--mini span + svg {
  margin-left: 0.6rem;
}

.interaction--text {
  -moz-appearance: none;
  background-color: transparent;
  border-style: none;
  padding: 0;
  text-decoration: none;
  box-sizing: content-box;
  display: inline;
  font: inherit;
  perspective-origin: 0 0;
  text-align: center;
  transform-origin: 0 0;
  height: auto;
  width: auto;
  -webkit-logical-height: 1em;
  /* Chrome ignores auto, so we have to use this hack to set the correct height  */
  -webkit-logical-width: auto;
  /* Chrome ignores auto, but here for completeness */
  vertical-align: inherit;
  min-height: 0;
  min-width: 0;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--c-interaction--default);
}

.interaction--enclosed {
  color: var(--c-interaction--default);
  background: var(--c-interaction--default-light);
  border: 2px solid var(--c-interaction--default);
}
.interaction--enclosed:hover {
  color: var(--c-interaction--default);
}
.interaction--enclosed svg {
  fill: var(--c-interaction--default);
}

.interaction--enclosed.interaction--pressed {
  color: var(--c-interaction--default-light);
  background: var(--c-interaction--default);
  border: 2px solid var(--c-interaction--default);
}
.interaction--enclosed.interaction--pressed:hover {
  color: var(--c-interaction--default-light);
}
.interaction--enclosed.interaction--pressed svg {
  fill: var(--c-interaction--default-light);
}

.interaction--primary,
.interaction--enclosed.interaction--primary {
  color: var(--c-interaction--primary-light);
  background: var(--c-interaction--primary);
  border-color: var(--c-interaction--primary);
}
.interaction--primary:hover,
.interaction--enclosed.interaction--primary:hover {
  color: var(--c-interaction--primary-light);
}
.interaction--primary svg,
.interaction--enclosed.interaction--primary svg {
  fill: var(--c-interaction--primary-light);
}

.interaction--enclosed.interaction--primary.interaction--pressed {
  color: var(--c-interaction--primary-light);
  background: var(--c-interaction--primary);
  border: 2px solid var(--c-interaction--primary);
}
.interaction--enclosed.interaction--primary.interaction--pressed:hover {
  color: var(--c-interaction--primary-light);
}
.interaction--enclosed.interaction--primary.interaction--pressed svg {
  fill: var(--c-interaction--primary-light);
}

.interaction--positive,
.interaction--enclosed.interaction--positive {
  color: var(--c-interaction--positive-dark);
  background: var(--c-interaction--positive-light);
  border-color: var(--c-interaction--positive);
}
.interaction--positive:hover,
.interaction--enclosed.interaction--positive:hover {
  color: var(--c-interaction--positive);
}
.interaction--positive svg,
.interaction--enclosed.interaction--positive svg {
  fill: var(--c-interaction--positive);
}

.interaction--enclosed.interaction--positive.interaction--pressed {
  color: var(--c-interaction--positive-light);
  background: var(--c-interaction--positive);
  border: 2px solid var(--c-interaction--positive);
}
.interaction--enclosed.interaction--positive.interaction--pressed:hover {
  color: var(--c-interaction--positive-light);
}
.interaction--enclosed.interaction--positive.interaction--pressed svg {
  fill: var(--c-interaction--positive-light);
}

.interaction--negative,
.interaction--enclosed.interaction--negative {
  color: var(--c-interaction--negative-dark);
  background: var(--c-interaction--negative-light);
  border-color: var(--c-interaction--negative);
}
.interaction--negative:hover,
.interaction--enclosed.interaction--negative:hover {
  color: var(--c-interaction--negative);
}
.interaction--negative svg,
.interaction--enclosed.interaction--negative svg {
  fill: var(--c-interaction--negative);
}

.interaction--enclosed.interaction--negative.interaction--pressed {
  color: var(--c-interaction--negative-light);
  background: var(--c-interaction--negative);
  border: 2px solid var(--c-interaction--negative);
}
.interaction--enclosed.interaction--negative.interaction--pressed:hover {
  color: var(--c-interaction--negative-light);
}
.interaction--enclosed.interaction--negative.interaction--pressed svg {
  fill: var(--c-interaction--negative-light);
}

.interaction--exposed {
  color: var(--c-interaction--default-light);
  background: var(--c-interaction--default);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--default-dark-rgb), 0.3);
}
.interaction--exposed:hover {
  color: var(--c-interaction--default-light);
}
.interaction--exposed svg {
  fill: var(--c-interaction--default-light);
}

.interaction--exposed.interaction--pressed {
  color: var(--c-interaction--default);
  background: var(--c-interaction--default-light);
  border: 2px solid var(--c-interaction);
}
.interaction--exposed.interaction--pressed:hover {
  color: var(--c-interaction--default);
}
.interaction--exposed.interaction--pressed svg {
  fill: var(--c-interaction--default);
}

.interaction--exposed.interaction--primary {
  color: var(--c-interaction--primary-light);
  background: var(--c-interaction--primary);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--primary-rgb), 0.6);
}
.interaction--exposed.interaction--primary:hover {
  color: var(--c-interaction--primary-light);
}
.interaction--exposed.interaction--primary svg {
  fill: var(--c-interaction--primary-light);
}

.interaction--exposed.interaction--positive {
  color: var(--c-interaction--positive-light);
  background: var(--c-interaction--positive);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--positive-rgb), 0.6);
}
.interaction--exposed.interaction--positive:hover {
  color: var(--c-interaction--positive-light);
}
.interaction--exposed.interaction--positive svg {
  fill: var(--c-interaction--positive-light);
}

.interaction--exposed.interaction--negative {
  color: var(--c-interaction--negative-light);
  background: var(--c-interaction--negative);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--negative-rgb), 0.6);
}
.interaction--exposed.interaction--negative:hover {
  color: var(--c-interaction--negative-light);
}
.interaction--exposed.interaction--negative svg {
  fill: var(--c-interaction--negative-light);
}

.interaction--text {
  background-color: transparent;
  border-color: transparent;
}
.interaction--text svg {
  vertical-align: top;
  height: 1em;
  width: 1em;
  fill: var(--c-interaction--default);
}

.interaction--text.interaction--primary {
  color: var(--c-interaction--primary);
}
.interaction--text.interaction--primary svg {
  fill: var(--c-interaction--primary);
}

.interaction--text.interaction--positive {
  color: var(--c-interaction--positive);
}
.interaction--text.interaction--positive svg {
  fill: var(--c-interaction--positive);
}

.interaction--text.interaction--negative {
  color: var(--c-interaction--negative);
}
.interaction--text.interaction--negative svg {
  fill: var(--c-interaction--negative);
}

.interaction--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.interaction--mini {
  font-size: 0.6rem;
  padding: 0.3rem 0.6rem;
}
@media (min-width: 40rem) {
  .interaction--mini {
    font-size: calc(0vw + 0.6rem);
  }
}
@media (min-width: 100rem) {
  .interaction--mini {
    font-size: 0.6rem;
  }
}

.interaction--small {
  font-size: 0.8rem;
  padding: 0.6rem 1.2rem;
}
@media (min-width: 40rem) {
  .interaction--small {
    font-size: calc(0vw + 0.8rem);
  }
}
@media (min-width: 100rem) {
  .interaction--small {
    font-size: 0.8rem;
  }
}

.interaction--large {
  font-size: 1.1rem;
  padding: 1.4rem 2rem;
}
@media (min-width: 40rem) {
  .interaction--large {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .interaction--large {
    font-size: 1.1rem;
  }
}

.interaction--circle {
  border-radius: 50%;
  padding: 0.7rem;
}

.interaction--circle.interaction--mini {
  padding: 0.3rem;
}

.interaction--circle.interaction--small {
  padding: 0.6rem;
}

.interaction--circle.interaction--large {
  padding: 1.4rem;
}

.interaction--block {
  display: block;
  width: 100%;
}

.interaction-group {
  position: relative;
  display: inline-flex;
  justify-content: space-evenly;
}

.interaction-group--block {
  display: flex;
}

.interaction-group--vertical {
  flex-direction: column;
}

.interaction-group > .interaction {
  flex-grow: 1;
}

.interaction-group > .interaction-group:not(:last-child) > .interaction,
.interaction-group > .interaction:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: calc(2px / 2);
}

.interaction-group > .interaction-group:not(:first-child) > .interaction,
.interaction-group > .interaction:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: calc(2px / 2);
}

.interaction-group--vertical > .interaction-group--vertical:not(:last-child) > .interaction,
.interaction-group--vertical > .interaction:not(:last-child) {
  border-top-right-radius: inherit;
  border-right-width: 2px;
  border-bottom-width: calc(2px / 2);
  border-bottom-left-radius: 0;
}

.interaction-group--vertical > .interaction-group--vertical:not(:first-child) > .interaction,
.interaction-group--vertical > .interaction:not(:first-child) {
  border-bottom-left-radius: inherit;
  border-left-width: 2px;
  border-top-width: calc(2px / 2);
  border-top-right-radius: 0;
}

.interactions {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 640px) {
  .interactions {
    flex-direction: column-reverse;
  }
}

.interactions--right {
  justify-content: flex-end;
}

.interactions--center {
  justify-content: center;
}

.interactions--space-between {
  justify-content: space-between;
}

.interactions--align-start {
  align-items: start;
}

.interactions--align-end {
  align-items: end;
}

.interactions--align-center {
  align-items: center;
}

.interactions--align-baseline {
  align-items: baseline;
}

.interactions > * {
  margin: 0;
}
@media (max-width: 640px) {
  .interactions > * {
    width: 100%;
    box-sizing: border-box;
  }
}

.interactions .interaction + .interaction {
  margin-left: 1rem;
}
@media (max-width: 640px) {
  .interactions .interaction + .interaction {
    margin: 0 0 1rem 0;
  }
}
.interactions .interaction--small + .interaction--small,
.interactions .interaction--mini + .interaction--mini {
  margin-left: 1rem;
}
@media (max-width: 640px) {
  .interactions .interaction--small + .interaction--small,
.interactions .interaction--mini + .interaction--mini {
    margin: 0 0 1rem 0;
  }
}

.interactions--variant-collapsed > * {
  margin-left: 0;
}

.interactions--variant-spaced > * {
  margin-left: 1rem;
}
@media (max-width: 640px) {
  .interactions--variant-spaced > * {
    margin-right: 0;
  }
}

.interactions--no-vertical-space {
  margin: 0;
}
.interactions--no-vertical-space * + * {
  margin: 0 0 0 1rem;
}
@media (max-width: 640px) {
  .interactions--no-vertical-space * + * {
    margin: 0 0 1rem 0;
  }
}

.interactions__spacer {
  margin: 0 1rem;
  text-align: center;
}
@media (max-width: 640px) {
  .interactions__spacer {
    margin: 1rem 0;
  }
}

.interactions__spacer--compact {
  margin: 0 1rem;
}
@media (max-width: 640px) {
  .interactions__spacer--compact {
    margin: 1rem 0;
  }
}

.linkinbio-button {
  position: fixed;
  left: 0;
  right: 0;
  padding: 1rem;
  display: block;
  bottom: 1rem;
}

.notification {
  padding: 1rem;
  margin-top: 1rem;
  border: 2px solid transparent;
  border-radius: 0.2rem;
  font-weight: bold;
}
.notification:first-child {
  margin-top: 0;
}

.notification--exposed.notification--info {
  color: var(--c-interaction--default-light);
  background: var(--c-interaction--default);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--default-rgb), 0.6);
}

.notification--exposed.notification--success {
  color: var(--c-interaction--positive-light);
  background: var(--c-interaction--positive);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--positive-rgb), 0.6);
}

.notification--exposed.notification--warning {
  color: var(--c-interaction--warning-dark);
  background: var(--c-interaction--warning);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--warning-rgb), 0.6);
}

.notification--exposed.notification--error {
  color: var(--c-interaction--negative-light);
  background: var(--c-interaction--negative);
  box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(var(--c-interaction--negative-rgb), 0.6);
}

.notification--info,
.notification--enclosed.notification--info {
  color: var(--c-interaction--default-dark);
  background-color: var(--c-interaction--default-light);
  border-color: var(--c-interaction--default);
}

.notification--success,
.notification--enclosed.notification--success {
  color: var(--c-interaction--positive-dark);
  background-color: var(--c-interaction--positive-light);
  border-color: var(--c-interaction--positive);
}

.notification--warning,
.notification--enclosed.notification--warning {
  color: var(--c-interaction--warning-dark);
  background-color: var(--c-interaction--warning-light);
  border-color: var(--c-interaction--warning);
}

.notification--error,
.notification--enclosed.notification--error {
  color: var(--c-interaction--negative-dark);
  background-color: var(--c-interaction--negative-light);
  border-color: var(--c-interaction--negative);
}

.order-card + .order-card {
  margin-top: 2.6rem;
}

.order-card__line {
  display: grid;
  grid-template-columns: min-content 1fr 1fr min-content;
  grid-template-rows: 1fr min-content;
  gap: 1rem 2rem;
  grid-template-areas: "image info info total" "image price discount total";
}
@media (max-width: 640px) {
  .order-card__line {
    grid-template-columns: 1fr 1fr min-content;
    grid-template-rows: 1fr min-content;
    grid-template-areas: "info info total" "price discount total";
  }
}

.order-card__line + .order-card__line {
  margin-top: 2.6rem;
}

.order-card__line-image {
  grid-area: image;
  align-self: center;
}
@media (max-width: 640px) {
  .order-card__line-image {
    display: none;
  }
}

.order-card__line-info {
  grid-area: info;
}

.order-card__line-price {
  grid-area: price;
  text-align: right;
  font-weight: bold;
  align-self: end;
}

.order-card__line-total {
  grid-area: total;
  text-align: right;
  align-self: end;
}

.order-card__line-discount {
  grid-area: discount;
  text-align: center;
  align-self: end;
}

.order-card__line-description {
  margin: 0.1rem 0;
}
@media (max-width: 640px) {
  .order-card__line-description {
    display: none;
  }
}

.dispatch_date__info {
  color: var(--c-text--error);
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 640px) {
  .page-header {
    flex-direction: column;
  }
}

.payment-method-card {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: 1fr 1fr;
  gap: 1rem 2rem;
  grid-template-areas: "details actions" "info actions";
}

.payment-method-card--removed {
  opacity: 0.6;
  pointer-events: none;
}

.payment-method-card__details {
  grid-area: details;
  text-align: right;
}

.payment-method-card__number {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0.1rem 0;
}
@media (min-width: 40rem) {
  .payment-method-card__number {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .payment-method-card__number {
    font-size: 1.1rem;
  }
}

.payment-method-card__expiration {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0.1rem 0;
}
@media (min-width: 40rem) {
  .payment-method-card__expiration {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .payment-method-card__expiration {
    font-size: 0.75rem;
  }
}

.payment-method-card__info {
  font-size: 0.75rem;
  line-height: 1.4;
  grid-area: info;
  align-self: flex-end;
}
@media (min-width: 40rem) {
  .payment-method-card__info {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .payment-method-card__info {
    font-size: 0.75rem;
  }
}

.payment-method-card__actions {
  grid-area: actions;
}

.price--slashed {
  text-decoration: line-through;
  color: var(--c-text--weak);
}

.price--block {
  display: block;
}

.price-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.price-grid__line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.price-grid__line--emphasize {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .price-grid__line--emphasize {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .price-grid__line--emphasize {
    font-size: 1.1rem;
  }
}

.price-grid__line--primary {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
}
@media (min-width: 40rem) {
  .price-grid__line--primary {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .price-grid__line--primary {
    font-size: 1.3rem;
  }
}

.price-grid__line + .price-grid__line {
  margin-top: 1.4rem;
}

.badge {
  color: var(--c-badge--text);
  font-family: 'Montserrat', sans-serif;
  line-height: 1;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.4rem;
  border-radius: 0.2rem;
  background-color: var(--c-badge--default);
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  text-transform: uppercase;
}
@media (min-width: 40rem) {
  .badge {
    font-size: calc(0vw + 0.9rem);
  }
}
@media (min-width: 100rem) {
  .badge {
    font-size: 0.9rem;
  }
}

.badge--new {
  background-color: var(--c-badge--new);
}

.badge--classic {
  background-color: var(--c-badge--classic);
}

.badge--season {
  background-color: var(--c-badge--season);
}

.badge--special {
  background-color: var(--c-badge--special);
}

.product-card {
  height: 100%;
}

.product-card__description p {
  font-size: 0.85rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .product-card__description p {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .product-card__description p {
    font-size: 0.85rem;
  }
}

.product-card__characteristics {
  font-size: 0.85rem;
  line-height: 1.4;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 100;
}
@media (min-width: 40rem) {
  .product-card__characteristics {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .product-card__characteristics {
    font-size: 0.85rem;
  }
}

.originalPrice {
  font-size: 0.85rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .originalPrice {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .originalPrice {
    font-size: 0.85rem;
  }
}

.product-card__unavailable {
  color: var(--c-text--error);
}

.product-image {
  width: 4rem;
  max-height: 8rem;
  border: 0 solid var(--c-image--line);
  border-radius: 0.2rem;
}

.product-image--banner {
  width: 100%;
  max-height: initial;
  border-radius: 0;
}

mark.allergenDeclaration {
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

.nutrition__item-title {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  grid-area: title;
  margin: 0;
}
@media (min-width: 40rem) {
  .nutrition__item-title {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .nutrition__item-title {
    font-size: 1.1rem;
  }
}
@media (max-width: 640px) {
  .nutrition__item-title {
    font-size: 1rem;
    font-weight: 600;
  }
}

.nutrition__item-total {
  flex-grow: 1;
  text-align: right;
  font-weight: 600;
}

.nutrition__table {
  width: 100%;
  border-collapse: collapse;
}

.nutrition__bold {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .nutrition__bold {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .nutrition__bold {
    font-size: 1.1rem;
  }
}

.nutrition__table-row-item {
  font-size: 0.85rem;
  line-height: 1.4;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--c-layout--line);
}
@media (min-width: 40rem) {
  .nutrition__table-row-item {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .nutrition__table-row-item {
    font-size: 0.85rem;
  }
}

.nutrition__table-row-item--help {
  font-size: 0.75rem;
  line-height: 1.4;
  font-style: italic;
  font-weight: 100;
  margin: 0;
}
@media (min-width: 40rem) {
  .nutrition__table-row-item--help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .nutrition__table-row-item--help {
    font-size: 0.75rem;
  }
}

.nutrition__table-row-item--help--weak {
  color: var(--c-text--weak);
}

.nutrition__table-row-item--help {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40rem) {
  .nutrition__table-row-item--help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .nutrition__table-row-item--help {
    font-size: 0.75rem;
  }
}

.nutrition__table-row-item--help--weak {
  color: var(--c-text--weak);
}

.nutrition__table-row-item--align-right {
  text-align: right;
}

.nutrition__table-row-item--align-left {
  text-align: left;
}

.nutrition__table-row-item--align-center {
  text-align: center;
}

.nutrition__table-row-item-product {
  text-align: left;
}
@media (max-width: 640px) {
  .nutrition__table-row-item-product {
    text-align: left;
  }
}

.nutrition__table-header, .nutrition__table-body {
  margin: 1rem 0 1rem 0;
  border: none;
  border-spacing: 0 2em;
}

.nutrition__table-header--align-right {
  text-align: right;
}

.nutrition__table-header--align-left {
  text-align: left;
}

.nutrition__table-header--align-center {
  text-align: center;
}

.nutrition__table-header-quantity {
  text-align: left;
}
@media (max-width: 640px) {
  .nutrition__table-header-quantity {
    width: 2.1em;
  }
}

.nutrition__table-header-product {
  text-align: right;
}

.nutrition__table-header-price {
  text-align: right;
}

.nutrition__table-header-discount {
  text-align: right;
}

.nutrition__table-header-total {
  text-align: right;
}
@media (max-width: 640px) {
  .nutrition__table-header-total {
    text-align: right;
  }
}

.nutrition-energy__table-row {
  font-style: italic;
}

.propery-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  gap: 1rem 2rem;
  width: 100%;
}
@media (max-width: 640px) {
  .propery-grid {
    grid-template-columns: 1fr;
  }
}

.propery-grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 640px) {
  .propery-grid--2 {
    grid-template-columns: 1fr;
  }
}

.propery-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 640px) {
  .propery-grid--3 {
    grid-template-columns: 1fr;
  }
}

.propery-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 640px) {
  .propery-grid--4 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .propery-grid__item + .propery-grid__item {
    margin-top: 2.6rem;
  }
}

.propery-grid__item-label {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  display: block;
}
@media (min-width: 40rem) {
  .propery-grid__item-label {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .propery-grid__item-label {
    font-size: 1.1rem;
  }
}

.propery-grid__item-value {
  display: block;
}

.property-list__title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
}
@media (min-width: 40rem) {
  .property-list__title {
    font-size: calc(0vw + 1.2rem);
  }
}
@media (min-width: 100rem) {
  .property-list__title {
    font-size: 1.2rem;
  }
}

.property-list__item {
  margin-top: 2.6rem;
  text-align: left;
}

.property-list__item:first-child {
  margin-top: 0;
}

.property-list__item__label {
  color: var(--c-text--weak);
}

.property-list__item__value {
  color: var(--c-text--default);
}

.qr-code {
  overflow: hidden;
  text-align: center;
}
.qr-code img {
  object-fit: contain;
  object-position: 50% 50%;
  max-height: 30vh;
  width: 100%;
}

.quantity-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quantity-input__decrease,
.quantity-input__increase {
  flex-grow: 0;
  color: var(--c-text--default);
}

.quantity-input__digits {
  flex-grow: 1;
  width: 4rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--c-text--primary);
  box-sizing: border-box;
  color: var(--c-text--default);
  text-align: center;
}
@media (min-width: 40rem) {
  .quantity-input__digits {
    font-size: calc(0vw + 1.6rem);
  }
}
@media (min-width: 100rem) {
  .quantity-input__digits {
    font-size: 1.6rem;
  }
}
@media (max-width: 640px) {
  .quantity-input__digits {
    text-align: right;
    order: 1;
  }
}

@media (max-width: 640px) {
  .quantity-input__decrease {
    order: 2;
    margin-left: 1rem;
  }
}

@media (max-width: 640px) {
  .quantity-input__increase {
    order: 3;
    margin-left: 1rem;
  }
}

.quantity-input__digits-errors {
  color: var(--c-text--error);
}

.quantity-input__input {
  display: none;
}

.billboard-text {
  text-align: center;
}

.billboard-text ul {
  list-style: none;
  font-weight: 100;
  padding: 0;
}

.billboard-text ul li {
  line-height: 1.4rem;
  padding-bottom: 1.4rem;
}

.billboard-text ul.PreparationWater {
  line-height: 1.5rem;
}

.share-buttons__tooltip {
  font-size: 20px !important;
  pointer-events: auto !important;
}
.share-buttons__tooltip:hover {
  visibility: visible !important;
  opacity: 1 !important;
}

.vl {
  border: solid #ff0010;
}

.referral-stat-label {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-top: 1.4rem;
}

.checkout-review__order-total {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-top: 1.4rem;
}

.referral-stat-label-description {
  flex-grow: 0;
}

.referral-stat-label-value {
  flex-grow: 0;
}

.stats-label--weak {
  color: var(--c-text--weak);
}

.referral-stat-icon {
  color: var(--c-text--weak);
}

.referral-stat-history {
  color: var(--c-text--weak);
}

.referral-stat-container {
  height: 200px;
  border: #141414;
}

.referral-stat-container--history {
  height: 10px;
}

.select {
  font-size: 1em;
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 2px solid transparent;
  box-shadow: none;
  display: inline-flex;
  justify-content: flex-start;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  font-size: 1.1rem;
  width: 100%;
  height: 3.6rem;
  padding: 1rem;
  border-radius: 0.2rem;
  background-color: var(--c-interaction--input-background);
  border-color: var(--c-interaction--input);
  color: var(--c-text--default);
}
@media (min-width: 40rem) {
  .select select {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .select select {
    font-size: 1.1rem;
  }
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select.success {
  border-color: var(--c-interaction--input-success);
}
.select select.error {
  border-color: var(--c-interaction--input-error);
}
.select:not(.select--multiple):not(.select--loading)::after {
  position: absolute;
  display: block;
  content: " ";
  border: 3px solid transparent;
  border-right: 0;
  border-top: 0;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
  border-color: var(--c-interaction--default);
  right: calc(1rem + 1px + 3px);
  z-index: 4;
}

.select--multiple select {
  padding: 1rem;
}

.select--disabled {
  opacity: 0.6;
}

.sidenav__group {
  list-style: none;
  padding: 0 1rem;
  margin: 0;
}

.sidenav__group + .sidenav__group {
  margin-top: 2rem;
}

.sidenav__item {
  display: flex;
  min-height: 4rem;
  align-items: center;
}

.sidenav__link-sublabel {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .sidenav__link-sublabel {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .sidenav__link-sublabel {
    font-size: 0.75rem;
  }
}

.sidenav__item + .sidenav__item {
  border-top: 2px solid var(--c-layout--line);
}

.sidenav__item-link {
  width: 100%;
  padding: 1rem 0;
}

.spinner {
  height: 4rem;
  width: 4rem;
  margin: 0 auto;
  padding: 2.6rem;
  animation: 0.75s delayedDisplay;
  animation-fill-mode: forwards;
  visibility: hidden;
}

.spinner__cube {
  width: 33%;
  height: 33%;
  background-color: var(--c-brand--default);
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.spinner__1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.spinner__2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.spinner__3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.spinner__4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.spinner__5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.spinner__6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.spinner__7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.spinner__8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.spinner__9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.static-map {
  max-height: 30vh;
  overflow: hidden;
  text-align: center;
}
.static-map img {
  object-fit: cover;
  object-position: 50% 50%;
  max-height: 30vh;
  width: 100%;
}

.stepper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0;
}
@media (max-width: 640px) {
  .stepper {
    flex-direction: column;
    align-items: initial;
  }
}

.stepper::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 2px;
  background-color: var(--c-layout--line);
  top: 50%;
  left: 0;
  z-index: -1;
}
@media (max-width: 640px) {
  .stepper::before {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
  }
}

.stepper__step {
  padding: 1rem;
  background-color: var(--c-interaction--default-light);
  color: var(--c-interaction--default);
  border: 2px solid var(--c-interaction--default-dark);
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 640px) {
  .stepper__step + .stepper__step {
    margin-top: 2.6rem;
  }
}

.stepper__step--active {
  color: var(--c-interaction--primary-light);
  background: var(--c-interaction--primary);
  border: 2px solid var(--c-interaction--primary);
  flex-shrink: 0;
}

.stepper__step--disabled {
  color: var(--c-interaction--disabled);
  pointer-events: none;
  font-weight: inherit;
}

.stepper__step > * {
  display: block;
  width: 100%;
  height: 100%;
}

.subscription-empty-state {
  text-align: center;
}

.subscription-empty-state__illustration {
  max-height: 25vh;
}

.subscription-form__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--c-interaction--disabled);
  border-radius: 0.2rem;
  min-height: 6rem;
  padding: 0.6rem;
}

.subscription-form__card--selected {
  border: 2px solid var(--c-interaction--primary);
}

.subscription-form__card-date {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  display: block;
  margin: 0;
  text-align: center;
}
@media (min-width: 40rem) {
  .subscription-form__card-date {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__card-date {
    font-size: 1.1rem;
  }
}

.subscription-form__card-weekday {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0.1rem 0 0 0;
  text-align: center;
}
@media (min-width: 40rem) {
  .subscription-form__card-weekday {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__card-weekday {
    font-size: 0.75rem;
  }
}

.subscription-form__card-selector {
  flex-grow: 1;
  display: block;
}

.subscription-form__item {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: min-content;
  gap: 1rem 2rem;
  grid-template-areas: "picture info control";
}
@media (max-width: 640px) {
  .subscription-form__item {
    grid-template-columns: min-content 1fr 1fr;
    grid-template-rows: min-content min-content min-content;
    grid-template-areas: "picture info info" "picture control control" "description description description";
  }
}

.subscription-form__item + .subscription-form__item {
  margin-top: 2.6rem;
}

.subscription-form__item-picture {
  grid-area: picture;
  width: 6rem;
  max-height: 8rem;
  border: 0 solid var(--c-image--line);
}
@media (max-width: 640px) {
  .subscription-form__item-picture {
    width: 5rem;
  }
}

.subscription-form__item-info {
  grid-area: info;
}

.subscription-form__item-control {
  grid-area: control;
  align-items: end;
}

.subscription-form__item-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 40rem) {
  .subscription-form__item-title {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__item-title {
    font-size: 1.3rem;
  }
}

.subscription-form__item-price {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0.1rem 0 0 0;
}
@media (min-width: 40rem) {
  .subscription-form__item-price {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__item-price {
    font-size: 0.75rem;
  }
}

.subscription-form__item-description {
  grid-area: description;
  font-size: 0.85rem;
  line-height: 1.4;
  padding: 0;
  margin: 1rem 0 0 0;
}
@media (min-width: 40rem) {
  .subscription-form__item-description {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__item-description {
    font-size: 0.85rem;
  }
}
@media (max-width: 640px) {
  .subscription-form__item-description {
    margin-top: 0.6rem;
  }
}

.subscription-form__item-description--unavailable {
  color: var(--c-text--error);
}

.subscription-form__item-description--reset-grid {
  grid-area: auto;
}

.subscription-form__checkout {
  display: none;
  position: sticky;
  bottom: 0;
}
@media (max-width: 640px) {
  .subscription-form__checkout {
    bottom: 1rem;
  }
}

.subscription-form__checkout--visible {
  display: block;
}

.subscription-form__checkout-card {
  display: grid;
  grid-template-columns: 1fr 1fr min-content;
  grid-template-rows: min-content;
  gap: 0 2rem;
  grid-template-areas: "price frequency button";
  padding: 1rem;
  margin: 0 calc(1rem * -1);
}
@media (max-width: 640px) {
  .subscription-form__checkout-card {
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content min-content;
    grid-template-areas: "price button" "price button";
  }
}

.subscription-form__checkout-price {
  grid-area: price;
  align-self: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--primary);
}
@media (min-width: 40rem) {
  .subscription-form__checkout-price {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__checkout-price {
    font-size: 1.3rem;
  }
}

.subscription-form__checkout-frequency {
  grid-area: frequency;
  align-self: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-text--default);
}
@media (min-width: 40rem) {
  .subscription-form__checkout-frequency {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .subscription-form__checkout-frequency {
    font-size: 1.3rem;
  }
}
@media (max-width: 640px) {
  .subscription-form__checkout-frequency {
    display: none;
  }
}

.subscription-form__checkout-button {
  grid-area: button;
  align-self: center;
}

.tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  user-select: none;
  border-bottom: 2px solid var(--c-layout--line);
}
@media (max-width: 640px) {
  .tab {
    flex-direction: column;
    align-items: center;
  }
}

.tab__link {
  display: block;
  margin-right: 4rem;
  padding: 1.2rem 0;
  color: var(--c-interaction--default);
  text-transform: uppercase;
}
.tab__link:last-child {
  margin-right: 0;
}
.tab__link:hover {
  color: var(--c-interaction--default-hover);
}
@media (max-width: 640px) {
  .tab__link {
    margin-right: 0;
  }
}

.tab__link--active {
  font-weight: bold;
}

.tab__link--disabled {
  color: var(--c-interaction--disabled);
  background-color: inherit;
  border-color: inherit;
  border-radius: inherit;
  font-weight: inherit;
  pointer-events: none;
  cursor: not-allowed;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 640px) {
  .table {
    border: none;
    background: none;
  }
}

@media (max-width: 640px) {
  .table tr {
    display: block;
    margin-top: 2.6rem;
  }
  .table tr:first-child {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .table thead tr,
.table tfoot tr {
    display: none;
  }
}

.table thead td,
.table tfoot td {
  font-weight: 700;
}

.table th,
.table td {
  padding: 0.6rem;
  border: 2px solid var(--c-layout--line);
}
@media (max-width: 640px) {
  .table th,
.table td {
    padding: 0;
    margin-top: 1rem;
  }
}

.table__td__label {
  display: none;
}
@media (max-width: 640px) {
  .table__td__label {
    display: block;
    font-weight: bold;
  }
}

@media (max-width: 640px) {
  .table td {
    border: none;
  }
}

@media (max-width: 640px) {
  .table td, .table th {
    display: block;
    border: none;
  }
}

.textarea {
  font-size: 1em;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  border: 2px solid transparent;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.1rem;
  padding: 1rem;
  min-height: 6rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
  background-color: var(--c-interaction--input-background);
  border-color: var(--c-interaction--input);
  color: var(--c-text--default);
}
@media (min-width: 40rem) {
  .textarea {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .textarea {
    font-size: 1.1rem;
  }
}

.textarea.success {
  border-color: var(--c-interaction--input-success);
}

.textarea.error {
  border-color: var(--c-interaction--input-error);
}

.upcoming-deliveries {
  display: flex;
  align-items: stretch;
}
@media (max-width: 640px) {
  .upcoming-deliveries {
    flex-direction: column;
  }
}

.upcoming-deliveries__delivery {
  padding: 1rem;
  flex: 1 1 0;
  text-align: center;
}

.upcoming-deliveries__delivery + .upcoming-deliveries__delivery {
  margin-left: 2.6rem;
}
@media (max-width: 640px) {
  .upcoming-deliveries__delivery + .upcoming-deliveries__delivery {
    margin-top: 2.6rem;
    margin-left: 0;
  }
}

.upcoming-deliveries__delivery-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 0;
}
@media (min-width: 40rem) {
  .upcoming-deliveries__delivery-name {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .upcoming-deliveries__delivery-name {
    font-size: 1.1rem;
  }
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.wallet-activate__confirmation {
  text-align: center;
}

.wallet-activate__confirmation-illustration {
  max-height: 25vh;
  margin-bottom: 1rem;
}

.container {
  flex-grow: 1;
  margin: 0 auto;
  max-width: 1440px;
  padding: 2rem 1rem;
}
@media (max-width: 640px) {
  .container {
    max-width: 680px;
  }
}

.container--lion {
  flex-grow: 1;
  margin: 0 auto;
  max-width: 960px;
  padding: 2rem 1rem;
}
@media (max-width: 640px) {
  .container--lion {
    max-width: 960px;
  }
}

.container--cheetah {
  flex-grow: 1;
  margin: 0 auto;
  max-width: 768px;
  padding: 2rem 1rem;
}
@media (max-width: 640px) {
  .container--cheetah {
    max-width: 680px;
  }
}

.container--ocelot {
  flex-grow: 1;
  margin: 0 auto;
  max-width: 480px;
  padding: 2rem 1rem;
}

.container--centered {
  text-align: center;
}

.container--align-right {
  text-align: right;
}

.container--align-left {
  text-align: left;
}

.container--padding-none {
  padding: 0;
}

.container--padding-no-vertical {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
@media (max-width: 640px) {
  .container--padding-no-vertical {
    text-align: center;
  }
}

.container--padding-right--small {
  padding-right: 2.5rem;
}

.container--padding-left--small {
  padding-left: 2.5rem;
}

.container--padding-bottom--small {
  padding-bottom: 2.5rem;
}

.container--padding-top--small {
  padding-top: 2.5rem;
}

.container--padding-bottom--none {
  padding-bottom: 0;
}

.container--padding-top--none {
  padding-top: 0;
}

.field:not(:first-child) {
  margin-top: 1.4rem;
}

.field__help {
  font-size: 0.75rem;
  line-height: 1.4;
  margin-top: 0.1rem;
}
@media (min-width: 40rem) {
  .field__help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .field__help {
    font-size: 0.75rem;
  }
}

.grid {
  --size-gutter: size(grid-gutter-y), size(grid-gutter-x);
  --size-gutter-y: size(grid-gutter-y);
  --size-gutter-x: size(grid-gutter-x);
  display: flex;
  width: calc(100% + 2rem);
  margin-left: calc(-1 * 2rem);
  margin-bottom: calc(-1 * 1rem);
  flex-wrap: wrap;
}
.grid.content__block--narrow {
  margin-left: calc(8% - (-1 * 2rem));
  width: calc(100% - 2rem - 16%);
}
@media (max-width: 640px) {
  .grid.content__block--narrow {
    width: calc(100% + 2rem);
    margin-left: calc(-1 * 2rem);
  }
}
.grid__cell {
  flex: 1 0 auto;
  margin-left: 2rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.grid__cell--1\/1 {
  width: calc(100% - 2rem);
  flex: 0 0 calc(100% - 2rem);
}
.grid__cell--1\/2 {
  width: calc(50% - 2rem);
  flex: 0 0 calc(50% - 2rem);
}
.grid__cell--1\/3 {
  width: calc(33.3333333333% - 2rem);
  flex: 0 0 calc(33.3333333333% - 2rem);
}
.grid__cell--2\/3 {
  width: calc(66.6666666667% - 2rem);
  flex: 0 0 calc(66.6666666667% - 2rem);
}
.grid__cell--1\/4 {
  width: calc(25% - 2rem);
  flex: 0 0 calc(25% - 2rem);
}
.grid__cell--conceal\@ {
  display: none;
}
@media (min-width: 1080px) {
  .grid__cell--1\/1\@desktop {
    width: calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
  }
  .grid__cell--1\/2\@desktop {
    width: calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
  }
  .grid__cell--1\/3\@desktop {
    width: calc(33.3333333333% - 2rem);
    flex: 0 0 calc(33.3333333333% - 2rem);
  }
  .grid__cell--2\/3\@desktop {
    width: calc(66.6666666667% - 2rem);
    flex: 0 0 calc(66.6666666667% - 2rem);
  }
  .grid__cell--1\/4\@desktop {
    width: calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
  }
  .grid__cell--conceal\@desktop {
    display: none;
  }
}
@media (max-width: 1079px) {
  .grid__cell--1\/1\@tablet {
    width: calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
  }
  .grid__cell--1\/2\@tablet {
    width: calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
  }
  .grid__cell--1\/3\@tablet {
    width: calc(33.3333333333% - 2rem);
    flex: 0 0 calc(33.3333333333% - 2rem);
  }
  .grid__cell--2\/3\@tablet {
    width: calc(66.6666666667% - 2rem);
    flex: 0 0 calc(66.6666666667% - 2rem);
  }
  .grid__cell--1\/4\@tablet {
    width: calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
  }
  .grid__cell--conceal\@tablet {
    display: none;
  }
}
@media (max-width: 640px) {
  .grid__cell--1\/1\@phone {
    width: calc(100% - 2rem);
    flex: 0 0 calc(100% - 2rem);
  }
  .grid__cell--1\/2\@phone {
    width: calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
  }
  .grid__cell--1\/3\@phone {
    width: calc(33.3333333333% - 2rem);
    flex: 0 0 calc(33.3333333333% - 2rem);
  }
  .grid__cell--2\/3\@phone {
    width: calc(66.6666666667% - 2rem);
    flex: 0 0 calc(66.6666666667% - 2rem);
  }
  .grid__cell--1\/4\@phone {
    width: calc(25% - 2rem);
    flex: 0 0 calc(25% - 2rem);
  }
  .grid__cell--conceal\@phone {
    display: none;
  }
}
.hipster-mode .grid__cell {
  position: relative;
}
.hipster-mode .grid__cell::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  height: var(--size-grid-gutter);
  transform: translateY(-100%);
  border: solid red;
  border-width: 2px 0;
  background: linear-gradient(90deg, transparent 50%, red calc(50% + 1px), transparent calc(50% + 3px));
}
.hipster-mode .grid__cell::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  bottom: 0;
  width: var(--size-grid-gutter);
  transform: translateX(-100%);
  border: solid red;
  border-width: 0 2px;
  background: linear-gradient(0deg, transparent 50%, red calc(50% + 1px), transparent calc(50% + 3px));
}
.hipster-mode .grid__cell:first-child::after {
  display: none;
}
.grid--noGutter {
  --size-gutter: 0rem;
  --size-gutter-x: var(--size-gutter);
  --size-gutter-y: var(--size-gutter);
}
.grid--end {
  align-items: flex-end;
}
.grid--stretch {
  align-items: stretch;
}
.grid--center {
  align-items: center;
}
.grid--related {
  margin-top: var(--size-bezel);
}

.navigation {
  display: flex;
  position: fixed;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  padding: 1rem 1rem;
  height: 5rem;
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 1079px) {
  .navigation {
    border-bottom: none;
  }
}

.navigation__home {
  flex-grow: 0;
}

.navigation__logo {
  height: 1.5em;
  max-width: 9rem;
}

.navigation__links {
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
@media (max-width: 640px) {
  .navigation__links {
    display: none;
  }
}

.navigation__links * {
  display: inline;
  padding: 0.6rem;
}
@media (max-width: 640px) {
  .navigation__links * {
    display: block;
    text-align: center;
  }
}

.navigation__links .selected {
  font-weight: bold;
}

.navigation__actions {
  flex-grow: 0;
  flex-shrink: 0;
}

.navigation__account-actions {
  display: flex;
  align-items: center;
}

.navigation__balance {
  margin-right: 1rem;
  text-align: center;
}

.navigation__balance-label {
  font-size: 0.75rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .navigation__balance-label {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .navigation__balance-label {
    font-size: 0.75rem;
  }
}

.navigation__balance-value {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 40rem) {
  .navigation__balance-value {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .navigation__balance-value {
    font-size: 1.1rem;
  }
}

.navigation__account-mobile {
  display: none;
}
@media (max-width: 640px) {
  .navigation__account-mobile {
    display: inherit;
  }
}

@media (max-width: 640px) {
  .navigation__balance {
    display: none;
  }
}

@media (max-width: 640px) {
  .navigation__cart {
    display: none;
  }
}

.paper {
  border-radius: 0.2rem;
  background-color: var(--c-layout--paper);
  box-shadow: 0.4rem 0.4rem 1rem 0 rgba(var(--c-layout--shadow-rgb), 0.15);
  overflow: hidden;
}

.paper--inverted {
  background-color: var(--c-layout--paper-inverted);
  color: var(--c-text--inverted);
  box-shadow: 0.4rem 0.4rem 1rem 0 rgba(var(--c-layout--shadow-rgb), 0.15);
}

.paper--enclosed {
  background-color: var(--c-layout--paper-enclosed);
  box-shadow: none;
}

.paper--enclosed.paper--inverted {
  border-radius: 0.2rem;
  background-color: var(--c-layout--paper-enclosed-inverted);
  box-shadow: none;
}

.section + .section {
  margin-top: 4rem;
}

.account-template__header {
  padding: 1rem 1rem;
}

.account-template__logo {
  margin-top: 0.5rem;
  height: 1.5em;
  max-width: 9rem;
}

.cart-template__container {
  margin-top: 5rem;
}

:root {
  --checkout-template__steper-max-width: 1080px;
  --checkout-template__aside-width: 24rem;
}

.checkout-template {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}

.checkout-template__container {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  align-items: center;
  padding: 2rem 1rem;
  margin-right: var(--checkout-template__aside-width);
  margin-right: inherit;
}
@media (max-width: 1079px) {
  .checkout-template__container {
    margin-right: inherit;
  }
}

.checkout-template__stepper {
  width: 100%;
  max-width: var(--checkout-template__steper-max-width);
}

.checkout-template__content {
  width: 100%;
  max-width: var(--checkout-template__steper-max-width);
}

.checkout-template__aside {
  flex-shrink: 0;
  flex-grow: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: var(--checkout-template__aside-width);
  display: none;
}
@media (max-width: 1079px) {
  .checkout-template__aside {
    display: none;
  }
}

:root {
  --customer-template__layout-width: 1020px;
  --customer-template__layout-width--phone: 680px;
}

.customer-template {
  display: flex;
  justify-content: center;
}

.customer-template__container {
  display: flex;
  position: relative;
  margin-top: 5rem;
  padding: 8vh 0;
  width: calc(14rem + var(--customer-template__layout-width));
}
@media (max-width: 640px) {
  .customer-template__container {
    width: calc(14rem + var(--customer-template__layout-width--phone));
    flex-direction: column;
  }
}

.customer-template__container--full {
  width: var(--customer-template__layout-width);
  padding: 5vh 0;
}
@media (max-width: 640px) {
  .customer-template__container--full {
    width: var(--customer-template__layout-width--phone);
  }
}

.customer-template__sidenav {
  flex-shrink: 0;
  flex-grow: 0;
  position: fixed;
  padding: 0 1rem;
  box-sizing: border-box;
  width: 16rem;
}
@media (max-width: 640px) {
  .customer-template__sidenav {
    display: none;
  }
}

.customer-template__sidenav--hidden {
  display: none;
}

.customer-template__content {
  flex-shrink: 1;
  flex-grow: 1;
  margin-left: 16rem;
  padding: 0 1rem;
}
@media (max-width: 640px) {
  .customer-template__content {
    margin-left: initial;
  }
}

.customer-template__content--full {
  margin-left: 0;
}
@media (max-width: 640px) {
  .customer-template__content--full {
    margin-top: 0;
  }
}

.default-template__container {
  margin-top: 5rem;
}

.default-template__container {
  margin-top: 5rem;
}

/*

                                    _  _____  __    __   __
                                   | |  | |  / /`  ( (` ( (`
                                   |_|  |_|  \_\_, _)_) _)_)


                                          `-.` '.-'
                                       `-.    A   .-'.
                                    `-.    -./_\.-    .-'
                                        -.  /___\  .-
                                    `-.   `/__|__\'   .-'.
                                 `-.    -./.-"^"-.\.-      '
                                    `-.  / <`(o)*> \  .-'
                                 .-   .`/__`-...-'__\'   .-
                                ,...`-./_/____|____\_\.-'.,.
                                   ,-'    ,` . . ',   `-,
                               _,-' /____/____.____\____\ `-,_
                                       ,      |      .
                                      /     ,.+.,     \

   -<# ITCSS (Inverted Triangle CSS) -> (https://csswizardry.com/2018/11/itcss-and-skillshare/) #>-
  __________________________________________________________________________________________________

   \---------------------------/------------                          Generic CSS (Low specificity)
    \                         /  1) Settings (Design)                              Y
     \-----------------------/---------------- (optional Skin or Theme)            |
      \                     /    2) Tools                                          |
       \-------------------/--------------------                                   |
        \                 /      3) Generic                                        |
         \---------------/------------------------                                 |
          \             /        4) Elements                                       |
           \-----------/----------------------------                               |
            \         /          5) Objects                                        |
             \-------/--------------------------------                             |
              \     /            6) Components                                     |
               \---/------------------------------------                           |
                \ /              7) Utilities (Trumps)                             V
                 V                                                   Explicit CSS (High specificity)


  1) Settings:             Global variables, config switches.
  2) Tools:                Default mixins and functions.
  3) Generic:              Ground-zero styles (Normalize.css, resets, box-sizing).
  4) Base:                 Un-classed HTML elements (type selectors).
  5) Objects:              Cosmetic-free design patterns
  6) Components:           Designed components, chunks of UI.
  7) Utilities/Trumps:     Helpers and overrides.

*/
/**
 * Gets color value string and return if its a link to an other palette value
 * @param {String} value
 * @return {Boolean}
 */
/**
 * parses key passed to the getColor method
 * @param {String} paletteKey
 * @return {Object} containing a property with the palette palette and color key
 */
/**
 * returns a color value from palette
 * and checks if the palette and color exists
 *
 * @param {String} palette name of the palette (property name of this.palette)
 * @param {String} key name of the color within a palette
 *                     (property name of this.palette[paletteKey])
 * @return {String} color value
 */
/**
 * @param {String} paletteKey typically contains a palette--key string
 * @param {Array} [callStack=[]] Stores all previous calls to make sure we don't infinite loop
 * @return {Object} val: color string stored in color object, name: name in color palette
 */
/**
 * _buildSchemes returns a schemes with colours inherited from default
 * @param {Object} schemes Schemes
 * @return {Object} parsed schemes with colours inherited from default
 */
/**
 * remaps all the color names to the actual color value
 * @param {Object} palettes You palette object
 * @return {Object} parsed palette with color values instead of links
 */
/* paletter color functions */
:root {
  --c-brand--lighter: #f8e6e8;
  --c-brand--light: #D96D7B;
  --c-brand--default: #cb3448;
  --c-brand--dark: #a8293a;
  --c-brand--darker: #912230;
  --c-accent--lighter: #FAF5EF;
  --c-accent--default: #523819;
  --c-accent--darker: #3F2B13;
  --c-badge--default: #FFA21F;
  --c-badge--classic: #FFA21F;
  --c-badge--new: #FFA21F;
  --c-badge--season: #FFA21F;
  --c-badge--special: #FFA21F;
  --c-badge--text: #ffffff;
  --c-interaction--default-light: #FAF5EF;
  --c-interaction--default: #523819;
  --c-interaction--default-dark: #3F2B13;
  --c-interaction--primary-light: #f8e6e8;
  --c-interaction--primary: #cb3448;
  --c-interaction--primary-dark: #912230;
  --c-interaction--negative-light: #fff5f5;
  --c-interaction--negative: #f52d28;
  --c-interaction--negative-dark: #970b07;
  --c-interaction--warning-light: #fff7eb;
  --c-interaction--warning: #FFA21F;
  --c-interaction--warning-dark: black;
  --c-interaction--positive-light: #f8fee7;
  --c-interaction--positive: #a6db0b;
  --c-interaction--positive-dark: #4a6205;
  --c-interaction--input: #999999;
  --c-interaction--input--success: #a6db0b;
  --c-interaction--input--error: #f52d28;
  --c-interaction--input-background: #ffffff;
  --c-interaction--inverted: #ffffff;
  --c-interaction--disabled: #999999;
  --c-shade--none: #ffffff;
  --c-shade--lighter: #F5F5F5;
  --c-shade--light: #CCCCCC;
  --c-shade--half: #999999;
  --c-shade--dark: #666666;
  --c-shade--darker: #333333;
  --c-shade--full: #141414;
  --c-text--default: #141414;
  --c-text--weak: #999999;
  --c-text--primary: #cb3448;
  --c-text--inverted: #ffffff;
  --c-text--error: #f52d28;
  --c-text--warning: #FFA21F;
  --c-text--success: #a6db0b;
  --c-icon--default: #999999;
  --c-icon--default-over: #523819;
  --c-icon--inverted: #ffffff;
  --c-image--line: #cb3448;
  --c-image--background: #F5F5F5;
  --c-layout--line: #CCCCCC;
  --c-layout--table: #ffffff;
  --c-layout--table-head: #F5F5F5;
  --c-layout--table-foot: #F5F5F5;
  --c-layout--table-row-selected: #F5F5F5;
  --c-layout--shadow: #333333;
  --c-layout--backdrop: #141414;
  --c-layout--shadow-inverted: #666666;
  --c-layout--background: #FAF5EF;
  --c-layout--background-contrast: #523819;
  --c-layout--paper: #ffffff;
  --c-layout--paper-inverted: #141414;
  --c-layout--paper-enclosed: #F5F5F5;
  --c-layout--paper-enclosed-inverted: #333333;
  --c-brand--lighter-rgb: 248, 230, 232;
  --c-brand--light-rgb: 217, 109, 123;
  --c-brand--default-rgb: 203, 52, 72;
  --c-brand--dark-rgb: 168, 41, 58;
  --c-brand--darker-rgb: 145, 34, 48;
  --c-accent--lighter-rgb: 250, 245, 239;
  --c-accent--default-rgb: 82, 56, 25;
  --c-accent--darker-rgb: 63, 43, 19;
  --c-badge--default-rgb: 255, 162, 31;
  --c-badge--classic-rgb: 255, 162, 31;
  --c-badge--new-rgb: 255, 162, 31;
  --c-badge--season-rgb: 255, 162, 31;
  --c-badge--special-rgb: 255, 162, 31;
  --c-badge--text-rgb: 255, 255, 255;
  --c-interaction--default-light-rgb: 250, 245, 239;
  --c-interaction--default-rgb: 82, 56, 25;
  --c-interaction--default-dark-rgb: 63, 43, 19;
  --c-interaction--primary-light-rgb: 248, 230, 232;
  --c-interaction--primary-rgb: 203, 52, 72;
  --c-interaction--primary-dark-rgb: 145, 34, 48;
  --c-interaction--negative-light-rgb: 255, 245, 245;
  --c-interaction--negative-rgb: 245, 45, 40;
  --c-interaction--negative-dark-rgb: 151, 11, 7;
  --c-interaction--warning-light-rgb: 255, 247, 235;
  --c-interaction--warning-rgb: 255, 162, 31;
  --c-interaction--warning-dark-rgb: 0, 0, 0;
  --c-interaction--positive-light-rgb: 248, 254, 231;
  --c-interaction--positive-rgb: 166, 219, 11;
  --c-interaction--positive-dark-rgb: 74, 98, 5;
  --c-interaction--input-rgb: 153, 153, 153;
  --c-interaction--input--success-rgb: 166, 219, 11;
  --c-interaction--input--error-rgb: 245, 45, 40;
  --c-interaction--input-background-rgb: 255, 255, 255;
  --c-interaction--inverted-rgb: 255, 255, 255;
  --c-interaction--disabled-rgb: 153, 153, 153;
  --c-shade--none-rgb: 255, 255, 255;
  --c-shade--lighter-rgb: 245, 245, 245;
  --c-shade--light-rgb: 204, 204, 204;
  --c-shade--half-rgb: 153, 153, 153;
  --c-shade--dark-rgb: 102, 102, 102;
  --c-shade--darker-rgb: 51, 51, 51;
  --c-shade--full-rgb: 20, 20, 20;
  --c-text--default-rgb: 20, 20, 20;
  --c-text--weak-rgb: 153, 153, 153;
  --c-text--primary-rgb: 203, 52, 72;
  --c-text--inverted-rgb: 255, 255, 255;
  --c-text--error-rgb: 245, 45, 40;
  --c-text--warning-rgb: 255, 162, 31;
  --c-text--success-rgb: 166, 219, 11;
  --c-icon--default-rgb: 153, 153, 153;
  --c-icon--default-over-rgb: 82, 56, 25;
  --c-icon--inverted-rgb: 255, 255, 255;
  --c-image--line-rgb: 203, 52, 72;
  --c-image--background-rgb: 245, 245, 245;
  --c-layout--line-rgb: 204, 204, 204;
  --c-layout--table-rgb: 255, 255, 255;
  --c-layout--table-head-rgb: 245, 245, 245;
  --c-layout--table-foot-rgb: 245, 245, 245;
  --c-layout--table-row-selected-rgb: 245, 245, 245;
  --c-layout--shadow-rgb: 51, 51, 51;
  --c-layout--backdrop-rgb: 20, 20, 20;
  --c-layout--shadow-inverted-rgb: 102, 102, 102;
  --c-layout--background-rgb: 250, 245, 239;
  --c-layout--background-contrast-rgb: 82, 56, 25;
  --c-layout--paper-rgb: 255, 255, 255;
  --c-layout--paper-inverted-rgb: 20, 20, 20;
  --c-layout--paper-enclosed-rgb: 245, 245, 245;
  --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
}
@media (prefers-color-scheme: light) {
  :root {
    --c-brand--lighter: #f8e6e8;
    --c-brand--light: #D96D7B;
    --c-brand--default: #cb3448;
    --c-brand--dark: #a8293a;
    --c-brand--darker: #912230;
    --c-accent--lighter: #FAF5EF;
    --c-accent--default: #523819;
    --c-accent--darker: #3F2B13;
    --c-badge--default: #FFA21F;
    --c-badge--classic: #FFA21F;
    --c-badge--new: #FFA21F;
    --c-badge--season: #FFA21F;
    --c-badge--special: #FFA21F;
    --c-badge--text: #ffffff;
    --c-interaction--default-light: #FAF5EF;
    --c-interaction--default: #523819;
    --c-interaction--default-dark: #3F2B13;
    --c-interaction--primary-light: #f8e6e8;
    --c-interaction--primary: #cb3448;
    --c-interaction--primary-dark: #912230;
    --c-interaction--negative-light: #fff5f5;
    --c-interaction--negative: #f52d28;
    --c-interaction--negative-dark: #970b07;
    --c-interaction--warning-light: #fff7eb;
    --c-interaction--warning: #FFA21F;
    --c-interaction--warning-dark: black;
    --c-interaction--positive-light: #f8fee7;
    --c-interaction--positive: #a6db0b;
    --c-interaction--positive-dark: #4a6205;
    --c-interaction--input: #999999;
    --c-interaction--input--success: #a6db0b;
    --c-interaction--input--error: #f52d28;
    --c-interaction--input-background: #ffffff;
    --c-interaction--inverted: #ffffff;
    --c-interaction--disabled: #999999;
    --c-shade--none: #ffffff;
    --c-shade--lighter: #F5F5F5;
    --c-shade--light: #CCCCCC;
    --c-shade--half: #999999;
    --c-shade--dark: #666666;
    --c-shade--darker: #333333;
    --c-shade--full: #141414;
    --c-text--default: #141414;
    --c-text--weak: #999999;
    --c-text--primary: #cb3448;
    --c-text--inverted: #ffffff;
    --c-text--error: #f52d28;
    --c-text--warning: #FFA21F;
    --c-text--success: #a6db0b;
    --c-icon--default: #999999;
    --c-icon--default-over: #523819;
    --c-icon--inverted: #ffffff;
    --c-image--line: #cb3448;
    --c-image--background: #F5F5F5;
    --c-layout--line: #CCCCCC;
    --c-layout--table: #ffffff;
    --c-layout--table-head: #F5F5F5;
    --c-layout--table-foot: #F5F5F5;
    --c-layout--table-row-selected: #F5F5F5;
    --c-layout--shadow: #333333;
    --c-layout--backdrop: #141414;
    --c-layout--shadow-inverted: #666666;
    --c-layout--background: #FAF5EF;
    --c-layout--background-contrast: #523819;
    --c-layout--paper: #ffffff;
    --c-layout--paper-inverted: #141414;
    --c-layout--paper-enclosed: #F5F5F5;
    --c-layout--paper-enclosed-inverted: #333333;
    --c-brand--lighter-rgb: 248, 230, 232;
    --c-brand--light-rgb: 217, 109, 123;
    --c-brand--default-rgb: 203, 52, 72;
    --c-brand--dark-rgb: 168, 41, 58;
    --c-brand--darker-rgb: 145, 34, 48;
    --c-accent--lighter-rgb: 250, 245, 239;
    --c-accent--default-rgb: 82, 56, 25;
    --c-accent--darker-rgb: 63, 43, 19;
    --c-badge--default-rgb: 255, 162, 31;
    --c-badge--classic-rgb: 255, 162, 31;
    --c-badge--new-rgb: 255, 162, 31;
    --c-badge--season-rgb: 255, 162, 31;
    --c-badge--special-rgb: 255, 162, 31;
    --c-badge--text-rgb: 255, 255, 255;
    --c-interaction--default-light-rgb: 250, 245, 239;
    --c-interaction--default-rgb: 82, 56, 25;
    --c-interaction--default-dark-rgb: 63, 43, 19;
    --c-interaction--primary-light-rgb: 248, 230, 232;
    --c-interaction--primary-rgb: 203, 52, 72;
    --c-interaction--primary-dark-rgb: 145, 34, 48;
    --c-interaction--negative-light-rgb: 255, 245, 245;
    --c-interaction--negative-rgb: 245, 45, 40;
    --c-interaction--negative-dark-rgb: 151, 11, 7;
    --c-interaction--warning-light-rgb: 255, 247, 235;
    --c-interaction--warning-rgb: 255, 162, 31;
    --c-interaction--warning-dark-rgb: 0, 0, 0;
    --c-interaction--positive-light-rgb: 248, 254, 231;
    --c-interaction--positive-rgb: 166, 219, 11;
    --c-interaction--positive-dark-rgb: 74, 98, 5;
    --c-interaction--input-rgb: 153, 153, 153;
    --c-interaction--input--success-rgb: 166, 219, 11;
    --c-interaction--input--error-rgb: 245, 45, 40;
    --c-interaction--input-background-rgb: 255, 255, 255;
    --c-interaction--inverted-rgb: 255, 255, 255;
    --c-interaction--disabled-rgb: 153, 153, 153;
    --c-shade--none-rgb: 255, 255, 255;
    --c-shade--lighter-rgb: 245, 245, 245;
    --c-shade--light-rgb: 204, 204, 204;
    --c-shade--half-rgb: 153, 153, 153;
    --c-shade--dark-rgb: 102, 102, 102;
    --c-shade--darker-rgb: 51, 51, 51;
    --c-shade--full-rgb: 20, 20, 20;
    --c-text--default-rgb: 20, 20, 20;
    --c-text--weak-rgb: 153, 153, 153;
    --c-text--primary-rgb: 203, 52, 72;
    --c-text--inverted-rgb: 255, 255, 255;
    --c-text--error-rgb: 245, 45, 40;
    --c-text--warning-rgb: 255, 162, 31;
    --c-text--success-rgb: 166, 219, 11;
    --c-icon--default-rgb: 153, 153, 153;
    --c-icon--default-over-rgb: 82, 56, 25;
    --c-icon--inverted-rgb: 255, 255, 255;
    --c-image--line-rgb: 203, 52, 72;
    --c-image--background-rgb: 245, 245, 245;
    --c-layout--line-rgb: 204, 204, 204;
    --c-layout--table-rgb: 255, 255, 255;
    --c-layout--table-head-rgb: 245, 245, 245;
    --c-layout--table-foot-rgb: 245, 245, 245;
    --c-layout--table-row-selected-rgb: 245, 245, 245;
    --c-layout--shadow-rgb: 51, 51, 51;
    --c-layout--backdrop-rgb: 20, 20, 20;
    --c-layout--shadow-inverted-rgb: 102, 102, 102;
    --c-layout--background-rgb: 250, 245, 239;
    --c-layout--background-contrast-rgb: 82, 56, 25;
    --c-layout--paper-rgb: 255, 255, 255;
    --c-layout--paper-inverted-rgb: 20, 20, 20;
    --c-layout--paper-enclosed-rgb: 245, 245, 245;
    --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-brand--lighter: #f8e6e8;
    --c-brand--light: #D96D7B;
    --c-brand--default: #cb3448;
    --c-brand--dark: #a8293a;
    --c-brand--darker: #912230;
    --c-accent--lighter: #FAF5EF;
    --c-accent--default: #523819;
    --c-accent--darker: #3F2B13;
    --c-badge--default: #FFA21F;
    --c-badge--classic: #FFA21F;
    --c-badge--new: #FFA21F;
    --c-badge--season: #FFA21F;
    --c-badge--special: #FFA21F;
    --c-badge--text: #ffffff;
    --c-interaction--default-light: #FAF5EF;
    --c-interaction--default: #523819;
    --c-interaction--default-dark: #3F2B13;
    --c-interaction--primary-light: #f8e6e8;
    --c-interaction--primary: #cb3448;
    --c-interaction--primary-dark: #912230;
    --c-interaction--negative-light: #fff5f5;
    --c-interaction--negative: #f52d28;
    --c-interaction--negative-dark: #970b07;
    --c-interaction--warning-light: #fff7eb;
    --c-interaction--warning: #FFA21F;
    --c-interaction--warning-dark: black;
    --c-interaction--positive-light: #f8fee7;
    --c-interaction--positive: #a6db0b;
    --c-interaction--positive-dark: #4a6205;
    --c-interaction--input: #999999;
    --c-interaction--input--success: #a6db0b;
    --c-interaction--input--error: #f52d28;
    --c-interaction--input-background: #ffffff;
    --c-interaction--inverted: #ffffff;
    --c-interaction--disabled: #999999;
    --c-shade--none: #ffffff;
    --c-shade--lighter: #F5F5F5;
    --c-shade--light: #CCCCCC;
    --c-shade--half: #999999;
    --c-shade--dark: #666666;
    --c-shade--darker: #333333;
    --c-shade--full: #141414;
    --c-text--default: #141414;
    --c-text--weak: #999999;
    --c-text--primary: #cb3448;
    --c-text--inverted: #ffffff;
    --c-text--error: #f52d28;
    --c-text--warning: #FFA21F;
    --c-text--success: #a6db0b;
    --c-icon--default: #999999;
    --c-icon--default-over: #523819;
    --c-icon--inverted: #ffffff;
    --c-image--line: #cb3448;
    --c-image--background: #F5F5F5;
    --c-layout--line: #CCCCCC;
    --c-layout--table: #ffffff;
    --c-layout--table-head: #F5F5F5;
    --c-layout--table-foot: #F5F5F5;
    --c-layout--table-row-selected: #F5F5F5;
    --c-layout--shadow: #333333;
    --c-layout--backdrop: #141414;
    --c-layout--shadow-inverted: #666666;
    --c-layout--background: #FAF5EF;
    --c-layout--background-contrast: #523819;
    --c-layout--paper: #ffffff;
    --c-layout--paper-inverted: #141414;
    --c-layout--paper-enclosed: #F5F5F5;
    --c-layout--paper-enclosed-inverted: #333333;
    --c-brand--lighter-rgb: 248, 230, 232;
    --c-brand--light-rgb: 217, 109, 123;
    --c-brand--default-rgb: 203, 52, 72;
    --c-brand--dark-rgb: 168, 41, 58;
    --c-brand--darker-rgb: 145, 34, 48;
    --c-accent--lighter-rgb: 250, 245, 239;
    --c-accent--default-rgb: 82, 56, 25;
    --c-accent--darker-rgb: 63, 43, 19;
    --c-badge--default-rgb: 255, 162, 31;
    --c-badge--classic-rgb: 255, 162, 31;
    --c-badge--new-rgb: 255, 162, 31;
    --c-badge--season-rgb: 255, 162, 31;
    --c-badge--special-rgb: 255, 162, 31;
    --c-badge--text-rgb: 255, 255, 255;
    --c-interaction--default-light-rgb: 250, 245, 239;
    --c-interaction--default-rgb: 82, 56, 25;
    --c-interaction--default-dark-rgb: 63, 43, 19;
    --c-interaction--primary-light-rgb: 248, 230, 232;
    --c-interaction--primary-rgb: 203, 52, 72;
    --c-interaction--primary-dark-rgb: 145, 34, 48;
    --c-interaction--negative-light-rgb: 255, 245, 245;
    --c-interaction--negative-rgb: 245, 45, 40;
    --c-interaction--negative-dark-rgb: 151, 11, 7;
    --c-interaction--warning-light-rgb: 255, 247, 235;
    --c-interaction--warning-rgb: 255, 162, 31;
    --c-interaction--warning-dark-rgb: 0, 0, 0;
    --c-interaction--positive-light-rgb: 248, 254, 231;
    --c-interaction--positive-rgb: 166, 219, 11;
    --c-interaction--positive-dark-rgb: 74, 98, 5;
    --c-interaction--input-rgb: 153, 153, 153;
    --c-interaction--input--success-rgb: 166, 219, 11;
    --c-interaction--input--error-rgb: 245, 45, 40;
    --c-interaction--input-background-rgb: 255, 255, 255;
    --c-interaction--inverted-rgb: 255, 255, 255;
    --c-interaction--disabled-rgb: 153, 153, 153;
    --c-shade--none-rgb: 255, 255, 255;
    --c-shade--lighter-rgb: 245, 245, 245;
    --c-shade--light-rgb: 204, 204, 204;
    --c-shade--half-rgb: 153, 153, 153;
    --c-shade--dark-rgb: 102, 102, 102;
    --c-shade--darker-rgb: 51, 51, 51;
    --c-shade--full-rgb: 20, 20, 20;
    --c-text--default-rgb: 20, 20, 20;
    --c-text--weak-rgb: 153, 153, 153;
    --c-text--primary-rgb: 203, 52, 72;
    --c-text--inverted-rgb: 255, 255, 255;
    --c-text--error-rgb: 245, 45, 40;
    --c-text--warning-rgb: 255, 162, 31;
    --c-text--success-rgb: 166, 219, 11;
    --c-icon--default-rgb: 153, 153, 153;
    --c-icon--default-over-rgb: 82, 56, 25;
    --c-icon--inverted-rgb: 255, 255, 255;
    --c-image--line-rgb: 203, 52, 72;
    --c-image--background-rgb: 245, 245, 245;
    --c-layout--line-rgb: 204, 204, 204;
    --c-layout--table-rgb: 255, 255, 255;
    --c-layout--table-head-rgb: 245, 245, 245;
    --c-layout--table-foot-rgb: 245, 245, 245;
    --c-layout--table-row-selected-rgb: 245, 245, 245;
    --c-layout--shadow-rgb: 51, 51, 51;
    --c-layout--backdrop-rgb: 20, 20, 20;
    --c-layout--shadow-inverted-rgb: 102, 102, 102;
    --c-layout--background-rgb: 250, 245, 239;
    --c-layout--background-contrast-rgb: 82, 56, 25;
    --c-layout--paper-rgb: 255, 255, 255;
    --c-layout--paper-inverted-rgb: 20, 20, 20;
    --c-layout--paper-enclosed-rgb: 245, 245, 245;
    --c-layout--paper-enclosed-inverted-rgb: 51, 51, 51;
  }
}

/**
 * dialog-size - Painless CSS sizes
 * @version v1.7.0
 * (c) 2019 meodai <meodai@gmail.com> (https://github.com/meodai/)
 * @link https://github.com/meodai/dialog-size#readme
 * @license MIT
 */
/**
 * dialog-typography - SASS/SCSS module settings
 * @version v1.2.0
 * (c) 2019 meodai
 * @link https://github.com/meodai/dialog-typography#readme
 * @license MIT
 */
html {
  font-size: 1rem;
  font-family: 'Maitree', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  color: var(--c-text--default);
  background: var(--c-layout--background);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%2387471C' stroke-width='7.2' stroke-opacity='0.03'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
}
@media (min-width: 40rem) {
  html {
    font-size: calc(0.0833333333vw + 0.9666666667rem);
  }
}
@media (min-width: 100rem) {
  html {
    font-size: 1.05rem;
  }
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

body, .app, #__next {
  font-size: 1rem;
  font-family: 'Maitree', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5;
  color: var(--c-text--default);
  height: 100vh;
  max-height: 100vh;
  height: -moz-available;
  height: -webkit-fill-available;
  height: stretch;
  max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: stretch;
}
@media (min-width: 40rem) {
  body, .app, #__next {
    font-size: calc(0.0833333333vw + 0.9666666667rem);
  }
}
@media (min-width: 100rem) {
  body, .app, #__next {
    font-size: 1.05rem;
  }
}

body {
  margin: 0;
  padding: 0;
}
body.no-scroll {
  overflow: hidden;
}

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Global style
-----------------------------------------------*/
abbr[title] {
  text-decoration: none;
  font-weight: inherit;
}

.success {
  color: var(--c-text--success);
}

.warning {
  color: var(--c-text--warning);
}

.error {
  color: var(--c-text--error);
}

a {
  color: var(--c-interaction--default);
  text-decoration: none;
  cursor: pointer;
}

p a {
  text-decoration: underline;
}

hr {
  margin: 1rem 0 1rem 0;
  border: none;
  border-bottom: 1px solid var(--c-layout--line);
}

.paragraph {
  margin: 1rem 0 1rem 0;
  font-size: 0.85rem;
  line-height: 1.4;
}
@media (min-width: 40rem) {
  .paragraph {
    font-size: calc(0vw + 0.85rem);
  }
}
@media (min-width: 100rem) {
  .paragraph {
    font-size: 0.85rem;
  }
}

.title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--c-text--primary);
  margin: 0;
}
@media (min-width: 40rem) {
  .title {
    font-size: calc(0vw + 1.6rem);
  }
}
@media (min-width: 100rem) {
  .title {
    font-size: 1.6rem;
  }
}
.title + .subtitle {
  margin-top: 0.1rem;
}

.subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 1rem 0 0 0;
}
@media (min-width: 40rem) {
  .subtitle {
    font-size: calc(0vw + 1.3rem);
  }
}
@media (min-width: 100rem) {
  .subtitle {
    font-size: 1.3rem;
  }
}

.page-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.2rem;
  line-height: 1.1;
  font-weight: 900;
  margin: 1rem 0;
}
@media (min-width: 40rem) {
  .page-title {
    font-size: calc(1.5vw + 1.6rem);
  }
}
@media (min-width: 100rem) {
  .page-title {
    font-size: 3.1rem;
  }
}
.page-title + .subtitle {
  margin-top: calc(0.1rem + (1rem * -1));
}

.item-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 0.1rem 0;
}
@media (min-width: 40rem) {
  .item-title {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .item-title {
    font-size: 1.1rem;
  }
}

.help {
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 0;
}
@media (min-width: 40rem) {
  .help {
    font-size: calc(0vw + 0.75rem);
  }
}
@media (min-width: 100rem) {
  .help {
    font-size: 0.75rem;
  }
}

.title,
.subtitle {
  word-break: keep-all;
  white-space: pre-line;
}

#popper {
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  top: 0;
  left: 0;
  overflow-y: scroll;
  z-index: 1000;
}

.displayNone {
  display: none;
}

.hidden {
  visibility: hidden;
}

img {
  color: var(--c-image--background);
  background-color: var(--c-image--background);
}

.line-through {
  text-decoration: line-through;
}

.reduce {
  font-size: 0.5em;
}

@media (max-width: 640px) {
  .hidden-phone {
    display: none;
  }
}

@media (max-width: 1079px) {
  .hidden-tablet {
    display: none;
  }
}

@media (min-width: 1080px) {
  .hidden-desktop {
    display: none;
  }
}

@media (max-width: 640px) {
  .visible-phone {
    display: inherit;
  }
}

.hidden-and-accessible {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.full-height {
  height: 100vh;
  max-height: 100vh;
  height: -moz-available;
  height: -webkit-fill-available;
  height: stretch;
  max-height: -moz-available;
  max-height: -webkit-fill-available;
  max-height: stretch;
}

.StripeElement {
  font-size: 1em;
  box-shadow: none;
  border: 2px solid transparent;
  font-size: 1.1rem;
  padding: 1rem;
  height: 3.6rem;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
  border-color: var(--c-interaction--input);
  color: var(--c-text--default);
}
@media (min-width: 40rem) {
  .StripeElement {
    font-size: calc(0vw + 1.1rem);
  }
}
@media (min-width: 100rem) {
  .StripeElement {
    font-size: 1.1rem;
  }
}

.StripeElement--focus {
  outline: 0;
}

.StripeElement--invalid {
  border-color: var(--c-interaction--input--error);
}

@keyframes delayedDisplay {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.full-width {
  width: 100%;
  display: block;
}

.text-center {
  text-align: center;
}

.billboard__image {
  margin: 1rem 0;
}

.bold {
  font-weight: bold;
}

.anchor {
  display: block;
  position: relative;
  top: -6rem;
  visibility: hidden;
}