@charset "UTF-8";
/*** START app/styles/app.scss ***/
/*****************************/
/*! main app container file  */
/*****************************/
/*** START app/styles/site-utilities.scss ***/
/*** END app/styles/site-utilities.scss ***/
/*** START app/styles/site-color-functions.scss ***/
/* Math functions */
/*** END app/styles/site-color-functions.scss ***/
/*** START app/styles/site-colors.scss ***/
/*** END app/styles/site-colors.scss ***/
/*** START app/styles/site-fonts.scss ***/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:700,600,500,400,300,100");
/*** END app/styles/site-fonts.scss ***/
/*** START app/styles/site-settings.scss ***/
/*** END app/styles/site-settings.scss ***/
/*** START app/styles/site-custom.scss ***/
/********************************************/
/*! all custom variables used are set here  */
/********************************************/
/*** END app/styles/site-custom.scss ***/
/*** START app/styles/fontello/_fontello.scss ***/
@font-face { font-family: 'fontello'; src: url("../font/fontello-bfdabc0c8347f47698caf86c57ab44a9.eot?25590752"); src: url("../font/fontello-bfdabc0c8347f47698caf86c57ab44a9.eot?25590752#iefix") format("embedded-opentype"), url("../font/fontello-a2cbe9b7e5d7801dbc57b67d8245b26c.woff2?25590752") format("woff2"), url("../font/fontello-d2d04666ffd69b4e25b98960057471a4.woff?25590752") format("woff"), url("../font/fontello-9206818ef732dd6f1042cb0a1cb876ea.ttf?25590752") format("truetype"), url("../font/fontello-b2ad2fe00dc4bb7d85b99a0c58015054.svg?25590752#fontello") format("svg"); font-weight: normal; font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello-b2ad2fe00dc4bb7d85b99a0c58015054.svg?25590752#fontello') format('svg');
}
}
*/
.noq-icon, .shopping-list-item__select > input[type="checkbox"]:checked ~ label, .shopping-list-item__select > label, .recurring-order-item__select > input[type="checkbox"]:checked ~ label, .recurring-order-item__select > label, [class^="noq-icon-"]:before, [class^="noq-icon-"].noq-icon-right-open-big-after:after, [class*=" noq-icon-"]:before, [class*=" noq-icon-"].noq-icon-right-open-big-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.noq-icon-calendar:before, .noq-icon-calendar.noq-icon-right-open-big-after:after { content: '\23'; }

/* '#' */
.noq-icon-specials:before, .noq-icon-specials.noq-icon-right-open-big-after:after { content: '\24'; }

/* '$' */
.noq-icon-increase:before, .noq-icon-increase.noq-icon-right-open-big-after:after { content: '\2b'; }

/* '+' */
.noq-icon-decrease:before, .noq-icon-decrease.noq-icon-right-open-big-after:after { content: '\2d'; }

/* '-' */
.noq-icon-left-open-big:before, .noq-icon-left-open-big.noq-icon-right-open-big-after:after { content: '\3c'; }

/* '<' */
.noq-icon-shopping-list:before, .noq-icon-shopping-list.noq-icon-right-open-big-after:after { content: '\3d'; }

/* '=' */
.noq-icon-right-open-big:before, .noq-icon-right-open-big.noq-icon-right-open-big-after:after { content: '\3e'; }

/* '>' */
.noq-icon-google-plus:before, .noq-icon-google-plus.noq-icon-right-open-big-after:after { content: '\47'; }

/* 'G' */
.noq-icon-weighted:before, .noq-icon-weighted.noq-icon-right-open-big-after:after { content: '\4b'; }

/* 'K' */
.noq-icon-cc-visa:before, .noq-icon-cc-visa.noq-icon-right-open-big-after:after { content: '\56'; }

/* 'V' */
.noq-icon-facebook:before, .noq-icon-facebook.noq-icon-right-open-big-after:after { content: '\66'; }

/* 'f' */
.noq-icon-pinterest:before, .noq-icon-pinterest.noq-icon-right-open-big-after:after { content: '\70'; }

/* 'p' */
.noq-icon-close-thin:before, .noq-icon-close-thin.noq-icon-right-open-big-after:after { content: '\d7'; }

/* '×' */
.noq-icon-previous:before, .noq-icon-previous.noq-icon-right-open-big-after:after { content: '\02c2'; }

/* '˂' */
.noq-icon-next:before, .noq-icon-next.noq-icon-right-open-big-after:after { content: '\02c3'; }

/* '˃' */
.noq-icon-up:before, .noq-icon-up.noq-icon-right-open-big-after:after { content: '\02c4'; }

/* '˄' */
.noq-icon-down:before, .noq-icon-down.noq-icon-right-open-big-after:after { content: '\02c5'; }

/* '˅' */
.noq-icon-about-us:before, .noq-icon-about-us.noq-icon-right-open-big-after:after { content: '\10db'; }

/* 'მ' */
.noq-icon-circle-thin:before, .noq-icon-circle-thin.noq-icon-right-open-big-after:after { content: '\20dd'; }

/* '⃝' */
.noq-icon-delete:before, .noq-icon-delete.noq-icon-right-open-big-after:after { content: '\20e3'; }

/* '⃣' */
.noq-icon-my-pantry:before, .noq-icon-my-pantry.noq-icon-right-open-big-after:after { content: '\2117'; }

/* '℗' */
.noq-icon-download:before, .noq-icon-download.noq-icon-right-open-big-after:after { content: '\2193'; }

/* '↓' */
.noq-icon-pickup:before, .noq-icon-pickup.noq-icon-right-open-big-after:after { content: '\21b7'; }

/* '↷' */
.noq-icon-refresh:before, .noq-icon-refresh.noq-icon-right-open-big-after:after { content: '\21bb'; }

/* '↻' */
.noq-icon-logout:before, .noq-icon-logout.noq-icon-right-open-big-after:after { content: '\21e5'; }

/* '⇥' */
.noq-icon-cc-mastercard:before, .noq-icon-cc-mastercard.noq-icon-right-open-big-after:after { content: '\221e'; }

/* '∞' */
.noq-icon-menu:before, .noq-icon-menu.noq-icon-right-open-big-after:after { content: '\2261'; }

/* '≡' */
.noq-icon-categories-menu:before, .noq-icon-categories-menu.noq-icon-right-open-big-after:after { content: '\2263'; }

/* '≣' */
.noq-icon-delivery:before, .noq-icon-delivery.noq-icon-right-open-big-after:after { content: '\228f'; }

/* '⊏' */
.noq-icon-shipping:before, .noq-icon-shipping.noq-icon-right-open-big-after:after { content: '\2293'; }

/* '⊓' */
.noq-icon-decrease-circle:before, .noq-icon-decrease-circle.noq-icon-right-open-big-after:after { content: '\229d'; }

/* '⊝' */
.noq-icon-shopping-bag:before, .noq-icon-shopping-bag.noq-icon-right-open-big-after:after { content: '\229e'; }

/* '⊞' */
.noq-icon-cart:before, .noq-icon-cart.noq-icon-right-open-big-after:after { content: '\22e3'; }

/* '⋣' */
.noq-icon-shoppingcart:before, .noq-icon-shoppingcart.noq-icon-right-open-big-after:after { content: '\22e4'; }

/* '⋤' */
.noq-icon-cart-wire:before, .noq-icon-cart-wire.noq-icon-right-open-big-after:after { content: '\22e5'; }

/* '⋥' */
.noq-icon-home:before, .noq-icon-home.noq-icon-right-open-big-after:after { content: '\2302'; }

/* '⌂' */
.noq-icon-chevron-up:before, .noq-icon-chevron-up.noq-icon-right-open-big-after:after { content: '\2303'; }

/* '⌃' */
.noq-icon-landingbriefcase:before, .noq-icon-landingbriefcase.noq-icon-right-open-big-after:after { content: '\2311'; }

/* '⌑' */
.noq-icon-padlock:before, .noq-icon-padlock.noq-icon-right-open-big-after:after { content: '\2318'; }

/* '⌘' */
.noq-icon-clearcart:before, .noq-icon-clearcart.noq-icon-right-open-big-after:after { content: '\2327'; }

/* '⌧' */
.noq-icon-phone:before, .noq-icon-phone.noq-icon-right-open-big-after:after { content: '\233d'; }

/* '⌽' */
.noq-icon-help:before, .noq-icon-help.noq-icon-right-open-big-after:after { content: '\2370'; }

/* '⍰' */
.noq-icon-past-orders:before, .noq-icon-past-orders.noq-icon-right-open-big-after:after { content: '\238b'; }

/* '⎋' */
.noq-icon-shopping-list-tick:before, .noq-icon-shopping-list-tick.noq-icon-right-open-big-after:after { content: '\2397'; }

/* '⎗' */
.noq-icon-shopping-list-add:before, .noq-icon-shopping-list-add.noq-icon-right-open-big-after:after { content: '\2398'; }

/* '⎘' */
.noq-icon-youtube:before, .noq-icon-youtube.noq-icon-right-open-big-after:after { content: '\239a'; }

/* '⎚' */
.noq-icon-cancel-circled:before, .noq-icon-cancel-circled.noq-icon-right-open-big-after:after { content: '\24e7'; }

/* 'ⓧ' */
.noq-icon-deliver:before, .noq-icon-deliver.noq-icon-right-open-big-after:after { content: '\25a0'; }

/* '■' */
.noq-icon-check-empty:before, .noq-icon-check-empty.noq-icon-right-open-big-after:after { content: '\25a2'; }

/* '▢' */
.noq-icon-credit-card:before, .noq-icon-credit-card.noq-icon-right-open-big-after:after { content: '\25ad'; }

/* '▭' */
.noq-icon-terms:before, .noq-icon-terms.noq-icon-right-open-big-after:after { content: '\25af'; }

/* '▯' */
.noq-icon-up-dir:before, .noq-icon-up-dir.noq-icon-right-open-big-after:after { content: '\25b4'; }

/* '▴' */
.noq-icon-right-dir:before, .noq-icon-right-dir.noq-icon-right-open-big-after:after { content: '\25b8'; }

/* '▸' */
.noq-icon-down-dir:before, .noq-icon-down-dir.noq-icon-right-open-big-after:after { content: '\25be'; }

/* '▾' */
.noq-icon-spinner:before, .noq-icon-spinner.noq-icon-right-open-big-after:after { content: '\25cc'; }

/* '◌' */
.noq-icon-circle:before, .shopping-list-item__select > label:before, .noq-icon-circle.noq-icon-right-open-big-after:after, .shopping-list-item__select > label.noq-icon-right-open-big-after:after, .recurring-order-item__select > label:before, .recurring-order-item__select > label.noq-icon-right-open-big-after:after { content: '\25cf'; }

/* '●' */
.noq-icon-instagram:before, .noq-icon-instagram.noq-icon-right-open-big-after:after { content: '\25d9'; }

/* '◙' */
.noq-icon-star:before, .noq-icon-star.noq-icon-right-open-big-after:after { content: '\2605'; }

/* '★' */
.noq-icon-phone-1:before, .noq-icon-phone-1.noq-icon-right-open-big-after:after { content: '\260e'; }

/* '☎' */
.noq-icon-fancy-check:before, .noq-icon-fancy-check.noq-icon-right-open-big-after:after { content: '\2611'; }

/* '☑' */
.noq-icon-account:before, .noq-icon-account.noq-icon-right-open-big-after:after { content: '\263a'; }

/* '☺' */
.noq-icon-fullname:before, .noq-icon-fullname.noq-icon-right-open-big-after:after { content: '\263b'; }

/* '☻' */
.noq-icon-landingscissors:before, .noq-icon-landingscissors.noq-icon-right-open-big-after:after { content: '\2702'; }

/* '✂' */
.noq-icon-scissors:before, .noq-icon-scissors.noq-icon-right-open-big-after:after { content: '\2704'; }

/* '✄' */
.noq-icon-ok-filled:before, .shopping-list-item__select > input[type="checkbox"]:checked ~ label:before, .noq-icon-ok-filled.noq-icon-right-open-big-after:after, .shopping-list-item__select > input[type="checkbox"]:checked ~ label.noq-icon-right-open-big-after:after, .recurring-order-item__select > input[type="checkbox"]:checked ~ label:before, .recurring-order-item__select > input[type="checkbox"]:checked ~ label.noq-icon-right-open-big-after:after { content: '\2705'; }

/* '✅' */
.noq-icon-envelope:before, .noq-icon-envelope.noq-icon-right-open-big-after:after { content: '\2709'; }

/* '✉' */
.noq-icon-edit:before, .noq-icon-edit.noq-icon-right-open-big-after:after { content: '\270e'; }

/* '✎' */
.noq-icon-ok:before, .noq-icon-ok.noq-icon-right-open-big-after:after { content: '\2713'; }

/* '✓' */
.noq-icon-check:before, .noq-icon-check.noq-icon-right-open-big-after:after { content: '\2714'; }

/* '✔' */
.noq-icon-cancel:before, .noq-icon-cancel.noq-icon-right-open-big-after:after { content: '\2716'; }

/* '✖' */
.noq-icon-star-wire:before, .noq-icon-star-wire.noq-icon-right-open-big-after:after { content: '\2729'; }

/* '✩' */
.noq-icon-select-timeslot:before, .noq-icon-select-timeslot.noq-icon-right-open-big-after:after { content: '\27f3'; }

/* '⟳' */
.noq-icon-more:before, .noq-icon-more.noq-icon-right-open-big-after:after { content: '\2807'; }

/* '⠇' */
.noq-icon-search-1:before, .noq-icon-search-1.noq-icon-right-open-big-after:after { content: '\29c2'; }

/* '⧂' */
.noq-icon-search:before, .noq-icon-search.noq-icon-right-open-big-after:after { content: '\29c3'; }

/* '⧃' */
.noq-icon-increase-circle:before, .noq-icon-increase-circle.noq-icon-right-open-big-after:after { content: '\2a01'; }

/* '⨁' */
.noq-icon-twitter:before, .noq-icon-twitter.noq-icon-right-open-big-after:after { content: '\2fab'; }

/* '⾫' */
.noq-icon-cw:before, .noq-icon-cw.noq-icon-right-open-big-after:after { content: '\e800'; }

/* '' */
.noq-icon-right-bold:before, .noq-icon-right-bold.noq-icon-right-open-big-after:after { content: '\e801'; }

/* '' */
.noq-icon-left-bold:before, .noq-icon-left-bold.noq-icon-right-open-big-after:after { content: '\e802'; }

/* '' */
.noq-icon-ok-circled:before, .noq-icon-ok-circled.noq-icon-right-open-big-after:after { content: '\e803'; }

/* '' */
.noq-icon-dish:before, .noq-icon-dish.noq-icon-right-open-big-after:after { content: '\e804'; }

/* '' */
.noq-icon-hamburger:before, .noq-icon-hamburger.noq-icon-right-open-big-after:after { content: '\e805'; }

/* '' */
.noq-icon-cup:before, .noq-icon-cup.noq-icon-right-open-big-after:after { content: '\e806'; }

/* '' */
.noq-icon-sandwich:before, .noq-icon-sandwich.noq-icon-right-open-big-after:after { content: '\e807'; }

/* '' */
.noq-icon-heart-empty:before, .noq-icon-heart-empty.noq-icon-right-open-big-after:after { content: '\e808'; }

/* '' */
.noq-icon-heart:before, .noq-icon-heart.noq-icon-right-open-big-after:after { content: '\e809'; }

/* '' */
.noq-icon-play-circled:before, .noq-icon-play-circled.noq-icon-right-open-big-after:after { content: '\e80a'; }

/* '' */
.noq-icon-barcode-reader:before, .noq-icon-barcode-reader.noq-icon-right-open-big-after:after { content: '\e80b'; }

/* '' */
.noq-icon-grocery-store:before, .noq-icon-grocery-store.noq-icon-right-open-big-after:after { content: '\e81e'; }

/* '' */
.noq-icon-taco:before, .noq-icon-taco.noq-icon-right-open-big-after:after { content: '\e821'; }

/* '' */
.noq-icon-fish:before, .noq-icon-fish.noq-icon-right-open-big-after:after { content: '\e823'; }

/* '' */
.noq-icon-oven:before, .noq-icon-oven.noq-icon-right-open-big-after:after { content: '\e83b'; }

/* '' */
.noq-icon-wisk_mixing_bowl_mixer:before, .noq-icon-wisk_mixing_bowl_mixer.noq-icon-right-open-big-after:after { content: '\e83c'; }

/* '' */
.noq-icon-chef:before, .noq-icon-chef.noq-icon-right-open-big-after:after { content: '\e83d'; }

/* '' */
.noq-icon-faq:before, .noq-icon-faq.noq-icon-right-open-big-after:after { content: '\e848'; }

/* '' */
.noq-icon-food-cloche:before, .noq-icon-food-cloche.noq-icon-right-open-big-after:after { content: '\e873'; }

/* '' */
.noq-icon-store:before, .noq-icon-store.noq-icon-right-open-big-after:after { content: '\e87d'; }

/* '' */
.noq-icon-eg-ads:before, .noq-icon-eg-ads.noq-icon-right-open-big-after:after { content: '\e884'; }

/* '' */
.noq-icon-eg-browse:before, .noq-icon-eg-browse.noq-icon-right-open-big-after:after { content: '\e885'; }

/* '' */
.noq-icon-eg-rewards:before, .noq-icon-eg-rewards.noq-icon-right-open-big-after:after { content: '\e886'; }

/* '' */
.noq-icon-eg-specials:before, .noq-icon-eg-specials.noq-icon-right-open-big-after:after { content: '\e887'; }

/* '' */
.noq-icon-eg-coupons:before, .noq-icon-eg-coupons.noq-icon-right-open-big-after:after { content: '\e888'; }

/* '' */
.noq-icon-location:before, .noq-icon-location.noq-icon-right-open-big-after:after { content: '\f031'; }

/* '' */
.noq-icon-filter:before, .noq-icon-filter.noq-icon-right-open-big-after:after { content: '\f0b0'; }

/* '' */
.noq-icon-coffee:before, .noq-icon-coffee.noq-icon-right-open-big-after:after { content: '\f0f4'; }

/* '' */
.noq-icon-calendar-empty:before, .noq-icon-calendar-empty.noq-icon-right-open-big-after:after { content: '\f133'; }

/* '' */
.noq-icon-ship:before, .noq-icon-ship.noq-icon-right-open-big-after:after { content: '\f21a'; }

/* '' */
.noq-icon-in-store:before, .noq-icon-in-store.noq-icon-right-open-big-after:after { content: '\f291'; }

/* '' */
.noq-icon-dollar:before, .noq-icon-dollar.noq-icon-right-open-big-after:after { content: '\fe69'; }

/* '﹩' */
.noq-icon-alcohol:before, .noq-icon-alcohol.noq-icon-right-open-big-after:after { content: '🍷'; }

/* '\1f377' */
/*** END app/styles/fontello/_fontello.scss ***/
/*** START app/styles/fontello/fontello_overrides.scss ***/
.noq-icon-in-store::before, .noq-icon-in-store.noq-icon-right-open-big-after:after { font-size: 95%; }

/*** END app/styles/fontello/fontello_overrides.scss ***/
/*** START app/styles/animations.scss ***/
/*** START bower_components/animate.css-scss/_properties.scss ***/
/*** END bower_components/animate.css-scss/_properties.scss ***/
/*** START bower_components/animate.css-scss/_attention-seekers/_pulse.scss ***/
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-o-keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse { 0% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% { -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

/*** END bower_components/animate.css-scss/_attention-seekers/_pulse.scss ***/
/*** START bower_components/animate.css-scss/_fading-entrances/_fadeIn.scss ***/
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

/*** END bower_components/animate.css-scss/_fading-entrances/_fadeIn.scss ***/
/*** START bower_components/animate.css-scss/_sliding-entrances/_slideInLeft.scss ***/
@-webkit-keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }

@-o-keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

/*** END bower_components/animate.css-scss/_sliding-entrances/_slideInLeft.scss ***/
/*** START bower_components/animate.css-scss/_sliding-exits/_slideOutLeft.scss ***/
@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); -moz-transform: translateX(-2000px); -ms-transform: translateX(-2000px); -o-transform: translateX(-2000px); transform: translateX(-2000px); } }

@-o-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% { opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

/*** END bower_components/animate.css-scss/_sliding-exits/_slideOutLeft.scss ***/
/*** END app/styles/animations.scss ***/
/*** START bower_components/SassyLists/dist/_SassyLists.scss ***/
/*** END bower_components/SassyLists/dist/_SassyLists.scss ***/
/*** START bower_components/bourbon/app/assets/stylesheets/settings/_prefixer.scss ***/
/*** END bower_components/bourbon/app/assets/stylesheets/settings/_prefixer.scss ***/
/*** START bower_components/bourbon/app/assets/stylesheets/addons/_prefixer.scss ***/
/*** END bower_components/bourbon/app/assets/stylesheets/addons/_prefixer.scss ***/
/*** START bower_components/bourbon/app/assets/stylesheets/css3/_transition.scss ***/
/*** END bower_components/bourbon/app/assets/stylesheets/css3/_transition.scss ***/
/*** START bower_components/bourbon/app/assets/stylesheets/css3/_animation.scss ***/
/*** END bower_components/bourbon/app/assets/stylesheets/css3/_animation.scss ***/
/*** START bower_components/bourbon/app/assets/stylesheets/css3/_linear-gradient.scss ***/
/*** END bower_components/bourbon/app/assets/stylesheets/css3/_linear-gradient.scss ***/
/*** START app/styles/site-reset.scss ***/
/*
Reset rules for cross-browser consistency
Adapted from http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, button, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td article, aside, canvas, caption, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { background: #F8F8F8; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

sup { vertical-align: super; font-size: smaller; }

blockquote, q { quotes: none; }

blockquote:before, blockquote.noq-icon-right-open-big-after:after, blockquote:after, q:before, q.noq-icon-right-open-big-after:after, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

table, tbody, tfoot, thead, tr, th, td { vertical-align: middle; text-align: left; }

/*** END app/styles/site-reset.scss ***/
/*** START app/styles/site-common.scss ***/
html { overflow-y: clip; overflow-x: hidden; }

body { font-family: "Open Sans", sans-serif; text-rendering: optimizeLegibility; color: #3c3b3b; line-height: 1.5; }

button, a:focus { outline: none; }

.link { color: #5FAB58; text-decoration: underline; }

.link:focus, .link:active { color: #5FAB58; }

.link:hover { color: #447d3f; }

html.touch .hide-for-no-touch { display: inherit !important; }

html.touch .show-for-no-touch { display: none !important; }

html.no-touch .hide-for-no-touch { display: none !important; }

html.no-touch .show-for-no-touch { display: inherit !important; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: geometricPrecision; }

@media only screen and (max-width: 62.5rem) { h1 { font-size: 2.125rem; } h2 { font-size: 1.6875rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } }

h1.noq-page-title { max-width: 60rem; font-weight: 700; padding-left: 5%; padding-right: 5%; margin: 2% auto 2%; color: #64AA5D; }

p { line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }

p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; }

ul, ol, dl { line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; margin-left: 1.1rem; }

a { color: #4c4b4b; line-height: inherit; text-decoration: none; cursor: pointer; }

a.link { color: #5FAB58; text-decoration: underline; }

.antialiased, .antialiased * { text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; }

section.noq .tooltip, section.noq .tt-menu, section.noq-product .tooltip, section.noq-product .tt-menu { border: 1px solid rgba(0, 0, 0, 0.1); transition: opacity 0.2s !important; }

section.noq .noq-mobile-title a, section.noq-product .noq-mobile-title a { text-decoration: none; }

.hide { display: none; }

.has-tooltip { cursor: pointer; }

.noq-info-body { padding: 0 5%; background-color: white; }

.noq-info-body:before, .noq-info-body:after { content: " "; display: table; }

.noq-info-body:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-info-body { padding: 5%; position: relative; max-width: 60rem; margin: 0 auto 2rem; border: #FFF; } }

@media only screen and (max-width: 75rem) { .ember-application:has(header.new-site-header) #application__container { margin-top: 8.125rem; height: calc(100dvh - (8.125rem)); padding-bottom: 3.125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .ember-application:has(header.new-site-header) #application__container { margin-top: calc(4.6875rem + 2.25rem); height: calc(100dvh - (4.6875rem + 2.25rem)); } }

#application__container { overflow-y: scroll; }

#application__container.invisible { visibility: hidden; opacity: 0; }

.application__loading-container { position: fixed; left: 50vw; top: 50vh; transform: translateX(-50%) translateY(-50%); }

.application__loading-container .noq-loading-panel { position: relative; left: 0; transform: none; }

.custom-page { background-color: white; }

.custom-page:before, .custom-page:after { content: " "; display: table; }

.custom-page:after { clear: both; }

.custom-page iframe.youtube-embed { width: 100%; height: auto; }

.custom-page .custom-page__title { font-size: 2rem; }

@media only screen and (max-width: 62.5rem) { .custom-page { padding: 0 5% 2rem; padding-top: 0.75rem; min-height: calc(100dvh - 5.625rem); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .custom-page { position: relative; min-height: calc(100dvh - 6.9375rem); max-width: 60rem; margin: 0 auto; padding: 1.5rem 2.5rem 2rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .custom-page { padding: 1.5rem 3.75rem 2rem; } }

.custom-page .custom-page__continue-shopping-button { margin-top: 2.5rem; display: inline-block; }

.custom-page .custom-page__continue-shopping-button::before, .custom-page .custom-page__continue-shopping-button.noq-icon-right-open-big-after:after { content: '<'; font-family: 'fontello'; margin-right: 0.5rem; }

section.noq { position: relative; }

section.noq table { width: 100%; }

section.noq a.hide { display: none; }

.noq-lockscroll { overflow: hidden; }

.noq-lockscroll body { overflow: hidden; }

.x-select-auto-width { -webkit-transition: width 0.1s ease; -moz-transition: width 0.1s ease; transition: width 0.1s ease; }

.panel { background: #f8f8f8; border: 1px solid rgba(0, 0, 0, 0.02); }

@media only screen and (max-width: 62.5rem) { .panel { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel { padding: 3.125rem; } }

.panel-light { background: white; }

.panel-message { background: #fdfadb; border: 1px solid #ffd220; box-shadow: 0 0 0 1px white inset; padding: 1rem; font-size: 0.875rem; }

.noq-or-splitter { position: relative; text-align: center; margin: 1.5rem auto; }

.noq-or-splitter:before, .noq-or-splitter:after { content: ''; border-top: 1px solid rgba(0, 0, 0, 0.1); display: block; position: absolute; left: 0; top: 50%; width: 45%; height: 1px; }

.noq-or-splitter:after { left: 55%; }

b, strong { font-weight: 600; }

/*** END app/styles/site-common.scss ***/
/*** START app/styles/loading-spinner.scss ***/
.loading-spinner { position: relative; border-top: 0.1em solid rgba(0, 0, 0, 0.2); border-right: 0.1em solid rgba(0, 0, 0, 0.2); border-bottom: 0.1em solid rgba(0, 0, 0, 0.2); border-left: 0.1em solid #000; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; }

.loading-spinner:after { border-radius: 50%; width: 1em; height: 1em; }

.loading-spinner-inline { position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; display: inline-block; vertical-align: middle; margin: -0.5em auto -0.5em; border-width: 2px; opacity: 0.5; }

.loading-spinner-inline:after { border-radius: 50%; width: 1em; height: 1em; }

@-webkit-keyframes noq_spinneranim { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes noq_spinneranim { 0% { -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*** END app/styles/loading-spinner.scss ***/
/*** START app/styles/buttons.scss ***/
.button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.button:hover, .button:focus { background-color: #4b8a45; }

.button:hover, .button:focus { color: #ffffff; }

.button:hover, .button:active, .button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button, .button[disabled], .button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button.small { padding: 0.375rem 0.75rem; }

.button-secondary { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.button-secondary:hover, .button-secondary:focus { background-color: #03335a; }

.button-secondary:hover, .button-secondary:focus { color: #ffffff; }

.button-secondary:hover, .button-secondary:active, .button-secondary:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-secondary, .button-secondary[disabled], .button-secondary.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-secondary.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-secondary.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-secondary.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-secondary.small { padding: 0.375rem 0.75rem; }

.button-danger { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #E4313C; border-color: #c41a24; color: white; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.button-danger:hover, .button-danger:focus { background-color: #c41a24; }

.button-danger:hover, .button-danger:focus { color: white; }

.button-danger:hover, .button-danger:active, .button-danger:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-danger, .button-danger[disabled], .button-danger.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-danger.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-danger.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-danger.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-danger.small { padding: 0.375rem 0.75rem; }

.button-neutral { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #bbb; border-color: #969696; color: white; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.button-neutral:hover, .button-neutral:focus { background-color: #969696; }

.button-neutral:hover, .button-neutral:focus { color: white; }

.button-neutral:hover, .button-neutral:active, .button-neutral:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-neutral, .button-neutral[disabled], .button-neutral.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-neutral.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-neutral.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-neutral.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-neutral.small { padding: 0.375rem 0.75rem; }

.button-hollow { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #7d7c7c; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid rgba(0, 0, 0, 0.1); padding: calc(0.8em - 1px) calc(1.2em - 1px); }

.button-hollow:hover, .button-hollow:focus { background-color: #cccccc; }

.button-hollow:hover, .button-hollow:focus { color: #7d7c7c; }

.button-hollow:hover, .button-hollow:active, .button-hollow:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-hollow, .button-hollow[disabled], .button-hollow.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-hollow.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-hollow.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-hollow.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-hollow.small { padding: 0.375rem 0.75rem; }

.button-dark { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #6D6D6D; border-color: #575757; color: white; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.button-dark:hover, .button-dark:focus { background-color: #575757; }

.button-dark:hover, .button-dark:focus { color: white; }

.button-dark:hover, .button-dark:active, .button-dark:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-dark, .button-dark[disabled], .button-dark.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-dark.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-dark.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-dark.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-dark.small { padding: 0.375rem 0.75rem; }

.button-outline { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #5FAB58; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #5FAB58; padding: calc(0.8em - 1px) calc(1.2em - 1px); font-weight: 600; }

.button-outline:hover, .button-outline:focus { background-color: #cccccc; }

.button-outline:hover, .button-outline:focus { color: #5FAB58; }

.button-outline:hover, .button-outline:active, .button-outline:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .button-outline, .button-outline[disabled], .button-outline.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.button-outline.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.button-outline.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.button-outline.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.button-outline.small { padding: 0.375rem 0.75rem; }

/*** END app/styles/buttons.scss ***/
/*** START app/styles/mixins/big_checkbox.scss ***/
/*** END app/styles/mixins/big_checkbox.scss ***/
/*** START app/styles/components/eg-form.scss ***/
.egr-form__input-icon-wrapper { position: relative; }

.egr-form__input-icon { position: absolute; top: 0.625rem; left: 0.625rem; color: rgba(0, 0, 0, 0.3); }

.egr-form__is-complete-icon { position: absolute; top: 0.625rem; right: 0.625rem; color: #64AA5D; }

.egr-form__form { padding: 0; margin: 0; }

.egr-form__form:before, .egr-form__form:after { content: " "; display: table; }

.egr-form__form:after { clear: both; }

.egr-form__fieldset { padding: 0; margin: 0; border-width: 0; border-style: none; border-color: transparent; margin-bottom: 1.25rem; }

.panel-message + .egr-form__fieldset { margin-top: 2rem; }

.egr-form__fieldset__legend { font-size: 1.25rem; font-weight: 400; margin-bottom: 2rem; width: 100%; }

.egr-form__fieldset + .egr-form__fieldset .egr-form__fieldset__legend { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 2rem; padding-top: 2rem; }

.egr-form__input-group { box-sizing: content-box; position: relative; margin-bottom: 0.75rem; text-align: left; }

.egr-form__input-group.egr-form__input-group--collapse { height: 0; overflow: hidden; margin: 0; }

.egr-form__input-group__label, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .payment-source__egr-form__icon-help { color: #4c4b4b; font-size: 0.875rem; font-weight: 600; line-height: 1.5; padding: 0; display: inline-block; margin: 0 0 0.5rem 0.0625rem; }

.egr-form__input-label__required { margin-left: -0.1875rem; font-weight: 300; }

.egr-form__input-label__optional { font-weight: 300; font-size: 85%; }

.egr-form__input-group__hint { color: #4c4b4b; font-size: 0.75rem; line-height: 1rem; font-weight: 300; padding: 0.125rem 0 0.375rem; white-space: normal; display: block; margin: 0; margin-top: -0.5rem; }

.egr-form__input--text, .egr-form__input--number, .egr-form__input-group input[type="text"] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input--text::-webkit-input-placeholder, .egr-form__input--number::-webkit-input-placeholder, .egr-form__input-group input[type="text"]::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--text:-moz-placeholder, .egr-form__input--number:-moz-placeholder, .egr-form__input-group input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--text::-moz-placeholder, .egr-form__input--number::-moz-placeholder, .egr-form__input-group input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--text:-ms-input-placeholder, .egr-form__input--number:-ms-input-placeholder, .egr-form__input-group input[type="text"]:-ms-input-placeholder { color: #ccc; }

.egr-form__input--text.disabled, .egr-form__input--text[disabled], .egr-form__fieldset[disabled] .egr-form__input--text, .egr-form__input--number.disabled, .egr-form__input--number[disabled], .egr-form__fieldset[disabled] .egr-form__input--number, .egr-form__input-group input[type="text"].disabled, .egr-form__input-group input[type="text"][disabled], .egr-form__fieldset[disabled] .egr-form__input-group input[type="text"] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--text[readonly], .egr-form__input--number[readonly], .egr-form__input-group input[type="text"][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--text:focus, .egr-form__input--number:focus, .egr-form__input-group input[type="text"]:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--text.error.validation-visible, .egr-form__input--number.error.validation-visible, .egr-form__input-group input[type="text"].error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--text.has-icon, .egr-form__input--number.has-icon, .egr-form__input-group input[type="text"].has-icon { padding-left: 2.5rem; }

.egr-form__input--text.is-complete, .egr-form__input--number.is-complete, .egr-form__input-group input[type="text"].is-complete { padding-right: 2.5rem; }

.egr-form__input--tel, .egr-form__input-group input[type="tel"] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input--tel::-webkit-input-placeholder, .egr-form__input-group input[type="tel"]::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--tel:-moz-placeholder, .egr-form__input-group input[type="tel"]:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--tel::-moz-placeholder, .egr-form__input-group input[type="tel"]::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--tel:-ms-input-placeholder, .egr-form__input-group input[type="tel"]:-ms-input-placeholder { color: #ccc; }

.egr-form__input--tel.disabled, .egr-form__input--tel[disabled], .egr-form__fieldset[disabled] .egr-form__input--tel, .egr-form__input-group input[type="tel"].disabled, .egr-form__input-group input[type="tel"][disabled], .egr-form__fieldset[disabled] .egr-form__input-group input[type="tel"] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--tel[readonly], .egr-form__input-group input[type="tel"][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--tel:focus, .egr-form__input-group input[type="tel"]:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--tel.error.validation-visible, .egr-form__input-group input[type="tel"].error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--tel.has-icon, .egr-form__input-group input[type="tel"].has-icon { padding-left: 2.5rem; }

.egr-form__input--tel.is-complete, .egr-form__input-group input[type="tel"].is-complete { padding-right: 2.5rem; }

.egr-form__input--email, .egr-form__input-group input[type="email"] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input--email::-webkit-input-placeholder, .egr-form__input-group input[type="email"]::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--email:-moz-placeholder, .egr-form__input-group input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--email::-moz-placeholder, .egr-form__input-group input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--email:-ms-input-placeholder, .egr-form__input-group input[type="email"]:-ms-input-placeholder { color: #ccc; }

.egr-form__input--email.disabled, .egr-form__input--email[disabled], .egr-form__fieldset[disabled] .egr-form__input--email, .egr-form__input-group input[type="email"].disabled, .egr-form__input-group input[type="email"][disabled], .egr-form__fieldset[disabled] .egr-form__input-group input[type="email"] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--email[readonly], .egr-form__input-group input[type="email"][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--email:focus, .egr-form__input-group input[type="email"]:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--email.error.validation-visible, .egr-form__input-group input[type="email"].error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--email.has-icon, .egr-form__input-group input[type="email"].has-icon { padding-left: 2.5rem; }

.egr-form__input--email.is-complete, .egr-form__input-group input[type="email"].is-complete { padding-right: 2.5rem; }

.egr-form__input--password, .egr-form__input-group input[type="password"] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input--password::-webkit-input-placeholder, .egr-form__input-group input[type="password"]::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--password:-moz-placeholder, .egr-form__input-group input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--password::-moz-placeholder, .egr-form__input-group input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--password:-ms-input-placeholder, .egr-form__input-group input[type="password"]:-ms-input-placeholder { color: #ccc; }

.egr-form__input--password.disabled, .egr-form__input--password[disabled], .egr-form__fieldset[disabled] .egr-form__input--password, .egr-form__input-group input[type="password"].disabled, .egr-form__input-group input[type="password"][disabled], .egr-form__fieldset[disabled] .egr-form__input-group input[type="password"] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--password[readonly], .egr-form__input-group input[type="password"][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--password:focus, .egr-form__input-group input[type="password"]:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--password.error.validation-visible, .egr-form__input-group input[type="password"].error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--password.has-icon, .egr-form__input-group input[type="password"].has-icon { padding-left: 2.5rem; }

.egr-form__input--password.is-complete, .egr-form__input-group input[type="password"].is-complete { padding-right: 2.5rem; }

.egr-form__input--address, .egr-form__input__group input[type="text"] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input--address::-webkit-input-placeholder, .egr-form__input__group input[type="text"]::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--address:-moz-placeholder, .egr-form__input__group input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--address::-moz-placeholder, .egr-form__input__group input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--address:-ms-input-placeholder, .egr-form__input__group input[type="text"]:-ms-input-placeholder { color: #ccc; }

.egr-form__input--address.disabled, .egr-form__input--address[disabled], .egr-form__fieldset[disabled] .egr-form__input--address, .egr-form__input__group input[type="text"].disabled, .egr-form__input__group input[type="text"][disabled], .egr-form__fieldset[disabled] .egr-form__input__group input[type="text"] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--address[readonly], .egr-form__input__group input[type="text"][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--address:focus, .egr-form__input__group input[type="text"]:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--address.error.validation-visible, .egr-form__input__group input[type="text"].error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--address.has-icon, .egr-form__input__group input[type="text"].has-icon { padding-left: 2.5rem; }

.egr-form__input--address.is-complete, .egr-form__input__group input[type="text"].is-complete { padding-right: 2.5rem; }

.egr-form__input--address__list { position: absolute; z-index: 1000; border: 1px solid rgba(0, 0, 0, 0.1); list-style-type: none; width: 100%; margin-left: 0; font-family: "Open Sans", sans-serif; font-size: 0.875rem; outline: 1px solid rgba(0, 0, 0, 0.2); background: white; color: #4c4b4b; max-height: 18.75rem; overflow-y: scroll; }

.egr-form__input--address__list-error { background: #D16262; border-color: #D16262; color: white; }

.egr-form__input--address__list li { padding: 0.625rem; }

.egr-form__input--address__list-option { cursor: pointer; }

.egr-form__input--address__list-option:hover { background: #F8F8F8; }

.egr-form__input--address__list-option-extra::after { float: right; font-weight: bolder; font-size: 1.75rem; line-height: 0.875rem; content: '\0203A'; }

.egr-form__input--checkbox { opacity: 0; position: absolute; cursor: pointer; }

.egr-form__input--checkbox + .checkbox-label { cursor: pointer; font-weight: 400; position: relative; padding-left: 2rem; }

.egr-form__input--checkbox + .checkbox-label:before, .egr-form__input--checkbox + .checkbox-label.noq-icon-right-open-big-after:after { content: ''; position: absolute; top: 0; left: 0; background: #e3e4e6; width: 1.25rem; height: 1.25rem; border-radius: 3px; vertical-align: top; margin-right: 0.625rem; border: 1px solid rgba(0, 0, 0, 0.1); }

.egr-form__input--checkbox:checked + .checkbox-label:before, .egr-form__input--checkbox:checked + .checkbox-label.noq-icon-right-open-big-after:after { content: '\2611'; font-family: 'fontello'; font-size: 0.625rem; line-height: 1.25rem; color: #ffffff; background: #5FAB58; text-align: center; }

.egr-form__input--checkbox:focus + .checkbox-label:before, .egr-form__input--checkbox:focus + .checkbox-label.noq-icon-right-open-big-after:after { outline: 2px solid rgba(0, 0, 0, 0.3); }

.egr-form__input--checkbox[disabled] + .checkbox-label { opacity: 0.5; cursor: default; }

.egr-form__input--textarea, .egr-form__input-group textarea { font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; width: 100%; height: auto; min-height: 3.125rem; }

.egr-form__input--textarea::-webkit-input-placeholder, .egr-form__input-group textarea::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--textarea:-moz-placeholder, .egr-form__input-group textarea:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--textarea::-moz-placeholder, .egr-form__input-group textarea::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--textarea:-ms-input-placeholder, .egr-form__input-group textarea:-ms-input-placeholder { color: #ccc; }

.egr-form__input--textarea.disabled, .egr-form__input--textarea[disabled], .egr-form__fieldset[disabled] .egr-form__input--textarea, .egr-form__input-group textarea.disabled, .egr-form__input-group textarea[disabled], .egr-form__fieldset[disabled] .egr-form__input-group textarea { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--textarea[readonly], .egr-form__input-group textarea[readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--textarea:focus, .egr-form__input-group textarea:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--textarea.error.validation-visible, .egr-form__input-group textarea.error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--select, .egr-form__input-group select { font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; font-family: inherit; line-height: inherit; border-radius: 0; width: 100%; height: auto; }

.egr-form__input--select::-webkit-input-placeholder, .egr-form__input-group select::-webkit-input-placeholder { color: #ccc; }

.egr-form__input--select:-moz-placeholder, .egr-form__input-group select:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input--select::-moz-placeholder, .egr-form__input-group select::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input--select:-ms-input-placeholder, .egr-form__input-group select:-ms-input-placeholder { color: #ccc; }

.egr-form__input--select.disabled, .egr-form__input--select[disabled], .egr-form__fieldset[disabled] .egr-form__input--select, .egr-form__input-group select.disabled, .egr-form__input-group select[disabled], .egr-form__fieldset[disabled] .egr-form__input-group select { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input--select[readonly], .egr-form__input-group select[readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input--select:focus, .egr-form__input-group select:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input--select.error.validation-visible, .egr-form__input-group select.error.validation-visible { border: 1px solid #D16262; }

.egr-form__input--select::-ms-expand, .egr-form__input-group select::-ms-expand { display: none; }

.egr-form__h3 { color: #4c4b4b; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.3; font-size: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1rem; margin-top: 0; }

.egr-form__submission { margin-top: 0.5rem; margin-bottom: 2.5rem; }

.egr-form__submission:before, .egr-form__submission:after { content: " "; display: table; }

.egr-form__submission:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__submission { margin-bottom: 0; } }

.egr-form__submission__link { cursor: pointer; font-size: 1rem; padding: 0.5em 0; text-align: left; font-family: "Open Sans", sans-serif; line-height: 1.4em; display: inline-block; font-size: 0.875rem; }

.egr-form__submission__link, .egr-form__submission__link:active, .egr-form__submission__link:visited { color: #7d7c7c; text-decoration: none; }

.egr-form__submission__link:hover { color: #7d7c7c; }

.egr-form__submission__button { display: block; width: 100%; }

.egr-form__submission__button + .egr-form__submission__button { margin-top: 0.5rem; }

.egr-form__submission__button--submit { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.egr-form__submission__button--submit:hover, .egr-form__submission__button--submit:focus { background-color: #4b8a45; }

.egr-form__submission__button--submit:hover, .egr-form__submission__button--submit:focus { color: #ffffff; }

.egr-form__submission__button--submit:hover, .egr-form__submission__button--submit:active, .egr-form__submission__button--submit:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .egr-form__submission__button--submit, .egr-form__submission__button--submit[disabled], .egr-form__submission__button--submit.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.egr-form__submission__button--submit.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.egr-form__submission__button--submit.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.egr-form__submission__button--submit.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.egr-form__submission__button--submit.small { padding: 0.375rem 0.75rem; }

.egr-form__submission__button--submit.noq-icon-right-open-big-after { padding-right: 1.2em; }

.egr-form__submission__button--submit.hide { display: none; }

.egr-form__submission__button--cancel { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #7d7c7c; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid rgba(0, 0, 0, 0.1); padding: calc(0.8em - 1px) calc(1.2em - 1px); }

.egr-form__submission__button--cancel:hover, .egr-form__submission__button--cancel:focus { background-color: #cccccc; }

.egr-form__submission__button--cancel:hover, .egr-form__submission__button--cancel:focus { color: #7d7c7c; }

.egr-form__submission__button--cancel:hover, .egr-form__submission__button--cancel:active, .egr-form__submission__button--cancel:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .egr-form__submission__button--cancel, .egr-form__submission__button--cancel[disabled], .egr-form__submission__button--cancel.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.egr-form__submission__button--cancel.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.egr-form__submission__button--cancel.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.egr-form__submission__button--cancel.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.egr-form__submission__button--cancel.small { padding: 0.375rem 0.75rem; }

.egr-form__error { color: white; background: #D16262; font-size: 0.75rem; font-weight: 500; padding: 0.375rem 0.5rem; margin-top: -1px; border-radius: 0.125rem; width: auto; display: none; }

.egr-form__error.error.validation-visible { display: inline-block; }

[class*="egr-form__submission__button--"]:not(.spinner)[class*="noq-icon-"]:before, [class*="noq-icon-"].noq-icon-right-open-big-after:after { margin-left: em-calc(-8); }

[class*="egr-form__submission__button--"]:not(.spinner) span[class*="noq-icon-"] { margin-right: em-calc(-8); }

.egr-form__input-group .noq-password-meter-title { margin-top: 0.5rem; }

.egr-form__input-group input[type='password'] { width: 100%; font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; }

.egr-form__input-group input[type='password']::-webkit-input-placeholder { color: #ccc; }

.egr-form__input-group input[type='password']:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.egr-form__input-group input[type='password']::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.egr-form__input-group input[type='password']:-ms-input-placeholder { color: #ccc; }

.egr-form__input-group input[type='password'].disabled, .egr-form__input-group input[type='password'][disabled], .egr-form__fieldset[disabled] .egr-form__input-group input[type='password'] { background: #F8F8F8; color: #7d7c7c; }

.egr-form__input-group input[type='password'][readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input-group input[type='password']:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.egr-form__input-group input[type='password'].error.validation-visible { border: 1px solid #D16262; }

.egr-dob-date .egr-dob-date-select--month { width: 5.625rem; display: inline-block; margin-right: 0.5rem; }

.egr-dob-date .egr-dob-date-select--day { width: 4.375rem; display: inline-block; margin-right: 0.5rem; }

.egr-dob-date .egr-dob-date-select--year { width: 4.375rem; display: inline-block; }

.egr-form__form[data-abide] span.error, .egr-form__form[data-abide] small.error { display: none; }

.egr-form__form[data-abide] .error span.error, .egr-form__form[data-abide] .error small.error { display: inline-block; }

.egr-form__input-group__label--payment-source-expiry-year::after { content: ' '; display: inline-block; }

.egr-form__input-group--account-address\.state { float: left; width: 55%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input-group--account-address\.state { width: 50%; } }

.egr-form__input-group--account-address\.postcode { float: right; margin-left: 0.75rem; width: calc(45% - 0.75rem); }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__input-group--account-address\.postcode { width: calc(50% - 0.75rem); } }

.address-fieldset__name-wrapper { display: flex; gap: 0.75rem; }

.address-fieldset__name-wrapper .address-fieldset__first-name-wrapper, .address-fieldset__name-wrapper .address-fieldset__last-name-wrapper { flex: 1; }

.address-fieldset__state-postcode-wrapper:before, .address-fieldset__state-postcode-wrapper:after { content: " "; display: table; }

.address-fieldset__state-postcode-wrapper:after { clear: both; }

.egr-form__form--payment-source:before, .egr-form__form--payment-source.noq-icon-right-open-big-after:after, .egr-form__form--payment-source:after { content: " "; display: table; }

.egr-form__form--payment-source:after { clear: both; }

.egr-form__form--payment-source .egr-form__input-group { border-bottom: none; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-cvv { clear: left; float: left; width: 65%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-cvv { float: right; clear: none; width: calc(40% - 0.75rem); } }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group__label--payment-source-expiry-month, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group__label--payment-source-expiry-year, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group__label--payment-source-cvv { white-space: nowrap; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .payment-source__egr-form__icon-help { float: right; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group__label--payment-source-cvv:not(.payeezy-input-group) { float: left; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--payment-source:before, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--payment-source:after, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--account:before, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--account:after { content: " "; display: table; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--payment-source:after, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__fieldset--account:after { clear: both; }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group__label--account { margin-top: 0.75rem; font-weight: 600; }

@media only screen and (max-width: 62.5rem) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__error--account-address\.postcode { position: absolute; width: calc(30% - 0.75rem); white-space: normal; } }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-month { float: left; width: 65%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-month { width: 30%; } }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__error--payment-source-expiry-year { position: absolute; white-space: normal; right: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__error--payment-source-expiry-year { white-space: inherit; right: 20%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input--select--payment-source-expiry-year { width: 80%; } }

.egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-year { position: relative; float: right; margin-left: 0.75rem; width: calc(35% - 0.75rem); white-space: nowrap; }

@media only screen and (max-width: 62.5rem) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-year:before, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-year:after { content: " "; display: table; } .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-year:after { clear: both; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .egr-form__input-group--payment-source-expiry-year { float: left; width: calc(30% - 0.75rem); } }

.egr-form__input-group__hint--payment-source-billing-address { margin-top: -1.875rem; cursor: default; }

/*** END app/styles/components/eg-form.scss ***/
/*** START app/styles/components/change-address.scss ***/
.change-address { text-align: center; display: inline-block; height: 2.25rem; margin-top: 0.625rem; margin-right: auto; }

@media only screen and (max-width: 62.5rem) { .change-address { width: 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .change-address { margin-right: unset; margin-left: auto; } }

.change-address__addresses { background-color: #0288D1; color: #ffffff; border-radius: 0 0 0.25rem 0.25rem; padding: 0; font-size: 0.875rem; text-align: center; margin-left: 0; width: 100%; margin-bottom: 0; position: absolute; z-index: 1000; width: 12rem; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); }

.change-address__address { list-style-type: none; margin: 0; padding: 0.5rem 0.75rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; }

.change-address__address:hover { background-color: #026da7; }

.change-address__address:last-child { border-bottom: 0; border-radius: 0 0 0.25rem 0.25rem; }

.change-address.show-addresses .change-address__button { border-radius: 0.25rem 0.25rem 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #027abc; border-color: #027abc; }

.change-address__button { background-color: #0288D1; border-color: #0288D1; border: 0; color: #ffffff; cursor: pointer; border-radius: 0.25rem; position: relative; padding: 0; font-size: 0.875rem; text-align: center; height: 100%; width: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .change-address__button { width: 12rem; } }

/*** END app/styles/components/change-address.scss ***/
/*** START app/styles/components/dob-date.scss ***/
.egr-dob-date { overflow: hidden; white-space: nowrap; }

.egr-dob-date-select--month, .egr-dob-date-select--year, .egr-dob-date-select--day { display: inline-block; }

.egr-dob-date-select--month, .egr-dob-date-select--day { margin-right: 3%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .egr-dob-date-select--month, .egr-dob-date-select--day { margin-right: em-calc(8); } }

.egr-dob-date-select__is-complete-icon { color: #64AA5D; margin-left: 0.5rem; }

/*** END app/styles/components/dob-date.scss ***/
/*** START app/styles/components/easy-tooltip.scss ***/
@keyframes easy-tooltip-reveal { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

.easy-tooltip { max-width: 13.75rem; text-align: center; z-index: 1; pointer-events: none; position: absolute; background: #3c3b3b; color: white; font-size: 0.75rem; padding: 0.1875rem 0.5rem; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; border-radius: 3px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }

.easy-tooltip.hide { display: none; }

.easy-tooltip:not(.hide) { animation: easy-tooltip-reveal 0.1s; }

.easy-tooltip[x-position=top]:after { content: ''; position: absolute; bottom: -0.375rem; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0.375rem 0.375rem 0 0.375rem; border-color: #3c3b3b transparent transparent transparent; }

.easy-tooltip[x-position=left]:after { content: ''; position: absolute; right: -0.375rem; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 0.375rem 0 0.375rem 0.375rem; border-color: transparent transparent transparent #3c3b3b; }

.easy-tooltip[x-position=right]:after { content: ''; position: absolute; left: -0.375rem; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 0.375rem 0.375rem 0.375rem 0; border-color: transparent #3c3b3b transparent transparent; }

.easy-tooltip[x-position=bottom]:after { content: ''; position: absolute; top: -0.375rem; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 0.375rem 0.375rem 0.375rem; border-color: transparent transparent #3c3b3b transparent; }

.easy-tooltip.light-coloured { background: #F8F8F8; color: #3c3b3b; }

.easy-tooltip.light-coloured[x-position=top]:after { border-color: #F8F8F8 transparent transparent transparent; }

.easy-tooltip.light-coloured[x-position=right]:after { border-color: transparent #F8F8F8 transparent transparent; }

.easy-tooltip.light-coloured[x-position=left]:after { border-color: transparent transparent transparent #F8F8F8; }

.easy-tooltip.light-coloured[x-position=bottom]:after { border-color: transparent transparent #F8F8F8 transparent; }

/*** END app/styles/components/easy-tooltip.scss ***/
/*** START app/styles/components/basic-dropdown.scss ***/
.basic-dropdown { display: block; position: relative; user-select: none; outline: none; }

.basic-dropdown.open { z-index: 2; }

.basic-dropdown:disabled { opacity: 1; }

.basic-dropdown__list { width: 100vw; height: 100dvh; background: white; border: none; list-style: none; margin: 0; padding: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100% - 2.0625rem); padding-bottom: 1.875rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .basic-dropdown__list { position: absolute; width: auto; height: auto; max-width: 18.75rem; min-width: 12.5rem; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); top: 100%; max-height: 30vh; padding-bottom: 0; } .basic-dropdown__list [class^="noq-icon-"], .basic-dropdown__list [class*=" noq-icon-"] { padding-right: 0.8em; } }

.basic-dropdown__list .basic-dropdown__list-item:hover { background: #F8F8F8; color: #4c4b4b; text-decoration: none; }

.basic-dropdown__list .basic-dropdown__list-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media only screen and (max-width: 62.5rem) { .basic-dropdown__list .basic-dropdown__list-item:last-child { padding-bottom: 5rem; } }

.basic-dropdown__list .basic-dropdown__list-item > * { color: #4c4b4b; padding: 0.75rem 0.5rem 0.75rem 1rem; font-size: 1rem; font-weight: 400; text-decoration: none !important; text-align: left; display: block; line-height: 1.5rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .basic-dropdown__list .basic-dropdown__list-item > * { padding: 0.375rem 1rem; font-size: 0.875rem; color: #4c4b4b; } }

/*** END app/styles/components/basic-dropdown.scss ***/
/*** START app/styles/components/checkout-item-multishipping-details.scss ***/
.checkout-item-multishipping-details__address { border-left: 4px solid rgba(0, 0, 0, 0.2); padding: 0.25rem 0 0.25rem 0.75rem; font-size: 0.75rem; margin-top: 0.25rem; }

.checkout-item-multishipping-details__gift-message { font-size: 0.75rem; border-left: 4px solid rgba(0, 0, 0, 0.2); padding: 0.25rem 0 0.25rem 0.75rem; margin-top: 0.25rem; }

/*** END app/styles/components/checkout-item-multishipping-details.scss ***/
/*** START app/styles/components/make-gift-tooltip.scss ***/
.make-gift-tooltip__content { text-align: left !important; max-width: 400px !important; }

.make-gift-tooltip__content li { margin-left: 1em; }

.make-gift-tooltip.substitutions { display: inline-block; }

/*** END app/styles/components/make-gift-tooltip.scss ***/
/*** START app/styles/components/manager-dialogs.scss ***/
@keyframes dialog-slide-in { from { top: 200%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  to { top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

.noq-dialog__substrate { display: block; position: fixed; width: 100vw; height: 100dvh; top: 0; left: 0; margin: 0; padding-top: 0.625rem; }

.noq-dialog__substrate:before, .noq-dialog__substrate.noq-icon-right-open-big-after:after { display: block; content: ''; position: absolute; min-width: 100vw; min-height: 100dvh; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); }

.noq-dialog { position: fixed; margin: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; font-size: 0.875rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-animation: modal-slide-in 0.15s; -moz-animation: modal-slide-in 0.15s; animation: modal-slide-in 0.15s; }

.noq-dialog__body { position: relative; background: #F8F8F8; padding: 1rem; width: auto; }

@media only screen and (max-width: 62.5rem) { .noq-dialog__body { margin: 0 auto; max-width: 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-dialog__body { margin: 2.5rem auto; max-width: 90%; box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); } }

.noq-dialog__body p { font-size: 0.875rem; }

.noq-dialog__body p:last-child { margin-bottom: 0; }

.noq-dialog__body .panel { background-color: white; border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.1); padding: 2.25rem 1.5rem; }

.noq-dialog__body .panel:not(:last-child) { margin-bottom: 1rem; }

.noq-dialog__body .panel:last-child:not(:first-child) { padding: 1rem 1.5rem; }

.noq-dialog__body .panel p { text-align: center; }

.noq-dialog-title { font-weight: 700; padding-bottom: 0.75rem; }

.noq-dialog__buttons { padding-top: 1.5rem; white-space: nowrap; }

.noq-dialog__buttons:before, .noq-dialog__buttons:after { content: " "; display: table; }

.noq-dialog__buttons:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .noq-dialog__buttons { text-align: center; } }

.dialog-button { float: right; min-width: 6.25rem; margin-bottom: 0.3125rem; margin-left: 0.3125rem; }

@media only screen and (max-width: 62.5rem) { .dialog-button { box-sizing: border-box; display: block; width: 100%; } }

.noq-dialog__product-list { background: #f2f2f2; list-style: none; padding: 0.125rem; margin: 0; }

.noq-dialog__product-tile { background: white; position: relative; font-size: 0.8125rem; min-height: 4.625rem; padding: 0.75rem 1rem 0.75rem 5.125rem; }

.noq-dialog__product-tile:not(:last-child) { margin-bottom: 0.125rem; }

.noq-dialog__product-tile__image { width: 3.125rem; height: 3.125rem; position: absolute !important; top: 0.75rem; left: 1rem; }

.noq-dialog__product-tile__name, .noq-dialog__product-tile__option-summary { opacity: 0.7; }

.noq-dialog-alert__body, .noq-dialog-confirm__body, .noq-dialog-error__body { max-width: 25rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-dialog-alert__body, .noq-dialog-confirm__body, .noq-dialog-error__body { min-width: 18.75rem; } }

.noq-dialog-cart-changed__body { width: 30rem; }

.noq-dialog-cart-changed__body .panel p { text-align: left; }

.noq-dialog-cart-changed__product-list { background: #f2f2f2; list-style: none; padding: 0.125rem; margin: 0; }

.noq-dialog__product-tile { background: white; position: relative; font-size: 0.8125rem; min-height: 4.625rem; padding: 0.75rem 1rem 0.75rem 5.125rem; }

.noq-dialog__product-tile:not(:last-child) { margin-bottom: 0.125rem; }

.noq-dialog-cart-items-excluded__body { width: 30rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-dialog-cart-alcohol-delivery-restricted__body, .noq-dialog-cart-tobacco-delivery-restricted__body { width: 37.5rem !important; } }

.noq-dialog-cart-merged__body { width: 30rem; }

.noq-dialog-cart-merged__product-tile__badge { background: #0288d1; color: white; padding: 0.0625rem 0.25rem 0.0625rem 0.375rem; font-size: 0.6875rem; position: relative; position: absolute; top: 0; left: 0; }

.noq-dialog-cart-merged__product-tile__badge:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 1.125rem 0.5rem 0 0; border-color: #0288d1 transparent transparent transparent; position: absolute; right: -0.5rem; top: 0; }

.noq-dialog__product-tile.added .noq-dialog-cart-merged__product-tile__badge { background: #64AA5D; }

.noq-dialog__product-tile.added .noq-dialog-cart-merged__product-tile__badge:after { border-top-color: #64AA5D; }

.noq-dialog-cart-merged__product-tile__prices { margin-top: 0.5rem; }

.noq-dialog-cart-merged__product-tile__old-price { display: inline-block; padding-right: 0.5rem; text-decoration: line-through; opacity: 0.6; }

.noq-dialog-cart-merged__product-tile__old-price > .price-display { text-decoration: line-through; }

.noq-dialog-cart-merged__product-tile__new-price { display: inline-block; color: #0288d1; font-weight: 500; }

.noq-dialog__product-tile.added .noq-dialog-cart-merged__product-tile__new-price { color: #64AA5D; }

.noq-dialog-cart-partnerupdated__body { width: 30rem; }

.noq-dialog-confirm-selected-store__body { width: 33.75rem; }

.confirm-selected-store__store-name { font-size: 1.25rem; font-weight: 600; background-color: #FFFAF0; border: 0.125rem dashed rgba(0, 0, 0, 0.1); border-radius: 0.3125rem; margin: 0.5rem auto; width: auto; display: table; padding: 0.25rem 1rem; min-width: 12.25rem; }

.confirm-selected-store__locations-heading { margin-bottom: 0.25rem; text-align: left !important; }

.confirm-selected-store__locations-table { width: 100%; font-size: 0.875rem; margin-bottom: 1.5rem; }

.confirm-selected-store__locations-table td { vertical-align: middle; padding: 0.5rem 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

.confirm-selected-store__locations-table td:last-child { width: 1px; }

.confirm-selected-store__locations-table button { white-space: nowrap; margin-left: 1rem; padding: 0.5rem 1rem; }

.confirm-selected-store__location-address .address-display__heading { font-weight: 600; }

.confirm-selected-store__location-address .address-display__street-address { display: inline; }

.confirm-selected-store__location-address .address-display__street-address:after { content: ', '; margin-left: -0.1875rem; }

.confirm-selected-store__delivery-postcode-dropdown { margin-bottom: -0.3125rem; }

ul + p.conditional-margin-top { margin-top: 1.25rem; }

/*** END app/styles/components/manager-dialogs.scss ***/
/*** START app/styles/components/modal-dialog.scss ***/
.noq-modal-substrate { display: none; }

@media only screen and (min-width: calc(75rem + 1px)) { .noq-modal-substrate { display: block; position: fixed; width: 100vw; height: 100dvh; top: 0; left: 0; margin: 0px; padding-top: 0.625rem; } .noq-modal-substrate:before, .noq-modal-substrate.noq-icon-right-open-big-after:after { display: block; content: ''; position: absolute; min-width: 100vw; min-height: 100dvh; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); } }

.noq-modal-dialog { position: fixed; margin: 0; top: 0; bottom: 0; left: 0; right: 0; background: white; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-dialog { -webkit-animation: modal-slide-in 0.2s; -moz-animation: modal-slide-in 0.2s; animation: modal-slide-in 0.2s; width: auto; height: auto; margin: auto; max-width: 90%; top: 50%; bottom: auto; box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); -webkit-transition: margin-top 0.2s; -moz-transition: margin-top 0.2s; transition: margin-top 0.2s; } }

.noq-modal-dialog__header { border-bottom: 1px solid #d1d2d3; }

.noq-modal-dialog__header:before, .noq-modal-dialog__header:after { content: " "; display: table; }

.noq-modal-dialog__header:after { clear: both; }

@media only screen and (max-width: 75rem) { .noq-modal-dialog__header { padding: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-dialog__header { padding: 1rem 1.5rem; } }

.noq-modal-dialog--structured { max-height: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-dialog--structured { max-height: 90vh; } }

.noq-modal-dialog__body { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1rem; height: 100%; max-height: calc(100% - 2.75rem); width: 100%; max-width: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-dialog__body { float: left; height: auto; max-height: 90vh; width: auto; } }

.noq-modal-dialog__body--structured { max-height: 50vh; }

.egr-form__form--register .noq-modal-dialog__body--structured { z-index: -1; }

.noq-modal-dialog__footer { clear: both; padding: 1rem 1.5rem; border-top: 1px solid #d1d2d3; }

.noq-modal-dialog__footer:before, .noq-modal-dialog__footer:after { content: " "; display: table; }

.noq-modal-dialog__footer:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .noq-modal-dialog__footer { padding: 0.75rem; position: absolute; bottom: 0; width: 100%; } }

.noq-modal-dialog__close { font-size: 2.375rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; position: absolute; top: -1.25rem; right: -2.0625rem; padding: 0; cursor: pointer; text-shadow: 2px 2px 4px black; }

.noq-modal-dialog__close:hover, .noq-modal-dialog__close:focus { background-color: rgba(0, 0, 0, 0); }

.noq-modal-dialog__close:hover, .noq-modal-dialog__close:focus { color: #044070; }

.noq-modal-dialog__close:before, .noq-modal-dialog__close.noq-icon-right-open-big-after:after { content: '×'; }

.noq-modal-dialog__close:hover { color: #0288D1; text-decoration: none; }

@media only screen and (max-width: 62.5rem) { .noq-modal-dialog__close { font-size: 1.5rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #85817e; top: 0.25rem; right: 0; width: 2rem; height: 2rem; } .noq-modal-dialog__close:hover, .noq-modal-dialog__close:focus { background-color: rgba(0, 0, 0, 0); } .noq-modal-dialog__close:hover, .noq-modal-dialog__close:focus { color: #85817e; } .noq-modal-dialog__close:before, .noq-modal-dialog__close.noq-icon-right-open-big-after:after { content: '\d7'; font-family: 'fontello'; } .noq-modal-dialog__close:hover { color: #7d7c7c; text-decoration: none; } .noq-modal-dialog__close::after { content: ''; display: block; position: absolute; top: -0.375rem; bottom: -0.375rem; left: -0.375rem; right: -0.375rem; z-index: -1; } }

@keyframes modal-slide-in { from { -webkit-transform: translateX(120%);
    -moz-transform: translateX(120%);
    -ms-transform: translateX(120%);
    -o-transform: translateX(120%);
    transform: translateX(120%); }
  to { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes modal-slide-out { from { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { @keyframes modal-slide-in { from { top: 200%; } } }

.modal-dialog-mobile-header { position: relative; background: #0288D1; padding: 0 1rem; color: #ffffff; text-align: center; height: 2.75rem; font-size: 1.125rem; line-height: 2.75rem; }

.modal-dialog-mobile-header__back-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; position: absolute; left: 0; top: 0; width: 2.75rem; height: 100%; font-size: 1.5rem; line-height: 0; text-align: center; padding: 0; }

.modal-dialog-mobile-header__back-button:hover, .modal-dialog-mobile-header__back-button:focus { background-color: rgba(0, 0, 0, 0); }

.modal-dialog-mobile-header__back-button:hover, .modal-dialog-mobile-header__back-button:focus { color: #ffffff; }

.modal-dialog-mobile-header__back-button:hover, .modal-dialog-mobile-header__back-button:active, .modal-dialog-mobile-header__back-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .modal-dialog-mobile-header__back-button, .modal-dialog-mobile-header__back-button[disabled], .modal-dialog-mobile-header__back-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.modal-dialog-mobile-header__back-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.modal-dialog-mobile-header__back-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.modal-dialog-mobile-header__back-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.modal-dialog-mobile-header__back-button.small { padding: 0.375rem 0.75rem; }

.modal-dialog-mobile-header__back-button:before, .modal-dialog-mobile-header__back-button.noq-icon-right-open-big-after:after { content: '<'; font-family: 'fontello'; }

/*** END app/styles/components/modal-dialog.scss ***/
/*** START app/styles/components/modal-document.scss ***/
.noq-modal-document { position: fixed; margin: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 62.5rem) { .noq-modal-document { background: white; box-shadow: -3px 0 20px rgba(0, 0, 0, 0.2); -webkit-animation: modal-slide-in 0.2s; -moz-animation: modal-slide-in 0.2s; animation: modal-slide-in 0.2s; } .is-closing .noq-modal-document { -webkit-animation: modal-slide-out 0.2s; -moz-animation: modal-slide-out 0.2s; animation: modal-slide-out 0.2s; -webkit-transform: translateX(120%); -moz-transform: translateX(120%); -ms-transform: translateX(120%); -o-transform: translateX(120%); transform: translateX(120%); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-document { background: transparent; -webkit-animation: modal-slide-in 0.15s; -moz-animation: modal-slide-in 0.15s; animation: modal-slide-in 0.15s; } }

.noq-modal-document__mobile-header { background: #0288D1; color: #ffffff; text-align: center; font-size: 1.125rem; position: fixed; top: 0; left: 0; width: 100%; height: 2.75rem; line-height: 2.75rem; z-index: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 1.875rem; padding-right: 1.5rem; -webkit-animation: modal-slide-in 0.2s; -moz-animation: modal-slide-in 0.2s; animation: modal-slide-in 0.2s; }

.is-closing .noq-modal-document__mobile-header { -webkit-animation: modal-slide-out 0.2s; -moz-animation: modal-slide-out 0.2s; animation: modal-slide-out 0.2s; -webkit-transform: translateX(120%); -moz-transform: translateX(120%); -ms-transform: translateX(120%); -o-transform: translateX(120%); transform: translateX(120%); }

.noq-modal-document__body { position: relative; background: white; }

@media only screen and (max-width: 75rem) { .noq-modal-document__body { width: 100%; margin: 0; padding: 0; max-width: 100%; margin-top: 2.75rem; } .noq-modal-document__body > .panel { background: transparent; border: 0; } .noq-modal-document__body .egr-form__submission:last-child { margin-bottom: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-modal-document__body { padding: 1rem; width: auto; margin: 2rem auto; max-width: 90vw; box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); } .noq-modal-document__body > .panel { padding: 2rem; } }

@media only screen and (max-width: 75rem) { .mobile-search-modal { background: white; } }

.noq-modal-document__close { font-size: 2.375rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #FFF; position: absolute; top: -1.25rem; right: -2.0625rem; padding: 0; cursor: pointer; z-index: 2; }

.noq-modal-document__close:hover, .noq-modal-document__close:focus { background-color: rgba(0, 0, 0, 0); }

.noq-modal-document__close:hover, .noq-modal-document__close:focus { color: #FFF; }

.noq-modal-document__close:before, .noq-modal-document__close.noq-icon-right-open-big-after:after { content: '×'; }

.noq-modal-document__close:hover { color: #FFF; text-decoration: none; }

@media only screen and (max-width: 62.5rem) { .noq-modal-document__close { font-size: 1.5rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #85817e; top: 0; left: 0; width: 2.75rem; height: 2.75rem; color: #ffffff; position: fixed; text-align: center; } .noq-modal-document__close:hover, .noq-modal-document__close:focus { background-color: rgba(0, 0, 0, 0); } .noq-modal-document__close:hover, .noq-modal-document__close:focus { color: #85817e; } .noq-modal-document__close:before, .noq-modal-document__close.noq-icon-right-open-big-after:after { content: '<'; font-family: 'fontello'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 2.75rem; color: #ffffff !important; } .noq-modal-document__close:hover { color: #7d7c7c; text-decoration: none; } }

/*** END app/styles/components/modal-document.scss ***/
/*** START app/styles/components/products-sortby.scss ***/
.products-sortby { position: relative; }

@media only screen and (max-width:  31em) { .products-sortby { margin-right: 0.25rem; } }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .products-sortby { margin-right: 0.5rem; } }

@media only screen and (max-width: 62.5rem) { .products-sortby-label { position: absolute; left: 0.75rem; top: 0.5625rem; font-size: 0.8125rem; vertical-align: middle; padding: 0; font-weight: 600; color: #333; pointer-events: none; } .products-sortby-dropdown { font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; display: inline-block; vertical-align: middle; font-size: 0.875rem; padding: 0.3125rem 0.5rem 0.3125rem 4.25rem; width: 100%; height: 2.1875rem; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-appearance: none !important; -moz-appearance: none !important; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; } .products-sortby-dropdown::-webkit-input-placeholder { color: #ccc; } .products-sortby-dropdown:-moz-placeholder { /* Firefox 18- */ color: #ccc; } .products-sortby-dropdown::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } .products-sortby-dropdown:-ms-input-placeholder { color: #ccc; } .products-sortby-dropdown.disabled, .products-sortby-dropdown[disabled], .egr-form__fieldset[disabled] .products-sortby-dropdown { background: #F8F8F8; color: #7d7c7c; } .products-sortby-dropdown[readonly] { background: #F8F8F8; color: #7d7c7c; } }

@media only screen and (max-width: 62.5rem) and (min-width: calc(62.5rem + 1px)) { .products-sortby-dropdown:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

@media only screen and (max-width: 62.5rem) { .products-sortby-dropdown.error.validation-visible { border: 1px solid #D16262; } }

.products-sortby__button { width: 100%; padding: 0 1.5rem 0 0.5rem; height: 2.1875rem; text-align: left; background-color: #FFF; color: #4c4b4b; border: 0.0625rem solid #e3e4e6; }

.products-sortby__button:focus, .products-sortby__button:hover { background-color: #FFF; color: #4c4b4b; }

.products-sortby__button .noq-icon-down, .products-sortby__button .noq-icon-up { display: block; position: absolute; right: 0.125rem; top: 0.4375rem; }

.products-sortby__button > em { color: #5FAB58; margin-left: 0.25rem; font-style: normal; }

.products-sortby__dropdown.open .products-sortby__button > em { color: #ffffff; }

.products-sortby__dropdown { display: block; position: relative; line-height: 1.125rem; }

.products-sortby__dropdown.open .products-sortby__button { background-color: #5FAB58; color: #ffffff; }

.products-sortby__dropdown .basic-dropdown__list { max-height: max-content; width: 100%; }

.products-sortby__name { font-weight: 600; }

.products-sortby__variant { float: right; vertical-align: baseline; padding: 0; }

/*** END app/styles/components/products-sortby.scss ***/
/*** START app/styles/components/product-quantity-stepper.scss ***/
.product-quantity-stepper { text-align: center; display: inline-block; width: auto; height: 2.25rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-quantity-stepper { min-width: 13.75rem; } }

.product-quantity-stepper .product-quantity-stepper__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0; font-size: 1.125rem; font-family: fontello; text-align: center; height: 100%; width: 2.25rem; }

.product-quantity-stepper .product-quantity-stepper__button:hover, .product-quantity-stepper .product-quantity-stepper__button:focus { background-color: #4b8a45; }

.product-quantity-stepper .product-quantity-stepper__button:hover, .product-quantity-stepper .product-quantity-stepper__button:focus { color: #ffffff; }

.product-quantity-stepper .product-quantity-stepper__button:hover, .product-quantity-stepper .product-quantity-stepper__button:active, .product-quantity-stepper .product-quantity-stepper__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-quantity-stepper .product-quantity-stepper__button, .product-quantity-stepper .product-quantity-stepper__button[disabled], .product-quantity-stepper .product-quantity-stepper__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-quantity-stepper .product-quantity-stepper__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-quantity-stepper .product-quantity-stepper__button.spinner.loading:before, .product-quantity-stepper .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-quantity-stepper .product-quantity-stepper__button.spinner.loading:before:after, .product-quantity-stepper .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.product-quantity-stepper .product-quantity-stepper__button.small { padding: 0.375rem 0.75rem; }

.product-quantity-stepper .product-quantity-stepper__button--minus { border-right: 1px solid rgba(0, 0, 0, 0.1); float: left; border-radius: 0.25rem 0 0 0.25rem; }

.product-quantity-stepper .product-quantity-stepper__button--plus { border-left: 1px solid rgba(0, 0, 0, 0.1); float: right; border-radius: 0 0.25rem 0.25rem 0; }

.product-quantity-stepper .product-quantity-stepper__select-container { display: inline-block; position: relative; background: #5FAB58; white-space: nowrap; height: 100%; vertical-align: bottom; width: calc(100% - 4.5rem); }

.product-quantity-stepper .product-quantity-stepper__select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; border-radius: 0; border: 0; -webkit-appearance: none !important; width: 100%; height: 100%; margin: 0; text-align: center; text-align-last: center; padding: 0 1rem 0 0; }

.product-quantity-stepper .product-quantity-stepper__select::-ms-expand { display: none; }

.product-quantity-stepper .product-quantity-stepper__select:disabled { background-color: #f3f3f3; }

html.pointerevents .product-quantity-stepper .product-quantity-stepper__select { background-position: right -0.1875rem center; background-image: none; }

.product-quantity-stepper .product-quantity-stepper__select:hover, .product-quantity-stepper .product-quantity-stepper__select:focus { outline: none; }

.product-quantity-stepper .product-quantity-stepper__select:hover + .product-quantity-stepper__select-overlay-button, .product-quantity-stepper .product-quantity-stepper__select:focus + .product-quantity-stepper__select-overlay-button { background-color: #4b8a46; }

.product-quantity-stepper .product-quantity-stepper__select-overlay-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5FAB58; color: #ffffff; pointer-events: none; font-size: 0.75rem; font-weight: 500; border: 0; }

.product-quantity-stepper .product-quantity-stepper__select-overlay-button .qty { font-size: 0.875rem; }

.product-quantity-stepper .product-quantity-stepper__select-overlay-button:after { content: '\25be'; font-family: 'fontello'; display: inline-block; vertical-align: middle; color: #ffffff; font-size: 0.625rem; line-height: 0; margin-top: -0.125rem; padding-left: 0.25rem; }

html.no-pointerevents .product-quantity-stepper .product-quantity-stepper__select { color: #ffffff; background-color: #5FAB58; width: 3.5rem; text-align: left; text-align-last: left; padding: 0 0.5rem; display: block; float: left; }

html.no-pointerevents .product-quantity-stepper .product-quantity-stepper__select-overlay-button { width: 5.625rem; display: inline; position: relative; height: 2rem; }

html.no-pointerevents .product-quantity-stepper .product-quantity-stepper__select-overlay-button .qty, html.no-pointerevents .product-quantity-stepper .product-quantity-stepper__select-overlay-button .in-cart-label { display: none; }

html.no-pointerevents .product-quantity-stepper .product-quantity-stepper__select-overlay-button:after { content: none; }

html.no-pointerevents .product-details-instance__quantity .product-quantity-stepper .product-quantity-stepper__select-overlay-button { display: none; }

.product-quantity-stepper .product-quantity-stepper__add-another-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0; font-size: 0.875rem; text-align: center; height: 100%; width: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1); float: right; padding-left: 2.25rem; }

.product-quantity-stepper .product-quantity-stepper__add-another-button:hover, .product-quantity-stepper .product-quantity-stepper__add-another-button:focus { background-color: #4b8a45; }

.product-quantity-stepper .product-quantity-stepper__add-another-button:hover, .product-quantity-stepper .product-quantity-stepper__add-another-button:focus { color: #ffffff; }

.product-quantity-stepper .product-quantity-stepper__add-another-button:hover, .product-quantity-stepper .product-quantity-stepper__add-another-button:active, .product-quantity-stepper .product-quantity-stepper__add-another-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-quantity-stepper .product-quantity-stepper__add-another-button, .product-quantity-stepper .product-quantity-stepper__add-another-button[disabled], .product-quantity-stepper .product-quantity-stepper__add-another-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-quantity-stepper .product-quantity-stepper__add-another-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-quantity-stepper .product-quantity-stepper__add-another-button.spinner.loading:before, .product-quantity-stepper .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-quantity-stepper .product-quantity-stepper__add-another-button.spinner.loading:before:after, .product-quantity-stepper .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.product-quantity-stepper .product-quantity-stepper__add-another-button.small { padding: 0.375rem 0.75rem; }

.product-quantity-stepper .product-quantity-stepper__add-another-button::after { content: "+"; font-family: fontello; width: 2.25rem; display: table; margin-right: 0; margin-left: auto; font-size: 1.125rem; float: right; }

/*** END app/styles/components/product-quantity-stepper.scss ***/
/*** START app/styles/components/order-item-option-summary.scss ***/
.order-item-option-summary { border-left: 2px solid rgba(0, 0, 0, 0.2); padding: 0.125rem 0 0.125rem 0.5rem; font-size: 0.75rem; margin-top: 0.25rem; }

.order-item-option-summary__option-value { font-weight: 600; font-style: italic; }

.order-item-option-summary__option-value:not(:last-child):after { content: ','; }

.order-item-option-summary__option-value--empty { font-weight: 400; }

.order-item-option-summary__option-value__price { font-weight: 300; }

.order-item-option-summary__notes { font-style: italic; font-weight: 600; }

.order-item-option-summary__notes-editor { margin-bottom: -0.25rem; }

/*** END app/styles/components/order-item-option-summary.scss ***/
/*** START app/styles/components/order-item-quantity-stepper.scss ***/
.order-item-quantity-stepper-wrapper { display: flex; justify-content: end; }

@media only screen and (min-width: 31em) { .order-item-quantity-stepper-wrapper { justify-content: center; } }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper { height: 2.25rem; display: flex; justify-content: center; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0; font-size: 1.125rem; font-family: fontello; text-align: center; height: 100%; width: 2.25rem; border-right: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem 0 0 0.25rem; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:focus { background-color: #4b8a45; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:focus { color: #ffffff; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:active, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus[disabled], .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus.spinner.loading:before, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus.spinner.loading:before:after, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__minus.small { padding: 0.375rem 0.75rem; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0; font-size: 1.125rem; font-family: fontello; text-align: center; height: 100%; width: 2.25rem; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0.25rem 0.25rem 0; font-size: 0.875rem; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:focus { background-color: #4b8a45; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:focus { color: #ffffff; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:hover, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:active, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove[disabled], .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove.spinner.loading:before, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove.spinner.loading:before:after, .order-item-quantity-stepper-wrapper .order-item-quantity-stepper .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__button__remove.small { padding: 0.375rem 0.75rem; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__price-display { background: #5FAB58; white-space: nowrap; width: 16ch; display: grid; place-content: center; color: #ffffff; font-size: 0.75rem; }

.order-item-quantity-stepper-wrapper .order-item-quantity-stepper .order-item-quantity-stepper__price-display__qty { font-weight: 500; }

/*** END app/styles/components/order-item-quantity-stepper.scss ***/
/*** START app/styles/components/order-item-multishipping-details.scss ***/
.order-item-multishipping-details__address { border-left: 2px solid rgba(0, 0, 0, 0.2); padding: 0.125rem 0 0.125rem 0.5rem; font-size: 0.75rem; margin-top: 0.25rem; }

.order-item-multishipping-details__gift-message { font-size: 0.75rem; border-left: 2px solid rgba(0, 0, 0, 0.2); padding: 0.125rem 0 0.125rem 0.5rem; margin-top: 0.25rem; }

/*** END app/styles/components/order-item-multishipping-details.scss ***/
/*** START app/styles/components/order-item-recurring-order-summary.scss ***/
.order-item-recurring-order-summary { border-left: 2px solid rgba(0, 0, 0, 0.2); padding: 0.125rem 0 0.125rem 0.5rem; font-size: 0.75rem; margin-top: 0.25rem; }

/*** END app/styles/components/order-item-recurring-order-summary.scss ***/
/*** START app/styles/components/preferred-substitutions-modal.scss ***/
.preferred-substitutions-modal__body { border-radius: 0.1875rem; width: 50rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body { max-height: 43rem; } }

.preferred-substitutions-modal__body .panel { flex-grow: 1; align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content { align-self: stretch; flex-grow: 1; display: flex; flex-direction: column; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .egr-form__h3 { display: none; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .egr-form__h3 { display: block; } }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control { margin-top: auto; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control input { height: 1.5rem; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control.loading .selectize-input:before, .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control.loading .selectize-input.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; right: 2.25rem; top: 50%; margin-top: -0.4375rem; border-width: 0.15em; opacity: 0.6; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control.loading .selectize-input:before:after, .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content .selectize-control.loading .selectize-input.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original { margin-bottom: 2rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original .original-item__wrapper { display: flex; justify-content: space-between; } }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original .original-item__wrapper .product-finder-option { flex-grow: 1; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original .preferred-substitutions-modal__content__original__can-substitute { margin-top: 1rem; margin-left: 2rem; max-width: 24em; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 0.875rem; font-weight: 500; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original .preferred-substitutions-modal__content__original__can-substitute { display: flex; flex-direction: column; margin: 0.75rem; justify-content: space-between; } }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__original .preferred-substitutions-modal__content__original__can-substitute .can-substitute-checkbox { white-space: nowrap; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__substitutions { flex-grow: 1; flex-direction: column; }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__substitutions .preferred-substitutions-modal__content__substitutions__selected { margin-bottom: 2rem; font-weight: 500; font-size: 0.875rem; --count: 2.5; --size: calc(72px * var(--count)); max-height: var(--size); overflow-y: auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__content__substitutions .preferred-substitutions-modal__content__substitutions__selected { --count: 2; } }

.preferred-substitutions-modal__body .panel .preferred-substitutions-modal__footer button { width: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .preferred-substitutions-modal__body .panel .preferred-substitutions-modal__footer { align-self: flex-end; margin-top: 1rem; } }

/*** END app/styles/components/preferred-substitutions-modal.scss ***/
/*** START app/styles/components/promo-title-bar.scss ***/
.promo-title-bar { position: relative; }

.promo-title-bar:before, .promo-title-bar:after { content: " "; display: table; }

.promo-title-bar:after { clear: both; }

.promo-title-bar__title { display: table; width: 100%; position: relative; color: #4c4b4b; text-align: left; margin: 0 0 0.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.07); }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-title-bar__title { border-radius: 0.1875rem; } }

@media only screen and (max-width: 62.5rem) { .promo-title-bar__title { border-left: 0; border-right: 0; } }

.promo-title-bar__title__save { display: table-cell; position: relative; vertical-align: middle; text-rendering: geometricPrecision; background: #E4313C; color: white; padding: 0.5rem 0 0.5rem 0.5rem; font-weight: 600; margin-right: 1.5rem; text-align: center; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar__title__save { width: 5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-title-bar__title__save { width: 7rem; } }

.promo-title-bar__title__save-arrow { display: table-cell; width: 1.5rem; background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJd2lkdGg9IjQwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCA0MCAyMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQwIDIwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIGZpbGw9IiNFNDMxM0MiIHBvaW50cz0iMCwwIDQwLDEwMCAwLDIwMCAiLz4KPC9zdmc+"); background-repeat: no-repeat; background-position: right center; }

.promo-title-bar__title__description { padding: 0.375rem 0 0 1.5rem; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar__title__description { font-size: 1.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-title-bar__title__description { font-size: 1.5rem; } }

.promo-title-bar__title__definition { padding: 0.25rem 0 0.5rem 1.5rem; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar__title__definition { font-size: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-title-bar__title__definition { font-size: 0.875rem; } }

.promo-title-bar__title__asterisk { display: inline-block; position: relative; }

.promo-title-bar__title__asterisk::after { content: ''; display: block; position: absolute; top: -1.3125rem; bottom: -1.3125rem; left: -1.3125rem; right: -1.3125rem; z-index: -1; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar__title__asterisk { font-size: 0.875rem; line-height: 0.875rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-title-bar__title__asterisk { padding: 0 0.125rem; font-size: 1rem; } }

.promo-title-bar__title__asterisk:hover { cursor: default; text-decoration: none; }

.promo-progress-meter { font-size: 0.875rem; color: #4c4b4b; height: 2.75rem; }

@media only screen and (max-width:  31em) { .promo-progress-meter__unstarted, .promo-progress-meter__progress-panel, .promo-progress-meter__complete { height: 2.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-progress-meter__unstarted, .promo-progress-meter__progress-panel, .promo-progress-meter__complete { border-radius: 0.1875rem; } }

.promo-progress-meter__unstarted { padding: 0.625rem 1rem; border: 1px solid rgba(0, 0, 0, 0.07); background: #FFF; text-align: center; white-space: nowrap; font-weight: 600; line-height: 1.3125rem; }

.promo-progress-meter__progress-panel { border: 1px solid rgba(0, 0, 0, 0.07); background: #FFF; padding: 0.625rem 1rem; }

.promo-progress-meter__progress-panel:before, .promo-progress-meter__progress-panel:after { content: " "; display: table; }

.promo-progress-meter__progress-panel:after { clear: both; }

@media only screen and (max-width:  31em) { .promo-progress-meter__progress-panel { font-size: 0.8125rem; padding: 0.75rem 0.5rem; } }

.promo-progress-meter__complete { display: flex; justify-content: center; padding: 0.375rem 1rem; background: #fdfadb; border: 1px solid #ffd220; }

.promo-progress-meter__complete .unlocked-message { display: inline-block; font-weight: 600; padding: 0.25rem 0.75rem 0.25rem 0; }

.promo-progress-meter__complete .savings { display: inline-block; background: #E4313C; color: white; font-weight: 500; padding: 0.25rem 0.75rem; box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.1); }

.promo-progress-meter__message { float: left; font-weight: 600; margin-right: 1rem; }

@media only screen and (max-width:  31em) { .promo-progress-meter__message { display: none; } }

.promo-progress-meter__prompt { overflow: hidden; white-space: nowrap; font-weight: 600; text-align: right; float: right; margin-left: 1rem; }

.promo-progress-meter__prompt.highlight { color: #E4313C; }

.promo-progress-meter__bar { background: white; margin-top: 0.3125rem; box-shadow: inset 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.1); outline: 0.0625rem solid rgba(0, 0, 0, 0.1); border: 0.0625rem solid white; border-radius: 0.125rem; overflow: hidden; height: 0.75rem; }

.promo-progress-meter__bar:before, .promo-progress-meter__bar:after { content: " "; display: table; }

.promo-progress-meter__bar:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .promo-progress-meter__bar { margin-top: 0.25rem; } }

.is-unstarted .promo-progress-meter__bar { opacity: 0; }

.promo-progress-meter__bar__fill { float: left; background: #E4313C; height: 100%; -webkit-animation: progress-meter-fill 1.5s; -moz-animation: progress-meter-fill 1.5s; animation: progress-meter-fill 1.5s; -webkit-transition: width 1s; -moz-transition: width 1s; transition: width 1s; }

@keyframes progress-meter-fill { 0% { width: 0; }
  30% { width: 0; } }

.promo-title-bar--promo-page .promo-title-bar__progress-meter, .promo-title-bar--promo-page-all .promo-title-bar__progress-meter { width: 100%; text-align: center; }

@media only screen and (min-width: 31em) { .promo-title-bar--promo-page .promo-title-bar__progress-meter, .promo-title-bar--promo-page-all .promo-title-bar__progress-meter { margin-bottom: 0.5rem; } }

@media only screen and (max-width:  31em) { .promo-title-bar--promo-page .promo-title-bar__progress-meter, .promo-title-bar--promo-page-all .promo-title-bar__progress-meter { margin-bottom: 0.25rem; } }

.promo-title-bar--promo-page { -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar--promo-page .promo-title-bar__title { border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } }

.promo-title-bar--carousel { margin: 0.75rem 0 0; }

@media only screen and (max-width: 62.5rem) { .promo-title-bar--carousel { margin-top: 0; } }

.promo-title-bar--footnote-symbol { vertical-align: baseline; }

/*** END app/styles/components/promo-title-bar.scss ***/
/*** START app/styles/components/product-finder-option.scss ***/
.product-finder-option { padding: 0.75rem; overflow: hidden; background-color: white; }

.product-finder-option .product-finder-option__delete { display: none; }

.product-finder-option.is-deletable { border-bottom: 1px solid #d1d2d3; }

.product-finder-option.is-deletable .product-finder-option__delete { display: flex; margin-left: auto; }

.product-finder-option.is-deletable .product-finder-option__delete button { cursor: pointer; border: none; background: transparent; color: #4c4b4b; padding: 0 1rem; font-size: 1.25em; }

.product-finder-option__inner { display: flex; overflow: hidden; }

.product-finder-option__product-image { flex-basis: 3rem; flex-shrink: 0; margin-right: 0.5rem; }

.product-finder-option__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize; font-size: 0.875rem; padding: 0.25rem 0.5rem; font-weight: 500; color: #4c4b4b; }

.product-finder-option__label .product-finder-option__label__price { font-size: 0.75rem; font-weight: 300; }

/*** END app/styles/components/product-finder-option.scss ***/
/*** START app/styles/components/filter-controls.scss ***/
.filter-controls { display: inline; }

.filter-controls__main-button, .products-sortby { height: 2.1875rem; white-space: nowrap; }

@media only screen and (max-width:  31em) { .filter-controls__main-button, .products-sortby { float: left; width: calc(50% - 0.125rem); } }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .filter-controls__main-button, .products-sortby { float: left; width: calc(50% - 0.25rem); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-controls__main-button, .products-sortby { display: inline-block; vertical-align: top; } }

.filter-controls__main-button { padding-top: 0.5rem; float: none; display: inline; }

.filter-controls__title { margin-bottom: 1rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-controls-modal-dialog { padding: 1rem; background: #F8F8F8; } }

.filter-controls-modal-header { padding-bottom: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-controls-modal-header { background: white; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 0; } }

.filter-controls-modal-body { padding: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-controls-modal-body { width: 37.5rem; border: 1px solid rgba(0, 0, 0, 0.05); border-top: 0; background: white; overflow: hidden; height: 25rem; } }

.filter-controls-modal-footer { padding: 0; border: 0; }

.filter-controls__tab-container { height: 100%; }

.filter-controls__clear-group-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; float: right; }

.filter-controls__clear-group-button:hover, .filter-controls__clear-group-button:focus { background-color: rgba(0, 0, 0, 0); }

.filter-controls__clear-group-button:hover, .filter-controls__clear-group-button:focus { color: #5FAB58; }

.filter-controls__clear-group-button:hover, .filter-controls__clear-group-button:focus, .filter-controls__clear-group-button:active { background: transparent; text-decoration: underline; }

.filter-controls-tag { display: inline-block; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1.875rem; font-size: 0.8125rem; padding: 0.3125rem 2rem 0.3125rem 1rem; position: relative; margin: 0.25rem 0 0.125rem 0; line-height: 1.0625rem; cursor: pointer; color: #4c4b4b; }

.filter-controls-tag:after { content: '×'; position: absolute; right: 0.75rem; border: 0; top: 0.9375rem; font-size: 1rem; line-height: 0; }

.filter-controls-tag:hover { background: #e3e4e6; }

html.touch .filter-controls-tag:hover, html.touch .filter-controls-tag:focus { background: white; }

@media only screen and (max-width: 62.5rem) { .filter-controls__quick-filters { display: block; margin-top: 2px; } }

.filter-controls-tag--quick-filter { max-width: 200px; white-space: nowrap; overflow: hidden; transition: max-width 0.3s ease, opacity 0.3s ease, margin 0.3s ease, padding 0.3s ease; }

.filter-controls-tag--quick-filter:disabled { max-width: 0; opacity: 0; margin: 0 -2px; padding-left: 0; padding-right: 0; }

.filter-controls-tag--quick-filter .icon { width: 18px; height: 18px; vertical-align: bottom; margin-right: 4px; margin-left: -4px; }

.filter-controls-tag--quick-filter.inactive { background: transparent; border-style: dashed; }

.filter-controls-tag--quick-filter.inactive .icon { opacity: 0.5; filter: grayscale(1); }

.filter-controls-tag--quick-filter.inactive:after { color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 0.8125rem; top: 0.3125rem; height: 0.6875rem; width: 0.6875rem; top: 0.5rem; }

.filter-controls-tag--quick-filter.inactive:hover { background: #e3e4e6; }

html.touch .filter-controls-tag--quick-filter.inactive:hover, html.touch .filter-controls-tag--quick-filter.inactive:focus { background: transparent; }

.filter-controls__clear-all-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; display: inline-block; font-size: 0.8125rem; margin-top: 0.5rem; margin-left: 0.25rem; }

.filter-controls__clear-all-button:hover, .filter-controls__clear-all-button:focus { background-color: rgba(0, 0, 0, 0); }

.filter-controls__clear-all-button:hover, .filter-controls__clear-all-button:focus { color: #044070; }

.filter-controls__clear-all-button:hover, .filter-controls__clear-all-button:focus, .filter-controls__clear-all-button:active { background: transparent; text-decoration: underline; }

@media only screen and (max-width: 62.5rem) { .filter-controls__clear-all-button { padding-left: 0.25rem; } }

.filter-control--minPrice, .filter-control--maxPrice { position: relative; display: block; margin-bottom: 0.25rem; }

.filter-control--minPrice:before, .filter-control--minPrice:after, .filter-control--maxPrice:before, .filter-control--maxPrice:after { content: " "; display: table; }

.filter-control--minPrice:after, .filter-control--maxPrice:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .filter-control--minPrice, .filter-control--maxPrice { margin-left: 1.375rem; margin-right: 1.375rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-control--minPrice, .filter-control--maxPrice { margin-left: 1rem; margin-right: 1rem; } }

.filter-control--minPrice:before, .filter-control--minPrice.noq-icon-right-open-big-after:after, .filter-control--maxPrice:before, .filter-control--maxPrice.noq-icon-right-open-big-after:after { content: '$'; position: absolute; top: 0.375rem; opacity: 0.7; }

@media only screen and (max-width: 62.5rem) { .filter-control--minPrice:before, .filter-control--minPrice.noq-icon-right-open-big-after:after, .filter-control--maxPrice:before, .filter-control--maxPrice.noq-icon-right-open-big-after:after { right: 8.125rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-control--minPrice:before, .filter-control--minPrice.noq-icon-right-open-big-after:after, .filter-control--maxPrice:before, .filter-control--maxPrice.noq-icon-right-open-big-after:after { right: 12rem; } }

@media only screen and (max-width: 62.5rem) { .filter-control--minPrice { margin-top: 0.75rem; } }

.filter-control--numeric__title { font-size: 0.875rem; font-weight: 500; float: left; line-height: 2.25rem; color: #7d7c7c; }

.filter-control--numeric__input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; float: right; margin: 0; -moz-appearance: textfield; }

.filter-control--numeric__input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.filter-control--numeric__input:disabled { background-color: #f3f3f3; }

.filter-control--numeric__input[disabled], .filter-control--numeric__input[readonly], fieldset[disabled] .filter-control--numeric__input { background-color: #f3f3f3; }

.filter-control--numeric__input::-webkit-input-placeholder { color: #cccccc; }

.filter-control--numeric__input:-moz-placeholder { /* Firefox 18- */ color: #cccccc; }

.filter-control--numeric__input::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; }

.filter-control--numeric__input:-ms-input-placeholder { color: #cccccc; }

@media only screen and (max-width: 62.5rem) { .filter-control--numeric__input { width: 7.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-control--numeric__input { width: 11.5rem; } }

.filter-control--numeric__input::-webkit-inner-spin-button { -webkit-appearance: none; }

.filter-control--numeric__clear-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; position: absolute; font-size: 0.75rem; top: 0.625rem; right: 0.5rem; }

.filter-control--numeric__clear-button:hover, .filter-control--numeric__clear-button:focus { background-color: rgba(0, 0, 0, 0); }

.filter-control--numeric__clear-button:hover, .filter-control--numeric__clear-button:focus { color: #5FAB58; }

.filter-control--numeric__clear-button:hover, .filter-control--numeric__clear-button:focus, .filter-control--numeric__clear-button:active { background: transparent; text-decoration: underline; }

/*** END app/styles/components/filter-controls.scss ***/
/*** START app/styles/components/filter-group.scss ***/
.filter-group__tab-panel { padding: 0 !important; }

.filter-group__tab-panel-header { padding: 0.5rem 1rem; background: #F8F8F8; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.filter-group__tab-panel-header:before, .filter-group__tab-panel-header:after { content: " "; display: table; }

.filter-group__tab-panel-header:after { clear: both; }

.filter-group__submenu-modal-body { padding: 0; }

.filter-group__submenu-modal-footer { padding: 0; border: 0; }

.filter-group__search-wrapper { position: relative; float: left; width: 50%; }

.filter-group__search-wrapper:before, .filter-group__search-wrapper:after { content: " "; display: table; }

.filter-group__search-wrapper:after { clear: both; }

.filter-group__search-wrapper .noq-icon-search { position: absolute; top: 0.4375rem; left: 0.5rem; opacity: 0.5; }

.filter-group__search-input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; -webkit-appearance: none; height: 2.3125rem; padding: 0.5rem 1rem 0.5rem 2.375rem; margin: 0; }

.filter-group__search-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.filter-group__search-input:disabled { background-color: #f3f3f3; }

.filter-group__search-input[disabled], .filter-group__search-input[readonly], fieldset[disabled] .filter-group__search-input { background-color: #f3f3f3; }

.filter-group__search-input::-webkit-input-placeholder { color: #a5a5a5; }

.filter-group__search-input:-moz-placeholder { /* Firefox 18- */ color: #a5a5a5; }

.filter-group__search-input::-moz-placeholder { /* Firefox 19+ */ color: #a5a5a5; }

.filter-group__search-input:-ms-input-placeholder { color: #a5a5a5; }

.filter-group__status-wrapper { text-align: right; padding: 0.5rem 1rem; }

.filter-group__status { font-size: 0.875rem; opacity: 0.7; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-group__clear-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; margin-left: 0.5rem; font-size: 0.875rem; } .filter-group__clear-button:hover, .filter-group__clear-button:focus { background-color: rgba(0, 0, 0, 0); } .filter-group__clear-button:hover, .filter-group__clear-button:focus { color: #5FAB58; } .filter-group__clear-button:hover, .filter-group__clear-button:focus, .filter-group__clear-button:active { background: transparent; text-decoration: underline; } }

@media only screen and (max-width: 62.5rem) { .filter-group__clear-button { font-size: 0.75rem; background: transparent; position: absolute; top: 0.3125rem; right: 0.25rem; font-weight: 400; } }

.filter-group__tab-panel-filters { position: relative; overflow: auto; padding: 1rem; -webkit-overflow-scrolling: touch; }

.filter-group__header { margin: 0 0 -1px; padding: 0; font-size: 1rem; font-weight: 600; }

.filter-group__mobile-header-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #F8F8F8; border-color: #c6c6c6; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; text-align: left; width: 100%; padding: 0.75rem 0.5rem 0.75rem 1rem; color: #7d7c7c; margin-bottom: 0; font-weight: 400; background-color: #FFF; outline: 1px solid #e3e4e6; }

.filter-group__mobile-header-button:hover, .filter-group__mobile-header-button:focus { background-color: #c6c6c6; }

.filter-group__mobile-header-button:hover, .filter-group__mobile-header-button:focus { color: #ffffff; }

.filter-group__mobile-header-button:hover, .filter-group__mobile-header-button:active, .filter-group__mobile-header-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .filter-group__mobile-header-button, .filter-group__mobile-header-button[disabled], .filter-group__mobile-header-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.filter-group__mobile-header-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.filter-group__mobile-header-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.filter-group__mobile-header-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.filter-group__mobile-header-button.small { padding: 0.375rem 0.75rem; }

.filter-group__mobile-header-button:focus, .filter-group__mobile-header-button:hover { background-color: #FFF; color: #7d7c7c; }

.filter-group__active-summary { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.25rem; padding: 0; display: block; float: right; font-size: 0.75rem; max-width: 100%; text-transform: capitalize; }

@media only screen and (max-width: 62.5rem) { .filter-group__active-summary { margin-right: 0.5rem; color: #044070; font-weight: 400; } }

.filter-group__mobile-header-chevron { display: block; float: right; clear: right; }

@media only screen and (max-width: 62.5rem) { .noq-list-controls-filter-options .filter-group__header { position: relative; background: white; -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; transition: transform 0.2s ease; transform: translateX(0); } }

.filter-group__filter-option-list { margin: 0; }

.filter-group__filter-option-list:before, .filter-group__filter-option-list:after { content: " "; display: table; }

.filter-group__filter-option-list:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-group__filter-option-list { padding: 0 0.5rem; } }

.filter-group__filter-option-list-item { list-style: none; padding: 0; }

@media only screen and (max-width: 62.5rem) { .filter-group__filter-option-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; padding: 0.25rem 0.5rem 0.25rem 1rem; color: #4c4b4b; font-size: 1rem; font-weight: 400; line-height: 1.5rem; text-transform: capitalize; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filter-group__filter-option-list-item:last-child { border-bottom: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filter-group__filter-option-list-item { float: left; width: 50%; } }

.filter-group__filter-option-list-item.disabled .filter-controls__option-label__text { opacity: 0.5; font-weight: 400; }

.filter-group__filter-option-list-item.disabled .filter-controls__option-label__count { opacity: 0; }

.filter-group__filter-option-list-item.disabled .filter-controls__checkbox-icon { opacity: 0; }

.filter-controls__checkbox-icon { float: left; transition: opacity 0.2s; }

.filter-controls__checkbox-icon .noq-icon-circle:before, .filter-controls__checkbox-icon .shopping-list-item__select > label:before, .filter-controls__checkbox-icon .noq-icon-circle.noq-icon-right-open-big-after:after, .filter-controls__checkbox-icon .shopping-list-item__select > label.noq-icon-right-open-big-after:after, .filter-controls__checkbox-icon .recurring-order-item__select > label:before, .filter-controls__checkbox-icon .recurring-order-item__select > label.noq-icon-right-open-big-after:after, .filter-controls__checkbox-icon .noq-icon-circle-thin:before, .filter-controls__checkbox-icon .noq-icon-circle-thin.noq-icon-right-open-big-after:after, .filter-controls__checkbox-icon .noq-icon-ok-filled.checked:before, .filter-controls__checkbox-icon .shopping-list-item__select > input[type="checkbox"]:checked ~ label.checked:before, .filter-controls__checkbox-icon .checked.noq-icon-right-open-big-after:after, .filter-controls__checkbox-icon .recurring-order-item__select > input[type="checkbox"]:checked ~ label.checked:before, .filter-controls__checkbox-icon .recurring-order-item__select > input[type="checkbox"]:checked ~ .checked.noq-icon-right-open-big-after:after { margin-left: 0; }

.filter-controls__option-label { font-weight: 400; position: relative; margin: 0; padding: 0; color: #7d7c7c; display: block; cursor: pointer; /* Custom check/radio boxes */ }

.filter-controls__option-label:before, .filter-controls__option-label:after { content: " "; display: table; }

.filter-controls__option-label:after { clear: both; }

.filter-controls__option-label > .noq-checkbox { color: #c8c8c8; display: block; width: 1.5rem; text-align: center; margin: 0; padding: 0; line-height: 2.5rem; font-size: 1.5625rem; position: relative; top: -1px; }

.filter-controls__option-label > .noq-checkbox.checked { color: #64AA5D; }

.filter-controls__option-label > input[type='checkbox'], .filter-controls__option-label > input[type='radio'] { display: none; }

.filter-controls__option-label__text, .filter-controls__option-label__count { display: block; float: left; line-height: 2.5rem; transition: opacity 0.2s; }

.filter-controls__option-label__text { max-width: calc(100% - 4.375rem); text-transform: capitalize; padding-left: 1rem; font-weight: 500; font-size: 0.875rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.filter-controls__option-label__text.clear { color: #5FAB58; }

.filter-controls__option-label__count { margin-left: 0.25rem; font-weight: 300; opacity: 0.7; font-size: 0.75rem; }

.filter-summary-item { text-transform: capitalize; }

/*** END app/styles/components/filter-group.scss ***/
/*** START app/styles/components/filters-footer.scss ***/
.filters-footer { background: white; border: 1px solid rgba(0, 0, 0, 0.05); margin-top: 1rem; padding: 1rem 1.5rem !important; }

.filters-footer:before, .filters-footer:after { content: " "; display: table; }

.filters-footer:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filters-footer__status-wrapper { float: right; } }

.filters-footer__status { font-size: 0.875rem; color: #7d7c7c; line-height: 2.375rem; }

.filters-footer__status:before, .filters-footer__status:after { content: " "; display: table; }

.filters-footer__status:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .filters-footer__status { text-align: center; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filters-footer__status { float: left; } }

.filters-footer__status.loading { opacity: 0.6; }

.filters-footer__status.loading .loading-spinner-inline { margin-right: 0.5rem; }

.filters-footer__status.empty { color: #ff5f08; }

@media only screen and (max-width: 62.5rem) { .filters-footer__status.empty { margin-top: -1rem; } }

@media only screen and (max-width: 62.5rem) { .filters-footer__clear-all-button { display: block; width: 100%; margin-top: 8px; } }

@media only screen and (max-width: 62.5rem) { .filters-footer__done-button { display: block; width: 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .filters-footer__done-button { float: right; margin-left: 2rem; } }

/*** END app/styles/components/filters-footer.scss ***/
/*** START app/styles/components/flip-panel.scss ***/
.flip-panel { position: relative; transition: height 0.25s ease; }

.flip-panel__panel { transition: transform 0.25s ease, height 0.25s ease; position: absolute; width: 100%; left: 0; }

.flip-panel__panel:first-child { transform-origin: 50% 0%; top: 0; }

.flip-panel.flip .flip-panel__panel:first-child { transform: scaleY(0); }

.flip-panel:not(.flip) .flip-panel__panel:first-child { transform: scaleY(1); }

.flip-panel__panel:nth-child(2) { transform-origin: 50% 100%; bottom: 0; }

.flip-panel.flip .flip-panel__panel:nth-child(2) { transform: scaleY(1); }

.flip-panel:not(.flip) .flip-panel__panel:nth-child(2) { transform: scaleY(0); }

/*** END app/styles/components/flip-panel.scss ***/
/*** START app/styles/components/coupon-tile.scss ***/
.coupon-tile { background: white; border: 1px dashed #d1d2d3; overflow: hidden; padding: 1rem 1.25rem 3.25rem 1.25rem; position: relative; -webkit-transition: padding-top 0.2s ease, box-shadow 0.2s ease, -webkit-transform 150ms ease; -moz-transition: padding-top 0.2s ease, box-shadow 0.2s ease, -moz-transform 150ms ease; transition: padding-top 0.2s ease, box-shadow 0.2s ease, transform 150ms ease; transform-origin: center; }

@media (max-width: 50rem) { .coupon-tile { height: 11.875rem; } .coupon-tile:not(:first-child) { border-top: 0; } }

@media (min-width: 50rem) { .coupon-tile { float: left; width: 21rem; height: 14rem; margin: 0.25rem; border-radius: 0.1875rem; } }

.coupon-tile.is-clipped { z-index: 1; border: 1px solid #5FAB58; padding-top: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

@media (max-width: 50rem) { .coupon-tile.is-clipped { margin-top: -1px; } }

.coupon-tile.do-pulse { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); }

.coupon-tile.in-front { z-index: 2; }

.coupon-tile__clipped-header { border-bottom: 1px solid #5FAB58; position: absolute; left: 0; top: -1.875rem; height: 1.5rem; width: 100%; line-height: 1.5rem; white-space: nowrap; text-align: center; color: #5FAB58; font-weight: 600; background: rgba(95, 171, 88, 0.2); font-size: 0.75rem; -webkit-transition: top 0.2s ease; -moz-transition: top 0.2s ease; transition: top 0.2s ease; }

.coupon-tile__clipped-header:before, .coupon-tile__clipped-header.noq-icon-right-open-big-after:after { content: '✓'; font-family: 'fontello'; }

.is-clipped .coupon-tile__clipped-header { top: 0; }

.coupon-tile__link { display: flex; align-items: flex-start; gap: 0.375rem; text-decoration: none !important; }

.coupon-tile__link.no-pointer-cursor { cursor: default; }

.coupon-tile__image { width: 6.375rem; height: 6.375rem; margin-bottom: 0.5rem; margin-right: 0.5rem; }

.coupon-tile__body { flex: 1; padding-bottom: 0.75rem; }

.custom-content.coupon-tile__short-desc { font-size: 1rem; line-height: 1.3; font-weight: 600; margin-bottom: 0.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.custom-content.coupon-tile__req-desc { font-size: 0.8125rem; max-height: 4rem; line-height: 1.3; margin-bottom: 0.75rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.coupon-tile__end-date, .coupon-tile__expiration-text { font-size: 0.75rem; }

.coupon-tile__days-left { color: #E4313C; font-weight: 600; margin-left: 0.25rem; }

.coupon-tile__footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 2.25rem; padding: 0 1.25rem 0.75rem; display: flex; align-items: flex-end; gap: 0.375rem; }

.coupon-tile__view-products-button { display: block; font-size: 0.8125rem; white-space: nowrap; width: 6.875rem; height: 2rem; padding: 0 0.75rem; display: flex; align-items: center; justify-items: center; }

.coupon-tile__view-products-button:before, .coupon-tile__view-products-button.noq-icon-right-open-big-after:after { margin-right: 0.5rem; }

.coupon-tile__informationtext { display: block; font-size: 0.8125rem; width: 7.375rem; height: 2.5rem; padding: 0 0.125rem; display: flex; align-items: center; justify-items: center; color: #E4313C; font-weight: 600; }

.coupon-tile__clip-flip-panel { flex: 1; height: 2rem !important; }

.coupon-tile__clip-button { white-space: nowrap; width: 100%; height: 2rem; padding: 0 0.75rem; font-size: 0.8125rem; }

.coupon-tile__clipped-label { display: block; font-size: 0.8125rem; line-height: 1rem; white-space: nowrap; padding: 0.4375rem 0.75rem; background: white; color: #5FAB58; text-align: center; border: 1px solid #5FAB58; font-weight: 600; }

/*** END app/styles/components/coupon-tile.scss ***/
/*** START app/styles/components/credit-card-tile.scss ***/
.credit-card-tiles { margin: 0 auto; list-style: none; text-align: center; }

.credit-card-tiles:before, .credit-card-tiles:after { content: " "; display: table; }

.credit-card-tiles:after { clear: both; }

.credit-card-tile { display: block; float: left; position: relative; text-align: left; margin: 0.5rem; width: 11.5rem; height: 7.1875rem; background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.3125rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.credit-card-tile.is-default, .credit-card-tile.is-selected { border: 1px solid #93c25a; box-shadow: 0 0 0 1px #93c25a; }

.credit-card-tile.not-selectable { background: #f3f3f3; border: 0; filter: grayscale(1); opacity: 0.6; }

.card-number { display: block; font-weight: 600; margin-top: 0.25rem; font-size: 0.875rem; }

.card-number .stars { position: relative; top: 0.1875rem; letter-spacing: 0.0625rem; }

.credit-card-tile__header { padding: 0.375rem 0.75rem; position: relative; white-space: nowrap; overflow: hidden; display: flex; line-height: 1.2; column-gap: 4px; background: #EAF4FE; color: #7d7c7c; border-radius: 0.25rem 0.25rem 0 0; }

.not-selectable .credit-card-tile__header { background: #e3e4e6; }

.credit-card-tile.is-selected .credit-card-tile__header, .credit-card-tile.is-default .credit-card-tile__header { background: #E4F6E4; color: #3c3b3b; }

.credit-card-tile__header .test-badge { color: white; background-color: #df8020; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; border-radius: 3px; padding: 1px 6px; display: flex; align-items: center; justify-content: center; font-weight: bold; line-height: 0; }

.credit-card-tile__header .card-logo { vertical-align: middle; display: inline-block; background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: white; width: 1.875rem; height: 1.1875rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; box-shadow: none; }

.credit-card-tile__header .card-logo.Visa, .credit-card-tile__header .card-logo.visa { background-image: url("../img/visa-b16848209b48b1ce4e95aed6ccb91cf3.svg"); }

.credit-card-tile__header .card-logo.Mastercard, .credit-card-tile__header .card-logo.mastercard { background-image: url("../img/mastercard-3c0362850f947b6d17a42a9fa049381c.svg"); }

.credit-card-tile__header .card-logo.Amex, .credit-card-tile__header .card-logo.amex { background-image: url("../img/amex-e5bf0c8d41264fbea2c6f5dbd1065a28.svg"); background-color: #1B6CC9; }

.credit-card-tile__header .card-logo.Ath, .credit-card-tile__header .card-logo.ath { background-image: url("../img/ath-2819f9c08dc831b1d40b29fe2cf3bf94.svg"); }

.credit-card-tile__header .card-logo.Discover, .credit-card-tile__header .card-logo.discover { background-image: url("../img/discover-71dfc3b50c775ba7c65e51141f4bbb48.svg"); }

.credit-card-tile__header .card-logo.Ebt, .credit-card-tile__header .card-logo.ebt { background-image: url("../img/ebt-9962525b4597590ff8c7ff8e1b37f36d.svg"); background-color: #5B6ABF; }

.credit-card-tile__header .card-logo.Unknown, .credit-card-tile__header .card-logo.unknown { background-image: url("../img/generic-card-af4d549d1f810ec705c892045c4bbe89.svg"); }

.credit-card-tile__header .card-logo.Cash, .credit-card-tile__header .card-logo.cash { background-image: url("../img/cash-d668211c4947bb46beb5cf9bf3b5092b.png"); }

.credit-card-tile__header .card-logo.Unknown { display: none; }

.credit-card-tile__header .card-number { flex: 1; font-size: 0.6875rem; text-align: right; }

.last-four-title { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }

.credit-card-tile__body { padding: 0.75rem 1rem; }

.credit-card-tile__field { font-size: 0.75rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.1875rem; }

.credit-card-tile__field--name { font-weight: 600; }

.credit-card-tile__select-button { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.01); border-radius: 0.3125rem; cursor: pointer; }

.credit-card-tile__select-button:focus, .credit-card-tile__select-button:hover { background-color: rgba(255, 255, 255, 0.1); }

.credit-card-tile:not(.is-selected) .credit-card-tile__select-button:focus, .credit-card-tile:not(.is-selected) .credit-card-tile__select-button:hover { border: 1px solid rgba(0, 0, 0, 0.2); }

.credit-card-tile.is-selected .credit-card-tile__select-button:after { content: '\2713'; font-family: 'fontello'; font-style: normal; font-weight: normal; display: block; background-color: #93c25a; color: white; font-size: 0.875rem; box-sizing: border-box; width: 2em; height: 2em; padding: 0.5em 0.4em; position: absolute; bottom: -0.125rem; right: -0.125rem; border-radius: 0.3125rem 0 0.3125rem; }

.credit-card-tile--add { border: 1px dashed #bbb; background: transparent; text-align: center; }

.credit-card-tile--add .credit-card-tile__select-button { font-size: 0.875rem; text-decoration: none !important; color: #85817e; }

.credit-card-tile--add .credit-card-tile__select-button:before, .credit-card-tile--add .credit-card-tile__select-button.noq-icon-right-open-big-after:after { content: '+'; display: block; margin-top: 0.625rem; font-size: 2.5rem; line-height: 2rem; }

.credit-card-tile--add .credit-card-tile__select-button:hover, .credit-card-tile--add .credit-card-tile__select-button:focus { background-color: rgba(0, 0, 0, 0.04); }

.credit-card-tile--add .credit-card-tile__select-button .description { padding: 0.5rem 0; }

.credit-card-tile--add .credit-card-tile__select-button .card-icons { margin-bottom: 0; }

.credit-card-tile--add .credit-card-tile__select-button .we-accept_cards__card { width: 1.875rem; height: 1.1875rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; box-shadow: none; }

.credit-card-tiles--checkout { margin: 0; }

.credit-card-tiles--checkout .credit-card-tile { margin: 0.25rem; }

.credit-card-tile--account { width: 17rem; height: 10.625rem; margin: 0.5rem 0.25rem; }

@media only screen and (max-width: 62.5rem) { .credit-card-tile--account { float: none; margin: 0.5rem auto; } }

.credit-card-tile--account .card-number { font-size: 1.375rem; }

.credit-card-tile--account .credit-card-tile__header { padding: 0.5rem; }

.credit-card-tile--account .credit-card-tile__header .card-number { font-size: 0.875rem; }

.credit-card-tile--account .card-logo { width: 2.8125rem; height: 1.75rem; }

.credit-card-tile__set-default-button, .credit-card-tile__is-default-label { position: absolute !important; font-size: 0.75rem; font-weight: 600; right: 1rem; bottom: 1rem; }

.credit-card-tile__is-default-label { padding: 0.5rem 0 0.5rem 0.5rem; color: #64AA5D; }

.credit-card-tile__remove-button { position: absolute; font-size: 0.75rem; font-weight: 700; left: 1rem; bottom: 1rem; }

.credit-card-tile__remove-button-x { position: absolute; border: 0; background: #333; color: white; top: -5px; right: -6px; font-weight: 700; font-size: 16px; line-height: 19px; cursor: pointer; border-radius: 100%; }

/*** END app/styles/components/credit-card-tile.scss ***/
/*** START app/styles/components/custom-content.scss ***/
.custom-content { font-size: 0.875rem; }

.custom-content > * { font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 0.75rem; padding: 0; }

.custom-content h1 { padding: 0; font-size: 1.625rem; margin-bottom: 1.5rem; }

.custom-content h1:not(:first-child) { margin-top: 1.875rem; }

.custom-content h2 { padding: 0; font-size: 1.375rem; margin-bottom: 1.125rem; }

.custom-content h2:not(:first-child) { margin-top: 1.375rem; }

.custom-content h3 { padding: 0; font-size: 1.125rem; margin-bottom: 0.75rem; }

.custom-content h3:not(:first-child) { margin-top: 1.25rem; }

.custom-content figure { margin: 1rem 0; text-align: center; }

.custom-content figure img { max-width: 100%; height: auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .custom-content figure.attachment--float-left { float: left; margin: 0 1rem 0 0; } .custom-content figure.attachment--float-right { float: right; margin: 0 0 0 1rem; } }

.custom-content figure iframe[src*="docs.google.com/forms"] { width: 100%; height: 100vh; border: none; overflow: hidden; scrollbar-width: none; /* For Firefox */ }

.custom-content figure iframe::-webkit-scrollbar { display: none; /* For Chrome, Safari */ }

/*** END app/styles/components/custom-content.scss ***/
/*** START app/styles/components/empty-state.scss ***/
.empty-state { position: relative; text-align: center; margin: 2rem auto; }

@media only screen and (max-width: 62.5rem) { .empty-state { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .empty-state { padding: 4rem 0; max-width: 60rem; } .breadcrumbs + .empty-state { margin-top: 0 !important; } }

@media only screen and (min-width: calc(75rem + 1px)) { .empty-state { padding: 5rem; background: white; border: 1px solid rgba(0, 0, 0, 0.1); } }

.empty-state__image { width: 15rem; height: 12.5rem; position: absolute !important; }

@media only screen and (max-width: 62.5rem) { .empty-state__image { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .empty-state__image { left: 50%; margin-left: 5rem; top: 50%; transform: translateY(-50%); } }

@media only screen and (max-width: 62.5rem) { .empty-state__text { padding-top: 12.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .empty-state__text { max-width: 50%; margin-left: 2.5rem; } }

.empty-state__title { margin-bottom: 1.25rem; }

.empty-state__description { margin-bottom: 2rem; }

.empty-state--my-pantry .empty-state__image { height: 9rem; }

@media only screen and (max-width: 62.5rem) { .empty-state--my-pantry .empty-state__text { padding-top: 9rem; } }

/*** END app/styles/components/empty-state.scss ***/
/*** START app/styles/components/reorder-btn.scss ***/
.reorder-btn-medium-only { border: none; width: 100%; background-color: transparent; text-align: left; }

.reorder-btn-medium-only::hover { border: none; }

.reorder-btn-medium-only .reorder-btn__link__text::hover { font-weight: 400; }

.reorder-btn-medium-only .reorder-btn__link__text:before, .reorder-btn-medium-only .reorder-btn__link__text.noq-icon-right-open-big-after:after { content: '\21bb'; position: relative; bottom: 0.0625rem; }

.reorder-btn-medium-only .reorder-btn__link__text .reorder-btn__link__icon { display: none; }

.reorder-btn-mobile { border: none; line-height: 1.125rem; font-size: inherit; width: 100%; text-align: left; background-color: transparent; color: #4c4b4b; }

.reorder-btn-mobile:hover { background-color: transparent; }

.reorder-btn-mobile .reorder-btn__link__text:before, .reorder-btn-mobile .reorder-btn__link__text.noq-icon-right-open-big-after:after { content: '\21bb'; position: relative; bottom: 0.0625rem; }

.reorder-btn-mobile .reorder-btn__link__text .reorder-btn__link__icon { display: none; }

/*** END app/styles/components/reorder-btn.scss ***/
/*** START app/styles/components/site-header.scss ***/
.new-site-header { display: grid; z-index: 6; position: fixed; top: 0; left: 0; width: 100vw; background: #0288D1; box-shadow: 5px 5px 10px 0px rgba(47, 79, 79, 0.2); }

@media only screen and (max-width: 75rem) { .new-site-header { grid-template-rows: [main] 3.125rem [fulfillment] 2.5rem [search] 2.5rem; grid-template-columns: [hamburger] 3.125rem [middle] calc(50% - 3.125rem) [cart] 1fr; box-shadow: 0 0.5rem 2rem 1rem rgba(0, 0, 0, 0.25); } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header { grid-template-rows: [main] 4.6875rem [subrow] 2.25rem; grid-template-columns: [logo] 10rem [search] auto [barcode] minmax(0, 3.9rem) [fulfillment] max-content [timeslot] max-content [cart] max-content; } }

@media only screen and (max-width: 75rem) { .new-site-header .checkout-fill-in { color: #ffffff; background-color: #044070; grid-column-start: 1; grid-column-end: -1; grid-row-start: 2; grid-row-end: -1; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .checkout-fill-in { background: #084e85; grid-column-start: 1; grid-column-end: -1; grid-row: subrow; } }

.new-site-header .logo-link { margin: 0.4rem 0 0.4rem 0.4rem; }

@media only screen and (max-width: 75rem) { .new-site-header .logo-link { margin: 0.4rem 0; grid-column-start: 1; grid-column-end: -1; grid-row: main; z-index: 1; pointer-events: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .logo-link { grid-column: logo; grid-row: 1; } }

.new-site-header .logo-link .site-header__logo { width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; }

.new-site-header .environment-badges { position: absolute; top: 0.5rem; left: 0.5rem; display: flex; }

@media only screen and (max-width: 75rem) { .new-site-header .environment-badges { top: 0; left: 3.75rem; height: 3.125rem; align-items: center; justify-content: flex-start; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .environment-badges { top: 0.5rem; left: 0.5rem; align-items: top; justify-content: flex-start; } }

.new-site-header .environment-badges .badge { position: relative; font-size: 0.75rem; background: rgba(0, 0, 0, 0.3); padding: 0.125rem 0.5rem 0.125rem 0.625rem; font-weight: 600; width: auto; color: white; float: left; clear: left; margin-bottom: 2px; }

.new-site-header .environment-badges .badge:before, .new-site-header .environment-badges .badge.noq-icon-right-open-big-after:after { content: ''; position: absolute; height: calc(100% - 4px); width: 0.1875rem; top: 0.125rem; left: 0.125rem; display: inline-block; }

.new-site-header .environment-badges .badge.staging:before, .new-site-header .environment-badges .staging.noq-icon-right-open-big-after:after { background: #0288d1; }

.new-site-header .environment-badges .badge.qa:before, .new-site-header .environment-badges .qa.noq-icon-right-open-big-after:after { background: #a449d1; }

.new-site-header .environment-badges .badge.development:before, .new-site-header .environment-badges .development.noq-icon-right-open-big-after:after { background: #E4313C; }

.new-site-header .environment-badges .badge.test-mode:before, .new-site-header .environment-badges .test-mode.noq-icon-right-open-big-after:after { background: #ffd220; }

.new-site-header .search { display: flex; align-items: center; flex-direction: row; justify-content: left; justify-items: left; }

.new-site-header .search form { width: 100%; }

@media only screen and (max-width: 75rem) { .new-site-header .search { padding-left: 0.3125rem; padding-right: 0.3125rem; grid-column-start: 1; grid-column-end: -1; grid-row: 2; } .new-site-header .search::before, .new-site-header .search.noq-icon-right-open-big-after:after { color: #ffffff; font-family: "fontello"; content: '\29c3'; height: 1.875rem; font-size: 1.875rem; line-height: 1.875rem; width: 2.5rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .search { padding-left: 1.5rem; grid-row: 1; grid-column: search; margin-top: auto; margin-bottom: auto; width: 100%; min-width: 16rem; max-width: unset; } }

.new-site-header .barcode-scanner { border: 0; padding-left: 0.8rem; padding-right: 0.8rem; font-size: 2.55rem; background-color: inherit; }

@media only screen and (max-width: 75rem) { .new-site-header .barcode-scanner { grid-column: -4; grid-row: main; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .barcode-scanner { display: none; display: none; } }

.new-site-header .barcode-scanner .icon { background-color: #ffffff; width: 2.3rem; height: 2.3rem; border-radius: 100%; position: relative; }

.new-site-header .barcode-scanner .icon::before, .new-site-header .barcode-scanner .icon.noq-icon-right-open-big-after:after { background-color: #0288D1; mask: url(/assets/img/item-scan-3a6376f8b6ac070529fb87d30c6a2175.svg) no-repeat center; mask-size: 59%; height: 2.3rem; width: 2.3rem; position: relative; top: -0.65rem; display: inline-block; content: ' '; }

.new-site-header .site-header__search-scanner-wrapper { display: flex; flex-direction: row-reverse; }

.new-site-header .reorder-button { color: #ffffff; background-color: #044070; padding: 0.8em 1.2em; font-family: "Open Sans", sans-serif; line-height: normal; font-weight: 500; font-size: 0.75rem; display: inline-block; align-items: center; overflow: hidden; white-space: nowrap; cursor: pointer; }

@media only screen and (max-width: 75rem) { .new-site-header .reorder-button { display: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .reorder-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; grid-column: 5; grid-row: 2; justify-self: end; } .new-site-header .reorder-button:hover, .new-site-header .reorder-button:focus { background-color: #03335a; } .new-site-header .reorder-button:hover, .new-site-header .reorder-button:focus { color: #ffffff; } .new-site-header .reorder-button:hover, .new-site-header .reorder-button:active, .new-site-header .reorder-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .new-site-header .reorder-button, .new-site-header .reorder-button[disabled], .new-site-header .reorder-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .new-site-header .reorder-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .new-site-header .reorder-button.spinner.loading:before, .new-site-header .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .new-site-header .reorder-button.spinner.loading:before:after, .new-site-header .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .new-site-header .reorder-button.small { padding: 0.375rem 0.75rem; } }

.new-site-header .reorder-button::before, .new-site-header .reorder-button.noq-icon-right-open-big-after:after { content: '\21bb'; padding-right: 0.5rem; font-size: 1.25rem; line-height: 0.6rem; }

@media only screen and (max-width: 75rem) { .new-site-header .store-selector-button { display: flex; grid-row: 3; grid-column-start: 1; grid-column-end: 3; width: 100%; background-color: #044070; color: #ffffff; padding-top: 0; padding-bottom: 0; padding-right: 0.5rem; padding-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .store-selector-button { display: flex; grid-row: 1; grid-column: fulfillment; width: fit-content; justify-self: end; } }

@media only screen and (max-width: 31.25rem) { .new-site-header .store-selector-button { font-size: 12px; font-weight: 300; line-height: 2.5625rem; } }

.new-site-header .store-selector-button::before, .new-site-header .store-selector-button.noq-icon-right-open-big-after:after { font-family: "fontello"; display: inline-block; text-align: center; color: #0288D1; }

@media only screen and (max-width: 75rem) { .new-site-header .store-selector-button::before, .new-site-header .store-selector-button.noq-icon-right-open-big-after:after { background-color: none; color: #ffffff; font-size: 1.875rem; height: 1.875rem; line-height: 1.875rem; padding: 0.3125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .store-selector-button::before, .new-site-header .store-selector-button.noq-icon-right-open-big-after:after { border-radius: 100%; font-size: 1.5rem; background-color: #ffffff; line-height: 2.3rem; width: 2.3rem; min-width: 2.3rem; height: 2.3rem; margin-right: 0.5rem; } }

.new-site-header .store-selector-button.pickup::before, .new-site-header .pickup.noq-icon-right-open-big-after:after { content: '\21b7'; }

.new-site-header .store-selector-button.shipping::before, .new-site-header .shipping.noq-icon-right-open-big-after:after { content: '\2293'; }

.new-site-header .store-selector-button.delivery::before, .new-site-header .delivery.noq-icon-right-open-big-after:after { content: '\228f'; }

.new-site-header .store-selector-button.in-store::before, .new-site-header .in-store.noq-icon-right-open-big-after:after { content: '\e87d'; }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .store-selector-button.in-store::before, .new-site-header .in-store.noq-icon-right-open-big-after:after { line-height: 2.5rem; } }

.new-site-header .store-selector-button .detail-container { overflow: clip; line-height: 2.3rem; width: calc(100% - 2.3rem); display: inline-flex; text-align: left; }

@media only screen and (max-width: 75rem) { .new-site-header .store-selector-button .detail-container { font-size: 0.75rem; line-height: 0.75rem; } }

.new-site-header .store-selector-button .detail-container .address { align-items: center; display: flex; width: max-content; overflow: clip; text-wrap: nowrap; width: 100%; }

.new-site-header .store-selector-button .detail-container .address .content { overflow: hidden; text-overflow: ellipsis; width: 100%; }

.new-site-header .store-selector-button .detail-container .address .long { display: inline-block; }

@media only screen and (max-width: 62.5rem) { .new-site-header .store-selector-button .detail-container .address .long { display: none; } }

.new-site-header .store-selector-button .detail-container .address .short { display: none; }

.new-site-header .timeslot-selector-button { display: flex; align-items: center; overflow: hidden; white-space: nowrap; line-height: 1.5rem; }

@media only screen and (max-width: 75rem) { .new-site-header .timeslot-selector-button { border-left: 0.5px solid rgba(255, 255, 255, 0.25); display: flex; flex-direction: row; justify-items: right; justify-content: right; background-color: #044070; color: #ffffff; cursor: pointer; text-align: right; width: 100%; grid-row: 3; grid-column-start: 3; grid-column-end: -1; text-align: right; padding-top: 0; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0; border-radius: 0; } .new-site-header .timeslot-selector-button .reserved { display: none; } .new-site-header .timeslot-selector-button .noq-icon-ok { display: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .timeslot-selector-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; grid-row: 1; grid-column: timeslot; border-radius: 0; } .new-site-header .timeslot-selector-button:hover, .new-site-header .timeslot-selector-button:focus { background-color: #026da7; } .new-site-header .timeslot-selector-button:hover, .new-site-header .timeslot-selector-button:focus { color: #ffffff; } .new-site-header .timeslot-selector-button:hover, .new-site-header .timeslot-selector-button:active, .new-site-header .timeslot-selector-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .new-site-header .timeslot-selector-button, .new-site-header .timeslot-selector-button[disabled], .new-site-header .timeslot-selector-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .new-site-header .timeslot-selector-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .new-site-header .timeslot-selector-button.spinner.loading:before, .new-site-header .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .new-site-header .timeslot-selector-button.spinner.loading:before:after, .new-site-header .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .new-site-header .timeslot-selector-button.small { padding: 0.375rem 0.75rem; } }

@media only screen and (max-width: 75rem) { .new-site-header .timeslot-selector-button .timeslot { font-size: 0.75rem; line-height: 0.75rem; } }

@media only screen and (max-width: 31.25rem) { .new-site-header .timeslot-selector-button { font-size: 12px; font-weight: 300; line-height: 2.5625rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .timeslot-selector-button::before, .new-site-header .timeslot-selector-button.noq-icon-right-open-big-after:after { font-family: "fontello"; display: inline-block; content: '\f133'; color: #0288D1; border-radius: 100%; border-radius: 100%; background-color: #ffffff; font-size: 1.25rem; line-height: 2.3rem; width: 2.3rem; min-width: 2.3rem; height: 2.3rem; display: inline-block; margin-right: 0.5rem; margin-bottom: 1px; } }

@media only screen and (max-width: 75rem) { .new-site-header .timeslot-selector-button::after { font-family: "fontello"; display: inline-block; content: '\f133'; color: #ffffff; line-height: 1.5rem; font-size: 1.5rem; height: 1.5rem; text-align: center; padding: 0.5rem; } }

.new-site-header .site-header-user-menu { grid-column: cart; grid-row: 1; display: flex; flex-direction: row; text-wrap: nowrap; justify-self: end; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-user-menu { display: none; } }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button { display: flex; align-items: center; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button { padding: 0.8rem 0.8rem; } }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button:before, .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button.noq-icon-right-open-big-after:after { font-family: 'fontello'; font-size: 1.875rem; content: '\263a'; }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button:before .icon, .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button.noq-icon-right-open-big-after:after .icon { background: #ffffff; color: #0288D1; box-sizing: border-box; border-radius: 100%; margin-right: 0.5rem; width: 2.3rem; height: 2.3rem; }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button:before .icon .noq-icon-pickup, .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button.noq-icon-right-open-big-after:after .icon .noq-icon-pickup { position: relative; left: 0.03125rem; top: 0.125rem; }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button:before .icon .noq-icon-delivery, .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button.noq-icon-right-open-big-after:after .icon .noq-icon-delivery { position: relative; left: 0.03125rem; top: 0.125rem; }

.new-site-header .site-header-user-menu .site-header-user-menu__dropdown button:before .icon .noq-icon-shipping, .new-site-header .site-header-user-menu .site-header-user-menu__dropdown button.noq-icon-right-open-big-after:after .icon .noq-icon-shipping { position: relative; top: 0.125rem; }

.new-site-header .site-main-menu-mobile { grid-column: 1; grid-row: 1; width: 4rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-main-menu-mobile { background-color: #0288D1; border-color: #026da7; color: #ffffff; font-size: 2rem; padding: 0.25rem; } .new-site-header .site-main-menu-mobile:hover, .new-site-header .site-main-menu-mobile:focus { background-color: #026da7; } .new-site-header .site-main-menu-mobile:hover, .new-site-header .site-main-menu-mobile:focus { color: #ffffff; } .new-site-header .site-main-menu-mobile:before, .new-site-header .site-main-menu-mobile.noq-icon-right-open-big-after:after { margin: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-main-menu-mobile { display: none; } }

@media only screen and (max-width: 75rem) { .new-site-header .site-main-menu { display: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-main-menu { grid-column: 1; grid-row: 2; } }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-links { display: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-header-links { grid-column-start: 2; grid-column-end: 5; min-width: 0; grid-row: 2; } }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart { grid-column-start: 3; grid-column-end: -1; grid-row: 1; display: flex; flex-direction: row; justify-content: flex-end; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-header-cart { grid-column: cart; grid-row: 2; } }

.new-site-header .site-header-cart .site-header-cart__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; padding: 0.25rem 0.25rem 0.25rem 0.25rem; text-align: center; white-space: nowrap; }

.new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:focus { background-color: #03335a; }

.new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:focus { color: #ffffff; }

.new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:active, .new-site-header .site-header-cart .site-header-cart__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .new-site-header .site-header-cart .site-header-cart__button, .new-site-header .site-header-cart .site-header-cart__button[disabled], .new-site-header .site-header-cart .site-header-cart__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.new-site-header .site-header-cart .site-header-cart__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.new-site-header .site-header-cart .site-header-cart__button.spinner.loading:before, .new-site-header .site-header-cart .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.new-site-header .site-header-cart .site-header-cart__button.spinner.loading:before:after, .new-site-header .site-header-cart .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.new-site-header .site-header-cart .site-header-cart__button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart .site-header-cart__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; height: 100%; display: flex; flex-direction: row-reverse; align-content: center; padding: 0; } .new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:focus { background-color: #026da7; } .new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:focus { color: #ffffff; } .new-site-header .site-header-cart .site-header-cart__button:hover, .new-site-header .site-header-cart .site-header-cart__button:active, .new-site-header .site-header-cart .site-header-cart__button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .new-site-header .site-header-cart .site-header-cart__button, .new-site-header .site-header-cart .site-header-cart__button[disabled], .new-site-header .site-header-cart .site-header-cart__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .new-site-header .site-header-cart .site-header-cart__button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .new-site-header .site-header-cart .site-header-cart__button.spinner.loading:before, .new-site-header .site-header-cart .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .new-site-header .site-header-cart .site-header-cart__button.spinner.loading:before:after, .new-site-header .site-header-cart .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .new-site-header .site-header-cart .site-header-cart__button.small { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-header-cart .site-header-cart__button { height: 100%; width: 100%; padding-left: 1rem; padding-right: 1rem; } }

.new-site-header .site-header-cart .site-header-cart__button__icon { display: inline-block; position: relative; vertical-align: baseline; font-size: 1.5rem; line-height: 1.75rem; transition: transform 0.1s ease; transform-origin: center; }

.new-site-header .site-header-cart .site-header-cart__button__icon.noq-icon-shopping-list { font-size: 1.3125rem; }

.new-site-header .site-header-cart .site-header-cart__button__icon::before, .new-site-header .site-header-cart .site-header-cart__button__icon.noq-icon-right-open-big-after:after { margin-left: 0; margin-right: 0; font-size: 1.875rem; line-height: 1.875rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart .site-header-cart__button__icon { width: 3.125rem; } .new-site-header .site-header-cart .site-header-cart__button__icon::before, .new-site-header .site-header-cart .site-header-cart__button__icon.noq-icon-right-open-big-after:after { line-height: 3.125rem; } }

.new-site-header .site-header-cart .site-header-cart__button__icon.do-pulse { transform: scale(1.25); }

.new-site-header .site-header-cart .site-header-cart__button__icon .count { position: absolute; top: 0; right: -0.25rem; font-size: 0.6875rem; background: #0288D1; border-radius: 100%; font-weight: 700; color: #ffffff !important; padding: 0.125rem 0.25rem; line-height: 0.6875rem; min-width: 1rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart .site-header-cart__button__icon .count { backGround-color: #044070; color: #ffffff !important; top: 0.625rem; right: 0.3125rem; } }

.new-site-header .site-header-cart * .site-header-cart__button__total { display: inline-block; }

.new-site-header .site-header-cart * .site-header-cart__button__total > .price-display { line-height: 1.5rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart * .site-header-cart__button__total > .price-display { line-height: 3.125rem; } }

.new-site-header .site-header-cart * .site-header-cart__button__total > .price-display > .currency { margin-left: 0.75em; vertical-align: baseline; font-size: 1rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart * .site-header-cart__button__total > .price-display > .currency { margin-left: 0; } }

.new-site-header .site-header-cart * .site-header-cart__button__total > .price-display > .units { vertical-align: baseline; font-size: 1.5rem; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header-cart * .site-header-cart__button__total > .price-display > .units { font-size: 1.25rem; } }

.new-site-header .site-header-cart * .site-header-cart__button__total > .price-display > .cents { vertical-align: baseline; font-size: 1rem; }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-header-cart * .site-header-cart__button__total { margin-left: -0.5rem; min-width: 4.5rem; } }

.new-site-header .site-main-menu__menu-wrapper { z-index: 1; }

@media only screen and (max-width: 75rem) { .new-site-header .site-header__checkout-header { position: absolute; top: 3.125rem; left: 0; width: 100%; height: 5rem; line-height: 5rem; text-align: center; } }

@media only screen and (min-width: calc(75rem + 1px)) { .new-site-header .site-header__checkout-header { display: none; } }

.new-site-header .site-header__checkout-header .home-link { position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-decoration: none; }

/*** END app/styles/components/site-header.scss ***/
/*** START app/styles/components/site-main-menu.scss ***/
.site-main-menu__button { display: block; border-radius: 0; padding: 0.5rem; width: 100%; height: 100%; }

.site-main-menu__button .icon { display: none; }

.site-main-menu__substrate { position: fixed; top: 6.9375rem; left: 0; width: 100%; height: calc(100dvh - 6.9375rem); background: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.2s; pointer-events: none; }

.site-main-menu__substrate.show { opacity: 1; pointer-events: auto; }

.site-main-menu__menu-wrapper { position: fixed; top: 6.9375rem; left: 0; width: 0; height: 0; overflow: visible; }

.site-main-menu__menu-wrapper.is-open { width: 100vw; height: calc(100dvh - 6.9375rem); overflow: auto; -webkit-overflow-scrolling: touch; }

.site-main-menu__column { position: absolute; top: 0.25rem; left: -15.625rem; width: 15.625rem; transition: left 0.3s ease; }

.site-main-menu__menu-wrapper.is-open .site-main-menu__column { left: 0.25rem; }

.site-main-menu__menu-wrapper.is-open .site-main-menu__column:nth-child(2) { left: calc(15.625rem + 0.5rem); }

.site-main-menu__list { list-style: none; margin: 0; background: white; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); padding: 0.375rem; border-radius: 0.1875rem; }

.site-main-menu__list:not(:last-child) { margin-bottom: 0.25rem; }

.site-main-menu__item.header { color: #044070; font-size: 0.8125rem; font-weight: 600; padding: 0.375rem 1rem; }

.site-main-menu__link, .reorder-btn-medium-only .reorder-btn__link__text { display: block; position: relative; padding: 0.25rem 1rem; text-decoration: none !important; font-size: 0.8125rem; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; color: #044070; }

.site-main-menu__link:focus, .reorder-btn-medium-only .reorder-btn__link__text:focus { color: #044070; }

.no-touch .site-main-menu__link:hover, .no-touch .reorder-btn-medium-only .reorder-btn__link__text:hover, .reorder-btn-medium-only .no-touch .reorder-btn__link__text:hover { color: #044070; background-color: #F8F8F8; font-weight: 600; }

.site-main-menu__link.with-icon, .reorder-btn-medium-only .with-icon.reorder-btn__link__text { padding-left: 3rem; }

.site-main-menu__link .icon, .reorder-btn-medium-only .reorder-btn__link__text .icon { position: absolute; top: 0.3125rem; left: 0.75rem; width: 1.25rem; height: 1.25rem; font-size: 1.125rem; line-height: 1.25rem; }

.site-main-menu__link .icon.noq-icon-home, .reorder-btn-medium-only .reorder-btn__link__text .icon.noq-icon-home { margin-left: -0.125rem; }

.site-main-menu__check-in-link { background: #fdfadb; white-space: normal; font-weight: 600; color: #4c4b4b !important; line-height: 1rem; }

.site-main-menu__check-in-link:hover { background: #fdfadb !important; }

.site-main-menu__check-in-link .icon { top: 0.5rem; }

.site-main-menu__check-in-link small { display: block; font-size: 0.75rem; margin-top: 0.25rem; font-weight: 400; color: #5FAB58; }

.site-main-menu__promo { padding-left: 48px; line-height: 1.3; padding-bottom: 8px; white-space: normal; }

.site-main-menu__promo__save { position: absolute; left: 0.375rem; top: 0.5rem; background: #E4313C; color: white; font-size: 0.5625rem; padding: 0 0.125rem 0 0.25rem; line-height: 1rem; font-weight: 700; }

.site-main-menu__promo__save:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 16px 6px 0 0; border-color: #E4313C transparent transparent transparent; position: absolute; right: -6px; top: 0; }

.site-main-menu__promo__desc { font-size: 0.75rem; font-weight: 600; display: block; padding-top: 0.125rem; color: #7d7c7c; }

.site-main-menu__promo__def { font-size: 0.625rem; display: block; font-weight: 500; color: #7d7c7c; opacity: 0.8; }

/*** END app/styles/components/site-main-menu.scss ***/
/*** START app/styles/components/site-main-menu-mobile.scss ***/
.site-main-menu-mobile__button { background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; position: absolute; width: 3.75rem; height: 3.125rem; top: 0; left: 0; }

.site-main-menu-mobile__button:hover, .site-main-menu-mobile__button:focus { background-color: #026da7; }

.site-main-menu-mobile__button:hover, .site-main-menu-mobile__button:focus { color: #ffffff; }

.site-main-menu-mobile__button .icon { font-size: 1.875rem; }

@keyframes modal-slide-in-reverse { from { -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    -o-transform: translateX(-120%);
    transform: translateX(-120%); } }

@keyframes modal-slide-out-reverse { from { -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

.site-main-menu-mobile__modal-dialog { -webkit-animation: modal-slide-in-reverse 0.2s; -moz-animation: modal-slide-in-reverse 0.2s; animation: modal-slide-in-reverse 0.2s; }

.is-closing .site-main-menu-mobile__modal-dialog { -webkit-transform: translateX(-120%); -moz-transform: translateX(-120%); -ms-transform: translateX(-120%); -o-transform: translateX(-120%); transform: translateX(-120%); -webkit-animation: modal-slide-out-reverse 0.2s; -moz-animation: modal-slide-out-reverse 0.2s; animation: modal-slide-out-reverse 0.2s; }

.site-main-menu-mobile__modal-body, .site-main-menu-mobile__sub-modal-body { padding: 0; background: white; height: 100%; max-height: calc(100dvh - 2.75rem); width: 100%; max-width: 100%; }

.site-main-menu-mobile__modal-body .reorder-btn-mobile, .site-main-menu-mobile__sub-modal-body .reorder-btn-mobile { padding-left: 3.5rem; cursor: pointer; }

.site-main-menu-mobile__modal-body .reorder-btn-mobile::before, .site-main-menu-mobile__modal-body .reorder-btn-mobile.noq-icon-right-open-big-after:after, .site-main-menu-mobile__sub-modal-body .reorder-btn-mobile::before, .site-main-menu-mobile__sub-modal-body .reorder-btn-mobile.noq-icon-right-open-big-after:after { content: '\21bb'; padding-right: 0.5rem; font-size: 1.25rem; line-height: 0.6rem; width: 1.5rem; height: 1.5rem; position: absolute; left: 1rem; top: 0.75rem; font-size: 1.5rem; }

.site-main-menu-mobile__list { list-style: none; margin: 0; }

.site-main-menu-mobile__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.site-main-menu-mobile__item.header { background: #044070; color: #ffffff; text-align: center; padding: 0.1875rem; margin-top: -1px; }

.site-main-menu-mobile__item.site-header-link { display: block; }

.site-main-menu-mobile__link, .reorder-btn-mobile { text-decoration: none !important; padding: 0.75rem 1rem; display: block; position: relative; line-height: 1.125rem; }

.site-main-menu-mobile__link.bold, .bold.reorder-btn-mobile { color: #044070; font-weight: 600; }

.site-main-menu-mobile__link.highlight, .highlight.reorder-btn-mobile { color: #044070; }

.site-main-menu-mobile__link.with-icon, .with-icon.reorder-btn-mobile { padding-left: 3.5rem; }

.site-main-menu-mobile__link .icon, .reorder-btn-mobile .icon { position: absolute; top: 0.75rem; left: 1rem; width: 1.5rem; height: 1.5rem; font-size: 1.125rem; }

.site-main-menu-mobile__link .chevron, .reorder-btn-mobile .chevron { position: absolute; right: 1rem; top: 0.75rem; }

.site-main-menu-mobile__link small, .reorder-btn-mobile small { display: block; font-size: 0.75rem; line-height: 1.3; margin-top: 0.25rem; }

.site-main-menu-mobile__check-in-link { background: #fdfadb; }

.site-main-menu-mobile__check-in-link small { color: #5FAB58; }

.site-main-menu-mobile__promo { padding-left: 3.75rem; }

.site-main-menu-mobile__promo__save { position: absolute; left: 0.5rem; top: 1rem; background: #E4313C; color: white; font-size: 0.6875rem; padding: 0 0.125rem 0 0.25rem; line-height: 1rem; font-weight: 700; }

.site-main-menu-mobile__promo__save:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 16px 6px 0 0; border-color: #E4313C transparent transparent transparent; position: absolute; right: -6px; top: 0; }

.site-main-menu-mobile__promo__desc { font-size: 0.875rem; font-weight: 600; display: block; color: #7d7c7c; }

.site-main-menu-mobile__promo__def { font-size: 0.75rem; display: block; font-weight: 500; color: #7d7c7c; opacity: 0.8; }

/*** END app/styles/components/site-main-menu-mobile.scss ***/
/*** START app/styles/components/site-header-links.scss ***/
.site-header-links { white-space: nowrap; font-size: 0; background: #084e85; height: 2.25rem; }

.site-header-link { display: inline-block; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile) { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #084e85; border-color: #073e6a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.75rem; border-radius: 0; text-decoration: none; border: 0; height: calc(2.25rem - 1px); }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):hover, .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):focus { background-color: #073e6a; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):hover, .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):focus { color: #ffffff; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):hover, .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):active, .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile):focus { text-decoration: none; }

.egr-form__fieldset[disabled] .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile), .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile)[disabled], .site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile).disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile).spinner { padding-left: 2.3em; padding-right: 2.3em; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile).spinner.loading:before, .site-header-link .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile).spinner.loading:before:after, .site-header-link .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.site-header-link a:not(.site-main-menu-mobile__link):not(.reorder-btn-mobile).small { padding: 0.375rem 0.75rem; }

.site-header-links__more-dropdown { display: inline-block; }

.site-header-links__more-dropdown button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #084e85; border-color: #073e6a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.75rem; border-radius: 0; text-decoration: none; border: 0; height: calc(2.25rem - 1px); }

.site-header-links__more-dropdown button:hover, .site-header-links__more-dropdown button:focus { background-color: #073e6a; }

.site-header-links__more-dropdown button:hover, .site-header-links__more-dropdown button:focus { color: #ffffff; }

.site-header-links__more-dropdown button:hover, .site-header-links__more-dropdown button:active, .site-header-links__more-dropdown button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .site-header-links__more-dropdown button, .site-header-links__more-dropdown button[disabled], .site-header-links__more-dropdown button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.site-header-links__more-dropdown button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.site-header-links__more-dropdown button.spinner.loading:before, .site-header-links__more-dropdown .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.site-header-links__more-dropdown button.spinner.loading:before:after, .site-header-links__more-dropdown .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.site-header-links__more-dropdown button.small { padding: 0.375rem 0.75rem; }

.site-header-links__more-dropdown .basic-dropdown__list { border: rgba(0, 0, 0, 0.1); background: #044070; }

.site-header-links__more-dropdown .basic-dropdown__list-item:hover { background: inherit !important; }

.site-header-links__more-dropdown .site-header-link { display: block; border: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; }

.site-header-links__more-dropdown .site-header-link a { border: 0; font-size: 0.8125rem; color: #ffffff; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .site-header-links__more-dropdown { display: inline-block; margin-bottom: -0.1875rem; } .site-header-links__more-dropdown button { white-space: normal; text-align: right; } }

.site-header-link.basic-dropdown { padding: 0; }

/*** END app/styles/components/site-header-links.scss ***/
/*** START app/styles/components/site-header-user-menu.scss ***/
.site-header-user-menu__dropdown { height: 100%; }

.site-header-user-menu__dropdown:before, .site-header-user-menu__dropdown.noq-icon-right-open-big-after:after { content: ''; position: fixed; top: 0; left: 0; transition: background-color 0.3s ease; }

.site-header-user-menu__dropdown.open:before, .open.noq-icon-right-open-big-after:after { background-color: rgba(0, 0, 0, 0.3); width: 100vw; height: 100dvh; }

.site-header-user-menu__dropdown button { height: 100%; position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

.site-header-user-menu__dropdown button:hover, .site-header-user-menu__dropdown button:focus { background-color: #026da7; }

.site-header-user-menu__dropdown button:hover, .site-header-user-menu__dropdown button:focus { color: #ffffff; }

.site-header-user-menu__dropdown button:hover, .site-header-user-menu__dropdown button:active, .site-header-user-menu__dropdown button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .site-header-user-menu__dropdown button, .site-header-user-menu__dropdown button[disabled], .site-header-user-menu__dropdown button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.site-header-user-menu__dropdown button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.site-header-user-menu__dropdown button.spinner.loading:before, .site-header-user-menu__dropdown .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.site-header-user-menu__dropdown button.spinner.loading:before:after, .site-header-user-menu__dropdown .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.site-header-user-menu__dropdown button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 75rem) { .site-header-user-menu__dropdown button .label, .site-header-user-menu__dropdown button .noq-icon-down-dir { display: none; } }

@media only screen and (min-width: calc(75rem + 1px)) { .site-header-user-menu__dropdown button { white-space: nowrap; } .site-header-user-menu__dropdown button .label { margin-left: 0.5rem; } }

@media only screen and (max-width: 75rem) { .site-header-user-menu__dropdown .basic-dropdown__list { background: #3c3b3b; width: 240px; position: absolute; right: 0; left: auto !important; height: 100dvh; max-height: 100dvh; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -webkit-animation: modal-slide-in 0.2s; -moz-animation: modal-slide-in 0.2s; animation: modal-slide-in 0.2s; } .site-header-user-menu__dropdown .basic-dropdown__list-item { background: #3c3b3b; } .site-header-user-menu__dropdown .basic-dropdown__list-item:not(:last-child) { border-bottom: 1px solid #4c4b4b; } .site-header-user-menu__dropdown .basic-dropdown__list-item:last-child { padding-bottom: 0; } .site-header-user-menu__dropdown .basic-dropdown__list-item:hover { background-color: #0288D1; color: #ffffff; } .site-header-user-menu__dropdown .basic-dropdown__list-item a { color: white; font-size: 0.875rem; font-weight: 600; padding: 0.5rem 1rem; } .site-header-user-menu__dropdown .basic-dropdown__list-item a:hover { color: white; } .site-header-user-menu__dropdown .basic-dropdown__list-item a .icon { font-size: 1.5rem; margin-right: 0.625rem; position: relative; top: 2px; } }

.site-header-usermenu__welcome-item { font-size: 0.875rem; padding: 0.5rem 1rem; color: white; border-bottom: 1px solid #4c4b4b; line-height: 1.25rem; }

.site-header-usermenu__welcome-item .name { font-size: 1.125rem; font-weight: 700; }

.site-header-user-menu__branding-item { padding: 1.25rem; font-size: 0.625rem; font-weight: 600; border-bottom: 0; text-align: right; }

.site-header-user-menu__branding-item span { color: #e3e4e6; font-weight: 400; }

.site-header-user-menu__branding-item .logo { width: 1rem; height: 1rem; display: inline-block; background: transparent url("../img/egrowcery-logo-3f1599ff061516c504c3cc97e0aca217.svg") center center no-repeat; background-size: contain; vertical-align: middle; margin: -0.25rem 0.25rem 0 0; }

.site-header-user-menu__branding-item .version { font-size: 0.6875rem; margin-top: 0.125rem; font-weight: normal; color: #85817e; }

.site-header-usermenu__login-button, .site-header-usermenu__register-button { height: 100%; border-radius: 0; padding-top: 0; padding-bottom: 0; }

@media only screen and (max-width: 75rem) { .site-header-usermenu__login-button, .site-header-usermenu__register-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:focus { background-color: #026da7; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:focus { color: #ffffff; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:active, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:active, .site-header-usermenu__register-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .site-header-usermenu__login-button, .site-header-usermenu__login-button[disabled], .site-header-usermenu__login-button.disabled, .egr-form__fieldset[disabled] .site-header-usermenu__register-button, .site-header-usermenu__register-button[disabled], .site-header-usermenu__register-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .site-header-usermenu__login-button.spinner, .site-header-usermenu__register-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .site-header-usermenu__login-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after, .site-header-usermenu__register-button.spinner.loading:before { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .site-header-usermenu__login-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after, .site-header-usermenu__register-button.spinner.loading:before:after { border-radius: 50%; width: 1em; height: 1em; } .site-header-usermenu__login-button.small, .site-header-usermenu__register-button.small { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .site-header-usermenu__login-button, .site-header-usermenu__register-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:focus { background-color: #026da7; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:focus { color: #ffffff; } .site-header-usermenu__login-button:hover, .site-header-usermenu__login-button:active, .site-header-usermenu__login-button:focus, .site-header-usermenu__register-button:hover, .site-header-usermenu__register-button:active, .site-header-usermenu__register-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .site-header-usermenu__login-button, .site-header-usermenu__login-button[disabled], .site-header-usermenu__login-button.disabled, .egr-form__fieldset[disabled] .site-header-usermenu__register-button, .site-header-usermenu__register-button[disabled], .site-header-usermenu__register-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .site-header-usermenu__login-button.spinner, .site-header-usermenu__register-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .site-header-usermenu__login-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after, .site-header-usermenu__register-button.spinner.loading:before { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .site-header-usermenu__login-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after, .site-header-usermenu__register-button.spinner.loading:before:after { border-radius: 50%; width: 1em; height: 1em; } .site-header-usermenu__login-button.small, .site-header-usermenu__register-button.small { padding: 0.375rem 0.75rem; } }

.site-header-usermenu__login-button:after { content: ""; border-right: 1px solid #ffffff; position: absolute; right: -0.375rem; height: 0.8125rem; top: 0.5625rem; opacity: 0.5; }

/*** END app/styles/components/site-header-user-menu.scss ***/
/*** START app/styles/components/store-selector.scss ***/
.store-selector-button { height: 100%; justify-content: space-between; height: 100%; display: flex; flex-direction: row; align-items: center; }

@media only screen and (max-width: 75rem) { .store-selector-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; text-align: left; border-radius: 0; justify-content: left; } .store-selector-button:hover, .store-selector-button:focus { background-color: #03335a; } .store-selector-button:hover, .store-selector-button:focus { color: #ffffff; } .store-selector-button:hover, .store-selector-button:active, .store-selector-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .store-selector-button, .store-selector-button[disabled], .store-selector-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .store-selector-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .store-selector-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .store-selector-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .store-selector-button.small { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .store-selector-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #0288D1; border-color: #026da7; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; text-align: left; border-radius: 0; } .store-selector-button:hover, .store-selector-button:focus { background-color: #026da7; } .store-selector-button:hover, .store-selector-button:focus { color: #ffffff; } .store-selector-button:hover, .store-selector-button:active, .store-selector-button:focus { text-decoration: none; } .egr-form__fieldset[disabled] .store-selector-button, .store-selector-button[disabled], .store-selector-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .store-selector-button.spinner { padding-left: 2.3em; padding-right: 2.3em; } .store-selector-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .store-selector-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .store-selector-button.small { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .store-selector-button { white-space: nowrap; } .store-selector-button .label { margin-left: 0.5rem; } }

.store-selector-modal .title { font-size: 1.75rem; font-weight: 300; }

.store-selector-modal .noq-modal-document__body { max-height: 90vh; padding: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .store-selector-modal .noq-modal-document__body { width: 38rem; } }

.store-selector-modal .noq-modal-document__body .store-selector { font-family: "Open Sans", sans-serif; isolation: isolate; display: grid; height: 100%; grid-template-columns: auto; grid-template-rows: [fulfillment-method] auto [search] auto [stores] 1fr; }

.store-selector-modal .noq-modal-document__body .store-selector .fulfillment-methods { display: flex; flex-wrap: wrap; gap: 0.125rem; border-bottom: 0.25rem solid #044070; }

.store-selector-modal .noq-modal-document__body .store-selector .fulfillment-methods .fulfillment-method-button { max-width: 50%; flex-grow: 1; height: 3rem; font-size: 1rem; font-weight: 400; color: #044070; background: #FFF; line-height: 3rem; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px 5px 0px 0px; padding-left: 0.5rem; padding-right: 0.5rem; text-wrap: nowrap; }

.store-selector-modal .noq-modal-document__body .store-selector .fulfillment-methods .fulfillment-method-button:disabled { background-color: #e9e9e9; color: gray; }

.store-selector-modal .noq-modal-document__body .store-selector .fulfillment-methods .fulfillment-method-button.is-selected { background-color: #044070; color: #FFF; border-color: #044070; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search { grid-row: search; grid-column-start: 1; grid-column-end: -1; margin-top: 0.5rem; display: flex; flex-direction: row; gap: 0.5rem; width: auto; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search button { border: none; background: #044070; color: #f9fdff; padding: 0.5em; line-break: strict; font-size: 1rem; cursor: pointer; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search .postcode-input { flex-grow: 1; background: #044070; border: 1px solid #044070; border-radius: 5px; display: flex; flex-direction: row; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search .postcode-input input { border: none; border-radius: 5px; padding-left: 1em; padding-right: 0.5em; font-size: 0.9rem; flex-grow: 1; min-width: 0; width: 8em; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search .postcode-input input:focus { outline: none; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search .postcode-input:focus-within { outline: none; }

.store-selector-modal .noq-modal-document__body .store-selector .location-search .use-my-location-button { border-radius: 5px; }

.store-selector-modal .noq-modal-document__body .store-selector .address-search { padding-top: 0.5rem; }

.store-selector-modal .noq-modal-document__body .store-selector .no-results { color: #4c4b4b; display: inline-block; margin: auto; }

.store-selector-modal .noq-modal-document__body .store-selector .no-address { color: #4c4b4b; display: inline-block; margin: auto; }

.store-selector-modal .noq-modal-document__body .store-selector .stores { grid-row: stores; grid-column-start: 1; grid-column-end: -1; display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 0.5rem; margin-top: 0.5rem; overflow-y: auto; overflow-x: clip; overscroll-behavior: none; padding: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) 0 100%; background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%; background-repeat: no-repeat; background-color: white; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item { isolation: isolate; grid-template-columns: auto auto; grid-template-rows: [name] 3rem [address] 3.5rem; color: #4c4b4b; background-color: transparent; display: grid; box-shadow: 5px 5px 10px 0px rgba(47, 79, 79, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); text-align: left; cursor: pointer; }

@media (hover: hover) { .store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item:not(:disabled):hover { background-color: #cfe2f0; } }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .name { grid-row: name; grid-column: 1; margin-left: 0.5rem; margin-top: 0.25rem; margin-right: 0.5rem; overflow: clip; text-overflow: ellipsis; height: 3rem; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .features { grid-row: 1; grid-column: 2; margin-right: 0.5rem; margin-top: 0.25rem; line-height: 1.5rem; gap: 0.5rem; display: flex; flex-direction: row-reverse; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .features .filter-icon { border-radius: 100%; font-size: 1.5rem; width: 1em; line-height: 1em; text-align: center; position: relative; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .features .filter-icon::after { content: attr(alt); position: absolute; display: inline-block; opacity: 0; font-size: 0.9rem; white-space: nowrap; top: 0px; right: -50%; transition: 256ms all ease; padding: 0.25rem 0.5rem; color: #4c4b4b; background-color: #f7fafc; border: 1px solid #4c4b4b; border-radius: 5px; line-height: 1.25rem; pointer-events: none; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .features .filter-icon:hover::after { top: 100%; opacity: 1; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .address { grid-row-start: 2; grid-row-end: 4; grid-column: 1; font-size: 0.9rem; padding-left: 0.5rem; margin-bottom: 0.5rem; align-self: end; }

.store-selector-modal .noq-modal-document__body .store-selector .stores .store-selector-item .distance { grid-row: address; grid-column: 2; align-self: end; justify-self: end; font-size: 0.8rem; margin-right: 0.5rem; margin-bottom: 0.5rem; }

/*** END app/styles/components/store-selector.scss ***/
/*** START app/styles/components/promo-item-group.scss ***/
.promo-item-group__outer { margin-bottom: 0.5rem; }

.promo-item-group__inner { border-radius: 5px; background-color: white; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }

.has-promo .promo-item-group__inner { padding: 0.375rem; border: 1px solid rgba(95, 171, 88, 0.5); background-color: rgba(95, 171, 88, 0.3); }

.is-complete .promo-item-group__inner { background-color: #fdfadb; border-color: #ffd220; }

.promo-item-group__header { position: relative; font-size: 0.875rem; line-height: 1.5rem; padding-left: 5rem; white-space: nowrap; overflow: hidden; margin-bottom: 0.375rem; background: white; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.25rem; display: flex; justify-content: space-between; transition: height 1s; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease; }

.has-promo .promo-item-group__header { border: 1px solid rgba(95, 171, 88, 0.7); }

.is-complete .promo-item-group__header { border-color: #ffd220; }

.promo-item-group__items { -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; transition: border-color 0.3s ease; background-color: white; }

.has-promo .promo-item-group__items { border: 1px solid rgba(95, 171, 88, 0.5); }

.is-complete .promo-item-group__items { border-color: #ffd220; }

.promo-item-group__header__save { position: absolute; left: 0; top: 0; height: 100%; background: #E4313C; color: white; padding: 0.125rem 0.25rem 0.125rem 0.5rem; min-width: 4rem; text-align: center; font-weight: 600; }

.promo-item-group__header__save:after { content: ''; background: #E4313C; clip-path: polygon(0 0, 0% 100%, 100% 0); position: absolute; top: 0; right: -0.5rem; width: 0.5rem; height: 100%; }

.promo-item-group__header__save .label { position: absolute; width: 100%; top: calc(50% - 12px); left: 0; }

.promo-item-group__header__definition { white-space: normal; color: #E4313C; font-weight: 500; padding: 0.125rem 0; transition: height 1s; }

.promo-item-group__flip-panel { white-space: nowrap; overflow: hidden; flex-shrink: 0; align-self: center; }

@media only screen and (max-width: 62.5rem) { .promo-item-group__flip-panel { flex-basis: 10rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .promo-item-group__flip-panel { flex-basis: 12rem; } }

.promo-item-group__flip-panel .buy-more { font-weight: 600; padding-right: 1rem; display: grid; justify-items: end; align-items: center; }

.promo-item-group__flip-panel .you-saved { text-align: center; background: #E4313C; color: white; border-radius: 3px; }

/*** END app/styles/components/promo-item-group.scss ***/
/*** START app/styles/components/tab-set.scss ***/
.tabs__list-container { border-bottom: 0.25rem solid #044070; }

.tabs__list-container.secondary-tab-list { border-bottom: 0.25rem solid #044070; }

.tabs { display: table; width: auto; table-layout: auto; margin-top: 0.25rem; margin-left: 0; margin-bottom: 0; }

@media only screen and (max-width: 62.5rem) { .tabs { margin-left: 0.25rem; margin-right: 0.25rem; } }

.tabs__tab-list { display: table-row; }

.tabs__tab { display: table-cell; height: 3rem; vertical-align: bottom; max-width: 16rem; }

.tabs__tab:not(:last-child) .tabs__tab-link { margin-right: 0.125rem; }

.tabs__tab.button-item { width: 3.75rem; }

.tabs__tab-link { display: block; border-radius: 0.3125rem 0.3125rem 0 0; font-size: 1rem; font-weight: 400; padding: 0.125rem 0.375rem 0; text-align: center; overflow: hidden; height: 100%; background: white; color: #044070; line-height: 1rem; outline: 0; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; }

@media only screen and (max-width: 62.5rem) { .tabs__tab-link { border-radius: 0.4375rem 0.4375rem 0 0; } }

.secondary-tab .tabs__tab-link { background: transparent; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 0; text-transform: none; color: #3c3b3b; outline: 0; }

.secondary-tab .tabs__tab-link:hover, .secondary-tab .tabs__tab-link:focus { background: #E4F6E4; color: #3c3b3b; }

.tabs__tab-link:hover, .tabs__tab-link:focus { background: white; color: #044070; text-decoration: none; }

.tabs__tab.active .tabs__tab-link, .tabs__tab-link.active { background: #044070; color: white; border: 0; }

.tabs__tab-label-wrapper { display: table; width: 100%; height: 100%; table-layout: fixed; }

.tabs__tab-label { display: table-cell; vertical-align: middle; height: 100%; text-overflow: ellipsis; overflow: hidden; }

.tabs__tab-subtitle { font-size: 0.75rem; font-weight: 300; margin-left: 0.25rem; color: #85817e; }

@media only screen and (max-width: 62.5rem) { .tabs__tab-subtitle { display: block; padding-top: 0.25rem; } }

.tabs__tab.active .tabs__tab-subtitle { color: white; }

.tab-panel { display: none; background: white; opacity: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .tab-panel { border: 1px solid rgba(0, 0, 0, 0.1); padding: 2.5rem; } }

.tab-panel.active { display: block; opacity: 1; }

/*** END app/styles/components/tab-set.scss ***/
/*** START app/styles/components/time-slot-selector.scss ***/
@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-modal__body { width: 38rem; background: transparent; box-shadow: none; } }

.time-slot-modal__header { padding-bottom: 1rem; }

.time-slot-modal__header:before, .time-slot-modal__header:after { content: " "; display: table; }

.time-slot-modal__header:after { clear: both; }

.time-slot-modal__title { font-size: 1.75rem; font-weight: 300; }

.time-slot-modal__unavailable-message { padding: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-modal__unavailable-message { font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background: white; } }

.time-slot-modal__previous-order { position: relative; background: white; padding: 1rem 1.5rem; font-size: 0.875rem; margin-bottom: 0.75rem; }

@media only screen and (max-width: 62.5rem) { .time-slot-modal__previous-order { margin-left: 0.75rem; margin-right: 0.75rem; margin-top: 3.5rem; border: 2px dashed #044070; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-modal__previous-order { margin-top: 0.75rem; box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; } }

.time-slot-modal__previous-order .title { color: #044070; font-weight: 600; margin-top: 0; margin-bottom: 0.25rem; opacity: 0.85; font-size: 1rem; }

.time-slot-modal__previous-order .message { margin-bottom: 0.375rem; font-size: 0.875rem; }

.time-slot-selector { position: relative; }

.time-slot-selector__spinner { font-size: 1.875rem; margin: 10rem auto; }

@media only screen and (max-width: 62.5rem) { .time-slot-selector__tabs .tabs__tab { width: 50%; max-width: none; } }

.time-slot-selector__tabs .tab-panel { padding: 0; }

.time-slot-selector__tabs .panel.no-border { border: 0; }

.time-slot-selector__location-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: #F8F8F8; }

.time-slot-selector__location-panel:before, .time-slot-selector__location-panel:after { content: " "; display: table; }

.time-slot-selector__location-panel:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .time-slot-selector__location-panel { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-selector__location-panel { padding: 1.5rem 2rem; } }

.time-slot-selector__location-header { font-size: 1rem; font-weight: 400; }

.time-slot-selector__change-store { font-size: 0.75rem; margin-bottom: 1rem; }

.time-slot-selector__location-list { list-style: none; margin: 0; }

.time-slot-selector__location-list-item { position: relative; margin-bottom: 0.25rem; padding-left: 2rem; padding-right: 0.5rem; float: left; clear: left; border: 1px solid transparent; }

.time-slot-selector__location-list-item.selected { background: white; border: 1px solid #044070; border-radius: 5px; }

.time-slot-selector__location-radio { position: absolute; left: 0.375rem; top: 0.375rem; margin-right: 1rem; }

.time-slot-selector__location-label { font-size: 0.8125rem; font-weight: 400; color: #85817e; cursor: pointer; line-height: 1.6; display: block; padding: 0.125rem; }

.time-slot-selector__location-label .name { font-weight: 600; }

.time-slot-selector__location-label:hover { color: #000; }

.time-slot-selector__location-label.selected { color: #044070; }

.time-slot-selector__location-name { font-weight: 600; margin-right: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .time-slot-select-form { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-select-form { padding: 1.5rem 2rem; } }

.time-slot-select-form__message { background-color: #fff9c4; border: 1px solid #ffd220; padding: 8px; border-radius: 4px; color: #000; font-size: 14px; text-align: center; margin-bottom: 10px; }

.time-slot-select-form__refresh-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #5FAB58; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; position: absolute; top: 0.5rem; right: 0; border: 0; font-size: 1rem; padding: 0.25rem; }

.time-slot-select-form__refresh-button:hover, .time-slot-select-form__refresh-button:focus { background-color: #cccccc; }

.time-slot-select-form__refresh-button:hover, .time-slot-select-form__refresh-button:focus { color: #5FAB58; }

.time-slot-select-form__refresh-button:hover, .time-slot-select-form__refresh-button:active, .time-slot-select-form__refresh-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .time-slot-select-form__refresh-button, .time-slot-select-form__refresh-button[disabled], .time-slot-select-form__refresh-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.time-slot-select-form__refresh-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.time-slot-select-form__refresh-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.time-slot-select-form__refresh-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.time-slot-select-form__refresh-button.small { padding: 0.375rem 0.75rem; }

.time-slot-select-form__empty { font-size: 0.8125rem; font-weight: 300; text-align: center; }

.time-slot-tile { position: relative; background: white; padding: 0.75rem 1.25rem; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0.25rem; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.time-slot-tile:before, .time-slot-tile:after { content: " "; display: table; }

.time-slot-tile:after { clear: both; }

.time-slot-tile.is-reserved { border-color: #5FAB58; }

.time-slot-tile.is-full { background-color: #f3f3f3; opacity: 0.6; border-style: dashed; box-shadow: none; }

.time-slot-tile__time { font-size: 0.875rem; }

.time-slot-tile__price { font-size: 0.875rem; font-weight: 600; margin-top: 0.25rem; }

.time-slot-tile__reserve-wrapper { float: right; width: 8rem; text-align: center; margin-top: 0.125rem; }

.time-slot-tile__reserve-wrapper .full-badge { margin-top: 0.75rem; font-size: 0.75rem; }

.time-slot-tile__reserve-wrapper .reserve-button { width: 100%; box-sizing: border-box; font-size: 0.75rem; padding: 0.5rem 0.75rem; margin-top: 0.25rem; }

.time-slot-tile__reserve-wrapper .selecting-badge { font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1.5rem; padding: 0.375rem; font-size: 0.75rem; color: #85817e; margin-top: 0.25rem; }

.time-slot-tile__reserve-wrapper .selecting-badge i { margin-right: -0.375rem; margin-left: 0.25rem; }

.time-slot-tile__reserve-wrapper .reserved-badge { font-size: 0.875rem; border: 1px solid #5FAB58; color: #5FAB58; border-radius: 1.5rem; padding: 0.375rem; }

.time-slot-tile__reserve-wrapper .reserved-badge i { margin-right: -0.375rem; }

.time-slot-tile__reserved-message { font-size: 0.8125rem; margin: 0.75rem 0; }

.time-slot-tile__reserved-message strong { font-weight: 700; }

.time-slot-tile__upsell-tiers { margin: 1rem 0; }

.time-slot-tile__upsell-tiers .tier { background: #fdfadb; border: 1px solid #ffd220; padding: 0.25rem 1rem; font-size: 0.75rem; text-align: center; }

.time-slot-tile__upsell-tiers .tier:not(:last-child) { margin-bottom: 0.25rem; }

.time-slot-tile__reserved-buttons { text-align: center; }

.time-slot-tile__reserved-buttons button, .time-slot-tile__reserved-buttons a { padding: 0.5rem 2rem; font-size: 0.8125rem; box-sizing: border-box; }

.time-slot-tile__reserved-buttons .checkout-proceed-button { font-size: 0.875rem; min-width: 12.5rem; }

@media only screen and (max-width:  31em) { .time-slot-tile__reserved-buttons button, .time-slot-tile__reserved-buttons a { margin-bottom: 0.25rem; max-width: 100%; min-width: 11.25rem; } }

.time-slot-tile__expiry-warning { margin-top: 0.75rem; font-size: 0.6875rem; text-align: center; }

.time-slot-selector__shipping-panel { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.time-slot-selector__shipping-panel:before, .time-slot-selector__shipping-panel:after { content: " "; display: table; }

.time-slot-selector__shipping-panel:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .time-slot-selector__shipping-panel { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .time-slot-selector__shipping-panel { padding: 1.5rem 2rem; } }

@media only screen and (max-width: 62.5rem) { .shipping-option-form { padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .shipping-option-form { padding: 1.5rem 2rem; } }

.shipping-option .label { flex: 1; }

.shipping-option .label small { display: block; font-size: 0.6875rem; font-weight: 400; opacity: 0.8; }

.shipping-option .price { font-size: 0.875rem; font-weight: 600; margin-top: 0.25rem; }

.time-slot-selector__address .time-slot-select-form { padding: 0; }

.time-slot-selector__address .time-slot-selector__address__summary { margin-bottom: 1rem; }

.time-slot-selector__address .time-slot-selector__address__summary__flex-box { display: flex; justify-content: space-between; }

.time-slot-selector__address .time-slot-selector__address__summary__flex-box .bold { color: #4c4b4b; font-size: 0.875rem; font-weight: 600; line-height: 1.5; }

.time-slot-selector__address .time-slot-selector__address__summary__flex-box .value { font-size: 0.75rem; }

.time-slot-selector__address .time-slot-selector__address__summary__flex-box .change-link { padding-left: 1rem; font-size: 0.75rem; align-self: center; }

/*** END app/styles/components/time-slot-selector.scss ***/
/*** START app/styles/components/shipping-options-form.scss ***/
.shipping-option-form { position: relative; background: white; padding: 0.75rem 1.25rem; margin-bottom: 0.25rem; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.shipping-option-form:before, .shipping-option-form:after { content: " "; display: table; }

.shipping-option-form:after { clear: both; }

.shipping-option-form.is-reserved > .shipping-option-tile { border-color: #5FAB58; }

.shipping-option-tile { position: relative; background: white; padding: 0.75rem 1.25rem; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0.25rem; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.shipping-option-tile:before, .shipping-option-tile:after { content: " "; display: table; }

.shipping-option-tile:after { clear: both; }

.shipping-option-tile__title { font-size: 0.875rem; }

.shipping-option-tile__title__price { font-weight: 600; }

.shipping-option-tile__time { font-size: 0.875rem; margin-top: 0.25rem; }

.shipping-option-tile__reserve-wrapper { float: right; width: 8rem; text-align: center; margin-top: 0.125rem; }

.shipping-option-tile__reserve-wrapper .full-badge { margin-top: 0.75rem; font-size: 0.75rem; }

.shipping-option-tile__reserve-wrapper .reserve-button { width: 100%; box-sizing: border-box; font-size: 0.75rem; padding: 0.5rem 0.75rem; margin-top: 0.25rem; }

.shipping-option-tile__reserve-wrapper .selecting-badge { font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 1.5rem; padding: 0.375rem; font-size: 0.75rem; color: #85817e; margin-top: 0.25rem; }

.shipping-option-tile__reserve-wrapper .selecting-badge i { margin-right: -0.375rem; margin-left: 0.25rem; }

.shipping-option-tile__reserve-wrapper .reserved-badge { font-size: 0.875rem; border: 1px solid #5FAB58; color: #5FAB58; border-radius: 1.5rem; padding: 0.375rem; }

.shipping-option-tile__reserve-wrapper .reserved-badge i { margin-right: -0.375rem; }

.shipping-option-tile__reserved-buttons { text-align: center; }

.shipping-option-tile__reserved-buttons button, .shipping-option-tile__reserved-buttons a { margin-top: 0.5rem; padding: 0.5rem 2rem; font-size: 0.8125rem; box-sizing: border-box; }

.shipping-option-tile__reserved-buttons .checkout-proceed-button { font-size: 0.875rem; min-width: 12.5rem; }

@media only screen and (max-width:  31em) { .shipping-option-tile__reserved-buttons button, .shipping-option-tile__reserved-buttons a { margin-bottom: 0.25rem; max-width: 100%; min-width: 11.25rem; } }

/*** END app/styles/components/shipping-options-form.scss ***/
/*** START app/styles/components/loading-panel.scss ***/
.loading-panel { width: 18.75rem; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: rgba(235, 235, 235, 0.95); border-radius: 0.625rem; padding: 1em; text-align: center; }

.loading-panel.inline { background-color: transparent; border-radius: 0; }

.loading-panel .loading-panel__spinner, .loading-panel__spinner-large { margin: 1rem auto; }

.loading-panel__spinner { font-size: 3.125rem; }

.loading-panel__logo { margin-bottom: 0.75rem; width: 10rem; margin-left: auto; margin-right: auto; }

/*** END app/styles/components/loading-panel.scss ***/
/*** START app/styles/components/zoomable-image.scss ***/
.zoomable-image { background: white; position: relative; }

.zoomable-image__image-wrapper { overflow: hidden; position: absolute; width: 100%; height: 100%; }

.zoomable-image__image-wrapper.zoom + .zoomable-image__zoom-overlay { opacity: 1; }

.zoomable-image__image-wrapper.zoom .zoomable-image__lens { opacity: 1; }

.zoomable-image__image { width: inherit; height: inherit; }

.zoomable-image__lens { opacity: 0; position: absolute; border: 1px solid rgba(0, 0, 0, 0.5); outline: 100vw solid rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }

@media only screen and (max-width: 62.5rem) { .zoomable-image__lens { display: none; } }

.zoomable-image__zoom-overlay { background: white; pointer-events: none; position: absolute; overflow: hidden; opacity: 0; outline: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.2); z-index: 1; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }

@media only screen and (max-width: 62.5rem) { .zoomable-image__zoom-overlay { display: none; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .zoomable-image__zoom-overlay { top: 0; left: calc(100% + 0.5rem); width: 200%; height: 200%; } }

.zoomable-image__zoomed-image { width: 250%; height: 250%; left: 0; top: 0; }

@media only screen and (max-width: 62.5rem) { .zoomable-image__zoomed-image { display: none; } }

html.no-pointerevents .zoomable-image__image-wrapper.zoom + .zoomable-image__zoom-overlay { display: block; }

html.no-pointerevents .zoomable-image__image-wrapper.zoom .zoomable-image__lens { display: block; }

html.no-pointerevents .zoomable-image__zoom-overlay { display: none; }

/*** END app/styles/components/zoomable-image.scss ***/
/*** START app/styles/components/responsive-image.scss ***/
.responsive-image { position: relative; }

.responsive-image .loading-spinner { position: absolute; top: calc(50% - 0.625rem); left: calc(50% - 0.625rem); font-size: 1.25rem; opacity: 0.5; border-left-color: transparent; }

.responsive-image .responsive-image__img { max-width: 100%; max-height: 100%; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transition: opacity 1s; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.responsive-image.hide-bg .responsive-image__img { mix-blend-mode: multiply; }

.responsive-image .responsive-image__bg { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 1s, background-image 0.5s ease-in-out; }

.responsive-image .responsive-image__bg.cover { background-size: cover; }

.responsive-image .responsive-image__img, .responsive-image .responsive-image__bg { opacity: 1; }

.responsive-image.show-spinner .responsive-image__img, .responsive-image.show-spinner .responsive-image__bg { opacity: 0; }

/*** END app/styles/components/responsive-image.scss ***/
/*** START app/styles/components/infinite-scroller.scss ***/
.infinite-scroller { position: relative; height: 5rem; margin-bottom: 3.75rem; text-align: center; }

.infinite-scroller .loading-panel__spinner { font-size: 2.5rem; }

/*** END app/styles/components/infinite-scroller.scss ***/
/*** START app/styles/components/editable-title.scss ***/
.editable-title { position: relative; overflow: hidden; font-size: 30px; }

.editable-title > .editable-title__input { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; border: 0; background: transparent; font-size: 0.8em; padding: 0.2em 0.3em; height: auto; }

.editable-title > .editable-title__input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.editable-title > .editable-title__input:disabled { background-color: #f3f3f3; }

.editable-title > .editable-title__input[disabled], .editable-title > .editable-title__input[readonly], fieldset[disabled] .editable-title > .editable-title__input { background-color: #f3f3f3; }

.editable-title > .editable-title__input:focus { background: #f3f3f3; }

.editable-title .noq-icon-edit { display: none; position: absolute; font-size: 0.5em; top: 0.7em; margin-left: 0.5em; pointer-events: none; }

@media (hover: none) { .editable-title .noq-icon-edit { display: block; } }

html.touch .editable-title .noq-icon-edit { display: block; }

.editable-title:hover .noq-icon-edit { display: block; }

.editable-title:focus .noq-icon-edit { display: none; }

/*** END app/styles/components/editable-title.scss ***/
/*** START app/styles/components/notes-editor.scss ***/
.notes-editor { font-weight: 600; position: relative; }

.notes-editor__formatted { font-weight: 600; font-size: 0.75rem; position: absolute; z-index: 0; padding: 0.25rem 0.625rem 0.3125rem 0.5625rem; margin-top: 0.0625rem; white-space: normal; width: 100%; line-height: 1.25rem; }

.notes-editor__formatted:before, .notes-editor__formatted.noq-icon-right-open-big-after:after { content: '‟'; position: absolute; left: 0; }

.notes-editor__formatted:after { content: '”'; display: inline-block; padding-left: 0.125rem; margin-right: -0.5rem; }

.notes-editor__prompt { font-size: 0.75rem; position: absolute; z-index: 0; padding: 0.375rem 0 0.3125rem; opacity: 0.5; font-weight: 400 !important; }

.notes-editor__textarea { font-family: "Open Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-sizing: border-box; outline: none; -webkit-appearance: none; -moz-appearance: none; box-shadow: none; padding: 0.625rem; color: #4c4b4b; border-radius: 2px; height: auto; display: block; margin: 0; resize: none; font-size: 0.75rem; width: 100%; min-height: 1.875rem; position: relative; z-index: 1; resize: none; opacity: 0; border-color: white; color: transparent; padding-top: 0.25rem; padding-bottom: 0.25rem; min-height: 1.875rem; line-height: 1.25rem; letter-spacing: 0.02rem; }

.notes-editor__textarea::-webkit-input-placeholder { color: #ccc; }

.notes-editor__textarea:-moz-placeholder { /* Firefox 18- */ color: #ccc; }

.notes-editor__textarea::-moz-placeholder { /* Firefox 19+ */ color: #ccc; }

.notes-editor__textarea:-ms-input-placeholder { color: #ccc; }

.notes-editor__textarea.disabled, .notes-editor__textarea[disabled], .egr-form__fieldset[disabled] .notes-editor__textarea { background: #F8F8F8; color: #7d7c7c; }

.notes-editor__textarea[readonly] { background: #F8F8F8; color: #7d7c7c; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .notes-editor__textarea:focus { outline: 1px solid rgba(0, 0, 0, 0.2); } }

.notes-editor__textarea.error.validation-visible { border: 1px solid #D16262; }

.is-empty .notes-editor__textarea { background: transparent; cursor: pointer; }

.notes-editor__textarea:hover { opacity: 1; border: 1px solid rgba(0, 0, 0, 0.1); color: #555; }

.notes-editor__textarea:focus { opacity: 1; border: 1px solid rgba(0, 0, 0, 0.1); background: white !important; color: #555; cursor: text; }

/*** END app/styles/components/notes-editor.scss ***/
/*** START app/styles/components/nutrition-facts.scss ***/
.nutrition-facts { font-size: 0.8125rem; border: 1px solid #ccc; width: 18rem; padding: 0.5rem; margin: 1rem 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .nutrition-facts { margin: 0 2rem 1rem 0; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); float: left; } }

.nutrition-facts__title { font-weight: bold; font-size: 1.5rem; margin: 0 0 0.25rem 0; }

.nutrition-facts__header { border-bottom: 0.625rem solid #4c4b4b; padding: 0 0 0.25rem 0; margin: 0; }

.nutrition-facts__header .nutrition-facts__serving-size { margin: 0; font-size: inherit; }

.nutrition-facts__table, .nutrition-minerals__table { border-collapse: collapse; width: 16.875rem !important; max-width: 16.875rem !important; }

.nutrition-facts__table thead tr th, .nutrition-facts__table thead tr td, .nutrition-minerals__table thead tr th, .nutrition-minerals__table thead tr td { border: 0; }

.nutrition-facts__table th, .nutrition-facts__table td, .nutrition-minerals__table th, .nutrition-minerals__table td { text-align: left; padding: 0; }

.nutrition-facts__table td:last-child, .nutrition-minerals__table td:last-child { text-align: right; }

.nutrition-facts__table th, .nutrition-facts__table td { white-space: nowrap; border-top: 1px solid #4c4b4b; }

.nutrition-facts__table .nutrition-facts__factor, .nutrition-facts__table .nutrition-facts__percentage { font-weight: 700; }

.nutrition-facts__table .nutrition-facts__factor--secondary, .nutrition-facts__table .nutrition-facts__amount { width: 10.875rem; font-weight: 400; }

.nutrition-minerals__table { margin: 0 0 0.5rem 0; }

.nutrition-minerals__table th, .nutrition-minerals__table td { border-bottom: 1px solid #4c4b4b; }

.nutrition-facts__blank-cell { width: 1rem; border-top: 0; }

.nutrition-facts__thick-row th, .nutrition-facts__thick-row td { border-top-width: 0.3125rem; }

.nutrition-facts__calories { font-weight: 400; }

.nutrition-facts__factor { width: 11.875rem; }

.nutrition-facts__percentage { width: 4.875rem; }

.nutrition-facts__small-info { font-size: 0.625rem; line-height: 1.5; margin-bottom: 0; }

.nutrition-facts__thick-end { border-bottom: 0.625rem solid #4c4b4b; }

/*** END app/styles/components/nutrition-facts.scss ***/
/*** START app/styles/components/substitution-summary.scss ***/
.substitution-summary { display: none; overflow: hidden; -webkit-line-clamp: 2; /* line count max limit */ -webkit-box-orient: vertical; }

.substitution-summary.dont-substitute { font-weight: 600; }

.order-item-option-summary:not(.order-item-option-summary--cart):not(.order-item-option-summary--checkout) .substitution-summary { display: -webkit-box; }

.substitution-item-list { font-size: 0.75rem; margin-left: 0.5rem; }

.substitution-item-list .substittion-item-list__item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*** END app/styles/components/substitution-summary.scss ***/
/*** START app/styles/components/frequency-dropdown.scss ***/
.frequency-dropdown { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; border: 0; background-color: white; font-size: 0.75rem; }

.frequency-dropdown::-ms-expand { display: none; }

.frequency-dropdown:disabled { background-color: #f3f3f3; }

/*** END app/styles/components/frequency-dropdown.scss ***/
/*** START app/styles/components/snap-amount-edit.scss ***/
.snap-amount-edit { border: 1px solid rgba(0, 0, 0, 0.1); background: white; border-radius: 0.25rem; margin-bottom: 0.5rem; padding: 1rem 1.5rem 1rem 4rem; text-align: left; display: block; text-decoration: none !important; position: relative; }

.snap-amount-edit .icon { position: absolute; left: 1rem; top: 1.25rem; width: 2rem; }

.snap-amount-edit .title { font-size: 1rem; font-weight: 600; }

.snap-amount-edit .description { margin: 0.25rem 0 0.75rem; font-size: 0.8125rem; }

.snap-amount-edit .items-label { font-size: 0.875rem; border-radius: 1rem; padding: 0.375rem 1.5rem; margin-right: 0.5rem; font-weight: 600; background: white; border: 1px solid rgba(0, 0, 0, 0.1); }

.snap-amount-edit .items-label .noq-icon-ok { color: white; margin-left: 0.5rem; }

.snap-amount-edit__table { font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .snap-amount-edit__table { margin-left: -42px; width: calc(100% + 42px) !important; } }

.snap-amount-edit__table tr:not(:last-child) th, .snap-amount-edit__table tr:not(:last-child) td { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

.snap-amount-edit__table tr.amount-row { font-size: 1rem; }

.snap-amount-edit__table tr.amount-row th { font-weight: 600; }

.snap-amount-edit__table th { padding: 0.25rem 0.75rem 0.25rem 0; vertical-align: middle; height: 40px; }

.snap-amount-edit__table td { text-align: right; padding: 0.25rem 0; vertical-align: middle; }

.snap-amount-edit__table .balance-amount { font-weight: 600; white-space: nowrap; }

@media only screen and (max-width:  31em) { .snap-amount-edit__table .balance-amount { display: block; } }

.snap-amount-edit__table .balance-amount.ok:after { color: #64AA5D; font-family: 'fontello'; content: '\2705'; font-size: 1.125rem; line-height: 1rem; margin-left: 0.25rem; }

.snap-amount-edit__table .balance-amount.not-ok { color: #E4313C; }

.snap-amount-edit__table .balance-amount.not-ok:after { font-family: 'fontello'; content: '\24e7'; font-size: 1.125rem; line-height: 1rem; margin-left: 0.25rem; }

.snap-amount-edit__input { display: inline-block; text-align: right; width: 100px; font-size: 1rem; }

.snap-amount-edit__input-wrapper { position: relative; }

.snap-amount-edit__input-wrapper:before, .snap-amount-edit__input-wrapper.noq-icon-right-open-big-after:after { content: '$'; position: absolute; z-index: 1; left: 0.75rem; top: -0.125rem; font-size: 1rem; font-weight: 600; }

/*** END app/styles/components/snap-amount-edit.scss ***/
/*** START app/styles/components/chat-log.scss ***/
@media only screen and (max-width: 75rem) { .chat-log__panel { padding: 0 1.5rem 1rem; margin-bottom: 1rem; } }

.chat-log__title { font-size: 1.375rem; }

.chat-log__messages-list { list-style: none; margin-left: 0; }

.chat-log__messages-list:before, .chat-log__messages-list:after { content: " "; display: table; }

.chat-log__messages-list:after { clear: both; }

.chat-log__message { position: relative; padding: 0.125rem 0.75rem 0.5rem 5rem; margin-bottom: 0.375rem; font-size: 0.875rem; }

.chat-log__message .picture { position: absolute; left: 0.5rem; top: 0.125rem; width: 3rem; height: 3rem; }

.chat-log__message .picture.is-customer { background-image: url("/assets/img/chat/customer-c017a307e3260205d5c5ad95a314dd6f.png"); background-size: 80%; background-position: center; background-repeat: no-repeat; }

.chat-log__message .userName { font-size: 0.75rem; margin-right: 0.375rem; }

.chat-log__message .dateReceived { font-size: 0.75rem; font-weight: 300; }

.chat-log__message.Event .message { font-weight: 300; font-size: 0.75rem; }

/*** END app/styles/components/chat-log.scss ***/
/*** START app/styles/components/pikaday.scss ***/
/*! Pikaday Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */
.pika-single { z-index: 1; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pika-single.is-hidden { display: none; }

.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single { *zoom: 1; }

.pika-single:before, .pika-single:after { content: " "; display: table; }

.pika-single:after { clear: both; }

.pika-lendar { float: left; width: 240px; margin: 8px; }

.pika-title { position: relative; text-align: center; }

.pika-title select { cursor: pointer; position: absolute; z-index: 99998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; }

.pika-label { display: inline-block; *display: inline; position: relative; z-index: 99999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; color: #333; background-color: #fff; }

.pika-prev, .is-rtl .pika-next { float: left; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position-x: 0%; background-position-y: center; left: 0; border: none; padding: 0.5rem; padding-left: 1rem; }

.pika-next, .is-rtl .pika-prev { float: right; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center; right: 0; border: none; padding: 0.5rem; padding-right: 1rem; }

.pika-select { display: inline-block; }

.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }

.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; }

.pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; }

.pika-table abbr { border-bottom: none; cursor: help; }

.pika-button { display: block; width: 100%; border: none; }

.is-today .pika-button { color: #ffffff !important; background: #044070; font-weight: bold; }

.is-today .pika-button:hover { background: #044070; }

.is-selected .pika-button { color: #ffffff !important; font-weight: bold; background: #5FAB58; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; }

.is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; }

.pika-week { font-size: 11px; color: #999; }

.is-inrange .pika-button { background: #D5E9F7; }

.is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; }

.is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; }

.pika-time-container { clear: both; }

.pika-time { margin: 7px auto 7px; }

.pikaday-input { -webkit-appearance: searchfield !important; }

.pikaday-input::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }

/*** END app/styles/components/pikaday.scss ***/
/*** START app/styles/components/popular-products.scss ***/
.popular-products-modal-body { padding: 0; width: 100%; display: flex; align-items: center; flex-direction: column; }

.popular-products-modal .popular-products-modal-footer button { width: 100%; }

.popular-products-modal .popular-products-modal__title { font-size: 1.5rem; margin-bottom: 0; }

.popular-products-modal .dietary-profile-message { margin: 1rem 0.7rem; font-size: 1.125rem; align-self: flex-start; font-size: 0.875rem; }

.popular-products-modal .popular-products-modal-footer { background-color: inherit; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .popular-products-modal-dialog { max-width: 47.8em !important; } .popular-products-modal-body { padding: 1rem 1rem 0; margin-bottom: 1rem; } .popular-products-modal .dietary-profile-message { margin: 0 0.7rem 1rem; } .popular-products-modal .product-list { margin: 0; display: flex; place-content: center; width: 44.625rem; } .popular-products-modal .product-list .product-list-items-list { display: flex; flex-wrap: wrap; gap: 0.75em; } .popular-products-modal .product-list .product-list-items-list::before, .popular-products-modal .product-list .product-list-items-list::after { content: none; } .popular-products-modal .product-list .product-list-items-list .product-list-item { margin: 0; flex: 0 0 14.375rem; } .popular-products-modal .product-list .product-list-items-list .product-list-item::before, .popular-products-modal .product-list .product-list-items-list .product-list-item::after { content: none; } }

/*** END app/styles/components/popular-products.scss ***/
/*** START app/styles/components/data-privacy-security.scss ***/
.data-privacy-security_item { color: #4c4b4b; margin-bottom: 1rem; font-size: 0.875rem; }

.data-privacy-security_item:before, .data-privacy-security_item:after { content: " "; display: table; }

.data-privacy-security_item:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .data-privacy-security_item { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 1rem; } }

.data-privacy-security_item h2 { display: inline-block; font-size: 0.875rem; font-weight: 700; cursor: pointer; padding-bottom: 1rem; margin-bottom: 0; }

.data-privacy-security_item button { float: right; }

/*** END app/styles/components/data-privacy-security.scss ***/
/*** START app/styles/components/widgets/category-tiles.scss ***/
.category-tiles__list { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; gap: 0.5rem; }

.category-tiles__list-item { float: left; flex-grow: 1; list-style: none; }

@media only screen and (max-width:  31em) { .category-tiles__list-item { width: 50%; } }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .category-tiles__list-item { width: 33%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .category-tiles__list-item { width: 20%; } }

.category-tiles__link { position: relative; display: block; border-radius: 0.125rem; overflow: hidden; }

@media only screen and (max-width: 62.5rem) { .category-tiles__link { height: 7.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .category-tiles__link { height: 10rem; } }

.category-tiles__link__image { position: absolute; width: 100%; height: 100%; z-index: -1; }

.category-tiles__link__image .responsive-image__bg { background-size: cover !important; }

.category-tiles__link__title { position: absolute; width: 100%; bottom: 0; color: white; background: rgba(0, 0, 0, 0.6); text-align: left; font-size: 0.875rem; font-weight: 500; padding: 0.125rem 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.category-tiles__button { display: inline-block; margin-top: 1rem; }

/*** END app/styles/components/widgets/category-tiles.scss ***/
/*** START app/styles/components/widgets/feature-tile.scss ***/
.feature-tile { position: relative; }

.feature-tile.clickable { cursor: pointer; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .feature-tile { margin-bottom: 0.75rem; } }

.feature-tile__link { display: block; position: relative; height: 12rem; text-decoration: none !important; cursor: pointer; }

.feature-tile__image { width: 100%; height: 100%; z-index: -1; }

.feature-tile__image .responsive-image__bg { background-size: cover !important; }

.feature-tile__text-wrapper { position: absolute; width: 100%; bottom: 0; color: white; background: rgba(0, 0, 0, 0.6); text-align: left; }

@media only screen and (max-width: 62.5rem) { .feature-tile__text-wrapper { padding: 0.125rem 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .feature-tile__text-wrapper { padding: 0.375rem 1rem; } }

.feature-tile__title { font-size: 0.875rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.feature-tile__text { font-size: 0.75rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*** END app/styles/components/widgets/feature-tile.scss ***/
/*** START app/styles/components/widgets/info-box.scss ***/
.info-box { position: relative; }

.info-box.clickable { cursor: pointer; }

.info-box__link { display: block; height: 18rem; text-decoration: none !important; }

.info-box__image { position: absolute !important; top: 0; left: 0; width: 100%; height: 14rem; z-index: -1; border-radius: 0.125rem; overflow: hidden; }

.info-box__image .responsive-image__bg { background-size: cover !important; }

.info-box__content-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; }

.info-box__content { padding: 1rem 2rem; text-align: center; background: white; width: 75%; margin: auto; border-radius: 0.125rem; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }

.info-box__title { color: #4c4b4b; font-size: 1.25rem; }

.info-box__text { color: #4c4b4b; font-size: 0.875rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .info-box__text { min-height: 2.75rem; } }

.info-box__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.info-box__button:hover, .info-box__button:focus { background-color: #03335a; }

.info-box__button:hover, .info-box__button:focus { color: #ffffff; }

.info-box__button:hover, .info-box__button:active, .info-box__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .info-box__button, .info-box__button[disabled], .info-box__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.info-box__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.info-box__button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.info-box__button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.info-box__button.small { padding: 0.375rem 0.75rem; }

/*** END app/styles/components/widgets/info-box.scss ***/
/*** START app/styles/components/widgets/panel-50-50.scss ***/
.panel-50-50 { position: relative; border-radius: 0.125rem; overflow: hidden; background: #06525F; height: 100%; }

.panel-50-50.clickable { cursor: pointer; }

.panel-50-50__link { display: block; text-decoration: none !important; }

.panel-50-50__left { width: 50%; padding: 1rem 1.5rem; text-align: left; }

.panel-50-50__right { position: absolute; background: rgba(255, 255, 255, 0.4); top: 0; left: 50%; width: 50%; height: 100%; }

.panel-50-50__title { color: white; font-size: 1rem; font-weight: 700; }

@media only screen and (max-width: 62.5rem) { .panel-50-50__title { font-size: 0.875rem; } }

.panel-50-50__text { color: white; font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .panel-50-50__text { margin-bottom: 0; } }

.panel-50-50__image { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }

.panel-50-50__image .responsive-image__bg { background-size: cover !important; }

.panel-50-50__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; position: absolute; bottom: 1rem; right: 1rem; }

.panel-50-50__button:hover, .panel-50-50__button:focus { background-color: #03335a; }

.panel-50-50__button:hover, .panel-50-50__button:focus { color: #ffffff; }

.panel-50-50__button:hover, .panel-50-50__button:active, .panel-50-50__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .panel-50-50__button, .panel-50-50__button[disabled], .panel-50-50__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.panel-50-50__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.panel-50-50__button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.panel-50-50__button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.panel-50-50__button.small { padding: 0.375rem 0.75rem; }

/*** END app/styles/components/widgets/panel-50-50.scss ***/
/*** START app/styles/components/widgets/content-panel.scss ***/
@media only screen and (max-width: 62.5rem) { .content-panel { padding: 1rem 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .content-panel { margin-bottom: 2rem; } }

.content-panel__content :last-child { margin-bottom: 0; }

/*** END app/styles/components/widgets/content-panel.scss ***/
/*** START app/styles/error-page.scss ***/
.error-page { position: relative; text-align: center; }

@media only screen and (max-width: 62.5rem) { .error-page { padding: 0 5% 2rem; padding-top: 2rem; height: calc(100dvh - 5.625rem); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .error-page { padding: 0 5%; height: calc(100dvh - 6.9375rem); max-width: 60rem; margin: 0 auto; } }

.error-page__container { position: relative; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .error-page__container { max-width: 600px; margin: auto; } .error-page__container.no-logo { top: 50%; transform: translateY(-50%); margin-top: -3rem; } }

.error-page__logo-link { display: block; margin: auto; width: 30vw; min-width: 9.375rem; max-width: 12rem; margin-top: 2rem; }

.error-page__franchise-logo { width: 100%; height: 30vh; min-height: 8.125rem; max-height: 12rem; }

.error-page__title { color: #64AA5D; font-weight: 700; }

.noq-info-body-error { text-align: center; }

/*** END app/styles/error-page.scss ***/
/*** START app/styles/product.scss ***/
.product-gpp-badge { display: inline-block; background: #E4313C; color: white; font-weight: 600; position: relative; font-size: 0.6875rem; line-height: 0.75rem; padding: 0.125rem 0.375rem 0.125rem 0.5rem; text-rendering: geometricPrecision; }

.product-gpp-badge:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 1rem 0.5rem 0 0; border-color: #E4313C transparent transparent transparent; position: absolute; right: -0.5rem; top: 0; }

.product__deposit-tooltip { max-width: 12.5rem; }

/*** END app/styles/product.scss ***/
/*** START app/styles/cart.scss ***/
@media only screen and (max-width: 62.5rem) { .cart-modal .noq-modal-document, .cart-modal--empty .noq-modal-document { transition: left ease 0.2s; } .cart-modal.closed, .cart-modal--empty.closed { position: fixed; transform: translateX(120%); } .cart-modal.closed .noq-modal-document, .cart-modal--empty.closed .noq-modal-document { left: 100vw; } .cart-modal.closed .noq-modal-document__mobile-header, .cart-modal--empty.closed .noq-modal-document__mobile-header { display: none; } .cart-modal.open .noq-modal-document, .cart-modal--empty.open .noq-modal-document { left: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal .noq-modal-document, .cart-modal--empty .noq-modal-document { transition: top ease 0.15s; } .cart-modal.closed, .cart-modal--empty.closed { visibility: hidden; } .cart-modal.closed .noq-modal-document, .cart-modal--empty.closed .noq-modal-document { top: 200%; height: 0; } .cart-modal.open .noq-modal-document, .cart-modal--empty.open .noq-modal-document { top: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) { .cart-modal__body { width: 55rem; background: transparent; box-shadow: none; } }

.cart-modal--empty__body { width: 31.25rem; }

.cart-modal__empty-panel { text-align: center; }

.cart-modal__empty-panel .icon { font-size: 8.75rem; opacity: 0.4; line-height: 3.75rem; color: #044070; }

.cart-modal__empty-title { font-size: 1.375rem; margin-bottom: 0.5rem; color: #044070; }

.cart-modal__empty-message { font-size: 0.875rem; color: #7d7c7c; margin-bottom: 1rem; }

.cart-modal__order-mod-prompt { position: relative; background: white; padding: 1rem 1.5rem; font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 0.75rem; }

@media only screen and (max-width: 62.5rem) { .cart-modal__order-mod-prompt { margin-left: 0.75rem; margin-right: 0.75rem; border: 2px dashed #044070; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__order-mod-prompt { box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; } }

.cart-modal__order-mod-prompt .title { color: #044070; font-weight: 600; margin-top: 0; margin-bottom: 0.25rem; opacity: 0.85; font-size: 1rem; }

.cart-modal__order-mod-prompt .message { margin-bottom: 0.375rem; font-size: 0.875rem; }

.cart-modal__order-mod-prompt .button-secondary, .cart-modal__order-mod-prompt .button-hollow { font-weight: 600; padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .cart-modal__main-panel { padding: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__main-panel { box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.2); border-radius: 0.1875rem; } }

.cart-modal__top-section { position: relative; }

@media only screen and (max-width: 62.5rem) { .cart-modal__title { display: none; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__title { font-size: 1.75rem; font-weight: 300; margin-top: 0; margin-bottom: 0.25rem; } }

.cart-modal__checkout-button-top:after { content: ">"; font-family: 'fontello'; display: inline-block; margin-left: 0.75rem; }

.cart-modal__checkout-button-top .loading-spinner-inline { margin-right: 0.375rem; }

@media only screen and (max-width: 62.5rem) { .cart-modal__checkout-button-top { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; display: block; margin: 0.5rem; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:focus { background-color: #03335a; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:focus { color: #ffffff; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:active, .cart-modal__checkout-button-top:focus { text-decoration: none; } .egr-form__fieldset[disabled] .cart-modal__checkout-button-top, .cart-modal__checkout-button-top[disabled], .cart-modal__checkout-button-top.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .cart-modal__checkout-button-top.spinner { padding-left: 2.3em; padding-right: 2.3em; } .cart-modal__checkout-button-top.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .cart-modal__checkout-button-top.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .cart-modal__checkout-button-top.small { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__checkout-button-top { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #F8F8F8; border-color: #c6c6c6; color: #044070; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; position: absolute; top: 0; right: -0.5rem; font-size: 1rem; font-weight: 600; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:focus { background-color: #c6c6c6; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:focus { color: #044070; } .cart-modal__checkout-button-top:hover, .cart-modal__checkout-button-top:active, .cart-modal__checkout-button-top:focus { text-decoration: none; } .egr-form__fieldset[disabled] .cart-modal__checkout-button-top, .cart-modal__checkout-button-top[disabled], .cart-modal__checkout-button-top.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; } .cart-modal__checkout-button-top.spinner { padding-left: 2.3em; padding-right: 2.3em; } .cart-modal__checkout-button-top.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; } .cart-modal__checkout-button-top.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; } .cart-modal__checkout-button-top.small { padding: 0.375rem 0.75rem; } }

.cart-modal__time-slot-wrapper { display: inline-block; padding-top: 0.8rem; padding-bottom: 0.8rem; }

.cart-modal__time-slot-wrapper .store-selector { left: 0px; }

@media only screen and (max-width: 75rem) { .cart-modal__time-slot-wrapper { text-align: center; display: block; margin-left: 0.5rem; margin-right: 0.5rem; } }

.cart-modal__time-slot-wrapper .timeslot-selector-button { background-color: transparent; position: inherit; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; }

.cart-modal__time-slot-wrapper .timeslot-selector-button:hover, .cart-modal__time-slot-wrapper .timeslot-selector-button:focus { background-color: rgba(0, 0, 0, 0); }

.cart-modal__time-slot-wrapper .timeslot-selector-button:hover, .cart-modal__time-slot-wrapper .timeslot-selector-button:focus { color: #044070; }

.cart-modal__time-slot-wrapper .timeslot-selector-button:hover, .cart-modal__time-slot-wrapper .timeslot-selector-button:focus, .cart-modal__time-slot-wrapper .timeslot-selector-button:active { background: transparent; text-decoration: underline; }

.cart-modal__time-slot-wrapper .timeslot-selector-button .basic-dropdown { margin: auto; }

.cart__spend-not-met { background: #fdfadb; border: 1px solid #ffd220; font-size: 0.8125rem; padding: 0.5rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .cart__spend-not-met { margin: 0.5rem; text-align: center; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart__spend-not-met { position: absolute; top: 0.25rem; right: 0; } }

@media only screen and (max-width: 75rem) { .cart-modal__subtitute-all-wrapper { padding: 0.5rem; position: relative; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__subtitute-all-wrapper { background: white; margin: 0 0 0.25rem; border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 0.25rem; } }

.cart-modal__subtitute-all-dropdown { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; border: 0; font-size: 0.75rem; width: auto; background-color: white; padding-top: 0.25rem; padding-bottom: 0.25rem; }

.cart-modal__subtitute-all-dropdown::-ms-expand { display: none; }

.cart-modal__subtitute-all-dropdown:disabled { background-color: #f3f3f3; }

.cart-modal__substitute-all-help-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #7d7c7c; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #85817e; border-radius: 100%; font-size: 0.625rem; padding: 0.25rem; line-height: 0; width: 1.125rem; height: 1.125rem; background: white; }

.cart-modal__substitute-all-help-button:hover, .cart-modal__substitute-all-help-button:focus { background-color: #cccccc; }

.cart-modal__substitute-all-help-button:hover, .cart-modal__substitute-all-help-button:focus { color: #7d7c7c; }

.cart-modal__substitute-all-help-button:hover, .cart-modal__substitute-all-help-button:active, .cart-modal__substitute-all-help-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .cart-modal__substitute-all-help-button, .cart-modal__substitute-all-help-button[disabled], .cart-modal__substitute-all-help-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.cart-modal__substitute-all-help-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.cart-modal__substitute-all-help-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.cart-modal__substitute-all-help-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.cart-modal__substitute-all-help-button.small { padding: 0.375rem 0.75rem; }

.cart-modal__sub-info-modal__body { width: 37.5rem; padding: 2.5rem; }

.cart-modal__sub-info-modal__body p { font-size: 0.875rem; }

.cart-modal__items-wrapper { position: relative; }

.cart-modal__delivery { margin-bottom: 1rem; }

.cart-modal__delivery-header { font-size: 0.75rem; background-color: rgba(0, 0, 0, 0.1); display: table; border-radius: 1.25rem 0.3125rem 0 0; padding: 0.25rem 0.75rem 0.25rem 1rem; margin-right: 0; margin-left: auto; width: auto; }

@media only screen and (max-width: 62.5rem) { .cart-modal__sub-total-top { position: relative; padding-right: 6.25rem; background: #f3f3f3; font-size: 0.875rem; padding: 0.5rem; } .cart-modal__sub-total-top .price-display { font-weight: 600; } }

.cart-modal__clear-cart-button-mobile { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; font-size: 0.875rem; position: absolute; right: 0.5rem; top: 0.5rem; }

.cart-modal__clear-cart-button-mobile:hover, .cart-modal__clear-cart-button-mobile:focus { background-color: rgba(0, 0, 0, 0); }

.cart-modal__clear-cart-button-mobile:hover, .cart-modal__clear-cart-button-mobile:focus { color: #044070; }

.cart-modal__clear-cart-button-mobile:hover, .cart-modal__clear-cart-button-mobile:focus, .cart-modal__clear-cart-button-mobile:active { background: transparent; text-decoration: underline; }

.cart-modal__clear-cart-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #044070; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; position: absolute; right: 0.25rem; bottom: 0.125rem; color: #044070; font-weight: 500; font-size: 0.875rem; padding: 0.375rem 2rem 0.375rem 0.75rem; line-height: 0.75rem; }

.cart-modal__clear-cart-button:hover, .cart-modal__clear-cart-button:focus { background-color: #cccccc; }

.cart-modal__clear-cart-button:hover, .cart-modal__clear-cart-button:focus { color: #044070; }

.cart-modal__clear-cart-button:hover, .cart-modal__clear-cart-button:active, .cart-modal__clear-cart-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .cart-modal__clear-cart-button, .cart-modal__clear-cart-button[disabled], .cart-modal__clear-cart-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.cart-modal__clear-cart-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.cart-modal__clear-cart-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.cart-modal__clear-cart-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.cart-modal__clear-cart-button.small { padding: 0.375rem 0.75rem; }

.cart-modal__clear-cart-button .icon { font-size: 1.5rem; position: absolute; right: 0.5rem; top: 0.375rem; }

.cart-modal__items-list { list-style: none; margin: 0; }

.cart-modal__footer { text-align: right; margin-top: 1rem; }

@media only screen and (max-width: 62.5rem) { .cart-modal__total { margin-right: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-modal__total { display: inline-block; margin-right: 1rem; } }

.cart-modal__total .price-display { font-weight: 600; }

.cart-modal__checkout-button-bottom { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.cart-modal__checkout-button-bottom:hover, .cart-modal__checkout-button-bottom:focus { background-color: #03335a; }

.cart-modal__checkout-button-bottom:hover, .cart-modal__checkout-button-bottom:focus { color: #ffffff; }

.cart-modal__checkout-button-bottom:hover, .cart-modal__checkout-button-bottom:active, .cart-modal__checkout-button-bottom:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .cart-modal__checkout-button-bottom, .cart-modal__checkout-button-bottom[disabled], .cart-modal__checkout-button-bottom.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.cart-modal__checkout-button-bottom.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.cart-modal__checkout-button-bottom.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.cart-modal__checkout-button-bottom.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.cart-modal__checkout-button-bottom.small { padding: 0.375rem 0.75rem; }

.cart-modal__checkout-button-bottom:not(.disabled):after { content: ">"; font-family: 'fontello'; display: inline-block; margin-left: 0.75rem; }

.cart-modal__checkout-button-bottom .loading-spinner-inline { margin-right: 0.375rem; }

@media only screen and (max-width: 62.5rem) { .cart-modal__checkout-button-bottom { display: block; margin: 0.5rem 0.5rem 2.5rem 0.5rem; } }

.cart-item { border: 1px solid rgba(0, 0, 0, 0.1); position: relative; padding: 0.75rem 0.75rem 0.75rem 6.5rem; min-height: 6.375rem; }

.cart-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.cart-item.is-same-as-next { border-bottom: 0; }

.cart-item.is-same-as-next:after { content: ""; display: block; border-bottom: 2px dashed rgba(0, 0, 0, 0.1); position: absolute; left: 6.5rem; bottom: 0; width: calc(100% - 7.5rem); }

.cart-item.is-same-as-previous { min-height: 5.125rem; }

.cart-item__problem-item { display: flex; flex-direction: column; align-items: flex-start; }

.cart-item__problem-item .error-message { margin-bottom: 0.5rem; font-size: 0.6875rem; line-height: 1.3; padding: 0.25rem 0.5rem; white-space: normal; text-align: left; background: #ffe4e4; color: #E4313C; border: 1px solid #E4313C; width: 12rem; }

.cart-item__problem-item button { border-radius: 0.25rem; padding-top: 0.5em; padding-bottom: 0.5em; width: 12rem; }

@media only screen and (max-width: 62.5rem) { .cart-item__problem-item { margin-top: 0.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-item__problem-item { align-items: flex-end; } }

@media only screen and (min-width: calc(62.5rem + 1px)) and (max-width: 75rem) { .cart-item__problem-item.is-shipping { margin-right: calc(1.75rem - 2px); } }

.cart-item__link:hover, .cart-item__link:focus { text-decoration: none; }

.cart-item__image { width: 5rem; height: 5rem; position: absolute !important; left: 0.5rem; top: 0.5rem; }

.cart-item__name { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #4c4b4b; text-transform: capitalize; }

.cart-item__current-price { font-size: 0.75rem; display: block; font-weight: 300; }

.cart-item__current-price .uom-text, .cart-item__current-price .count-and-weigh-disclaimer { font-size: 0.6875rem; font-style: italic; opacity: 0.8; }

.cart-item__inner { width: 100%; }

.cart-item__individual-item { display: flex; align-content: space-between; width: 100%; }

@media only screen and (max-width: 62.5rem) { .cart-item__individual-item { flex-direction: column; } }

.cart-item__individual-item__flex-wrapper { flex: 2; }

.cart-item__individual-item-controls { display: flex; flex-direction: column; }

.cart-item__quantity-stepper.product-quantity-stepper { display: block; min-width: 12rem; }

@media only screen and (max-width: 62.5rem) { .cart-item__quantity-stepper.product-quantity-stepper { margin-top: 0.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-item__quantity-stepper.product-quantity-stepper { width: 12rem; margin-left: auto; } }

.cart-item__quantity-stepper.product-quantity-stepper .qty, .cart-item__quantity-stepper.product-quantity-stepper .price-display { font-size: 0.875rem; letter-spacing: 0.03125rem; }

.cart-item__quantity-stepper.product-quantity-stepper .in-cart-label { display: none; }

.cart-item__substitution-container { display: flex; flex-direction: column; justify-content: space-between; }

.cart-item__substitution-container .substitution__link { font-size: 0.75rem; text-align: left; margin-left: 0.0625rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; }

.cart-item__substitution-container .substitution__link:hover, .cart-item__substitution-container .substitution__link:focus { background-color: rgba(0, 0, 0, 0); }

.cart-item__substitution-container .substitution__link:hover, .cart-item__substitution-container .substitution__link:focus { color: #044070; }

.cart-item__substitution-container .substitution__link:hover, .cart-item__substitution-container .substitution__link:focus, .cart-item__substitution-container .substitution__link:active { background: transparent; text-decoration: underline; }

.cart-item__substitution-container .frequency-dropdown { margin-top: 0.625rem; }

.cart-item__substitutions { font-size: 0.75rem; margin-left: 0.5rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cart-item__substitutions { max-width: 11rem; } }

.product-details-instance__frequency-dropdown { height: 2.25rem; padding-left: 0.1875rem; margin-top: 0.3125rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-instance__frequency-dropdown { width: 12rem; } }

.order-item-option-summary--cart { border-left-width: 0.25rem; padding: 0 0 0.25rem 0.75rem; flex: 2; min-width: 175px; align-self: flex-start; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .order-item-option-summary--cart { margin-top: 0.75rem; } }

.is-same-as-previous .order-item-option-summary--cart { margin-top: 0; }

/*** END app/styles/cart.scss ***/
/*** START app/styles/order.scss ***/
.order__container { max-width: 74rem; margin: auto; }

.order__container:before, .order__container:after { content: " "; display: table; }

.order__container:after { clear: both; }

.order__just-submitted-thanks { text-align: center; padding: 2.5rem 1.5rem 1.5rem; }

.order__just-submitted-thanks .icon { content: ''; display: block; margin-bottom: 1.5rem; color: #5FAB58; font-size: 6rem; line-height: 6rem; }

@media only screen and (max-width: 62.5rem) { .order__just-submitted-thanks .icon { font-size: 4.5rem; line-height: 4.5rem; } }

.order__just-submitted-thanks .title { font-weight: 600; font-size: 2rem; }

@media only screen and (max-width: 62.5rem) { .order__just-submitted-thanks .title { font-size: 1.5rem; } }

.order__just-submitted-thanks .message { color: #85817e; font-size: 1.5rem; }

@media only screen and (max-width: 62.5rem) { .order__just-submitted-thanks .message { font-size: 1rem; } }

.order__status-title { font-weight: 600; font-size: 1.5rem; margin-bottom: 1rem; }

@media only screen and (max-width: 75rem) { .order__status-title { padding: 1rem 0 0; text-align: center; } }

.order__payment-declined-alert-box { width: 100%; padding: 0.75rem 1rem; background: #fdfadb; border: 1px solid #ffd220; margin-bottom: 1rem; }

.order__payment-declined-alert-box .message { font-size: 0.875rem; margin-bottom: 8px; }

.order__payment-declined-alert-box button { font-size: 14px; padding: 0.25rem 1rem; }

@media only screen and (min-width: calc(75rem + 1px)) { .order__wrapper { max-width: 74rem; margin: auto; background: #F8F8F8; border: 12px solid white; border-radius: 1.125rem; overflow: hidden; outline: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); padding: 2rem; } .order__wrapper:before, .order__wrapper:after { content: " "; display: table; } .order__wrapper:after { clear: both; } }

@media only screen and (max-width: 75rem) { .order__top-prompts, .order__mid-prompts { padding: 0 0.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (max-width: 100rem) { .order__top-prompts, .order__mid-prompts { float: right; width: calc(100% - 16.75rem); } }

@media only screen and (min-width: calc(100rem + 1px)) { .order__top-prompts, .order__mid-prompts { float: right; width: calc(100% - 18.75rem); } }

.order__details:before, .order__details:after { content: " "; display: table; }

.order__details:after { clear: both; }

@media only screen and (max-width: 75rem) { .order__details { padding: 0 0.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .order__details { float: left; width: 16.75rem; padding-right: 1.5rem; } }

@media only screen and (min-width: calc(100rem + 1px)) { .order__details { width: 18.75rem; } }

.order__details__section { font-size: 0.875rem; padding-bottom: 0.75rem; }

.order__details__section:not(:last-child) { margin-bottom: 0.75rem; border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

.order__details__section .title { color: #3c3b3b; font-size: 0.8125rem; font-weight: 300; margin-bottom: 0; }

.order__details__section .content { font-size: 0.875rem; }

.order__details__section .content .font-weight-light { font-weight: 300; }

.order__details__section .content:not(:last-child) { margin-bottom: 0.5rem; }

.order__details__section .order__order-no { color: #5FAB58; font-size: 2.5rem; line-height: 2.75rem; font-weight: 600; }

.order__details__section .order__submit-date { font-size: 0.8125rem; font-weight: 300; }

.order__details__section .order__time-slot-date { color: #5FAB58; font-size: 1rem; font-weight: 600; }

.order__details__section .order__customer-instructions { font-style: italic; }

.order__details__section .order__customer-instructions:before, .order__details__section .order__customer-instructions:after { content: '"'; }

.order__details__payment-methods-table { width: 100%; }

.order__details__payment-methods-table td { vertical-align: top; padding-top: 0.5rem; }

.order__details__payment-methods-table .logo-cell { width: 1.5rem; padding-top: 0.5rem; padding-left: 0.25rem; padding-right: 0.75rem; }

.order__details__payment-methods-table .logo-cell .logo { background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: white; border-radius: 100%; display: inline-block; width: 1.5rem; height: 1.5rem; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0px #ccc; }

.order__details__payment-methods-table .logo-cell .logo.Visa, .order__details__payment-methods-table .logo-cell .logo.visa { background-image: url("../img/visa-b16848209b48b1ce4e95aed6ccb91cf3.svg"); }

.order__details__payment-methods-table .logo-cell .logo.Mastercard, .order__details__payment-methods-table .logo-cell .logo.mastercard { background-image: url("../img/mastercard-3c0362850f947b6d17a42a9fa049381c.svg"); }

.order__details__payment-methods-table .logo-cell .logo.Amex, .order__details__payment-methods-table .logo-cell .logo.amex { background-image: url("../img/amex-e5bf0c8d41264fbea2c6f5dbd1065a28.svg"); background-color: #1B6CC9; }

.order__details__payment-methods-table .logo-cell .logo.Ath, .order__details__payment-methods-table .logo-cell .logo.ath { background-image: url("../img/ath-2819f9c08dc831b1d40b29fe2cf3bf94.svg"); }

.order__details__payment-methods-table .logo-cell .logo.Discover, .order__details__payment-methods-table .logo-cell .logo.discover { background-image: url("../img/discover-71dfc3b50c775ba7c65e51141f4bbb48.svg"); }

.order__details__payment-methods-table .logo-cell .logo.Ebt, .order__details__payment-methods-table .logo-cell .logo.ebt { background-image: url("../img/ebt-9962525b4597590ff8c7ff8e1b37f36d.svg"); background-color: #5B6ABF; }

.order__details__payment-methods-table .logo-cell .logo.Unknown, .order__details__payment-methods-table .logo-cell .logo.unknown { background-image: url("../img/generic-card-af4d549d1f810ec705c892045c4bbe89.svg"); }

.order__details__payment-methods-table .logo-cell .logo.Cash, .order__details__payment-methods-table .logo-cell .logo.cash { background-image: url("../img/cash-d668211c4947bb46beb5cf9bf3b5092b.png"); }

.order__details__payment-methods-table .label-cell .description { font-weight: 300; font-size: 0.8125rem; }

.order__details__check-in-button { margin-top: 12px; }

.order__main-area:before, .order__main-area:after { content: " "; display: table; }

.order__main-area:after { clear: both; }

@media only screen and (max-width: 75rem) { .order__main-area { padding-top: 0.5rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .order__main-area { float: left; width: calc(100% - 16.75rem); } }

@media only screen and (min-width: calc(100rem + 1px)) { .order__main-area { width: calc(100% - 18.75rem); } }

.order__main-area .egr-form__fieldset:last-child { margin-bottom: 0; }

.order__main-area__panel { background: white; padding: 1rem 1.5rem; margin-bottom: 1rem; }

.order__continue-shopping-wrapper { text-align: right; padding: 1rem 0; }

@media only screen and (max-width: 75rem) { .order__actions { background: white; margin: 0 0 8rem; } }

.order__action-link { display: block; padding: 0.75rem; color: #5FAB58; text-decoration: none !important; font-size: 0.875rem; font-weight: 600; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.order__action-link:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.order__action-link:before, .order__action-link.noq-icon-right-open-big-after:after { content: '\3e'; font-family: 'fontello'; color: #85817e; margin-right: 0.5rem; }

.order__action-link:hover { background: #f3f3f3; }

.noq-order__loyalty-confirmation-message { padding: 2.5rem 5%; margin-top: 2rem; margin-bottom: 1rem; }

.noq-order-page-action-buttons { width: auto; }

.noq-order-page-action-buttons:before, .noq-order-page-action-buttons:after { content: " "; display: table; }

.noq-order-page-action-buttons:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-order-page-action-buttons { float: right; } }

.noq-order-page-action-buttons .noq-order-page-action-button.noq-action-button-continue-shopping { max-width: none; }

.noq-order-page-action-button { display: block; margin-bottom: 1rem; width: 100%; font-size: 1rem; }

.noq-action-button-order-cancel { background-color: #E4313C; border-color: #c41a24; color: white; }

.noq-action-button-order-cancel:hover, .noq-action-button-order-cancel:focus { background-color: #c41a24; }

.noq-action-button-order-cancel:hover, .noq-action-button-order-cancel:focus { color: white; }

.noq-toggle-reorder-disabled { font-size: 1rem; outline: none !important; }

.noq-toggle-reorder-disabled:before, .noq-toggle-reorder-disabled.noq-icon-right-open-big-after:after { margin-left: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-order-payment-modal-body { width: 44.5rem; padding: 2rem; } }

.noq-order-payment-modal__title { font-size: 1.5rem; font-weight: 600; margin: 0 0 1rem 0; }

.noq-order-payment-modal__message { font-size: 0.875rem; }

.noq-order-payment-modal__buttons { padding-top: 1rem; text-align: right; }

@media only screen and (max-width: 75rem) { .noq-order-payment-modal__buttons { padding-left: 1rem; padding-right: 1rem; } }

.order__check-in-prompt { border: 1px solid rgba(95, 171, 88, 0.5); margin-bottom: 1rem; padding: 1.5rem; background: white; }

@media only screen and (max-width: 75rem) { .order__check-in-prompt { margin-top: 1rem; } }

.order__check-in-prompt h2 { color: #5FAB58; font-size: 1.375rem; font-weight: 600; margin-top: 0; margin-bottom: 0.25rem; }

.order__check-in-prompt p { font-size: 0.875rem; margin-bottom: 1rem; }

.order__check-in-prompt .button { font-weight: 600; padding: 0.375rem 0.75rem; margin-right: 0.25rem; }

.order__mod-prompt { background: white; margin-bottom: 1rem; padding: 1.5rem; clear: both; }

.order__mod-prompt h2 { font-size: 1rem; font-weight: 600; margin-top: 0; margin-bottom: 0.25rem; }

.order__mod-prompt p, .order__mod-prompt ul { font-size: 0.875rem; margin-bottom: 1rem; }

.order__mod-prompt .button { font-weight: 600; padding: 0.375rem 0.75rem; margin-right: 0.25rem; }

.order__mod-prompt .button-hollow { font-weight: 600; padding: 0.375rem 0.75rem; }

.order-payment-fine-print__item { font-size: 0.6875rem; position: relative; font-weight: 300; margin: 0.375rem 0; }

@media only screen and (max-width: 62.5rem) { .order-payment-fine-print__item { margin: 0.375rem 0.75rem; } }

.noq-order__restricted-products__box { width: 100%; background: #fdfadb; border: 1px solid #ffd220; margin-bottom: 1rem; }

.noq-order__restricted-products__image { width: 3.75rem; height: 3.75rem; }

.noq-order__restricted-products__image-cell { padding: 0.5rem 0 0.5rem 1rem; }

.noq-order__restricted-products__message { padding: 0.5rem 1rem; font-size: 0.875rem; }

/*** END app/styles/order.scss ***/
/*** START app/styles/breadcrumbs.scss ***/
.breadcrumbs { list-style: none; margin: 0; }

@media only screen and (max-width: 62.5rem) { .breadcrumbs { display: none; } }

.breadcrumbs__crumb { display: inline-block; font-size: 0.875rem; color: #85817e; }

.breadcrumbs__crumb:not(:last-child):after { content: '>'; font-family: 'fontello'; padding: 0 0.5rem; font-size: 0.5rem; position: relative; top: -2px; }

/*** END app/styles/breadcrumbs.scss ***/
/*** START app/styles/my-account.scss ***/
@media only screen and (max-width: 62.5rem) { section.my-account { padding: 1rem; max-width: 33.75rem; margin: auto; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { section.my-account { padding: 0 2.5rem; max-width: 65.75rem; margin: 2rem auto; } }

.my-account__header { color: #4c4b4b; font-weight: 400; margin-bottom: 1rem; }

.my-account__header:before, .my-account__header:after { content: " "; display: table; }

.my-account__header:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account__header { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 1rem; } }

.my-account__header__title { font-size: 1.5rem; margin-top: 0; margin-bottom: 0.25rem; }

.my-account__welcome__title { display: inline-block; font-size: 0.875rem; margin: 0; }

.my-account__welcome__title .customer-name { font-weight: 600; }

.my-account__welcome__sign-out { display: inline-block; font-size: 0.75rem; margin-left: 0.125rem; font-weight: 500; color: #7d7c7c; }

.my-account-tiles { list-style: none; margin: 0; padding-bottom: 1rem; }

.my-account-tiles:before, .my-account-tiles:after { content: " "; display: table; }

.my-account-tiles:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tiles { display: flex; flex-flow: wrap; margin-left: -0.5rem; margin-right: -0.5rem; } }

@media only screen and (max-width: 62.5rem) { .my-account-tile { margin-bottom: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile { padding: 0.5rem; width: 50%; } }

@media only screen and (min-width: calc(75rem + 1px)) { .my-account-tile { width: 25%; } }

.my-account-tile__link { display: block; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); background: white; overflow: hidden; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); height: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile__link { border-radius: 0.25rem; padding: 7.25rem 1.5rem 1rem 1.5rem; } }

@media only screen and (max-width: 62.5rem) { .my-account-tile__link { border-radius: 0.125rem; height: 4rem; line-height: 4rem; padding-left: 7.25rem; } .my-account-tile__link:after { content: '>'; font-family: 'fontello'; position: absolute; right: 1rem; top: 0; line-height: 4rem; } }

.my-account-tile__link:hover, .my-account-tile__link:focus, .my-account-tile__link:active { text-decoration: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.075); border-color: rgba(0, 0, 0, 0.15); }

.my-account-tile__link:before, .my-account-tile__link.noq-icon-right-open-big-after:after { content: ''; position: absolute; background: #f3f3f3; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media only screen and (max-width: 62.5rem) { .my-account-tile__link:before, .my-account-tile__link.noq-icon-right-open-big-after:after { top: 0; left: 0; width: 6.25rem; height: 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile__link:before, .my-account-tile__link.noq-icon-right-open-big-after:after { top: 0; left: 0; width: 100%; height: 6.25rem; } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--personal-info .my-account-tile__link:before, .my-account-tile--personal-info .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/personal-info-db4f8461648b406ebd87e4dc52d4bb5f.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--personal-info .my-account-tile__link:before, .my-account-tile--personal-info .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/personal-info-63d945cf8417a794c768e8dbef28e690.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--loyalty .my-account-tile__link:before, .my-account-tile--loyalty .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/loyalty-e040f8b753519ef9dcb73c379f147bf5.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--loyalty .my-account-tile__link:before, .my-account-tile--loyalty .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/loyalty-d64e75d4f71764a8ea3a1218059bb5dc.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--change-password .my-account-tile__link:before, .my-account-tile--change-password .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/change-password-289df411882d5891e3e304a7d54d4914.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--change-password .my-account-tile__link:before, .my-account-tile--change-password .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/change-password-104d393d177b3b1d103790cdb03e6f9c.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--payment-methods .my-account-tile__link:before, .my-account-tile--payment-methods .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/payment-methods-e92910245fd8756dfef6fd03cde847c5.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--payment-methods .my-account-tile__link:before, .my-account-tile--payment-methods .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/payment-methods-5aef85d56fa56b1e85915db1f58f2399.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--order-history .my-account-tile__link:before, .my-account-tile--order-history .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/past-orders-ad36aa2387922cb3e8381856586532e5.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--order-history .my-account-tile__link:before, .my-account-tile--order-history .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/past-orders-1b30764816553a8cba3c61aa56591dd3.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--recurring-orders .my-account-tile__link:before, .my-account-tile--recurring-orders .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/recurring-orders-97a57279a0338491a9a6beaf9fe51e90.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--recurring-orders .my-account-tile__link:before, .my-account-tile--recurring-orders .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/recurring-orders-5ffccedbb2ea70721e2d207b6984acc7.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--shopping-lists .my-account-tile__link:before, .my-account-tile--shopping-lists .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/shopping-lists-fa5dc22f56ef5026eb086bc323f699be.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--shopping-lists .my-account-tile__link:before, .my-account-tile--shopping-lists .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/shopping-lists-19d770367702a8d25c619f9c51d31c9c.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--my-pantry .my-account-tile__link:before, .my-account-tile--my-pantry .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/my-pantry-ff1c6aab7b9e3428b5cd307350af8d00.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--my-pantry .my-account-tile__link:before, .my-account-tile--my-pantry .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/my-pantry-d20b0fc4feb2285c4faa1483aaef09b8.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--my-recipes .my-account-tile__link:before, .my-account-tile--my-recipes .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/my-recipes-8590e652792d5abe7079046c359aa0b3.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--my-recipes .my-account-tile__link:before, .my-account-tile--my-recipes .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/my-recipes-4dd5c0656834977700df35b4f724262e.jpg"); } }

@media only screen and (max-width: 62.5rem) { .my-account-tile--dietary-profile .my-account-tile__link:before, .my-account-tile--dietary-profile .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles-mobile/dietary-profile-9f33d53591617573d3d0f158f236d0c5.jpg"); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .my-account-tile--dietary-profile .my-account-tile__link:before, .my-account-tile--dietary-profile .my-account-tile__link.noq-icon-right-open-big-after:after { background-image: url("/assets/img/my-account/tiles/dietary-profile-8113c21880a42beb2b4dd043e5f3f07a.jpg"); } }

.my-account-tile__title { color: #5FAB58; font-weight: 600; font-size: 0.875rem; }

.my-account-tile__description { font-size: 0.75rem; font-weight: 500; height: 3.125rem; line-height: 1.25rem; padding-top: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .my-account-tile__description { display: none; } }

@media only screen and (min-width: calc(62.5rem + 1px)) and (max-width: 75rem) { .my-account-tile__description { height: 1.875rem; } }

@media only screen and (max-width: 62.5rem) { .personal-info-modal__body, .change-password-modal__body { background: #F8F8F8; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .personal-info-modal__body, .change-password-modal__body { width: 35rem; } }

.personal-info__address-hint { margin-top: -2rem; margin-bottom: 0.5rem; }

.personal-info__address-fields-empty .egr-form__error { display: none !important; }

.personal-info__address-fields-empty input, .personal-info__address-fields-empty select { border: 1px solid rgba(0, 0, 0, 0.1) !important; }

.personal-info__receive-coms { padding-top: 1rem; margin-bottom: 0; }

/*** END app/styles/my-account.scss ***/
/*** START app/styles/payment-methods.scss ***/
@media only screen and (max-width: 62.5rem) { .payment-methods-modal__body { background: #F8F8F8; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .payment-methods-modal__body { width: 41.25rem; } }

.payment-methods__add-card-mobile-button { width: 100%; margin-bottom: 1.5rem; }

.payment-methods__add-card-mobile-button:before, .payment-methods__add-card-mobile-button.noq-icon-right-open-big-after:after { content: '+'; font-size: 1.375rem; line-height: 0; margin-right: 0.25rem; position: relative; top: 0.1875rem; }

.add-credit-card-modal__body, .add-ebt-card-modal__body { width: 42.5rem; padding: 2.5rem; }

.add-credit-card-modal__body .egr-form__submission, .add-ebt-card-modal__body .egr-form__submission { margin: 0; }

.add-credit-card-modal__body .egr-form__submission:before, .add-credit-card-modal__body .egr-form__submission:after, .add-ebt-card-modal__body .egr-form__submission:before, .add-ebt-card-modal__body .egr-form__submission:after { content: " "; display: table; }

.add-credit-card-modal__body .egr-form__submission:after, .add-ebt-card-modal__body .egr-form__submission:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .add-credit-card-modal__body .egr-form__submission button, .add-ebt-card-modal__body .egr-form__submission button { float: right; width: auto; margin: 0; } .add-credit-card-modal__body .egr-form__submission button:not(:last-child), .add-ebt-card-modal__body .egr-form__submission button:not(:last-child) { margin-left: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .add-ebt-card-modal__body { width: 30rem; } }

.add-credit-card-modal__title, .add-ebt-card-modal__title { font-size: 1.5rem; padding-bottom: 0; border: 0; }

.card-icons { margin-bottom: 2rem; }

.card-icons__list { margin: 0; list-style: none; }

.we-accept_cards__card { background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: white; border-radius: 100%; width: 2rem; height: 2rem; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0px #ccc; display: inline-block; vertical-align: middle; opacity: 0.2; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; }

.we-accept_cards__card.Visa, .we-accept_cards__card.visa { background-image: url("../img/visa-b16848209b48b1ce4e95aed6ccb91cf3.svg"); }

.we-accept_cards__card.Mastercard, .we-accept_cards__card.mastercard { background-image: url("../img/mastercard-3c0362850f947b6d17a42a9fa049381c.svg"); }

.we-accept_cards__card.Amex, .we-accept_cards__card.amex { background-image: url("../img/amex-e5bf0c8d41264fbea2c6f5dbd1065a28.svg"); background-color: #1B6CC9; }

.we-accept_cards__card.Ath, .we-accept_cards__card.ath { background-image: url("../img/ath-2819f9c08dc831b1d40b29fe2cf3bf94.svg"); }

.we-accept_cards__card.Discover, .we-accept_cards__card.discover { background-image: url("../img/discover-71dfc3b50c775ba7c65e51141f4bbb48.svg"); }

.we-accept_cards__card.Ebt, .we-accept_cards__card.ebt { background-image: url("../img/ebt-9962525b4597590ff8c7ff8e1b37f36d.svg"); background-color: #5B6ABF; }

.we-accept_cards__card.Unknown, .we-accept_cards__card.unknown { background-image: url("../img/generic-card-af4d549d1f810ec705c892045c4bbe89.svg"); }

.we-accept_cards__card.Cash, .we-accept_cards__card.cash { background-image: url("../img/cash-d668211c4947bb46beb5cf9bf3b5092b.png"); }

.we-accept_cards__card.active { opacity: 1; }

.credit-card-form__cc-number { padding-right: 2.5rem; position: relative; }

.credit-card-form__cc-number:after { content: ''; display: block; position: absolute; background: transparent url("/assets/img/padlock-3917145b73a06fa819abb4469f79a69f.png") no-repeat center; top: 1.6875rem; right: -0.5rem; width: 2.75rem; height: 2.75rem; }

.credit-card-form__cc-number .cc-brand-icon { width: 2.375rem; height: 1.5rem; top: 8px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); background-size: 75%; background-repeat: no-repeat; background-position: center; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

.credit-card-form__cc-number .cc-brand-icon.Visa, .credit-card-form__cc-number .cc-brand-icon.visa { background-image: url("../img/visa-b16848209b48b1ce4e95aed6ccb91cf3.svg"); }

.credit-card-form__cc-number .cc-brand-icon.Mastercard, .credit-card-form__cc-number .cc-brand-icon.mastercard { background-image: url("../img/mastercard-3c0362850f947b6d17a42a9fa049381c.svg"); }

.credit-card-form__cc-number .cc-brand-icon.Amex, .credit-card-form__cc-number .cc-brand-icon.amex { background-image: url("../img/amex-e5bf0c8d41264fbea2c6f5dbd1065a28.svg"); }

.credit-card-form__cc-number .cc-brand-icon.Discover, .credit-card-form__cc-number .cc-brand-icon.discover { background-image: url("../img/discover-71dfc3b50c775ba7c65e51141f4bbb48.svg"); }

.credit-card-form__cc-number > input.has-icon { padding-left: 3.75rem !important; transition: padding-left 0.2s; }

.payment-source__cvv__whats-this { font-size: 0.875rem; color: #85817e; float: right; cursor: pointer; }

.add-credit-card-modal__use-delivery-address { margin-top: -1rem; margin-bottom: 0; }

/* Payment type selection */
.payment-type-select-box { position: relative; width: 100%; padding: 1rem 1rem 1rem 3rem; border: 1px solid rgba(0, 0, 0, 0.1); background: white; border-radius: 0.25rem; font-size: 0.875rem; transition: border-color 0.2s, background-color 0.2s; cursor: pointer; }

.payment-type-select-box:before, .payment-type-select-box:after { content: " "; display: table; }

.payment-type-select-box:after { clear: both; }

.payment-type-select-box > label:before, .payment-type-select-box > label.noq-icon-right-open-big-after:after { content: ' '; display: block; width: 1rem; height: 1rem; border-radius: 50%; background-image: url("../img/radio-unselected-ac9292f574f1f9b7bcef469b5272cf16.svg"); }

.payment-type-select-box > input[type="radio"]:checked ~ label:before, .payment-type-select-box > input[type="radio"]:checked ~ label.noq-icon-right-open-big-after:after { background-image: url("../img/radio-selected-4348a3cbc1c556c0946a6597c30f1a45.svg"); }

.payment-type-select-box > input[type="radio"]:focus ~ label:before, .payment-type-select-box > input[type="radio"]:focus ~ label.noq-icon-right-open-big-after:after { box-shadow: 0 0 3px #444; }

.payment-type-select-box > input[type="radio"]:checked:disabled ~ label:before, .payment-type-select-box > input[type="radio"]:checked:disabled ~ label.noq-icon-right-open-big-after:after, .payment-type-select-box > input[type="radio"]:checked.disabled ~ label:before, .payment-type-select-box > input[type="radio"]:checked.disabled ~ label.noq-icon-right-open-big-after:after, .payment-type-select-box > input[type="radio"]:not(:checked).disabled ~ label:before, .payment-type-select-box > input[type="radio"]:not(:checked).disabled ~ label.noq-icon-right-open-big-after:after, .payment-type-select-box > input[type="radio"]:not(:checked):disabled ~ label:before, .payment-type-select-box > input[type="radio"]:not(:checked):disabled ~ label.noq-icon-right-open-big-after:after { cursor: default; background-image: url("../img/radio-disabled-91809b6caf3e1ea20342e46b5046232f.svg"); }

.payment-type-select-box > input[type="radio"] { opacity: 0; position: absolute; height: 0; width: 0; padding: 0; margin: 0; }

.payment-type-select-box > input[type="radio"] ~ label:before, .payment-type-select-box > input[type="radio"] ~ label.noq-icon-right-open-big-after:after { position: absolute; left: -2rem; top: 0.1875rem; }

.payment-type-select-box:not(:last-child) { margin: 0 0 0.5rem; }

.payment-type-select-box.is-selected { cursor: auto; }

.payment-type-select-box.is-selected.highlight-selected { border-color: #93c25a; background-color: #E4F6E4; }

.payment-type-select-box.is-disabled { color: #85817e; background-color: #f3f3f3; }

.payment-type-select-box.is-disabled, .payment-type-select-box.is-disabled .payment-type-select-box__label { cursor: default; }

.payment-type-select-box.is-disabled .disabled { font-style: italic; font-weight: 400; font-size: 0.8125rem; margin: 0.25rem 0 0; display: block; }

.payment-type-select-box__label { display: block; position: relative; margin: 0; padding-left: re-calc(32); font-weight: 600; cursor: inherit; }

.payment-type-select-box__customer-instructions { font-size: 0.8125rem; margin: 0.25rem 0 0; }

.payment-source__egr-form__tooltip { max-width: 13.75rem; }

.credit-card-form--payeezy, .credit-card-form--evertec { min-height: 20.625rem; position: relative; }

.payeezy-field-wrapper { width: 100%; height: 2.5rem; font-family: "Encode Sans", sans-serif; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.1); background-color: white; box-shadow: none; padding: 0.75rem; color: #5d5d5d; border-radius: 2px; margin: 0; box-sizing: border-box; }

.evertec__loading-panel, .payeezy__loading-panel { top: 5rem; position: relative; }

.evertec__loading-panel .loading-spinner, .payeezy__loading-panel .loading-spinner { margin: 0 auto 1rem; font-size: 1.875rem; }

.evertec__loading-panel .message, .payeezy__loading-panel .message { font-size: 0.875rem; text-align: center; }

@media only screen and (max-width: 62.5rem) { .noq-payment-source-select { padding: 0 0.75rem; } }

.payment-source-select__ebt-restricted-message { background: #fdfadb; border: 1px solid #ffd220; font-size: 0.8125rem; padding: 0.5rem 1rem; margin: 0.5rem 0.25rem; }

.payment-source-select__ebt-restricted-message h2 { font-size: 0.8125rem; font-weight: 600; margin-bottom: 0.25rem; }

.payment-source-select__ebt-pay-remainder-message { font-weight: 600; padding: 0.5rem 1rem 1rem; }

.payment-source-select__ebt-pay-remainder-message .hint { padding-top: 0.25rem; font-size: 13px; font-weight: 300; }

.add-ebt-card-modal__title { margin-top: 0; }

.add-ebt-card-modal__loading-panel { padding: 2.5rem; }

.add-ebt-card-modal__loading-panel .loading-spinner { font-size: 2rem; margin: auto; }

.add-ebt-card-modal__loading-panel .message { font-size: 0.875rem; text-align: center; padding-top: 1rem; }

.add-ebt-card-modal__error { font-size: 0.875rem; padding: 1rem 0; }

.add-ebt-card-modal__expiry-wrapper:before, .add-ebt-card-modal__expiry-wrapper:after { content: " "; display: table; }

.add-ebt-card-modal__expiry-wrapper:after { clear: both; }

.add-ebt-card-modal__expiry-wrapper .expiry-month { float: left; width: 7rem; }

.add-ebt-card-modal__expiry-wrapper .expiry-year { float: left; width: 7rem; margin-left: 0.5rem; margin-top: 0.4375rem; }

.square__payment-panel #card-button { color: #ffffff; background-color: #006aff; border-radius: 5px; cursor: pointer; border-style: none; user-select: none; outline: none; font-size: 16px; font-weight: 500; line-height: 24px; padding: 12px; width: 100%; box-shadow: 3px 3px 3px lightgrey; }

/*** END app/styles/payment-methods.scss ***/
/*** START app/styles/loyalty.scss ***/
.loyalty-modal__body { width: 40rem; }

.loyalty-modal__footer { text-align: right; margin-top: 1rem; }

.loyalty-modal__footer:before, .loyalty-modal__footer:after { content: " "; display: table; }

.loyalty-modal__footer:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .loyalty-modal__footer { padding: 0 2rem; } }

.loyalty-modal__unlink-button { float: left; }

@media only screen and (max-width:  31em) { .loyalty-modal__unlink-button { margin-bottom: 8px; width: 100%; } }

.loyalty-modal__close-button { min-width: 100px; }

@media only screen and (max-width: 62.5rem) { .loyalty-modal__close-button { display: none; } }

.loyalty-signup-dialog__body { width: 40rem; background: white; }

.loyalty-signup-dialog__body .panel { background: #F8F8F8; }

.loyalty-signup-dialog__body p { text-align: left; }

@media only screen and (max-width: 62.5rem) { .loyalty-signup-dialog__body { min-height: 100%; } }

.loyalty-signup-dialog__decline-wrapper { padding-top: 1rem; text-align: center; }

.loyalty-signup-dialog__decline-link { padding-top: 1rem; }

.loyalty-help-icon { position: absolute; top: 0.25rem; right: 0; font-size: 0.875rem; font-style: italic; opacity: 0.75; }

.loyalty-help-icon__tooltip { padding: 0.125rem; border-radius: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .loyalty-help-icon__tooltip { max-width: 18.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .loyalty-help-icon__tooltip { max-width: 22.5rem; } }

.loyalty-help-icon__tooltip-image { border-radius: 0.4375rem; }

.loyalty-signup-default__form { margin-bottom: -1rem; }

/*** END app/styles/loyalty.scss ***/
/*** START app/styles/dietary-profile.scss ***/
@media only screen and (max-width: 62.5rem) { .dietary-profile-modal__body { background: #F8F8F8; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .dietary-profile-modal__body { width: 37.5rem; } }

.dietary-profile__description { font-size: 0.875rem; margin-bottom: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .dietary-profile__description { margin-top: -0.5rem; } }

.dietary-profile__tags-list { list-style: none; margin: 0; }

.dietary-profile__tag-item { font-size: 0.8125rem; line-height: 1.25rem; }

.dietary-profile__tag-item:not(:last-child) { border-bottom: 1px dashed #e3e4e6; }

.dietary-profile__tag-item .checkbox-label { position: relative; margin: 0; display: block; padding: 0.375rem 0.5rem 0.375rem 2.5rem; font-size: 0.8125rem; }

.dietary-profile__tag-item .checkbox-label:before, .dietary-profile__tag-item .checkbox-label.noq-icon-right-open-big-after:after { position: absolute; left: auto; right: 0; top: 0.3125rem; }

.dietary-profile__tag-item .icon { width: 1.5rem; height: 1.5rem; position: absolute; left: 0; top: 0.3125rem; }

.dietary-profile__form-submission { margin-bottom: 0; }

/*** END app/styles/dietary-profile.scss ***/
/*** START app/styles/past-orders.scss ***/
@media only screen and (max-width: 62.5rem) { section.past-orders { padding: 1rem; max-width: 33.75rem; margin: auto; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { section.past-orders { padding: 0 2.5rem; max-width: 65.75rem; margin: 2rem auto; } }

@media only screen and (max-width: 62.5rem) { .past-orders__title { font-size: 1.5rem; margin-bottom: 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__title { font-size: 2.25rem; margin: 0 0 2rem 0; } }

.past-orders__top-section:before, .past-orders__top-section:after { content: " "; display: table; }

.past-orders__top-section:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .past-orders__search { overflow: hidden; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__search { float: right; } }

.past-orders__search-label { font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .past-orders__search-label { display: none; } }

.past-orders__search-label > strong { font-weight: 600; }

.past-orders__search-input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; display: inline-block; }

.past-orders__search-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.past-orders__search-input:disabled { background-color: #f3f3f3; }

.past-orders__search-input[disabled], .past-orders__search-input[readonly], fieldset[disabled] .past-orders__search-input { background-color: #f3f3f3; }

@media only screen and (max-width: 62.5rem) { .past-orders__search-input { width: calc(100% - 2.375rem); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__search-input { width: 6.25rem; margin-left: 1rem; } }

.past-orders__search-button { padding: 0.5rem; height: 2.3125rem; margin-left: -0.375rem; border: 1px solid #cccccc; }

@media only screen and (max-width: 62.5rem) { .past-orders__search-button { background-color: #e3e4e6; border-color: #b3b5bb; color: #3c3b3b; border-radius: 0; } .past-orders__search-button:hover, .past-orders__search-button:focus { background-color: #b3b5bb; } .past-orders__search-button:hover, .past-orders__search-button:focus { color: #3c3b3b; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__search-button { border-radius: 0 0.3125rem 0.3125rem 0; } }

@media only screen and (max-width: 62.5rem) { .past-orders__filter-button { float: right; margin-left: 0.75rem; height: 2.375rem; } }

@media only screen and (max-width: 62.5rem) { .past-orders__show-all-buttons { margin-bottom: -2.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__show-all-buttons { float: left; } }

.past-orders__show-all-button { background: transparent; font-size: 0.875rem; color: #3c3b3b; font-weight: 600; cursor: pointer; padding: 0 0 0.25rem 0; margin: 0 1rem 1rem 0; border: 0; border-bottom: 3px solid transparent; }

.past-orders__show-all-button:hover { border-bottom-color: #5a9bc1; }

.past-orders__show-all-button.active { border-bottom-color: #64AA5D; }

.past-orders__panel { font-size: 0.875rem; position: relative; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__panel { background-color: #F8F8F8; border: 0.5rem solid white; padding: 1rem 2rem 2rem; } }

.past-orders__search-results-header { padding-bottom: 1rem; margin-bottom: -2rem; min-height: 2rem; position: relative; z-index: 0; }

.past-orders__search-results-header:before, .past-orders__search-results-header:after { content: " "; display: table; }

.past-orders__search-results-header:after { clear: both; }

.past-orders__list-wrapper { position: relative; margin-top: 2rem; }

.past-orders__result-count { font-weight: 600; font-size: 0.75rem; position: absolute; top: -2rem; right: 0; }

@media only screen and (max-width: 62.5rem) { .past-orders__search-results-title { overflow: hidden; margin-bottom: 0.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-orders__search-results-title { margin-bottom: 0.5rem; } }

.past-orders__clear-search-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; font-size: 0.875rem; }

.past-orders__clear-search-button:hover, .past-orders__clear-search-button:focus { background-color: rgba(0, 0, 0, 0); }

.past-orders__clear-search-button:hover, .past-orders__clear-search-button:focus { color: #5FAB58; }

.past-orders__clear-search-button:hover, .past-orders__clear-search-button:focus, .past-orders__clear-search-button:active { background: transparent; text-decoration: underline; }

@media only screen and (max-width: 62.5rem) { .past-orders__clear-search-button { margin-top: 0.25rem; } }

.past-orders__empty { margin: 0; }

.past-orders__list { list-style: none; margin-left: 0; }

.past-order-tile { border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1rem; font-size: 0.8125rem; }

.past-order-tile label, .past-order-tile span { color: #7d7c7c; }

.past-order-tile label { font-weight: 400; margin-right: 0.5rem; }

.past-order-tile span { font-weight: 600; }

.past-order-tile__reorder-action-link { float: right; }

.past-order-tile__reorder-action-link a { font-weight: 600; text-decoration: none; }

.past-order-tile__reorder-action-link a:before, .past-order-tile__reorder-action-link a.noq-icon-right-open-big-after:after { content: '\3e'; font-family: 'fontello'; color: #85817e; margin-right: 0.5rem; }

.past-order-tile__link { display: block; }

.past-order-tile__link:hover, .past-order-tile__link:focus { text-decoration: none; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.075); }

.past-order-tile__title { background: #EAF4FE; padding: 0.5rem 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.past-order-tile__title:before, .past-order-tile__title:after { content: " "; display: table; }

.past-order-tile__title:after { clear: both; }

.past-order-tile__body { background: white; }

.past-order-tile__body:before, .past-order-tile__body:after { content: " "; display: table; }

.past-order-tile__body:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .past-order-tile__body { padding: 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-order-tile__body { padding: 0.5rem 1rem; } .past-order-tile__body .past-order-tile__field { margin-bottom: 0.375rem; } }

.past-order-tile__field--total { float: right; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-order-tile__field--order-status { float: right; } }

@media only screen and (max-width: 62.5rem) { .past-order-tile__field--order-status { margin-top: 0.5rem; font-weight: 600; float: none; font-size: 0.875rem; } }

.past-order-tile__field--order-status .status-complete { color: #64AA5D; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-order-tile__field--order-status .status-complete:after { content: '✓'; font-family: 'fontello'; margin-left: 0.5rem; } }

.past-order-tile__field--order-status .status-failed { color: #E4313C; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .past-order-tile__field--order-status .status-failed:after { content: '✕'; margin-left: 0.5rem; } }

@media only screen and (max-width: 62.5rem) { .past-order-tile__field--order-id { font-size: 1.125rem; color: #64AA5D !important; font-weight: 600; } .past-order-tile__field--total { font-size: 1rem; } .past-order-tile__field--date { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; } .past-order-tile__field--fulfillment-method, .past-order-tile__field--recipient { font-size: 0.875rem; display: inline; } .past-order-tile__field--recipient:before, .past-order-tile__field--recipient.noq-icon-right-open-big-after:after { content: '|'; padding: 0 0.25rem; font-weight: 400; } .past-order-tile__field--store-name { font-size: 0.875rem; } .past-order-tile__field--order-status { margin-top: 0.75rem; font-size: 0.875rem; } }

.past-orders__breadcrumbs { padding: 0 0 1.125rem; max-width: 60rem; margin: auto !important; }

/*** END app/styles/past-orders.scss ***/
/*** START app/styles/eg-search-box.scss ***/
.eg-search-box__wrapper { position: relative; overflow: visible; }

.eg-search-box__wrapper:before, .eg-search-box__wrapper:after { content: " "; display: table; }

.eg-search-box__wrapper:after { clear: both; }

@media only screen and (min-width: calc(75rem + 1px)) { .eg-search-box { white-space: nowrap; max-width: 23.75rem; } .eg-search-box:before, .eg-search-box:after { content: " "; display: table; } .eg-search-box:after { clear: both; } }

.eg-search-box form.eg-search-box__form { margin: 0; padding: 0; }

.eg-search-box form.eg-search-box__form .twitter-typeahead { display: block !important; width: 100%; }

.eg-search-box form.eg-search-box__form .eg-search-box__input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; display: block !important; background: white; width: 100%; border: 0; margin-bottom: 0; -webkit-appearance: none; }

.eg-search-box form.eg-search-box__form .eg-search-box__input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.eg-search-box form.eg-search-box__form .eg-search-box__input:disabled { background-color: #f3f3f3; }

.eg-search-box form.eg-search-box__form .eg-search-box__input[disabled], .eg-search-box form.eg-search-box__form .eg-search-box__input[readonly], fieldset[disabled] .eg-search-box form.eg-search-box__form .eg-search-box__input { background-color: #f3f3f3; }

@media only screen and (max-width: 75rem) { .eg-search-box form.eg-search-box__form .eg-search-box__input { height: 1.875rem; border-radius: 0.5rem; font-size: 0.875rem; line-height: 0.875rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .eg-search-box form.eg-search-box__form .eg-search-box__input { border-radius: 0 !important; border: 2px solid #16a3f0; padding-right: 3rem; padding-left: 1rem; font-size: 0.8125rem; } }

.eg-search-box form.eg-search-box__form .eg-search-box__input:focus { background: white !important; outline: none; }

.eg-search-box form.eg-search-box__form .eg-search-box__input::-webkit-input-placeholder { color: #aaa; }

.eg-search-box form.eg-search-box__form .eg-search-box__input:-moz-placeholder { /* Firefox 18- */ color: #aaa; }

.eg-search-box form.eg-search-box__form .eg-search-box__input::-moz-placeholder { /* Firefox 19+ */ color: #aaa; }

.eg-search-box form.eg-search-box__form .eg-search-box__input:-ms-input-placeholder { color: #aaa; }

.eg-search-box form.eg-search-box__form .eg-search-box__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; display: block; padding: 0.3125rem 0 0.375rem 0; font-size: 1.125rem; position: absolute; border: 2px solid #16a3f0; border-radius: 0 0 0 0 !important; border-left: 0; right: 0; top: 0; height: 2.3125rem; width: 2.3125rem; margin-bottom: 0; }

.eg-search-box form.eg-search-box__form .eg-search-box__button:hover, .eg-search-box form.eg-search-box__form .eg-search-box__button:focus { background-color: #03335a; }

.eg-search-box form.eg-search-box__form .eg-search-box__button:hover, .eg-search-box form.eg-search-box__form .eg-search-box__button:focus { color: #ffffff; }

.eg-search-box form.eg-search-box__form .eg-search-box__button:hover, .eg-search-box form.eg-search-box__form .eg-search-box__button:active, .eg-search-box form.eg-search-box__form .eg-search-box__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .eg-search-box form.eg-search-box__form .eg-search-box__button, .eg-search-box form.eg-search-box__form .eg-search-box__button[disabled], .eg-search-box form.eg-search-box__form .eg-search-box__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.eg-search-box form.eg-search-box__form .eg-search-box__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.eg-search-box form.eg-search-box__form .eg-search-box__button.spinner.loading:before, .eg-search-box form.eg-search-box__form .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.eg-search-box form.eg-search-box__form .eg-search-box__button.spinner.loading:before:after, .eg-search-box form.eg-search-box__form .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.eg-search-box form.eg-search-box__form .eg-search-box__button.small { padding: 0.375rem 0.75rem; }

.eg-search-box form.eg-search-box__form .eg-search-box__button:hover { color: #FFF !important; }

.eg-search-box form.eg-search-box__form .eg-search-box__button.disabled, .eg-search-box form.eg-search-box__form .eg-search-box__button [disabled] { opacity: 1; color: rgba(204, 204, 204, 0.5); }

@media only screen and (max-width: 75rem) { .eg-search-box form.eg-search-box__form .eg-search-box__button { display: none; } }

.eg-search-box__clear-button, .eg-search-box__scan-button { position: absolute; right: 0; top: 0; font-size: 1.125rem; width: 2rem; line-height: 2rem; border: 0; text-align: center; }

@media only screen and (max-width: 75rem) { .eg-search-box__clear-button, .eg-search-box__scan-button { width: 1.375rem; line-height: 1.375rem; margin-right: 0.25rem; margin-top: 0.25rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .eg-search-box__clear-button, .eg-search-box__scan-button { display: none; } }

.eg-search-box__scan-button { padding: 0; background-color: transparent; }

.eg-search-box__scan-button img { width: 100%; }

.tt-menu.search-box__menu { width: 100%; min-width: 18.75rem; max-width: 31.25rem; max-height: calc(100dvh - 7.5rem); overflow: scroll; }

.mobile-search-modal .tt-menu.search-box__menu { display: block !important; width: 100vw; top: 2.875rem !important; left: -2.8125rem !important; border: 0 !important; box-shadow: none; max-width: none; max-height: none; padding-bottom: 50vh; overflow: visible; }

.search-box__product-suggestion { padding: 0.5rem; font-size: 0.6875rem; }

.search-box__product-suggestion:before, .search-box__product-suggestion:after { content: " "; display: table; }

.search-box__product-suggestion:after { clear: both; }

.search-box__product-suggestion + .search-box__product-suggestion { border-top: 1px solid #e3e4e6; }

.search-box__category-suggestion { overflow: hidden; text-overflow: ellipsis; word-wrap: nowrap; font-size: 0.6875rem; }

.search-box__product-image-wrapper { float: left; width: 3.125rem; height: 3.125rem; margin-right: 0.5rem; }

.search-box__product-image { display: block; margin: auto; max-width: 3.125rem; max-height: 3.125rem; }

.search-box__product-name { height: 2.4em; white-space: normal; text-overflow: ellipsis; overflow: hidden; }

.search-box__product-name > strong { font-weight: inherit; }

.search-box__product-price { font-weight: 700; }

.twitter-typeahead { background-color: transparent !important; margin: auto !important; padding: 0 !important; }

.tt-menu { transform: translateY(-1px); background: #fff; border: 1px solid #ccc !important; box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.15); }

.tt-suggestions, .tt-menu { display: block; padding: 0; }

.tt-suggestion, .tt-empty { font-size: 0.875rem; display: block; padding: 0.75rem; margin: 0; line-height: 1.2; cursor: pointer; }

.tt-empty { background: transparent; }

.tt-suggestion { color: #4c4b4b; background: transparent; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .tt-suggestion.tt-cursor, .tt-suggestion:hover { color: #ffffff; background-color: #044070; } }

.tt-header { padding: 0.75rem; margin: 0; line-height: 1.2; font-weight: 700; font-size: 0.875rem; background-color: #e3e4e6; }

/*** END app/styles/eg-search-box.scss ***/
/*** START app/styles/woof-message.scss ***/
.woof-messages { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; z-index: 1; /*
Normal center technique using margin-left: auto and margin-right:auto
will create two areas on both side of the .woof-messages.
And this .woof-messages itself has a large z-index and fixed position, so that
it can be shown on top of the page. This was what blocked below elements.

Using the combination of left: and negative margin-left: eliminates the need
to have margin hence not blocking any elements.

A visual example:
https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
*/ opacity: 0.95; font-size: 0.8125rem; }

.woof-message { padding: 0.5rem 2rem 0.5rem 1.5rem; cursor: pointer; }

.woof-message button.close { height: 1.625rem; background-color: transparent; }

.woof-message:hover button.close { color: #000; opacity: .5; background-color: transparent; }

.woof-message a { color: #666; }

.woof-message strong { text-transform: capitalize; }

.x-woof-message-container.pre-insert, .x-woof-message-container.destroyed, .x-woof-message-container.destroyed div { /*   -webkit-transform: scaleY(0); */ opacity: 0; height: 0; padding: 0; }

.x-woof-message-container { /*   -webkit-transform: scaleY(1);
-webkit-transform-origin: top;
*/ -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }

.woof-important { font-size: 1.6em; }

/*** END app/styles/woof-message.scss ***/
/*** START app/styles/forgot-password.scss ***/
section.forgot-password { max-width: 37.5rem; margin: auto; }

@media only screen and (max-width: 62.5rem) { section.forgot-password { padding: 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { section.forgot-password { padding: 2.5rem; } }

.forgot-password__form-hint { margin-top: -1rem; margin-bottom: 0.5rem; font-weight: 400; }

.forgot-password__success-message { font-size: 0.875rem; }

.forgot-password__success__back-button { width: 100%; }

/*** END app/styles/forgot-password.scss ***/
/*** START app/styles/recipes.scss ***/
.my-recipes .breadcrumbs { padding-left: 2rem; padding-top: 2rem; }

.my-recipes h3 { padding-left: 2rem; }

.recipes-interface { font-family: "Open Sans", sans-serif; display: grid; grid-template-columns: [first] 1fr [second] 60% [third] 1fr; }

@media only screen and (max-width: 62.5rem) { .recipes-interface { grid-template-rows: [first] auto [search] 4rem [cuisine] 2.5rem [category] 2.5rem [difficulty] 2.5rem [last-row]; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-interface { grid-template-rows: [first] 1rem [search] 3.5rem [cuisine] 2.5rem [category] 2.5rem [difficulty] 2.5rem [last-row]; } }

.recipes-interface .loading-panel { top: 100%; }

.recipes-interface .my-recipes { color: #044070; cursor: pointer; }

@media only screen and (max-width: 62.5rem) { .recipes-interface .my-recipes { grid-column-start: 1; grid-column-end: -1; grid-row: first; font-size: 1em; line-height: 2rem; border: 1px solid; color: #044070; background-color: #f7fafc; border-radius: 5px; margin-top: 0.5rem; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 0.5rem; text-align: center; display: block; } .recipes-interface .my-recipes:hover { background-color: #cfe2f0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-interface .my-recipes { grid-column: third; grid-row: search; text-align: right; height: 3em; line-height: 3em; padding-right: 1rem; } }

.recipes-interface .my-recipes::after { content: '\02c3'; font-family: fontello; }

.recipes-interface .search-container { display: flex; flex-direction: row; margin-bottom: 0.5rem; grid-row: search; height: 3em; border: 1px solid #044070; color: #044070; background-color: #f7fafc; border-radius: 5px; }

@media only screen and (max-width: 62.5rem) { .recipes-interface .search-container { grid-column-start: 1; grid-column-end: -1; margin-left: .5rem; margin-right: .5rem; margin-top: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-interface .search-container { grid-column: second; } }

.recipes-interface .search-container input { flex-grow: 2; border: none; padding-left: 1em; padding-right: 1em; border-radius: 5px; }

.recipes-interface .search-container input:focus { outline: none; }

.recipes-interface .search-container:focus-within { outline: none; }

.recipes-interface .search-container button { border: 1px; width: 3em; background: #044070; color: #f9fdff; }

.recipes-interface .filter-container { display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden; justify-content: flex-start; align-content: space-between; gap: .5em .5em; }

@media only screen and (max-width: 62.5rem) { .recipes-interface .filter-container { grid-column-start: 1; grid-column-end: -1; margin-left: .5rem; margin-right: .5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-interface .filter-container { grid-column: second; } }

.recipes-interface .filter-container.category { grid-row: category; }

.recipes-interface .filter-container.difficulty { grid-row: difficulty; }

.recipes-interface .filter-container.cuisine { grid-row: cuisine; }

.recipes-interface .recipe-filter { flex-grow: 1; height: 2rem; }

.recipes-interface .recipe-filter button { cursor: pointer; font-size: 1em; border: 1px solid; color: #044070; background-color: #f7fafc; border-radius: 5px; width: 100%; height: 100%; transition: width 1s ease; }

.recipes-interface .recipe-filter button:disabled { background-color: #e9e9e9; color: gray; }

.recipes-interface .recipe-filter button.is-selected { background-color: #cfe2f0; }

@media (hover: hover) { .recipes-interface .recipe-filter button:not(:disabled):hover { background-color: #cfe2f0; } }

.recipes-interface .recipe-filter button.Easy { color: #006b1b; background-color: #f2f8f3; border-color: #006b1b; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Easy:not(:disabled):hover { background-color: #acd7b7; } }

.recipes-interface .recipe-filter button.Easy.is-selected { background-color: #62bc79; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Easy.is-selected:not(:disabled):hover { background-color: #acd7b7; } }

.recipes-interface .recipe-filter button.Easy:disabled { background-color: #e9e9e9; color: gray; border-color: gray; }

.recipes-interface .recipe-filter button.Medium { color: #6b6b00; background-color: #fdfded; border-color: #6b6b00; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Medium:not(:disabled):hover { background-color: #e7e79d; } }

.recipes-interface .recipe-filter button.Medium.is-selected { background-color: #cbcb86; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Medium.is-selected:not(:disabled):hover { background-color: #e7e79d; } }

.recipes-interface .recipe-filter button.Medium:disabled { background-color: #e9e9e9; color: gray; border-color: gray; }

.recipes-interface .recipe-filter button.Hard { color: #6b1500; background-color: #f9f2f1; border-color: #6b1500; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Hard:not(:disabled):hover { background-color: #dab3a9; } }

.recipes-interface .recipe-filter button.Hard.is-selected { background-color: #cb9386; }

@media (hover: hover) { .recipes-interface .recipe-filter button.Hard.is-selected:not(:disabled):hover { background-color: #dab3a9; } }

.recipes-interface .recipe-filter button.Hard:disabled { background-color: #e9e9e9; color: gray; border-color: gray; }

.recipes-no-results { font-family: sans-serif; display: grid; grid-template-columns: [first] 1fr [second] 60% [third] 1fr; grid-template-rows: [content] 1fr; }

.recipes-no-results p { border: 2px dashed rgba(0, 0, 0, 0.1); background: #FFFAF0; padding: 1rem 2rem; margin-bottom: 0.75rem; float: left; font-size: 1rem; font-weight: 500; }

@media only screen and (max-width: 62.5rem) { .recipes-no-results p { grid-column-start: 1; grid-column-end: -1; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-no-results p { grid-column: second; } }

.recipes-container { font-family: sans-serif; display: grid; gap: 1em; padding: 2em 0; max-width: 93.75rem; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipes-container { gap: 2em; padding: 2em; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); } }

@media only screen and (min-width: calc(75rem + 1px)) { .recipes-container { grid-template-columns: 1fr 1fr; } }

@media only screen and (min-width: calc(100rem + 1px)) { .recipes-container { grid-template-columns: 1fr 1fr 1fr; } }

.recipe-item { border: 1px solid #044070; box-sizing: content-box; box-shadow: 5px 5px 10px 0px rgba(47, 79, 79, 0.2); overflow: hidden; transform-origin: center bottom; transform: translate(0px, 0px); }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-item:hover { transform: translate(0px, -5px); box-shadow: 5px 10px 10px 0px rgba(47, 79, 79, 0.2); transition: .25s ease; } }

.recipe-item button { display: grid; background-color: #f9fdff; color: #465e66; border: none; cursor: pointer; text-align: left; font-size: 1em; padding: 0; width: 100%; transition: opacity 0.25s ease; min-height: 0; min-width: 0; }

@media only screen and (max-width: 31.25rem) { .recipe-item button { grid-template-columns: [favorite] 3rem [left] minmax(0, 1fr) [right] 1fr [last-column]; grid-template-rows: [first] 3rem [details] minmax(70vw, 1fr) [time] 1.75rem [title] min-content [last-row]; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button { height: 200px; grid-template-columns: [first] 200px [second left] 8em [third right] 1fr [last-column]; grid-template-rows: [title first] auto [cuisine] 1.5rem [details] 1.5rem [time] 1rem [contents] auto [last-row]; } }

.recipe-item button .hero { grid-column: first; grid-row-start: first; grid-row-end: last-row; height: 200px; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .hero { grid-column-start: 1; grid-column-end: -1; grid-row-start: 1; grid-row-end: -1; height: 100vw; } .recipe-item button .hero::before, .recipe-item button .hero.noq-icon-right-open-big-after:after { content: ''; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(180deg, #f9fdff 0%, rgba(255, 252, 255, 0) 20%, rgba(255, 252, 255, 0) 75%, #f9fdff 80%, #f9fdff 100%); } }

.recipe-item button .favorite { grid-row: first; width: 3rem; z-index: 1; color: #f4fcff; text-shadow: rgba(47, 79, 79, 0.2) 1px 0 10px; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .favorite { font-size: 3rem; grid-column: favorite; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button .favorite { font-size: 2rem; grid-column: first; } }

.recipe-item button .favorite.favourited { color: #e83334; }

.recipe-item button .title { font-family: sans-serif; grid-row: title; z-index: 1; padding-left: 1rem; padding-right: 1rem; padding-top: .3rem; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .title { grid-column-start: 1; grid-column-end: -1; font-size: 1.65rem; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button .title { grid-column-start: second; grid-column-end: last-column; font-size: 1.5rem; line-height: 1.25em; } }

.recipe-item button .cuisine { grid-row: cuisine; grid-column-start: left; grid-column-end: -1; font-size: 1rem; padding-left: 1rem; }

@media only screen and (max-width: 62.5rem) { .recipe-item button .cuisine { display: none; } }

.recipe-item button .cuisine::before, .recipe-item button .cuisine.noq-icon-right-open-big-after:after { font-family: "fontello"; content: '\e83d'; margin-right: 0.5rem; }

.recipe-item button .cooking_time { font-size: 0.90em; color: darkslategray; }

.recipe-item button .Easy.difficulty { color: #006b1b; }

.recipe-item button .Medium.difficulty { color: #6b6b00; }

.recipe-item button .Hard.difficulty { color: #6b1500; }

.recipe-item button .details { padding-left: 1rem; padding-right: 1rem; font-weight: bold; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .details { font-size: 1.25rem; grid-row: first; z-index: 1; text-align: center; line-height: 2em; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button .details { font-size: 1rem; grid-row: details; } }

.recipe-item button .details.difficulty { grid-column: left; }

.recipe-item button .details.serves { grid-column: right; }

.recipe-item button .time { margin-left: 1rem; font-size: 0.90em; color: darkslategray; }

.recipe-item button .time::before, .recipe-item button .time.noq-icon-right-open-big-after:after { font-family: "fontello"; padding-right: 0.25rem; font-weight: bold; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .time { font-size: 1.25rem; grid-row: time; z-index: 1; text-shadow: -1px 0 #f9fdff, 0 1px #f9fdff, 1px 0 #f9fdff, 0 -2px #f9fdff; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button .time { font-size: 1rem; grid-row: time; } }

.recipe-item button .time.preparation { grid-column: left; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .time.preparation { grid-column-start: favorite; grid-column-end: right; } }

.recipe-item button .time.preparation::before, .recipe-item button .preparation.noq-icon-right-open-big-after:after { content: '\e83c'; }

.recipe-item button .time.cooking { grid-column: right; }

.recipe-item button .time.cooking::before, .recipe-item button .cooking.noq-icon-right-open-big-after:after { content: '\e83b'; }

.recipe-item button .contents { height: 100%; overflow: hidden; z-index: 1; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; }

@media only screen and (max-width: 31.25rem) { .recipe-item button .contents { display: none; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-item button .contents { grid-column-start: second; grid-column-end: last-column; grid-row: contents; } }

.recipe-item button .contents p { padding-top: .8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.recipe-modal__body { padding: 0; height: auto; background-color: #f9fdff; color: #465e66; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body { max-height: 90vh; } }

.recipe-modal__body .panel { padding: 0; border: none; display: grid; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel { grid-template-columns: [first left] minmax(0, 1fr) [second right] 1fr [last-column]; grid-template-rows: [first] 80vw [title] auto [cuisine] 2rem [details] 2rem [time] 2rem [description] auto [ingredients] auto [directions] auto [shop-ingredients] auto [nutrition] auto; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel { grid-template-columns: [first] 400px [second left] 10rem [third right] auto [last-column]; grid-template-rows: [title] minmax(5rem, auto) [cuisine] 2.5rem [details] 2rem [time] 2rem [description] minmax(2rem, auto) [ingredients] auto [directions] auto [shop-ingredients] auto [last-line]; grid-template-areas: "sidebar content content" "sidebar content content" "sidebar content content" "sidebar content content" "sidebar content content" "sidebar content content" "sidebar content content"; } }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .hero { grid-row-start: first; grid-row-end: cuisine; grid-column-start: 1; grid-column-end: -1; height: 100vw; } .recipe-modal__body .panel .hero::before, .recipe-modal__body .panel .hero.noq-icon-right-open-big-after:after { content: ''; z-index: 1; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(180deg, rgba(255, 252, 255, 0) 80%, #f9fdff 85%, #f9fdff 100%); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .hero { grid-area: sidebar; height: 400px; } }

.recipe-modal__body .panel .favorite { grid-column: 1; grid-row: 1; width: 3rem; z-index: 1; color: #f4fcff; text-shadow: rgba(47, 79, 79, 0.2) 1px 0 10px; cursor: pointer; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .favorite { font-size: 3rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .favorite { font-size: 1.5rem; } }

.recipe-modal__body .panel .favorite.favourited { color: #e83334; }

.recipe-modal__body .panel .title { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; font-weight: bold; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .title { grid-row: title; grid-column-start: 1; grid-column-end: -1; z-index: 1; font-size: 1.65rem; padding-bottom: .5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .title { grid-row: title; grid-column-start: second; grid-column-end: -1; font-size: 2em; } }

.recipe-modal__body .panel .cuisine { grid-row: cuisine; grid-column: left; font-size: 1.25rem; padding-left: 1rem; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .cuisine { z-index: 1; } }

.recipe-modal__body .panel .cuisine::before, .recipe-modal__body .panel .cuisine.noq-icon-right-open-big-after:after { font-family: "fontello"; content: '\e83d'; margin-right: 1rem; }

.recipe-modal__body .panel .details { grid-row: details; padding-left: 1rem; padding-right: 1rem; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .details { z-index: 1; font-size: 1.25rem; padding-bottom: 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .details { font-size: 1rem; } }

.recipe-modal__body .panel .details.difficulty { grid-column: left; font-weight: bold; }

.recipe-modal__body .panel .details.difficulty.Easy { color: #006b1b; }

.recipe-modal__body .panel .details.difficulty.Medium { color: #6b6b00; }

.recipe-modal__body .panel .details.difficulty.Hard { color: #6b1500; }

.recipe-modal__body .panel .details.serves { grid-column: right; }

.recipe-modal__body .panel .time { margin-left: 1rem; grid-row: time; }

@media only screen and (max-width: 31.25rem) { .recipe-modal__body .panel .time { z-index: 1; font-size: 1.25rem; } }

.recipe-modal__body .panel .time::before, .recipe-modal__body .panel .time.noq-icon-right-open-big-after:after { font-family: "fontello"; padding-right: 0.25rem; font-weight: bold; }

.recipe-modal__body .panel .time.preparation { grid-column: left; }

.recipe-modal__body .panel .time.preparation::before, .recipe-modal__body .panel .preparation.noq-icon-right-open-big-after:after { content: '\e83c'; }

.recipe-modal__body .panel .time.cooking { grid-column: right; }

.recipe-modal__body .panel .time.cooking::before, .recipe-modal__body .panel .cooking.noq-icon-right-open-big-after:after { content: '\e83b'; }

.recipe-modal__body .panel .summary { grid-row: description; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; display: inline-block; overflow: clip; font-style: italic; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .summary { grid-column-start: 1; grid-column-end: -1; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .summary { grid-column-start: second; grid-column-end: -1; } }

.recipe-modal__body .panel .ingredients { text-transform: capitalize; grid-row: ingredients; width: unset; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .ingredients { grid-column-start: 1; grid-column-end: -1; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .ingredients { grid-column-start: second; grid-column-end: -1; padding: .5em; margin-left: 1rem; margin-right: 1rem; } }

.recipe-modal__body .panel .ingredients th, .recipe-modal__body .panel .ingredients td { width: 50%; }

.recipe-modal__body .panel .ingredients th:first-child, .recipe-modal__body .panel .ingredients td:first-child { padding-left: 1rem; }

.recipe-modal__body .panel .ingredients tr:not(:first-child) { border-top: 1px solid #465e66; }

.recipe-modal__body .panel .ingredients tr:nth-child(even) { background-color: #d3e2e2; }

.recipe-modal__body .panel .ingredients th { font-weight: bold; }

.recipe-modal__body .panel .ingredients .ingredient-name { display: block; }

.recipe-modal__body .panel .ingredients .ingredient-preparation { font-size: 0.90em; font-style: italic; }

.recipe-modal__body .panel .nutrition { padding-top: 0.65rem; padding-bottom: .5rem; display: inline-block; overflow: clip; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .nutrition { grid-row: nutrition; grid-column-start: 1; grid-column-end: -1; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .nutrition { grid-area: sidebar; margin-top: 400px; } }

.recipe-modal__body .panel .nutrition tr th { font-weight: bold; }

.recipe-modal__body .panel .nutrition tr .nutrition { width: 75%; }

.recipe-modal__body .panel .nutrition tr:nth-child(even) { background-color: #d3e2e2; }

.recipe-modal__body .panel .nutrition tr th:first-child, .recipe-modal__body .panel .nutrition tr td:first-child { padding-left: 1rem; }

.recipe-modal__body .panel .nutrition tr.saturatedFat .nutrition-type, .recipe-modal__body .panel .nutrition tr.sugars .nutrition-type, .recipe-modal__body .panel .nutrition tr.dietaryFiber .nutrition-type { padding-left: 2rem; font-size: 0.95em; }

.recipe-modal__body .panel .nutrition .disclaimer { padding-left: 1rem; font-size: 0.80rem; font-style: italic; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .nutrition .disclaimer { padding-left: 0.5rem; font-size: 0.70rem; } }

.recipe-modal__body .panel .nutrition .disclaimer::before, .recipe-modal__body .panel .nutrition .disclaimer.noq-icon-right-open-big-after:after { content: '*'; }

.recipe-modal__body .panel .shop-ingredients { grid-row: shop-ingredients; grid-column-start: second; grid-column-end: -1; padding: 1rem; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .shop-ingredients { grid-row: shop-ingredients; grid-column-start: 1; grid-column-end: -1; } }

.recipe-modal__body .panel .directions { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; }

@media only screen and (max-width: 62.5rem) { .recipe-modal__body .panel .directions { grid-column-start: 1; grid-column-end: -1; grid-row: directions; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-modal__body .panel .directions { grid-column-start: second; grid-column-end: -1; grid-row-start: directions; } }

.recipe-modal__body .panel .directions ol { margin-left: 0; }

.recipe-modal__body .panel .directions li { list-style: none; padding-bottom: 1em; }

.recipe-modal__body .panel .directions li:not(:first-child) { border-top: 1px dotted #92aaaa; }

.center-loading-spinner { display: grid; place-items: center; margin-top: 2em; }

.center-loading-spinner .loading-spinner { font-size: 2.5em; }

.swap-a-product-modal-body { padding: 0; width: 100%; display: flex; align-items: center; flex-direction: column; }

.swap-a-product-modal .swap-a-product-modal-footer { display: none; }

.swap-a-product-modal .swap-product-message { margin: 1rem 0.7rem; font-size: 1.125rem; align-self: flex-start; font-size: 0.875rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .swap-a-product-modal-dialog { max-width: 47.8em !important; } .swap-a-product-modal-body { padding: 1rem 1rem 0; margin-bottom: 1rem; } .swap-a-product-modal .swap-product-message { margin: 0 0.7rem 1rem; } .swap-a-product-modal .product-list { margin: 0; display: flex; place-content: center; width: 44.625rem; } .swap-a-product-modal .product-list .product-list-items-list { display: flex; flex-wrap: wrap; gap: 0.75em; } .swap-a-product-modal .product-list .product-list-items-list::before, .swap-a-product-modal .product-list .product-list-items-list::after { content: none; } .swap-a-product-modal .product-list .product-list-items-list .product-list-item { margin: 0; flex: 0 0 14.375rem; } .swap-a-product-modal .product-list .product-list-items-list .product-list-item::before, .swap-a-product-modal .product-list .product-list-items-list .product-list-item::after { content: none; } }

.recipe__product-carousel .product-carousel__more-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; }

.recipe__product-carousel .product-carousel__more-button:hover, .recipe__product-carousel .product-carousel__more-button:focus { background-color: #03335a; }

.recipe__product-carousel .product-carousel__more-button:hover, .recipe__product-carousel .product-carousel__more-button:focus { color: #ffffff; }

.recipe__product-carousel .product-carousel__more-button:hover, .recipe__product-carousel .product-carousel__more-button:active, .recipe__product-carousel .product-carousel__more-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .recipe__product-carousel .product-carousel__more-button, .recipe__product-carousel .product-carousel__more-button[disabled], .recipe__product-carousel .product-carousel__more-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.recipe__product-carousel .product-carousel__more-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.recipe__product-carousel .product-carousel__more-button.spinner.loading:before, .recipe__product-carousel .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.recipe__product-carousel .product-carousel__more-button.spinner.loading:before:after, .recipe__product-carousel .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.recipe__product-carousel .product-carousel__more-button.small { padding: 0.375rem 0.75rem; }

.recipe__product-carousel .product-carousel__header > h3 { display: inline-block; }

/*** END app/styles/recipes.scss ***/
/*** START app/styles/register.scss ***/
section.register { display: flex; justify-content: center; padding: 30px; }

/*** END app/styles/register.scss ***/
/*** START app/styles/reset-password.scss ***/
.reset-password { position: absolute; min-width: 100vw; min-height: 100dvh; top: 0; left: 0; background: #0288D1; }

.reset-password .reset-password__logo-link { display: block; margin: 1rem auto 2rem; width: 15rem; }

.reset-password .reset-password__logo-link-image { width: 100%; height: 4.6875rem; }

@media only screen and (max-width: 62.5rem) { .reset-password .reset-password__logo-link-image { max-height: 20vh; } }

.reset-password h3.noq-page-title { margin-top: 0; line-height: 1; }

.reset-password .noq-title { text-align: center; color: #ffffff; }

.reset-password .reset-password__form-wrapper { width: 37.5rem; margin: 0 auto; padding: 1.25rem; max-width: 90vw; background: #F8F8F8; }

@media only screen and (max-width: 62.5rem) { .reset-password .reset-password__form-wrapper { margin-bottom: 1.25rem; } }

.reset-password .noq-logo { background-size: contain; background-position: center; background-repeat: no-repeat; height: 7.25rem; max-width: 100%; }

.reset-password .reset-password__message { margin-top: 2.5rem; text-align: center; color: #ffffff; padding: 0 2.5rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .reset-password .reset-password__message { max-width: 37.5rem; margin: 2.5rem auto; } }

.reset-password .reset-password__message a.link { color: white !important; }

.reset-password .button-wrapper { text-align: center; padding: 2rem; }

.reset-password__success-icon { width: 8rem; height: 8rem; margin: auto; display: block; }

.noq-reset-email-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 12.5rem; max-width: 100%; }

/*** END app/styles/reset-password.scss ***/
/*** START app/styles/login-register.scss ***/
.noq-loginregister { display: flex; justify-content: center; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-loginregister__form-wrapper { border: 1rem solid white; width: 32.5rem; margin: 1rem auto; } }

.noq-login-register__instructions { font-size: 0.875rem; }

.noq-login-register__register-button { margin-top: 1rem; width: 100%; }

.noq-login-register__cancel-button { margin-top: 1rem; width: 100%; }

.customer-login__just-activated h1 { color: #044070; font-weight: 600; font-size: 1.5rem; }

.customer-login__heading { padding-bottom: 0; border: 0; margin-bottom: 0.5rem; margin-top: 0; }

.customer-login__fieldset { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 1.5rem; }

.login-modal__timeout-message { margin: -1rem -1rem 1.5rem -1rem; }

.sso-modal__body .egr-form__submission, .login-modal__body .egr-form__submission, .register-modal__body .egr-form__submission { margin-bottom: 0; }

@media only screen and (max-width: 62.5rem) { .sso-modal__body, .login-modal__body, .register-modal__body { background: #f3f3f3; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .sso-modal__body, .login-modal__body, .register-modal__body { width: 35rem; } }

.customer-login__remember-forgot-container { margin-top: 0.75rem; }

.customer-login__remember-forgot-container:before, .customer-login__remember-forgot-container:after { content: " "; display: table; }

.customer-login__remember-forgot-container:after { clear: both; }

.customer-login-remember { float: left; font-size: 0.875rem; font-weight: 600; }

.customer-login-remember > label, .customer-login-remember input { cursor: pointer; }

.customer-login-remember label, .customer-login-remember .egr-form__input-group { margin-bottom: 0; }

.customer-login__forgot, .noq-login__forgot { float: right; font-size: 0.875rem; color: #7d7c7c; }

.sso-login__main-panel { max-width: 35rem; }

.login-modal__register-button, .login-modal__cancel-button, .register-modal__login-button, .register-modal__cancel-button { display: block; width: 100%; margin-bottom: 12px; }

.customer-registration__loyalty-wrapper { position: relative; }

.customer-registration__receive-coms { padding-top: 0.75rem; margin-bottom: 0; }

/*** END app/styles/login-register.scss ***/
/*** START app/styles/recurring-orders.scss ***/
.recurring-order-index { padding: 1.5rem 0 1.5rem 7%; margin: 0 auto; }

@media only screen and (max-width: 1135px) and (min-width: 48em) { .recurring-order-index { width: 44.125rem; padding-left: 0; } }

@media only screen and (max-width: 62.5rem) { .recurring-order-index { padding: 0.75rem 7%; } }

.recurring-order-tiles { margin: 1.5rem 0; list-style: none; }

.recurring-order-tiles:before, .recurring-order-tiles:after { content: " "; display: table; }

.recurring-order-tiles:after { clear: both; }

.recurring-order-tile { position: relative; background: #FFF; float: left; display: block; width: 100%; height: 17.125rem; overflow: hidden; border: 0.0625rem solid #c8c8c8; margin-right: 1.625rem; margin-bottom: 1.625rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recurring-order-tile { width: 20.375rem; height: 24.625rem; } }

.recurring-order-tile.recurring-order-tile-add { border: 0.0625rem dashed #c8c8c8; background: transparent; text-align: center; font-size: 1.875rem; padding: 5.375rem 1rem 0; color: #c8c8c8; cursor: pointer; font-weight: 700; }

.recurring-order-tile.recurring-order-tile-add:before, .recurring-order-tile-add.noq-icon-right-open-big-after:after { content: "+"; font-weight: 400; font-size: 5rem; line-height: 5rem; display: block; }

.recurring-order-tile.recurring-order-tile-add:hover { color: #85817e; border-color: #85817e; }

@media only screen and (max-width: 62.5rem) { .recurring-order-tile.recurring-order-tile-add { height: auto; padding: 1rem 2.5rem 1.875rem; font-size: 1.5rem; } }

.recurring-order-tile .recurring-order-tile-empty-body { padding: 1.25rem 1rem 0; text-align: center; }

.recurring-order-tile .recurring-order-tile-empty-body:before, .recurring-order-tile .recurring-order-tile-empty-body.noq-icon-right-open-big-after:after { font-family: 'fontello'; content: '⎘'; color: #0288D1; font-size: 6.875rem; display: block; }

@media only screen and (max-width: 62.5rem) { .recurring-order-tile .recurring-order-tile-empty-body { padding: 1.25rem 1rem 0; text-align: left; } .recurring-order-tile .recurring-order-tile-empty-body:before, .recurring-order-tile .recurring-order-tile-empty-body.noq-icon-right-open-big-after:after { font-size: 3.75rem; float: left; margin-right: 1.25rem; } }

.recurring-order-tile-header { padding: 0.25rem 1rem; height: 3.375rem; }

.recurring-order-tile-header:before, .recurring-order-tile-header:after { content: " "; display: table; }

.recurring-order-tile-header:after { clear: both; }

.recurring-order-tile-header > .noq-icon-delete { float: right; font-size: 1.125rem; position: relative; top: 0.5625rem; margin-right: -rem-calc(6); }

.recurring-order-tile-header > .noq-icon-delete:hover { text-decoration: none; }

.recurring-order-payment-percentage { position: relative; right: 3.4em; top: .1rem; }

.recurring-order-edit-button { position: relative; cursor: pointer; margin: 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #026da7; color: #FFF; border: 0; margin-bottom: 0; border-radius: 0.25rem; position: relative; padding: 0.25rem 0.5rem; font-size: 0.875rem; height: 100%; margin-left: auto; }

.recurring-order-save-button { float: right; }

.recurring-order-modal__detail-item { display: flex; margin-bottom: calc(2rem); }

.recurring-order-modal__detail-item label { flex: 1rem; }

.recurring-order-modal__detail-item span { flex: 11rem; }

.recurring-order-modal__errors { margin-left: -1rem; margin-right: -1rem; background-color: #f6e0e0; }

.recurring-order-modal__error { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #D16262; }

.recurring-order-modal__error:last-child { margin-bottom: -1rem; }

.recurring-order-modal__error:first-child { border-top: 1px solid #D16262; margin-top: 1rem; }

.recurring-order-modal__enabled { background-color: #f3f3f3; margin-top: -1rem; margin-left: -1rem; margin-right: -1rem; margin-bottom: 1rem; padding: 1rem; border-bottom: 1px solid #d1d2d3; }

.recurring-order-modal__enabled .egr-form__input-group { margin-bottom: 0; }

.recurring-order-modal__enabled .egr-form__input-group .egr-form__input-group__label, .recurring-order-modal__enabled .egr-form__input-group .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .payment-source__egr-form__icon-help, .egr-form__form--payment-source .egr-form__fieldset:not(.payeezy-fieldset) .recurring-order-modal__enabled .egr-form__input-group .payment-source__egr-form__icon-help { margin: 0; }

.recurring-order-tile-link { display: block; height: calc(100% - 3.375rem - 1.875rem); text-decoration: none !important; }

.recurring-order-tile-link:hover:before, .noq-icon-right-open-big-after:hover:after { display: block; position: absolute; width: 100%; height: 100%; background: black; opacity: 0.075; font-family: "fontello"; content: "\29c3"; color: #FFF; font-size: 7.5rem; padding-top: 2.5rem; text-align: center; }

@media only screen and (max-width: 62.5rem) { .recurring-order-tile-link:hover:before, .noq-icon-right-open-big-after:hover:after { padding-top: 0; } }

.recurring-order-tile-items { padding: 0.5rem 1rem; list-style: none; display: table; margin: 0; width: 100%; border-top: 0.0625rem solid #d1d2d3; }

.recurring-order-tile-item { display: table-row; padding: 0.75rem 0; text-transform: capitalize; }

.recurring-order-tile-item-image-cell { display: table-cell; text-align: center; vertical-align: middle; padding: 0.5rem; border-bottom: 0.0625rem solid #d1d2d3; }

.recurring-order-tile-item-image { height: auto; width: auto; max-width: 2.5rem; max-height: 2.5rem; }

.recurring-order-tile-item-title { display: table-cell; vertical-align: middle; font-size: 0.875rem; padding: 0.5rem; border-bottom: 0.0625rem solid #d1d2d3; }

.recurring-order-tile-footer { position: absolute; background: #FFF; height: 1.875rem; width: 100%; left: 0; bottom: 0; padding: 0.25rem 1rem; border-top: 0.0625rem solid #d1d2d3; font-size: 0.875rem; display: grid; grid-template-columns: 1fr 1fr; }

.recurring-order-tile-error { grid-column: 1 / span 2; color: #D16262; }

.recurring-order-item__gpp-badge { margin-bottom: 0.25rem; }

.recurring-order-item__price { padding-left: 0.625rem; }

.recurring-order-add-modal .recurring-order-add-header { padding: 0.5rem 0.75rem 0.5rem 0; }

.recurring-order-add-modal .recurring-order-add-input .editable-title__input { padding-left: 0; }

.recurring-order-add-modal .recurring-order-add-button { width: 100%; }

.recurring-order-add-modal .recurring-order-add-spinner { float: right; display: block; position: relative; top: 0.6875rem; }

.recurring-order-modal { font-size: 4vw; }

@media (min-width: em-calc(550)) { .recurring-order-modal { font-size: 1.375rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recurring-order-modal { font-size: 0.875rem; } }

.recurring-order-modal .payment-type-select-box:last-child { margin-bottom: 0.5rem; }

.recurring-order-total-item-count { float: left; padding-left: 0.5em; }

.recurring-order__select-all { display: block; position: absolute; right: 0.25rem; font-size: 0.75em; line-height: 2; text-align: right; font-weight: 700; cursor: pointer; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recurring-order__select-all { width: 12%; right: 0; text-align: center; } }

.recurring-order__select-all:hover { opacity: 0.6; text-decoration: none; }

.recurring-order__select-all::after { content: ''; display: block; position: absolute; top: -0.78125rem; bottom: -0.78125rem; left: -0.0625rem; right: -0.0625rem; z-index: -1; }

.recurring-order-items { border-collapse: collapse; font-size: inherit; list-style: none; display: table; width: 100%; margin: 0; }

.recurring-order-items:after { width: 100%; height: 20px; background-color: red; position: fixed; bottom: 0; }

.recurring-list-items > li { border-bottom: 1px solid #d1d2d3; }

.recurring-order-item { position: relative; display: table-row; padding: 0; font-size: inherit; }

.recurring-order-item.is-selected { background-color: #f3f3f3; }

.recurring-order-item:hover .recurring-order-item__qty-stepper { opacity: 1; }

.recurring-order-item.is-unavailable .recurring-order-item__cell { color: rgba(125, 124, 124, 0.6); }

.recurring-order-item.is-unavailable .recurring-order-item__image { opacity: 0.4; }

.recurring-order-item .noq-product-badges { top: 0.25rem; left: 0.25rem; }

.recurring-order-item__errors { background-color: #f6e0e0; }

.recurring-order-item__error { border-bottom: 1px solid #D16262; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; }

.recurring-order-item__error:first-child { border-top: 1px solid #D16262; }

.recurring-order-item__cell { display: table-cell; padding: 0.25em; min-height: 6em; }

.recurring-order__note { font-size: 0.75rem; padding-top: 0.75rem; padding-bottom: 0.75rem; display: block; }

.recurring-order-item__remove { width: 8%; padding-right: 0; }

.recurring-order-item__remove > .noq-icon-close-thin { position: relative; text-decoration: none; color: #3c3b3b; }

.recurring-order-item__remove > .noq-icon-close-thin:hover:before, .recurring-order-item__remove > .noq-icon-right-open-big-after:hover:after { font-weight: 700; }

.recurring-order-item__remove > .noq-icon-close-thin::after { content: ''; display: block; position: absolute; top: -0.375rem; bottom: -0.375rem; left: -0.375rem; right: -0.375rem; z-index: -1; }

.recurring-list-items { margin-left: -1rem; margin-right: -1rem; }

.recurring-order-item__image-cell { position: relative; margin: 0 0.5em; padding: 1em 0.5em; text-align: center; vertical-align: middle; }

.recurring-order-item__image { width: 7rem; height: 7rem; }

.recurring-order-item__notes-editor { margin-left: 0.625rem; }

.recurring-order-item__detail { width: 58%; line-height: 1.3; }

.recurring-order-item__detail div:last-child { padding-bottom: 2.5rem; }

@media only screen and (max-width: 62.5rem) { .recurring-order-item__detail div:last-child { padding-bottom: 5rem; } }

.recurring-order-item__name { margin-bottom: 0.5rem; text-transform: capitalize; padding-left: 0.625rem; }

.recurring-order-item__qty { position: relative; width: 12%; height: 100%; line-height: 1.3; padding-left: 0.2em; text-align: center; white-space: nowrap; font-weight: 700; }

.recurring-order-item__qty-stepper { display: block; position: absolute; right: 0.25rem; bottom: 0.25rem; white-space: nowrap; opacity: 0; }

@media (hover: none) { .recurring-order-item__qty-stepper { opacity: 1; } }

html.touch .recurring-order-item__qty-stepper { opacity: 1; }

.recurring-order-item__qty-stepper .noq-simple-qty-stepper-button { font-size: 1.2em; padding: 0.2em 0.8em; margin-bottom: 0; }

.recurring-order-item__select { width: 12%; vertical-align: middle; text-align: center; border-left: 1px solid #d1d2d3; }

.recurring-order-item__select > label:before, .recurring-order-item__select > label.noq-icon-right-open-big-after:after { color: #e3e4e6 !important; }

.recurring-order-item__select > input[type="checkbox"]:checked ~ label:before, .recurring-order-item__select > input[type="checkbox"]:checked ~ label.noq-icon-right-open-big-after:after { font-size: 100%; color: #64AA5D !important; }

.recurring-order-item__select > input[type="checkbox"]:checked:disabled ~ label:before, .recurring-order-item__select > input[type="checkbox"]:checked:disabled ~ label.noq-icon-right-open-big-after:after, .recurring-order-item__select > input[type="checkbox"]:checked.disabled ~ label:before, .recurring-order-item__select > input[type="checkbox"]:checked.disabled ~ label.noq-icon-right-open-big-after:after, .recurring-order-item__select > input[type="checkbox"]:not(:checked).disabled ~ label:before, .recurring-order-item__select > input[type="checkbox"]:not(:checked).disabled ~ label.noq-icon-right-open-big-after:after, .recurring-order-item__select > input[type="checkbox"]:not(:checked):disabled ~ label:before, .recurring-order-item__select > input[type="checkbox"]:not(:checked):disabled ~ label.noq-icon-right-open-big-after:after { cursor: default; opacity: 0.6; }

.recurring-order-item__select > input[type="checkbox"] { display: none; }

.recurring-order-item__select > .recurring-order-item__select-label { display: block !important; position: relative; font-size: 2em; margin: 0 !important; width: 100%; min-height: 2.75rem; text-align: center; }

.recurring-order-item__select > .recurring-order-item__select-label:before, .recurring-order-item__select > .recurring-order-item__select-label.noq-icon-right-open-big-after:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0; margin-left: 0; }

.recurring-order-item__select .recurring-order-item__select-label:hover:before, .recurring-order-item__select .noq-icon-right-open-big-after:hover:after { opacity: 0.7; }

.recurring-order-item__unavailable { position: absolute; right: 0.3125rem; bottom: 0.75rem; font-size: 0.75rem; white-space: nowrap; color: #E4313C; }

.recurring-orders-modal-schedule { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #d1d2d3; line-height: 2.5rem; margin-bottom: 2rem; }

.recurring-orders-modal-schedule .product-details-instance__frequency-dropdown { font-size: 0.875rem; }

.recurring-order-modal-footer { display: grid; grid-template-columns: 1fr 1fr; }

.recurring-order-modal-footer:before, .recurring-order-modal-footer.noq-icon-right-open-big-after:after { content: none; }

.recurring-order-modal > .noq-modal-dialog > .noq-modal-dialog__header .recurring-order-title { font-size: 2em !important; position: relative; }

.recurring-order-modal > .noq-modal-dialog > .noq-modal-dialog__header .recurring-order-title .editable-title { font-size: 1em; }

.recurring-order-modal > .noq-modal-dialog > .noq-modal-dialog__header .recurring-order-title .editable-title__input { margin: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recurring-order-modal > .noq-modal-dialog > .noq-modal-dialog__body { width: 31.25rem; } }

.recurring-order-modal > .noq-modal-dialog .recurring-order-modal__add-button { width: 100%; margin: 0; }

.noq-add-to-recurring-order__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #85817e; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.75rem; font-weight: 400; border-radius: 0.3125rem; position: relative; }

.noq-add-to-recurring-order__button:hover, .noq-add-to-recurring-order__button:focus { background-color: #cccccc; }

.noq-add-to-recurring-order__button:hover, .noq-add-to-recurring-order__button:focus { color: #85817e; }

.noq-add-to-recurring-order__button:hover, .noq-add-to-recurring-order__button:active, .noq-add-to-recurring-order__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .noq-add-to-recurring-order__button, .noq-add-to-recurring-order__button[disabled], .noq-add-to-recurring-order__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.noq-add-to-recurring-order__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.noq-add-to-recurring-order__button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.noq-add-to-recurring-order__button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.noq-add-to-recurring-order__button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-recurring-order__button { background-color: transparent; } }

.noq-add-to-recurring-order__button:hover, .noq-add-to-recurring-order__button:focus { background-color: #f3f3f3; }

.noq-add-to-recurring-order__button .icon { font-size: 1.25rem; vertical-align: middle; position: relative; top: -0.125rem; }

.noq-add-to-recurring-order__button.show-label { padding: 0.125rem 0.375rem 0.125rem 0.125rem; }

.noq-add-to-recurring-order__button.show-label:after { content: '▾'; margin-left: 0.25rem; }

.noq-add-to-recurring-order__button.no-label { padding: 0.125rem; }

.noq-add-to-recurring-order__button.no-label::before, .no-label.noq-icon-right-open-big-after:after { content: ''; display: block; position: absolute; top: -0.46875rem; bottom: -0.46875rem; left: -0.375rem; right: -0.375rem; z-index: -1; }

.noq-add-to-recurring-order__button.is-in-list { color: #64AA5D; }

.recurring-order-add-input { margin-bottom: 0.5rem !important; background: #f3f3f3 !important; }

.recurring-order-add__error { font-size: 0.875rem; color: #df8020; }

.recurring-order-add-button { margin-top: 1rem; }

@media only screen and (max-width: 62.5rem) { .noq-dropdown-menu-wrapper { position: fixed; top: 0; left: 100vw; height: 100dvh; width: 100vw; } }

.noq-add-to-recurring-order__dropdown { background: white; width: 100vw; height: 100dvh; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-recurring-order__dropdown { position: absolute; width: auto; height: auto; max-width: 18.75rem; min-width: 12.5rem; border: 0.0625rem solid #e3e4e6; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1); } }

.noq-add-to-recurring-order__dropdown-menu { list-style: none; margin: 0; border-top: 0.0625rem solid #e3e4e6; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-recurring-order__dropdown-menu { height: calc(100% - 2.0625rem); padding-bottom: 1.875rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-recurring-order__dropdown-menu { max-height: 30vh; } }

.noq-add-to-recurring-order__menu-item:not(:last-child) { border-bottom: 0.0625rem solid #e3e4e6; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-recurring-order__menu-item:last-child { padding-bottom: 5rem; } }

.noq-add-to-recurring-order__create { position: relative; }

.noq-add-to-recurring-order__create .noq-create-list-link { color: #5FAB58; }

.noq-add-to-recurring-order__create .noq-create-list-link:before, .noq-add-to-recurring-order__create .noq-create-list-link.noq-icon-right-open-big-after:after { content: '+'; float: left; margin-right: 0.25rem; }

.noq-add-to-recurring-order__create form { height: 4em; }

@media only screen and (min-width: calc(75rem + 1px)) { .noq-add-to-recurring-order__create form { height: auto; } }

input[type="text"].noq-new-list-input { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; height: auto; width: 100%; padding: 0.75rem 0.5rem 0.75rem 1rem !important; font-size: 1rem; margin: 0; border: 0; }

input[type="text"].noq-new-list-input::-webkit-input-placeholder { color: #cccccc; }

input[type="text"].noq-new-list-input:-moz-placeholder { /* Firefox 18- */ color: #cccccc; }

input[type="text"].noq-new-list-input::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; }

input[type="text"].noq-new-list-input:-ms-input-placeholder { color: #cccccc; }

input[type="text"].noq-new-list-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

input[type="text"].noq-new-list-input:disabled { background-color: #f3f3f3; }

input[type="text"].noq-new-list-input[disabled], input[type="text"].noq-new-list-input[readonly], fieldset[disabled] input[type="text"].noq-new-list-input { background-color: #f3f3f3; }

@media only screen and (min-width: calc(62.5rem + 1px)) { input[type="text"].noq-new-list-input { padding: 0.5rem 1rem !important; font-size: 0.875rem; } }

input[type="text"].noq-new-list-input.unavailable { opacity: 0; margin-top: -100%; }

input.noq-new-list-submit, input.noq-new-list-cancel { text-transform: none !important; width: 30%; float: right; margin: 0.25rem 0.25rem 0.25rem !important; padding: 0.4em 0.6em; }

.noq-add-to-recurring-order__back-link, .noq-add-to-recurring-order__dropdown-link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: white; color: #4c4b4b; padding: 0.75rem 0.5rem 0.75rem 1rem; font-size: 1rem; font-weight: 400; text-decoration: none !important; }

.noq-add-to-recurring-order__back-link:before, .noq-add-to-recurring-order__back-link:after, .noq-add-to-recurring-order__dropdown-link:before, .noq-add-to-recurring-order__dropdown-link:after { content: " "; display: table; }

.noq-add-to-recurring-order__back-link:after, .noq-add-to-recurring-order__dropdown-link:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-recurring-order__back-link, .noq-add-to-recurring-order__dropdown-link { line-height: 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-recurring-order__back-link, .noq-add-to-recurring-order__dropdown-link { padding: 0.375rem 1rem; font-size: 0.875rem; color: #4c4b4b; } }

.noq-add-to-recurring-order__back-link:hover, .noq-add-to-recurring-order__dropdown-link:hover { background: #F8F8F8; color: #4c4b4b; text-decoration: none; }

.noq-add-to-recurring-order__back-link .noq-icon-ok, .noq-add-to-recurring-order__dropdown-link .noq-icon-ok { color: #64AA5D; float: right; }

.noq-add-to-recurring-order__back-link, .noq-add-to-recurring-order__menu-item.back-link-item { display: block; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-recurring-order__back-link, .noq-add-to-recurring-order__menu-item.back-link-item { display: none; } }

.noq-add-to-recurring-order__dropdown-header { font-size: 0.875rem; padding: 0.375rem 1rem; font-weight: 500; background-color: #4c4b4b; color: white; }

.noq-add-to-recurring-order__loading { padding: 0.375rem 1rem; border-top: 0.0625rem solid #CCC; font-size: 0.875rem; }

.noq-add-to-recurring-order__loading-spinner { float: left; margin-right: 0.75rem; position: relative; top: 0.25rem; }

.noq-add-to-recurring-order__pending-spinner { position: absolute; right: 0.625rem; top: 0.625rem; }

.noq-dialog-recurring-order__body { max-width: 25rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-dialog-recurring-order__body { min-width: 18.75rem; } }

.recurring-orders__help__tooltip { width: 20.375rem; }

.recurring-orders__help__tooltip h1 { font-size: 1rem; margin-bottom: 1rem; }

.recurring-orders__help__tooltip li { text-align: left; }

.recurring-orders__help__tooltip strong { font-weight: bolder; margin-right: 0.5rem; }

.recurring-orders__help__tooltip p { text-align: left; }

.recurring-orders__help__tooltip em { text-decoration: underline; margin-right: 0.5rem; }

.recurring-orders__how-it-works, .recurring-orders__help-dialog { padding: 1.5rem 0 1.5rem 7%; margin: 0 auto; background: #EAF4FE; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }

.recurring-orders__how-it-works h2, .recurring-orders__help-dialog h2 { font-size: 1.5rem; }

.recurring-orders__how-it-works h1, .recurring-orders__help-dialog h1 { font-size: 1rem; margin-bottom: 1rem; }

.recurring-orders__how-it-works li, .recurring-orders__help-dialog li { text-align: left; }

.recurring-orders__how-it-works strong, .recurring-orders__help-dialog strong { font-weight: bolder; margin-right: 0.5rem; }

.recurring-orders__how-it-works p, .recurring-orders__help-dialog p { text-align: left; }

.recurring-orders__how-it-works em, .recurring-orders__help-dialog em { text-decoration: underline; margin-right: 0.5rem; }

.recurring-orders__help { display: inline-block; color: #5FAB58; border-bottom: 1px dashed #5FAB58; padding: 0 0.25rem; }

/*** END app/styles/recurring-orders.scss ***/
/*** START app/styles/shopping-lists.scss ***/
.shopping-list-index { padding: 1.5rem 0 1.5rem 7%; margin: 0 auto; }

@media only screen and (max-width: 1135px) and (min-width: 48em) { .shopping-list-index { width: 44.125rem; padding-left: 0; } }

@media only screen and (max-width: 62.5rem) { .shopping-list-index { padding: 0.75rem 7%; } }

.shopping-list-tiles { margin: 1.5rem 0; list-style: none; }

.shopping-list-tiles:before, .shopping-list-tiles:after { content: " "; display: table; }

.shopping-list-tiles:after { clear: both; }

.shopping-list-tile { position: relative; background: #FFF; float: left; display: block; width: 100%; height: 17.125rem; overflow: hidden; border: 0.0625rem solid #c8c8c8; margin-right: 1.625rem; margin-bottom: 1.625rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .shopping-list-tile { width: 20.375rem; height: 24.625rem; } }

.shopping-list-tile.shopping-list-tile-add { border: 0.0625rem dashed #c8c8c8; background: transparent; text-align: center; font-size: 1.875rem; padding: 5.375rem 1rem 0; color: #c8c8c8; cursor: pointer; font-weight: 700; }

.shopping-list-tile.shopping-list-tile-add:before, .shopping-list-tile-add.noq-icon-right-open-big-after:after { content: "+"; font-weight: 400; font-size: 5rem; line-height: 5rem; display: block; }

.shopping-list-tile.shopping-list-tile-add:hover { color: #85817e; border-color: #85817e; }

@media only screen and (max-width: 62.5rem) { .shopping-list-tile.shopping-list-tile-add { height: auto; padding: 1rem 2.5rem 1.875rem; font-size: 1.5rem; } }

.shopping-list-tile .shopping-list-tile-empty-body { padding: 1.25rem 1rem 0; text-align: center; }

.shopping-list-tile .shopping-list-tile-empty-body:before, .shopping-list-tile .shopping-list-tile-empty-body.noq-icon-right-open-big-after:after { font-family: 'fontello'; content: '⎘'; color: #0288D1; font-size: 6.875rem; display: block; }

@media only screen and (max-width: 62.5rem) { .shopping-list-tile .shopping-list-tile-empty-body { padding: 1.25rem 1rem 0; text-align: left; } .shopping-list-tile .shopping-list-tile-empty-body:before, .shopping-list-tile .shopping-list-tile-empty-body.noq-icon-right-open-big-after:after { font-size: 3.75rem; float: left; margin-right: 1.25rem; } }

.shopping-list-tile-header { padding: 1rem 1rem; display: grid; grid-template-columns: auto 46px; grid-template-rows: 1.5rem 46px; }

.shopping-list-tile-header:before, .shopping-list-tile-header:after { content: " "; display: table; }

.shopping-list-tile-header:after { clear: both; }

.shopping-list-tile-header .shopping-list-tile-title { grid-row: 2; grid-column: 1; }

.shopping-list-tile-header .noq-icon-delete { grid-row: 2; grid-column: 2; font-size: 1.125rem; line-height: 46px; text-align: right; }

.shopping-list-tile-header .noq-icon-delete:hover { text-decoration: none; }

.shopping-list-tile-header .shopping-list-tile-status { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; width: fit-content; grid-row: 1; grid-column-start: 1; grid-column-end: 3; justify-self: end; display: inline-block; border-radius: 10px; padding: .25em 1em; font-weight: bold; font-size: 0.75rem; }

.shopping-list-tile-header .shopping-list-tile-status:hover, .shopping-list-tile-header .shopping-list-tile-status:focus { background-color: #03335a; }

.shopping-list-tile-header .shopping-list-tile-status:hover, .shopping-list-tile-header .shopping-list-tile-status:focus { color: #ffffff; }

.shopping-list-tile-header .shopping-list-tile-status:hover, .shopping-list-tile-header .shopping-list-tile-status:active, .shopping-list-tile-header .shopping-list-tile-status:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .shopping-list-tile-header .shopping-list-tile-status, .shopping-list-tile-header .shopping-list-tile-status[disabled], .shopping-list-tile-header .shopping-list-tile-status.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.shopping-list-tile-header .shopping-list-tile-status.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.shopping-list-tile-header .shopping-list-tile-status.spinner.loading:before, .shopping-list-tile-header .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.shopping-list-tile-header .shopping-list-tile-status.spinner.loading:before:after, .shopping-list-tile-header .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.shopping-list-tile-header .shopping-list-tile-status.small { padding: 0.375rem 0.75rem; }

.shopping-list-tile-header .shopping-list-tile-status.primary { background-color: #5FAB58; color: #ffffff; cursor: default; }

.shopping-list-tile-link { display: block; height: calc(100% - 3.375rem - 1.875rem); text-decoration: none !important; }

.shopping-list-tile-link:hover:before, .noq-icon-right-open-big-after:hover:after { display: block; position: absolute; width: 100%; height: 100%; background: black; opacity: 0.075; font-family: "fontello"; content: "\29c3"; color: #FFF; font-size: 7.5rem; padding-top: 2.5rem; text-align: center; }

@media only screen and (max-width: 62.5rem) { .shopping-list-tile-link:hover:before, .noq-icon-right-open-big-after:hover:after { padding-top: 0; } }

.shopping-list-tile-items { padding: 0.5rem 1rem; list-style: none; display: table; margin: 0; width: 100%; border-top: 0.0625rem solid #d1d2d3; }

.shopping-list-tile-item { display: table-row; padding: 0.75rem 0; text-transform: capitalize; }

.shopping-list-tile-item-image-cell { display: table-cell; text-align: center; vertical-align: middle; padding: 0.5rem; border-bottom: 0.0625rem solid #d1d2d3; }

.shopping-list-tile-item-image { height: auto; width: auto; max-width: 2.5rem; max-height: 2.5rem; }

.shopping-list-tile-item-title { display: table-cell; vertical-align: middle; font-size: 0.875rem; padding: 0.5rem; border-bottom: 0.0625rem solid #d1d2d3; }

.shopping-list-tile-footer { position: absolute; background: #FFF; height: 1.875rem; width: 100%; left: 0; bottom: 0; padding: 0.25rem 1rem; border-top: 0.0625rem solid #d1d2d3; font-size: 0.875rem; }

.shopping-list-item__gpp-badge { margin-bottom: 0.25rem; }

.shopping-list-add-modal .shopping-list-add-header { padding: 0.5rem 0.75rem 0.5rem 0; }

.shopping-list-add-modal .shopping-list-add-input .editable-title__input { padding-left: 0; }

.shopping-list-add-modal .shopping-list-add-button { width: 100%; }

.shopping-list-add-modal .shopping-list-add-spinner { float: right; display: block; position: relative; top: 0.6875rem; }

/*** END app/styles/shopping-lists.scss ***/
/*** START app/styles/failed-and-shadow-svg.scss ***/
.failed-and-shadow-svg { margin: 0 auto; width: 18.75rem; height: 18.75rem; }

@media only screen and (max-width: 62.5rem) { .failed-and-shadow-svg { width: 13.75rem; height: 13.75rem; } }

.failed-and-shadow-svg__shadow { position: absolute; width: 18.75rem; height: 18.75rem; background-image: url("../img/shadow-ff7ab34d22ef0bbbdbc7b2ef85fe831c.svg"); background-repeat: no-repeat; z-index: 0; }

@media only screen and (max-width: 62.5rem) { .failed-and-shadow-svg__shadow { width: 13.75rem; height: 13.75rem; } }

.failed-and-shadow-svg__failed { position: absolute; z-index: 1; width: 16.875rem; height: 16.875rem; margin-left: 0.9375rem; }

@media only screen and (max-width: 62.5rem) { .failed-and-shadow-svg__failed { width: 12.5rem; height: 12.5rem; margin-left: 0.625rem; } }

.failed-and-shadow-svg__failed path { fill: #ffffff; }

/*** END app/styles/failed-and-shadow-svg.scss ***/
/*** START app/styles/home-page.scss ***/
.home-page { text-align: center; background-color: white; overflow: hidden; }

.home-page__widgets { display: flex; flex-direction: column; }

.home-page__widget-container { position: relative; align-self: center; width: 100%; margin-bottom: 1rem; }

@media only screen and (min-width: calc(100rem + 1px)) { .home-page__widget-container { width: 93.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .home-page__widget-container { padding-bottom: 2rem; } }

.home-page__widget-row { position: relative; z-index: 1; display: flex; flex-direction: row; width: 100%; height: 100%; }

@media only screen and (max-width: 62.5rem) { .home-page__widget-row .home-page__widget-cell { min-width: 100%; } }

.home-page__widget-row:has(.feature-tile) { display: flex; flex-direction: row; gap: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .home-page__widget-row:has(.feature-tile) { flex-wrap: wrap; } }

.home-page__widget-title { font-size: 1.5rem; text-align: center; position: relative; }

.home-page__widget-cell { height: 100%; }

@media only screen and (max-width: 62.5rem) { .home-page__widget-cell { width: 100%; } .home-page__widget-cell:not(:last-child) { margin-bottom: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .home-page__widget-cell { display: table-cell; } .home-page__widget-cell:not(:last-child) { padding-right: 0.375rem; } .home-page__widget-cell:not(:first-child) { padding-left: 0.375rem; } .home-page__widget-cell:first-child:nth-last-child(1) { /* -or- li:only-child { */ width: 100%; } .home-page__widget-cell:first-child:nth-last-child(2), .home-page__widget-cell:first-child:nth-last-child(2) ~ .home-page__widget-cell { width: 50%; } .home-page__widget-cell:first-child:nth-last-child(3), .home-page__widget-cell:first-child:nth-last-child(3) ~ .home-page__widget-cell { width: 33.3%; } }

.home-page__shop-logo { width: 28.5rem; max-width: calc(100% - 2rem); margin: 0 auto; }

@media only screen and (max-width: 62.5rem) { .home-page__shop-logo { height: 7rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .home-page__shop-logo { margin-bottom: 1rem; height: 8rem; } }

.home-page__coupon-carousel, .home-page__product-carousel, .home-page__recipe-carousel { padding: 0 !important; }

.home-page__coupon-carousel .coupon-carousel__more-button, .home-page__coupon-carousel .product-carousel__more-button, .home-page__coupon-carousel .recipe-carousel__more-button, .home-page__product-carousel .coupon-carousel__more-button, .home-page__product-carousel .product-carousel__more-button, .home-page__product-carousel .recipe-carousel__more-button, .home-page__recipe-carousel .coupon-carousel__more-button, .home-page__recipe-carousel .product-carousel__more-button, .home-page__recipe-carousel .recipe-carousel__more-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #044070; border-color: #03335a; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; margin-top: 0.5rem; }

.home-page__coupon-carousel .coupon-carousel__more-button:hover, .home-page__coupon-carousel .coupon-carousel__more-button:focus, .home-page__coupon-carousel .product-carousel__more-button:hover, .home-page__coupon-carousel .product-carousel__more-button:focus, .home-page__coupon-carousel .recipe-carousel__more-button:hover, .home-page__coupon-carousel .recipe-carousel__more-button:focus, .home-page__product-carousel .coupon-carousel__more-button:hover, .home-page__product-carousel .coupon-carousel__more-button:focus, .home-page__product-carousel .product-carousel__more-button:hover, .home-page__product-carousel .product-carousel__more-button:focus, .home-page__product-carousel .recipe-carousel__more-button:hover, .home-page__product-carousel .recipe-carousel__more-button:focus, .home-page__recipe-carousel .coupon-carousel__more-button:hover, .home-page__recipe-carousel .coupon-carousel__more-button:focus, .home-page__recipe-carousel .product-carousel__more-button:hover, .home-page__recipe-carousel .product-carousel__more-button:focus, .home-page__recipe-carousel .recipe-carousel__more-button:hover, .home-page__recipe-carousel .recipe-carousel__more-button:focus { background-color: #03335a; }

.home-page__coupon-carousel .coupon-carousel__more-button:hover, .home-page__coupon-carousel .coupon-carousel__more-button:focus, .home-page__coupon-carousel .product-carousel__more-button:hover, .home-page__coupon-carousel .product-carousel__more-button:focus, .home-page__coupon-carousel .recipe-carousel__more-button:hover, .home-page__coupon-carousel .recipe-carousel__more-button:focus, .home-page__product-carousel .coupon-carousel__more-button:hover, .home-page__product-carousel .coupon-carousel__more-button:focus, .home-page__product-carousel .product-carousel__more-button:hover, .home-page__product-carousel .product-carousel__more-button:focus, .home-page__product-carousel .recipe-carousel__more-button:hover, .home-page__product-carousel .recipe-carousel__more-button:focus, .home-page__recipe-carousel .coupon-carousel__more-button:hover, .home-page__recipe-carousel .coupon-carousel__more-button:focus, .home-page__recipe-carousel .product-carousel__more-button:hover, .home-page__recipe-carousel .product-carousel__more-button:focus, .home-page__recipe-carousel .recipe-carousel__more-button:hover, .home-page__recipe-carousel .recipe-carousel__more-button:focus { color: #ffffff; }

.home-page__coupon-carousel .coupon-carousel__more-button:hover, .home-page__coupon-carousel .coupon-carousel__more-button:active, .home-page__coupon-carousel .coupon-carousel__more-button:focus, .home-page__coupon-carousel .product-carousel__more-button:hover, .home-page__coupon-carousel .product-carousel__more-button:active, .home-page__coupon-carousel .product-carousel__more-button:focus, .home-page__coupon-carousel .recipe-carousel__more-button:hover, .home-page__coupon-carousel .recipe-carousel__more-button:active, .home-page__coupon-carousel .recipe-carousel__more-button:focus, .home-page__product-carousel .coupon-carousel__more-button:hover, .home-page__product-carousel .coupon-carousel__more-button:active, .home-page__product-carousel .coupon-carousel__more-button:focus, .home-page__product-carousel .product-carousel__more-button:hover, .home-page__product-carousel .product-carousel__more-button:active, .home-page__product-carousel .product-carousel__more-button:focus, .home-page__product-carousel .recipe-carousel__more-button:hover, .home-page__product-carousel .recipe-carousel__more-button:active, .home-page__product-carousel .recipe-carousel__more-button:focus, .home-page__recipe-carousel .coupon-carousel__more-button:hover, .home-page__recipe-carousel .coupon-carousel__more-button:active, .home-page__recipe-carousel .coupon-carousel__more-button:focus, .home-page__recipe-carousel .product-carousel__more-button:hover, .home-page__recipe-carousel .product-carousel__more-button:active, .home-page__recipe-carousel .product-carousel__more-button:focus, .home-page__recipe-carousel .recipe-carousel__more-button:hover, .home-page__recipe-carousel .recipe-carousel__more-button:active, .home-page__recipe-carousel .recipe-carousel__more-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .home-page__coupon-carousel .coupon-carousel__more-button, .home-page__coupon-carousel .coupon-carousel__more-button[disabled], .home-page__coupon-carousel .coupon-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__coupon-carousel .product-carousel__more-button, .home-page__coupon-carousel .product-carousel__more-button[disabled], .home-page__coupon-carousel .product-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__coupon-carousel .recipe-carousel__more-button, .home-page__coupon-carousel .recipe-carousel__more-button[disabled], .home-page__coupon-carousel .recipe-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__product-carousel .coupon-carousel__more-button, .home-page__product-carousel .coupon-carousel__more-button[disabled], .home-page__product-carousel .coupon-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__product-carousel .product-carousel__more-button, .home-page__product-carousel .product-carousel__more-button[disabled], .home-page__product-carousel .product-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__product-carousel .recipe-carousel__more-button, .home-page__product-carousel .recipe-carousel__more-button[disabled], .home-page__product-carousel .recipe-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__recipe-carousel .coupon-carousel__more-button, .home-page__recipe-carousel .coupon-carousel__more-button[disabled], .home-page__recipe-carousel .coupon-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__recipe-carousel .product-carousel__more-button, .home-page__recipe-carousel .product-carousel__more-button[disabled], .home-page__recipe-carousel .product-carousel__more-button.disabled, .egr-form__fieldset[disabled] .home-page__recipe-carousel .recipe-carousel__more-button, .home-page__recipe-carousel .recipe-carousel__more-button[disabled], .home-page__recipe-carousel .recipe-carousel__more-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.home-page__coupon-carousel .coupon-carousel__more-button.spinner, .home-page__coupon-carousel .product-carousel__more-button.spinner, .home-page__coupon-carousel .recipe-carousel__more-button.spinner, .home-page__product-carousel .coupon-carousel__more-button.spinner, .home-page__product-carousel .product-carousel__more-button.spinner, .home-page__product-carousel .recipe-carousel__more-button.spinner, .home-page__recipe-carousel .coupon-carousel__more-button.spinner, .home-page__recipe-carousel .product-carousel__more-button.spinner, .home-page__recipe-carousel .recipe-carousel__more-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.home-page__coupon-carousel .coupon-carousel__more-button.spinner.loading:before, .home-page__coupon-carousel .loading.noq-icon-right-open-big-after:after, .home-page__coupon-carousel .product-carousel__more-button.spinner.loading:before, .home-page__coupon-carousel .recipe-carousel__more-button.spinner.loading:before, .home-page__product-carousel .coupon-carousel__more-button.spinner.loading:before, .home-page__product-carousel .loading.noq-icon-right-open-big-after:after, .home-page__product-carousel .product-carousel__more-button.spinner.loading:before, .home-page__product-carousel .recipe-carousel__more-button.spinner.loading:before, .home-page__recipe-carousel .coupon-carousel__more-button.spinner.loading:before, .home-page__recipe-carousel .loading.noq-icon-right-open-big-after:after, .home-page__recipe-carousel .product-carousel__more-button.spinner.loading:before, .home-page__recipe-carousel .recipe-carousel__more-button.spinner.loading:before { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.home-page__coupon-carousel .coupon-carousel__more-button.spinner.loading:before:after, .home-page__coupon-carousel .loading.noq-icon-right-open-big-after:after, .home-page__coupon-carousel .product-carousel__more-button.spinner.loading:before:after, .home-page__coupon-carousel .recipe-carousel__more-button.spinner.loading:before:after, .home-page__product-carousel .coupon-carousel__more-button.spinner.loading:before:after, .home-page__product-carousel .loading.noq-icon-right-open-big-after:after, .home-page__product-carousel .product-carousel__more-button.spinner.loading:before:after, .home-page__product-carousel .recipe-carousel__more-button.spinner.loading:before:after, .home-page__recipe-carousel .coupon-carousel__more-button.spinner.loading:before:after, .home-page__recipe-carousel .loading.noq-icon-right-open-big-after:after, .home-page__recipe-carousel .product-carousel__more-button.spinner.loading:before:after, .home-page__recipe-carousel .recipe-carousel__more-button.spinner.loading:before:after { border-radius: 50%; width: 1em; height: 1em; }

.home-page__coupon-carousel .coupon-carousel__more-button.small, .home-page__coupon-carousel .product-carousel__more-button.small, .home-page__coupon-carousel .recipe-carousel__more-button.small, .home-page__product-carousel .coupon-carousel__more-button.small, .home-page__product-carousel .product-carousel__more-button.small, .home-page__product-carousel .recipe-carousel__more-button.small, .home-page__recipe-carousel .coupon-carousel__more-button.small, .home-page__recipe-carousel .product-carousel__more-button.small, .home-page__recipe-carousel .recipe-carousel__more-button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .home-page__coupon-carousel .coupon-carousel__more-button, .home-page__coupon-carousel .product-carousel__more-button, .home-page__coupon-carousel .recipe-carousel__more-button, .home-page__product-carousel .coupon-carousel__more-button, .home-page__product-carousel .product-carousel__more-button, .home-page__product-carousel .recipe-carousel__more-button, .home-page__recipe-carousel .coupon-carousel__more-button, .home-page__recipe-carousel .product-carousel__more-button, .home-page__recipe-carousel .recipe-carousel__more-button { float: none; } }

/*** END app/styles/home-page.scss ***/
/*** START app/styles/social-icons.scss ***/
.social-icon { font-size: 3rem; width: 0.85em; height: 0.85em; vertical-align: middle; overflow: hidden; background-color: white; color: black; margin: 0.3125rem; /* margin-left: -1px; */ border-radius: 5px; border: 0; overflow: visible; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .social-icon { font-size: 2rem; } }

.social-icon:before, .social-icon.noq-icon-right-open-big-after:after { font-size: 1em; margin: 0; padding: 0; left: em-calc(-1.5); top: em-calc(-4); position: relative; border: 0; }

.social-icon.noq-icon-facebook { color: #4c66a4; background-color: transparent; }

.social-icon.noq-icon-facebook:hover { color: #3c5081; }

.social-icon.noq-icon-twitter { color: #4099ff; background-color: transparent; }

.social-icon.noq-icon-twitter:hover { color: #0d7eff; }

.social-icon.noq-icon-pinterest { color: #cb2027; background-color: transparent; }

.social-icon.noq-icon-pinterest:hover { color: #9f191f; }

.social-icon.noq-icon-google-plus { color: #d64335; background-color: transparent; }

.social-icon.noq-icon-google-plus:hover { color: #b43124; }

.social-icon.noq-icon-instagram { color: #3f729b; background-color: transparent; }

.social-icon.noq-icon-instagram:hover { color: #305777; }

.social-icon.noq-icon-youtube { color: #e52d27; background-color: transparent; }

.social-icon.noq-icon-youtube:hover { color: #c21d17; }

.noq-icon-right-open-big-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; }

.noq-icon-deliverytruck-wire:before, .noq-icon-deliverytruck-wire.noq-icon-right-open-big-after:after { width: 1.4em; }

/*** END app/styles/social-icons.scss ***/
/*** START app/styles/coupons.scss ***/
@media only screen and (min-width: 44.75rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 44.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

@media only screen and (min-width: 66.5rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 66.5rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

@media only screen and (min-width: 88.25rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 88.25rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

@media only screen and (min-width: 110rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 110rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

@media only screen and (min-width: 131.75rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 131.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

@media only screen and (min-width: 153.5rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 153.5rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons__page-decoration-header .page-decoration-header__title { width: 100%; } }

.coupons-list__sort-filter-container { margin: 0.5rem 0 0.25rem; }

.coupons-list__sort-filter-container:before, .coupons-list__sort-filter-container:after { content: " "; display: table; }

.coupons-list__sort-filter-container:after { clear: both; }

@media (max-width: 50rem) { .coupons-list__sort-filter-container { padding: 0 0.25rem; } }

@media only screen and (min-width: 44.75rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 44.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

@media only screen and (min-width: 66.5rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 66.5rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

@media only screen and (min-width: 88.25rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 88.25rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

@media only screen and (min-width: 110rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 110rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

@media only screen and (min-width: 131.75rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 131.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

@media only screen and (min-width: 153.5rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 153.5rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 50rem) { .coupons-page__tab-set, .landing-page__coupon-list { width: 100%; } }

.coupon-list-items:before, .coupon-list-items:after { content: " "; display: table; }

.coupon-list-items:after { clear: both; }

@media (min-width: 50rem) { .coupon-list-items { margin: 0.25rem -0.125rem; } }

.coupon-list__spinner { font-size: 2.5rem; margin: 2rem auto; }

.coupon-list__error { padding: 1rem; }

.coupon-details-modal__body { background: #F8F8F8; }

@media only screen and (max-width: 62.5rem) { .coupon-details-modal__body { background: white; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details-modal__body { width: 50.5rem; margin-top: 3rem; } }

.coupon-details-modal__body .panel { background: white; border: 1px solid rgba(0, 0, 0, 0.07); position: relative; border-radius: 0.1875rem; }

@media only screen and (max-width: 62.5rem) { .panel.coupon-details__main-panel { background: transparent; border: 0; padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel.coupon-details__main-panel { margin-bottom: 1rem; } }

.coupon-details__main-panel__top { position: relative; }

.coupon-details__main-panel__top:before, .coupon-details__main-panel__top:after { content: " "; display: table; }

.coupon-details__main-panel__top:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details__main-panel__top { min-height: 13.5rem; padding-left: 16rem !important; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel.coupon-details__products-panel { min-height: 3rem 0; } }

.coupon-details__image { background: white; }

@media only screen and (max-width: 62.5rem) { .coupon-details__image { width: 50vw; height: 50vw; max-height: 30vh; max-width: 30vh; margin: 0 auto 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details__image { position: absolute !important; top: 0; left: 0; width: 13.5rem; height: 13.5rem; } .coupon-details__image .responsive-image__img { top: 0 !important; -webkit-transform: translateX(-50%) translateY(0) !important; -moz-transform: translateX(-50%) translateY(0) !important; -ms-transform: translateX(-50%) translateY(0) !important; -o-transform: translateX(-50%) translateY(0) !important; transform: translateX(-50%) translateY(0) !important; } }

.coupon-details__short-desc.custom-content { font-size: 1.25rem; font-weight: 400; margin-bottom: 1rem; }

.coupon-details__req-desc.custom-content { font-size: 0.875rem; margin-bottom: 1rem; }

.coupon-details__end-date { font-size: 0.875rem; margin-bottom: 1rem; }

.coupon-details__days-left { color: #E4313C; font-weight: 600; margin-left: 0.25rem; }

.coupon-details__clip-flip-panel { margin-bottom: 1rem; }

.coupon-details__long-desc.custom-content { font-size: 0.8125rem; margin-top: 1rem; margin-bottom: 1rem; opacity: 0.7; }

@media only screen and (max-width: 62.5rem) { .coupon-details__clip-button { width: 100%; } }

.coupon-details__clipped-label { display: inline-block; font-size: 0.875rem; line-height: 1rem; white-space: nowrap; padding: 0.4375rem 0.75rem; width: 10rem; background: white; color: #5FAB58; text-align: center; border: 1px solid #5FAB58; font-weight: 600; }

@media only screen and (max-width: 62.5rem) { .coupon-details__clipped-label { display: block; width: 100%; } }

.coupon-details__clip-button, .coupon-details__clipped-label { -webkit-transition: -webkit-transform 150ms ease; -moz-transition: -moz-transform 150ms ease; transition: transform 150ms ease; }

.coupon-details__clip-button.do-pulse, .coupon-details__clipped-label.do-pulse { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }

.coupon-details__products-title { font-size: 1.125rem; font-weight: 400; margin-bottom: 1rem; }

@media only screen and (max-width: 62.5rem) { .coupon-details__products-title { margin-top: 1rem; margin-left: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details__products-title { margin-top: 0; } }

.coupon-details__products-panel { overflow: visible; }

.coupon-details__products-list { transform-origin: top left; margin: 0; }

.coupon-details__products-list:before, .coupon-details__products-list:after { content: " "; display: table; }

.coupon-details__products-list:after { clear: both; }

@media only screen and (max-width:  31em) { .coupon-details__products-list { width: 100%; } }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .coupon-details__products-list { width: 29.5rem; margin-left: auto; margin-right: auto; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details__products-list { width: 44.75rem; } }

.coupon-details__products-list .product-list-item { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.05); }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .coupon-details__products-list .product-list-item:nth-child(2n) { margin-right: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-details__products-list .product-list-item:nth-child(3n) { margin-right: 0; } }

.coupon-details__products-panel__loading { min-height: 23.8125rem; display: flex; align-items: center; }

.coupon-details__products-panel__loading .loading-spinner { font-size: 2.5rem; margin: 0 auto; }

.coupons-page__tab-panel { background: transparent; border: 0; padding: 0; padding-bottom: 2rem; }

.coupons-page__barcode-panel { background: white; text-align: center; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0.75rem 0; margin: 0.5rem 0.25rem; }

.coupons-page__barcode-panel label { margin-top: 0.25rem; font-size: 0.875rem; display: block; letter-spacing: -0.01875rem; }

.coupons-page__barcode-panel label .number { font-weight: 600; white-space: nowrap; }

/*** END app/styles/coupons.scss ***/
/*** START app/styles/checkout.scss ***/
@media only screen and (max-width: 62.5rem) { .checkout-container { padding: 1rem 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-container { padding: 2.5rem; min-height: calc(100dvh - 6.9375rem); background: white; padding: 2.5rem; } }

.checkout__login-loading-panel { position: relative; height: 50vh; min-height: 25rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) and (max-width: 75rem) { .checkout-wrapper { background: #F8F8F8; border: 1px solid rgba(0, 0, 0, 0.1); padding: 1.5rem; } .checkout-wrapper:before, .checkout-wrapper:after { content: " "; display: table; } .checkout-wrapper:after { clear: both; } }

@media only screen and (min-width: calc(75rem + 1px)) { .checkout-wrapper { max-width: 74rem; margin: auto; background: #F8F8F8; border: 12px solid white; border-radius: 1.125rem; overflow: hidden; outline: 1px solid rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); padding: 2rem; } .checkout-wrapper:before, .checkout-wrapper:after { content: " "; display: table; } .checkout-wrapper:after { clear: both; } }

.checkout__main-area:before, .checkout__main-area:after { content: " "; display: table; }

.checkout__main-area:after { clear: both; }

@media only screen and (min-width: calc(75rem + 1px)) { .checkout__main-area { float: left; margin-right: 1.5rem; width: calc(100% - 20.25rem); } }

@media only screen and (min-width: calc(75rem + 1px)) and (max-width: 100rem) { .checkout__main-area { width: calc(100% - 18.25rem); } }

.checkout__main-area .panel { background: white; padding: 1rem 1.5rem; margin-bottom: 1rem; }

@media only screen and (max-width: 62.5rem) { .checkout__main-area .panel { border-top: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 1px solid rgba(0, 0, 0, 0.07); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout__main-area .panel { border: 1px solid rgba(0, 0, 0, 0.07); } }

.checkout__main-area .panel:last-child { margin-bottom: 0; }

.checkout__main-area .egr-form__fieldset:last-child { margin-bottom: 0; }

@media only screen and (max-width: 62.5rem) { .checkout__unavailable-message { padding: 0 0.75rem; } }

.checkout__status-area { position: relative; }

@media only screen and (max-width: 75rem) { .checkout__status-area { margin-top: 1.5rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (max-width: 100rem) { .checkout__status-area { float: right; width: 16.75rem; } }

@media only screen and (min-width: calc(100rem + 1px)) { .checkout__status-area { float: right; width: 18.75rem; } }

.checkout__status-area .sticky-panel__inner { position: relative; }

@media only screen and (min-width: calc(75rem + 1px)) and (max-width: 100rem) { .checkout__status-area .sticky-panel__inner { width: 16.75rem; } }

@media only screen and (min-width: calc(100rem + 1px)) { .checkout__status-area .sticky-panel__inner { width: 18.75rem; } }

.checkout__status-area .egr-form__submission { margin: 0; }

.checkout__status-area__prompt { background: #fdfadb; border: 1px solid #ffd220; padding: 0.5rem 1rem; font-size: 0.8125rem; margin-top: 0.75rem; }

.checkout__status-area__prompt:before, .checkout__status-area__prompt:after { content: " "; display: table; }

.checkout__status-area__prompt:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .checkout__status-area__prompt { margin-left: 0.5rem; margin-right: 0.5rem; } }

.checkout__status-area__prompt.error { color: #E4313C; background: #ffe4e4; border: 1px solid #E4313C; }

.checkout__status-area__restricted-products-image { float: left; width: 3.75rem; height: 3.75rem; margin-right: 0.5rem; }

.checkout__status-area__restricted-products-label, .checkout__status-area__append-duplicates-label { display: inline-block; font-weight: bold; margin-top: 0.25rem; }

.checkout__status-area__missing-items { padding: 0.25rem 0.5rem; margin-top: 0.75rem; font-size: 0.6875rem; color: #E4313C; background: #ffe4e4; border: 1px solid #E4313C; }

@media only screen and (max-width: 62.5rem) { .checkout__status-area__missing-items { margin-left: 0.5rem; margin-right: 0.5rem; } }

.checkout__status-area__fine-print { margin-top: 0.75rem; }

.checkout__proceed-button { width: 100%; font-weight: 600; font-size: 1rem; }

@media only screen and (max-width: 62.5rem) { .checkout__proceed-button { margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0.75rem; width: calc(100% - 1rem); } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout__proceed-button { margin-top: 1rem; } }

.checkout__proceed-button.chevron:after { content: '>'; font-family: 'fontello'; margin-left: 0.75rem; font-size: 0.9375rem; }

.checkout__proceed-button.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.checkout__proceed-button.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.checkout-details__login-prompt-panel { position: relative; }

.checkout-details__guest-checkout-disabled { margin-top: 0; }

.checkout-details__login-prompt-title { font-size: 1.125rem; font-weight: 700; margin-top: 0; margin-bottom: 0.25rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-details__login-prompt-title { padding-right: 12.75rem !important; } }

.checkout-details__login-prompt-message { font-size: 0.875rem; margin-bottom: 0; }

@media only screen and (max-width: 62.5rem) { .checkout-details__login-prompt-message { position: relative; padding-right: 7.75rem !important; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-details__login-prompt-message { padding-right: 12.75rem; } }

.checkout-details__login-prompt-button { position: absolute; width: 7rem; }

@media only screen and (max-width: 62.5rem) { .checkout-details__login-prompt-button { bottom: 0; right: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-details__login-prompt-button { top: 1.375rem; right: 1.5rem; } }

.checkout-details__form .egr-form__fieldset--account { margin-bottom: 0; }

.checkout-details__loyalty__signup-now-message, .checkout-details__change-suburb-message { font-size: 0.8125rem; margin-top: -0.375rem; }

.checkout-loyalty__message, .checkout-loyalty__members-only-message { font-size: 0.875rem; margin-bottom: 1rem; }

.checkout-loyalty__guest-login-message-list { font-size: 0.8125rem; margin-bottom: 0; }

.checkout-details__loyalty__sign-up-now { margin-bottom: 0; }

.checkout-details__loyalty__sign-up-now label:before, .checkout-details__loyalty__sign-up-now label.noq-icon-right-open-big-after:after { margin-bottom: 0 !important; }

.checkout-payment__reassuring-message { font-size: 0.75rem; margin-top: 0.75rem; }

@media only screen and (max-width: 62.5rem) { .checkout-payment__reassuring-message { margin-left: 0.75rem; margin-right: 0.75rem; } }

@media only screen and (max-width: 75rem) { .checkout-payment__reassuring-message { text-align: center; } }

.checkout__review-message { border: 2px solid #64AA5D; background: white; padding: 0.75rem 1.5rem; color: #64AA5D; font-weight: 600; }

@media only screen and (max-width: 62.5rem) { .checkout__review-message { margin: 0 0.75rem 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) and (max-width: 75rem) { .checkout__review-message { margin: 0 0 1rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .checkout__review-message { margin-bottom: 1rem; } }

.checkout-review__substitutions-title { font-size: 0.875rem; font-weight: 300; }

@media only screen and (max-width: 62.5rem) { .checkout-review__substitutions-description { margin-bottom: 1rem; } }

.checkout-review__substitutions-description p { margin-bottom: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .checkout-review__substitutions-description p { font-size: 0.8125rem !important; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-review__substitutions-description p { font-size: 0.875rem !important; } }

.checkout-review__substitutions-buttons:before, .checkout-review__substitutions-buttons:after { content: " "; display: table; }

.checkout-review__substitutions-buttons:after { clear: both; }

.checkout-review__substitutions-option__button { font-weight: 400; padding: 0.375rem 0.75rem; text-align: left; position: relative; }

.checkout-review__substitutions-option__button.noq-icon-ok { padding-left: 2.5rem; }

.checkout-review__substitutions-option__button.noq-icon-ok:before, .noq-icon-ok.noq-icon-right-open-big-after:after { position: absolute; left: 0.875rem; top: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .checkout-review__substitutions-option__button { width: 17rem; margin-bottom: 0.5rem; } }

.checkout-review__cart-is-empty-modal-body, .checkout-append__cart-is-empty-modal-body { width: 25rem; padding: 2.5rem; font-size: 0.875rem; }

.checkout-review__cart-is-empty-modal-body .button-wrapper, .checkout-append__cart-is-empty-modal-body .button-wrapper { text-align: right; margin-top: 2rem; }

.checkout-review__cart-is-empty-modal-body .button-wrapper .button, .checkout-append__cart-is-empty-modal-body .button-wrapper .button { min-width: 7.5rem; }

.checkout-append__message-panel { background: #fdfadb; border: 1px solid #ffd220; padding: 0.75rem 1rem; margin-bottom: 1rem; }

@media only screen and (max-width: 62.5rem) { .checkout-append__message-panel { margin: 0 0.5rem 0.5rem; } }

.checkout-append__message-panel p { font-size: 0.875rem; margin-bottom: 0.5rem; }

.checkout-append__message-panel p:last-child { margin-bottom: 0; }

.checkout-append__prev-order-title { font-size: 1.125rem; font-weight: 600; }

.checkout-append__prev-order-message { font-size: 0.875rem; margin-bottom: 0.5rem; }

.checkout-append__prev-order__view-button { font-weight: 600; padding: 0.375rem 0.75rem; margin-bottom: 1rem; }

.checkout-append__items-message-panel { background: #fdfadb; border: 1px solid #ffd220; padding: 0.75rem 1rem; margin-bottom: 1rem; font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .checkout-append__items-message-panel { margin: 0 0.5rem 0.5rem; } }

.checkout-append__edit-snap-modal__footer { text-align: right; padding: 0.25rem; }

.checkout-append__edit-snap-modal__footer .button { min-width: 8rem; }

/*** END app/styles/checkout.scss ***/
/*** START app/styles/arrival-check-in.scss ***/
.arrival-check-in { position: relative; }

.arrival-check-in:before, .arrival-check-in:after { content: " "; display: table; }

.arrival-check-in:after { clear: both; }

@media only screen and (max-width: 75rem) { .arrival-check-in { max-width: 37.5rem; margin: 1rem auto; } }

@media only screen and (min-width: calc(75rem + 1px)) { .arrival-check-in { max-width: 54rem; margin: 2.5rem auto; } }

.arrival-check-in__refreshing { margin-top: 3rem; }

.arrival-check-in__order-details { background: #F8F8F8; }

@media only screen and (max-width: 75rem) { .arrival-check-in__order-details .order__details__section { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } }

@media only screen and (min-width: calc(75rem + 1px)) { .arrival-check-in__order-details { padding-right: 2rem; } }

.arrival-check-in__order-details .order__order-no { font-size: 1.375rem; line-height: normal; }

.arrival-check-in__form-wrapper { padding: 0 0.75rem; }

@media only screen and (max-width: 75rem) { .arrival-check-in__form-wrapper { padding-top: 1rem; padding-bottom: 3.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (max-width: 100rem) { .arrival-check-in__form-wrapper { padding-left: 16.75rem; } }

@media only screen and (min-width: calc(100rem + 1px)) { .arrival-check-in__form-wrapper { padding-left: 18.75rem; } }

.arrival-check-in__page-title--mobile, .arrival-check-in__page-title--desktop { font-size: 2rem; color: #64AA5D; font-weight: 700; margin-bottom: 1rem; }

.arrival-check-in__page-title--mobile { padding: 0 0.75rem; }

.arrival-check-in__complete, .arrival-check-in__ready, .arrival-check-in__not-ready { margin-bottom: 1rem; font-size: 0.875rem; }

.arrival-check-in__complete h2, .arrival-check-in__ready h2, .arrival-check-in__not-ready h2 { font-size: 1.25rem; color: #64AA5D; font-weight: 700; margin-top: 0; }

.arrival-check-in__complete p, .arrival-check-in__ready p, .arrival-check-in__not-ready p { font-size: 0.875rem; margin-bottom: 0.75rem; }

.arrival-check-in__complete p:last-child, .arrival-check-in__ready p:last-child, .arrival-check-in__not-ready p:last-child { margin-bottom: 0; }

.arrival-check-in__complete { background: white; border: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 1.5rem; }

.arrival-check-in__completed-details .label { font-weight: 600; }

.arrival-check-in__completed-details .value:not(:last-child) { margin-bottom: 12px; }

.arrival-check-in__edit-button-wrapper { padding-top: 0.75rem; }

.arrival-check-in__not-ready { background: #fdfadb; border: 1px solid #ffd220; padding: 1rem 1.5rem; }

.arrival-check-in__form-submission { text-align: center; }

.arrival-check-in__form-submission .egr-form__submission__button--cancel { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; width: auto; margin-top: 0.75rem; }

.arrival-check-in__form-submission .egr-form__submission__button--cancel:hover, .arrival-check-in__form-submission .egr-form__submission__button--cancel:focus { background-color: rgba(0, 0, 0, 0); }

.arrival-check-in__form-submission .egr-form__submission__button--cancel:hover, .arrival-check-in__form-submission .egr-form__submission__button--cancel:focus { color: #5FAB58; }

.arrival-check-in__form-submission .egr-form__submission__button--cancel:hover, .arrival-check-in__form-submission .egr-form__submission__button--cancel:focus, .arrival-check-in__form-submission .egr-form__submission__button--cancel:active { background: transparent; text-decoration: underline; }

/*** END app/styles/arrival-check-in.scss ***/
/*** START app/styles/store-locator.scss ***/
.easy-tooltip.auto-width { width: auto !important; }

#store-locator-page { margin: 0 1rem; overflow-x: clip; min-height: calc(100dvh - var(--app-header-height)); display: flex; flex-direction: column; align-items: center; }

@media only screen and (min-width: calc(62.5rem + 1px)) { #store-locator-page { margin: 0; } }

#store-locator-page h6 { font-weight: bold; }

#store-locator-page > h3 { margin: 2rem 0; }

#store-locator-page > * { max-width: 59.75rem; width: 100%; }

#store-locator-page section.store-locator { flex: 1 0; }

#store-locator-page section.store-locator ul, #store-locator-page section.store-locator li { margin: 0; padding: 0; list-style: none; list-style-type: none; }

#store-locator-page section.store-locator .form-and-map { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; }

#store-locator-page section.store-locator .form-and-map .button:not(:disabled) { background-color: #044070; color: #ffffff; }

#store-locator-page section.store-locator .form-and-map .search-button { border: none; background: #044070; color: #f9fdff; padding: 0.4em; line-break: strict; font-size: 1rem; cursor: pointer; }

#store-locator-page section.store-locator .form-and-map .postcode-input { flex-grow: 1; background: #044070; border: 1px solid #044070; border-radius: 5px; display: flex; flex-direction: row; }

#store-locator-page section.store-locator .form-and-map .postcode-input input { border: none; border-radius: 5px; padding-left: 1em; padding-right: 0.5em; font-size: 0.9rem; flex-grow: 1; min-width: 0; width: 8em; }

#store-locator-page section.store-locator .form-and-map .postcode-input input:focus { outline: none; }

#store-locator-page section.store-locator .form-and-map .postcode-input:focus-within { outline: none; }

#store-locator-page section.store-locator .form-and-map .egr-form__input-group { margin: 0; }

#store-locator-page section.store-locator .form-and-map #map { flex: 1 1; min-height: 300px; border: 1px solid #e5e5e5; border-radius: 5px; }

#store-locator-page section.store-locator .form-and-map #map .eg-mapbox-marker:before, #store-locator-page section.store-locator .form-and-map #map .eg-mapbox-marker.noq-icon-right-open-big-after:after { position: absolute; transform: translate(-50%, -50%); font-size: 2rem; color: #E4313C; }

#store-locator-page section.store-locator .form-and-map #map .mapboxgl-popup-close-button { right: 0.4rem; }

#store-locator-page section.store-locator ul.stores-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin: 1rem 0; padding: 0; list-style: none; }

#store-locator-page section.store-locator ul.stores-tiles .address, #store-locator-page section.store-locator ul.stores-tiles .contacts { font-size: 0.9rem; }

#store-locator-page section.store-locator ul.stores-tiles li.weekly-schedule { border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 0.5rem; padding-top: 0.5rem; font-size: 0.8rem; }

#store-locator-page section.store-locator ul.stores-tiles li.weekly-schedule td:not(:first-of-type) { text-align: center; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile { padding: 0.5rem; margin: 0; background: #fafafa; min-width: 200px; max-width: 300px; border-radius: 5px; border: 1px solid #e5e5e5; transition: all 0.3s ease; cursor: pointer; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile:hover, #store-locator-page section.store-locator ul.stores-tiles li.store-tile:active { background: white; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile.is-selected { border-color: #044070; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons { border-top: 1px solid #044070; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .icon:before, #store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .icon.noq-icon-right-open-big-after:after { font-size: 1.4rem; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .store-type-icon { position: relative; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .store-type-icon:before, #store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .store-type-icon.noq-icon-right-open-big-after:after { color: #044070; }

#store-locator-page section.store-locator ul.stores-tiles li.store-tile .footer-icons .store-type-icon.is-current:after { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); content: ''; border-top: 6px solid #044070; border-left: 6px solid transparent; border-right: 6px solid transparent; }

section.store-locator-page-footer { position: relative; padding: 2rem 0; flex: 0; }

section.store-locator-page-footer:before, .store-locator-page-footer.noq-icon-right-open-big-after:after { content: ''; position: absolute; display: block; left: -50vw; top: 0; width: 200vw; height: 100%; background: #f3f3f3; }

section.store-locator-page-footer:before, .store-locator-page-footer.noq-icon-right-open-big-after:after { z-index: -1; }

/*** END app/styles/store-locator.scss ***/
/*** START app/styles/components/fatzebra.scss ***/
#fzsubmit-frame { display: none; }

.fz-form { display: none; }

/*** END app/styles/components/fatzebra.scss ***/
/*** START app/styles/components/worldpay.scss ***/
.credit-card-form--worldpay { min-height: 25rem; position: relative; }

.worldpay-hpp { min-height: 25rem; min-width: 100%; width: 100%; border: 0; opacity: 1; transition: opacity 0.25s ease; }

.worldpay-hpp--loading { opacity: 0; }

.worldpay__loading { height: 20.625rem; padding: 3rem 2rem; text-align: center; }

.worldpay__loading--overlay { position: absolute; width: 100%; }

/*** END app/styles/components/worldpay.scss ***/
/*** START app/styles/components/commerce-hub.scss ***/
.credit-card-form__commerce-hub.loading .field-container { display: none; }

.credit-card-form__commerce-hub:not(.loading) .loading-spinner-inline { display: none; }

.credit-card-form__commerce-hub .iframe-container { height: 2.6875rem; padding-bottom: 0.5rem; }

/*** END app/styles/components/commerce-hub.scss ***/
/*** START app/styles/components/product-special-badge.scss ***/
.noq-product-badge { width: em-calc(56); height: em-calc(56); border-radius: 50%; color: #FFF; text-align: center; font-weight: 700; overflow: hidden; background-color: #fa9024; display: block; position: relative; margin-bottom: em-calc(-6); }

.noq-product-badge--small { font-size: em-calc(10); }

.noq-product-badge-storespecial { background-color: #ff2a68; background-image: -webkit-linear-gradient(#ff2a68, #ff5f08); background-image: linear-gradient(#ff2a68, #ff5f08); }

.noq-product-badge-onlinespecial { background-color: #0bac5b; background-image: -webkit-linear-gradient(#0bac5b 74%, #5ad427 100%); background-image: linear-gradient(#0bac5b 74%, #5ad427 100%); }

.noq-product-badge-text { color: white; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; font-weight: bold; line-height: em-calc(14); }

.noq-product-badge-text .normal { font-size: em-calc(11); vertical-align: top; }

.noq-product-badge-text .big { font-size: em-calc(14); }

.noq-product-badge-text.special { margin-top: em-calc(-1); }

/*** END app/styles/components/product-special-badge.scss ***/
/*** START app/styles/components/product-list.scss ***/
@media only screen and (max-width: 62.5rem) { .product-list { position: relative; } }

.noq-product-page-wrapper { position: relative; overflow: hidden; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-product-page-wrapper { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .noq-product-page-wrapper.noq-specials-page-wrapper { padding-left: 6.875rem; } }

@media only screen and (min-width: 31em) { .product-list-inner-wrapper { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(2n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 46.625rem) { .product-list-inner-wrapper { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(3n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 61.75rem) { .product-list-inner-wrapper { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(4n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 76.875rem) { .product-list-inner-wrapper { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(5n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 92rem) { .product-list-inner-wrapper { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(6n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 107.125rem) { .product-list-inner-wrapper { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .product-list-inner-wrapper .product-list-item.product-list-item { margin-right: 0.75rem; } .product-list-inner-wrapper .product-list-item:nth-child(7n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-inner-wrapper--category { padding-top: 0; } }

.product-list-inner-wrapper--my-pantry, .product-list-inner-wrapper--search { padding-top: 1rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-inner-wrapper--promotion { margin-top: 0.5rem; } }

.product-list-inner-wrapper--empty { max-width: 60rem; }

.product-list__sort-filter-container { margin-top: 0.5rem; }

.product-list__sort-filter-container:before, .product-list__sort-filter-container:after { content: " "; display: table; }

.product-list__sort-filter-container:after { clear: both; }

@media only screen and (max-width:  31em) { .product-list__sort-filter-container { padding: 0 0.375rem 0.25rem 0.375rem; } }

@media only screen and (min-width: 31em) { .product-list__sort-filter-container { padding: 0 0 0.5rem 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list__sort-filter-container { padding: 0 0.75rem 0.5rem 0; } }

@media only screen and (min-width: calc(75rem + 1px)) { .product-list { height: 100%; } }

.product-list-loading-wrapper { position: relative; height: 16rem; margin-top: 2.5rem; }

.product-list-loading-wrapper:before, .product-list-loading-wrapper:after { content: " "; display: table; }

.product-list-loading-wrapper:after { clear: both; }

.product-list-heading { font-size: 1.5rem; font-weight: 600; text-transform: capitalize; line-height: 1.5rem; padding: 0; margin: 0 auto 1rem; clear: left; position: relative; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-heading { text-align: left; } }

@media only screen and (max-width: 62.5rem) { .product-list-heading { margin-top: 1rem; margin-bottom: 0.6875rem; text-align: center; } }

.product-list-group { padding-bottom: 1rem; }

.product-list-group:before, .product-list-group:after { content: " "; display: table; }

.product-list-group:after { clear: both; }

@media only screen and (max-width:  31em) { .product-list-group { padding-bottom: 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-group { text-align: left; } }

@media only screen and (min-width: 31em) { .product-list-group { text-align: center; padding-top: 1rem; } .product-list-group:nth-child(2n-1) { background-color: transparent; position: relative; } .product-list-group:nth-child(2n-1):before, .noq-icon-right-open-big-after:nth-child(2n-1):after { content: ''; position: absolute; display: block; left: -50vw; top: 0; width: 200vw; height: 100%; background: #eee; } }

.product-list-group__title { font-size: 1.5rem; text-align: left; position: relative; }

@media only screen and (min-width: 31em) { .product-list-group__title { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 46.625rem) { .product-list-group__title { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 61.75rem) { .product-list-group__title { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 76.875rem) { .product-list-group__title { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 92rem) { .product-list-group__title { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 107.125rem) { .product-list-group__title { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (max-width:  31em) { .product-list-group__title { padding-left: 0.75rem; margin-bottom: 0.5rem; } }

@media only screen and (min-width: 31em) { .product-list-group__title { padding-left: 0; margin-bottom: 0.75rem; } }

.product-list-group__title-count { color: #4c4b4b; font-weight: 300; margin-left: 0.5em; }

.product-list-group__title-parent { text-transform: capitalize; color: #a5a5a5; font-weight: 300; }

.product-list-group__title-parent:after { content: "|"; }

.product-list-group__title-link { text-transform: capitalize; color: inherit; }

.product-list-group__title-link:hover { color: #4c4b4b; text-decoration: none; }

.product-list-group__items-list { margin: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-group__items-list { text-align: left; overflow: hidden; font-size: 0; padding-bottom: 1px; padding-right: 1px; white-space: nowrap; } .product-list-group__items-list:before, .product-list-group__items-list:after { content: " "; display: table; } .product-list-group__items-list:after { clear: both; } }

.product-list-group__items-wrapper { position: relative; }

@media only screen and (min-width: 31em) { .product-list-group__items-wrapper { display: inline-block; width: 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-group__items-wrapper { display: inline-block; width: auto; } .product-list-group__items-wrapper .product-list-item { display: inline-block; float: none; vertical-align: top; white-space: normal; } }

@media only screen and (max-width:  31em) { .product-list-group--promo-group { padding-bottom: 2rem; } }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .product-list-group--promo-group { padding-top: 0; } }

.product-list-group__more-button-wrapper { text-align: right; }

@media only screen and (max-width:  31em) { .product-list-group__more-button-wrapper { margin-top: 0.5rem; margin-right: 0.75rem; } }

.product-list-group__more-button, .product-list-group__add-to-cart-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #044070; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #044070; padding: calc(0.8em - 1px) calc(1.2em - 1px); text-decoration: none !important; margin: 0 0 0 0; padding: em-calc(8 16); font-size: em-calc(14); font-weight: bold; }

.product-list-group__more-button:hover, .product-list-group__more-button:focus, .product-list-group__add-to-cart-button:hover, .product-list-group__add-to-cart-button:focus { background-color: #cccccc; }

.product-list-group__more-button:hover, .product-list-group__more-button:focus, .product-list-group__add-to-cart-button:hover, .product-list-group__add-to-cart-button:focus { color: #044070; }

.product-list-group__more-button:hover, .product-list-group__more-button:active, .product-list-group__more-button:focus, .product-list-group__add-to-cart-button:hover, .product-list-group__add-to-cart-button:active, .product-list-group__add-to-cart-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-list-group__more-button, .product-list-group__more-button[disabled], .product-list-group__more-button.disabled, .egr-form__fieldset[disabled] .product-list-group__add-to-cart-button, .product-list-group__add-to-cart-button[disabled], .product-list-group__add-to-cart-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-list-group__more-button.spinner, .product-list-group__add-to-cart-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-list-group__more-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after, .product-list-group__add-to-cart-button.spinner.loading:before { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-list-group__more-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after, .product-list-group__add-to-cart-button.spinner.loading:before:after { border-radius: 50%; width: 1em; height: 1em; }

.product-list-group__more-button.small, .product-list-group__add-to-cart-button.small { padding: 0.375rem 0.75rem; }

.product-list-group__more-button:after, .product-list-group__add-to-cart-button:after { content: '>'; font-family: 'fontello'; font-size: em-calc(11); padding-left: em-calc(8); }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .product-list-group__more-button, .product-list-group__add-to-cart-button { margin-right: 0; } }

.product-list-group__add-to-cart-button:after { content: none; }

.product-list-empty { font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .product-list-empty { padding: 0.5rem 0.75rem; } }

.product-list__everything-filtered-panel { font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .product-list__everything-filtered-panel { padding: 0.5rem 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list__everything-filtered-panel { padding: 0.5rem 0.25rem; } }

.product-list-items-list { margin-left: 0; }

.product-list__search-results-heading-wrapper { display: flex; }

.product-list__search-results-heading { display: inline; }

@media only screen and (max-width: 62.5rem) { .product-list__search-results-heading { padding: 0.5rem 0.75rem 0; } }

.product-list__fuzzy-results-wrapper:before, .product-list__fuzzy-results-wrapper:after { content: " "; display: table; }

.product-list__fuzzy-results-wrapper:after { clear: both; }

.product-list__empty-results-panel, .product-list__fuzzy-results-panel { border: 2px dashed rgba(0, 0, 0, 0.1); background: #FFFAF0; padding: 1rem 2rem; margin-bottom: 0.75rem; float: left; }

@media only screen and (max-width: 62.5rem) { .product-list__empty-results-panel, .product-list__fuzzy-results-panel { margin-left: 0.5rem; margin-right: 0.5rem; } }

.product-list__empty-results-panel__title, .product-list__fuzzy-results-panel__title { font-size: 1rem; margin-bottom: 0.25rem; font-weight: 500; }

@media only screen and (max-width: 62.5rem) { .product-list__empty-results-panel__title, .product-list__fuzzy-results-panel__title { font-size: 0.875rem; } }

.product-list__empty-results-panel__message, .product-list__fuzzy-results-panel__message { font-size: 0.875rem; font-weight: 300; }

@media only screen and (max-width: 62.5rem) { .product-list__empty-results-panel__message, .product-list__fuzzy-results-panel__message { font-size: 0.75rem; } }

.product-list__view-all-promotions-link { margin-bottom: 0.5rem; }

.my-pantry__breadcrumbs { padding: 0 0 1.125rem; margin: auto !important; }

/*** END app/styles/components/product-list.scss ***/
/*** START app/styles/components/page-banner.scss ***/
.noq-banner-carousel .noq-banner-carousel--visible .flickity-prev-next-button { display: none; }

.noq-banner-carousel.is-full-page .flickity-viewport { height: 42vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-banner-carousel.is-full-page .flickity-viewport { height: 39.375rem; } }

.noq-banner-carousel.is-full-page .flickity-viewport:has(.noq-page-banner.is-mobile-image) { height: 56.25vw; }

.noq-banner-carousel .flickity-viewport { height: 20vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-banner-carousel .flickity-viewport { height: 18.75rem; } }

.noq-banner-carousel .flickity-viewport:has(.noq-page-banner.is-mobile-image) { height: 56.25vw; }

.noq-banner-carousel.is-full-page .flickity-viewport { height: 56.25vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-banner-carousel.is-full-page .flickity-viewport { height: 39.375rem; } }

.noq-page-banner { display: block; position: relative; width: 100vw; height: 20vw; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; transition: height 0.25s; }

.noq-page-banner:before, .noq-page-banner:after { content: " "; display: table; }

.noq-page-banner:after { clear: both; }

.noq-page-banner.is-mobile-image { height: 56.25vw; max-height: unset; }

.noq-page-banner.is-mobile-image .noq-page-banner__link { max-height: unset; }

.noq-page-banner.is-mobile-image a { height: 56.25vw; }

.noq-page-banner.is-mobile-image.is-full-page { height: 56.25vw; }

.noq-page-banner.is-mobile-image.is-full-page a { height: 56.25vw; }

.noq-page-banner.is-empty { display: none; }

@media only screen and (min-width: calc(75rem + 1px)) { .noq-page-banner.noq-page-banner--carousel { margin-top: 0; margin-bottom: 0; width: 100%; padding: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 31em) { .noq-page-banner { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(2n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 46.625rem) { .noq-page-banner { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(3n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 61.75rem) { .noq-page-banner { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(4n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 76.875rem) { .noq-page-banner { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(5n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 92rem) { .noq-page-banner { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(6n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: calc(75rem + 1px)) and (min-width: 107.125rem) { .noq-page-banner { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .noq-page-banner .product-list-item.product-list-item { margin-right: 0.75rem; } .noq-page-banner .product-list-item:nth-child(7n) { margin-right: 0; margin-left: 0; } }

.noq-page-banner a { height: 20vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-page-banner a { height: 18.75rem; } }

.noq-page-banner.is-full-page { height: 42vw; }

.noq-page-banner.is-full-page > a { height: 42vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-page-banner.is-full-page > a { height: 39.375rem; } }

.noq-page-banner__link { display: block; height: 100%; margin-left: auto; margin-right: auto; cursor: default !important; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-page-banner__link { width: 93.75rem; min-height: 18.75rem; } }

.flickity-enabled.is-draggable .noq-page-banner__link:not(.clickable) { cursor: move !important; cursor: -webkit-grab !important; }

.noq-page-banner__link.clickable { cursor: pointer !important; }

.noq-page-banner__image { overflow: hidden; width: 100%; height: 100%; }

.noq-page-banner__image .noq-page-banner__image__img { width: 100% !important; height: auto !important; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-page-banner__image .noq-page-banner__image__img { top: 0; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

.noq-banner-carousel__flickity { border: 0; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: calc(100rem + 1px)) { .noq-banner-carousel__flickity { width: 93.75rem; } }

@media only screen and (max-width: 62.5rem) { .noq-banner-carousel__flickity .flickity-page-dots { display: none; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .home-page .noq-banner-carousel--multiple { height: calc(20vw + 2.5rem); } }

@media only screen and (min-width: calc(100rem + 1px)) { .home-page .noq-banner-carousel--multiple { height: calc(18.75rem + 2.5rem); } }

.home-page .noq-banner-carousel--multiple.is-full-page { height: 42vw; }

.home-page .noq-banner-carousel--multiple.is-full-page:has(.is-mobile-image) { height: 56.25vw; }

@media only screen and (min-width: calc(100rem + 1px)) { .home-page .noq-banner-carousel--multiple.is-full-page { height: calc(39.375rem + 2.5rem); } }

@media only screen and (min-width: 60rem) { .home-page .noq-banner-carousel:not(.is-full-page) { margin-left: auto; margin-right: auto; } }

.page-banner__background-image { position: absolute !important; width: 100%; height: 100%; z-index: -1; }

/*** END app/styles/components/page-banner.scss ***/
/*** START app/styles/components/add-to-shopping-list-menu.scss ***/
.noq-add-to-shopping-list__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #85817e; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.75rem; font-weight: 400; border-radius: 0.3125rem; position: relative; }

.noq-add-to-shopping-list__button:hover, .noq-add-to-shopping-list__button:focus { background-color: #cccccc; }

.noq-add-to-shopping-list__button:hover, .noq-add-to-shopping-list__button:focus { color: #85817e; }

.noq-add-to-shopping-list__button:hover, .noq-add-to-shopping-list__button:active, .noq-add-to-shopping-list__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .noq-add-to-shopping-list__button, .noq-add-to-shopping-list__button[disabled], .noq-add-to-shopping-list__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.noq-add-to-shopping-list__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.noq-add-to-shopping-list__button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.noq-add-to-shopping-list__button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.noq-add-to-shopping-list__button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-shopping-list__button { background-color: transparent; } }

.noq-add-to-shopping-list__button:hover, .noq-add-to-shopping-list__button:focus { background-color: #f3f3f3; }

.noq-add-to-shopping-list__button .icon { font-size: 1.25rem; vertical-align: middle; position: relative; top: -0.125rem; }

.noq-add-to-shopping-list__button.show-label { padding: 0.125rem 0.375rem 0.125rem 0.125rem; }

.noq-add-to-shopping-list__button.show-label:after { content: '▾'; margin-left: 0.25rem; }

.noq-add-to-shopping-list__button.no-label { padding: 0.125rem; }

.noq-add-to-shopping-list__button.no-label::before, .no-label.noq-icon-right-open-big-after:after { content: ''; display: block; position: absolute; top: -0.46875rem; bottom: -0.46875rem; left: -0.375rem; right: -0.375rem; z-index: -1; }

.noq-add-to-shopping-list__button.is-in-list { color: #64AA5D; }

.shopping-list-add-input { margin-bottom: 0.5rem !important; background: #f3f3f3 !important; }

.shopping-list-add__error { font-size: 0.875rem; color: #df8020; }

.shopping-list-add-button { margin-top: 1rem; }

@media only screen and (max-width: 62.5rem) { .noq-dropdown-menu-wrapper { position: fixed; top: 0; left: 100vw; height: 100dvh; width: 100vw; } }

.noq-add-to-shopping-list__dropdown { background: white; width: 100vw; height: 100dvh; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-shopping-list__dropdown { position: absolute; width: auto; height: auto; max-width: 18.75rem; min-width: 12.5rem; border: 0.0625rem solid #e3e4e6; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1); } }

.noq-add-to-shopping-list__dropdown-menu { list-style: none; margin: 0; border-top: 0.0625rem solid #e3e4e6; overflow-y: auto; -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-shopping-list__dropdown-menu { height: calc(100% - 2.0625rem); padding-bottom: 1.875rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-shopping-list__dropdown-menu { max-height: 30vh; } }

.noq-add-to-shopping-list__menu-item:not(:last-child) { border-bottom: 0.0625rem solid #e3e4e6; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-shopping-list__menu-item:last-child { padding-bottom: 5rem; } }

.noq-add-to-shopping-list__create { position: relative; }

.noq-add-to-shopping-list__create .noq-create-list-link { color: #5FAB58; }

.noq-add-to-shopping-list__create .noq-create-list-link:before, .noq-add-to-shopping-list__create .noq-create-list-link.noq-icon-right-open-big-after:after { content: '+'; float: left; margin-right: 0.25rem; }

.noq-add-to-shopping-list__create form { height: 4em; }

@media only screen and (min-width: calc(75rem + 1px)) { .noq-add-to-shopping-list__create form { height: auto; } }

input[type="text"].noq-new-list-input { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; height: auto; width: 100%; padding: 0.75rem 0.5rem 0.75rem 1rem !important; font-size: 1rem; margin: 0; border: 0; }

input[type="text"].noq-new-list-input::-webkit-input-placeholder { color: #cccccc; }

input[type="text"].noq-new-list-input:-moz-placeholder { /* Firefox 18- */ color: #cccccc; }

input[type="text"].noq-new-list-input::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; }

input[type="text"].noq-new-list-input:-ms-input-placeholder { color: #cccccc; }

input[type="text"].noq-new-list-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

input[type="text"].noq-new-list-input:disabled { background-color: #f3f3f3; }

input[type="text"].noq-new-list-input[disabled], input[type="text"].noq-new-list-input[readonly], fieldset[disabled] input[type="text"].noq-new-list-input { background-color: #f3f3f3; }

@media only screen and (min-width: calc(62.5rem + 1px)) { input[type="text"].noq-new-list-input { padding: 0.5rem 1rem !important; font-size: 0.875rem; } }

input[type="text"].noq-new-list-input.unavailable { opacity: 0; margin-top: -100%; }

input.noq-new-list-submit, input.noq-new-list-cancel { text-transform: none !important; width: 30%; float: right; margin: 0.25rem 0.25rem 0.25rem !important; padding: 0.4em 0.6em; }

.noq-add-to-shopping-list__back-link, .noq-add-to-shopping-list__dropdown-link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: white; color: #4c4b4b; padding: 0.75rem 0.5rem 0.75rem 1rem; font-size: 1rem; font-weight: 400; text-decoration: none !important; }

.noq-add-to-shopping-list__back-link:before, .noq-add-to-shopping-list__back-link:after, .noq-add-to-shopping-list__dropdown-link:before, .noq-add-to-shopping-list__dropdown-link:after { content: " "; display: table; }

.noq-add-to-shopping-list__back-link:after, .noq-add-to-shopping-list__dropdown-link:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .noq-add-to-shopping-list__back-link, .noq-add-to-shopping-list__dropdown-link { line-height: 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-shopping-list__back-link, .noq-add-to-shopping-list__dropdown-link { padding: 0.375rem 1rem; font-size: 0.875rem; color: #4c4b4b; } }

.noq-add-to-shopping-list__back-link:hover, .noq-add-to-shopping-list__dropdown-link:hover { background: #F8F8F8; color: #4c4b4b; text-decoration: none; }

.noq-add-to-shopping-list__back-link .noq-icon-ok, .noq-add-to-shopping-list__dropdown-link .noq-icon-ok { color: #64AA5D; float: right; }

.noq-add-to-shopping-list__back-link, .noq-add-to-shopping-list__menu-item.back-link-item { display: block; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .noq-add-to-shopping-list__back-link, .noq-add-to-shopping-list__menu-item.back-link-item { display: none; } }

.noq-add-to-shopping-list__dropdown-header { font-size: 0.875rem; padding: 0.375rem 1rem; font-weight: 500; background-color: #4c4b4b; color: white; }

.noq-add-to-shopping-list__loading { padding: 0.375rem 1rem; border-top: 0.0625rem solid #CCC; font-size: 0.875rem; }

.noq-add-to-shopping-list__loading-spinner { float: left; margin-right: 0.75rem; position: relative; top: 0.25rem; }

.noq-add-to-shopping-list__pending-spinner { position: absolute; right: 0.625rem; top: 0.625rem; }

/*** END app/styles/components/add-to-shopping-list-menu.scss ***/
/*** START app/styles/components/browser-requirements-prompt.scss ***/
@keyframes slide-down { 0% { transform: translateY(-100%); }
  50% { transform: translateY(-100%); }
  100% { transform: translateY(0); } }

.browser-requirements-prompt__container { background: #fdfadb; position: absolute; width: 100%; z-index: 3; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); }

.browser-requirements-prompt__inner { padding: 1rem 1.5rem; position: relative; }

@media only screen and (max-width: 62.5rem) { .browser-requirements-prompt__inner { padding-left: 5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .browser-requirements-prompt__inner { padding-left: 4.5rem; padding-right: 15rem; } }

.browser-requirements-prompt__icon { position: absolute; }

@media only screen and (max-width: 62.5rem) { .browser-requirements-prompt__icon { font-size: 2.5rem; top: 0.75rem; left: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .browser-requirements-prompt__icon { left: 1rem; font-size: 1.875rem; top: 50%; transform: translateY(-50%); } }

.browser-requirements-prompt__message h1 { font-size: 1rem; font-weight: 700; margin-bottom: 0; display: inline-block; margin-right: 0.5rem; }

.browser-requirements-prompt__message p { font-size: 0.875rem; margin: 0; display: inline-block; }

@media only screen and (max-width: 62.5rem) { .browser-requirements-prompt__buttons { margin-top: 0.5rem; } .browser-requirements-prompt__buttons button, .browser-requirements-prompt__buttons .button { padding: 0.25rem 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .browser-requirements-prompt__buttons { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } }

/*** END app/styles/components/browser-requirements-prompt.scss ***/
/*** START app/styles/components/category-restricted-products.scss ***/
@media only screen and (min-width: calc(62.5rem + 1px)) { .category-restricted-products { margin-top: 0.25rem; padding-right: 0.75rem; } }

@media only screen and (max-width: 62.5rem) { .category-restricted-products { margin: 0.75rem 0.75rem 0; } }

.category-restricted-products__inner { border: 1px solid #e3e4e6; margin-bottom: 0.6875rem; background: white; }

.category-restricted-products__login { padding: 0.9375rem; }

/*** END app/styles/components/category-restricted-products.scss ***/
/*** START app/styles/components/category-header.scss ***/
.category-header { position: relative; overflow: hidden; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; transition: height 0.3s ease; }

.category-header__inner { position: relative; }

.category-header__decoration { z-index: -1; width: 100%; }

@media only screen and (max-width: 62.5rem) { .category-header__decoration { height: 5.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .category-header__decoration { max-height: 8.75rem; height: 15vw; } }

.category-header__title-wrapper { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; bottom: 0; }

@media only screen and (max-width: 62.5rem) { .category-header__title-wrapper { background: rgba(0, 0, 0, 0.5); line-height: 1rem; padding: 0.5rem 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .category-header__title-wrapper { line-height: 1.5rem; padding: 0.5rem 0; } }

.category-header__title { position: relative; text-align: left; text-transform: capitalize; margin-top: 0; margin-bottom: 0; color: white; font-size: 1.5rem; font-weight: 600; }

@media only screen and (min-width: 31em) { .category-header__title { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 46.625rem) { .category-header__title { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 61.75rem) { .category-header__title { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 76.875rem) { .category-header__title { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 92rem) { .category-header__title { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 107.125rem) { .category-header__title { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

.category-header__title__parent { text-transform: capitalize; color: #a5a5a5; font-weight: 300; color: white; }

.category-header__title__parent:after { content: "|"; }

.category-sibling-dropdown { padding: 0 0.75rem; }

@media only screen and (min-width: 31em) { .category-sibling-dropdown { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 46.625rem) { .category-sibling-dropdown { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 61.75rem) { .category-sibling-dropdown { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 76.875rem) { .category-sibling-dropdown { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 92rem) { .category-sibling-dropdown { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 107.125rem) { .category-sibling-dropdown { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

.category-sibling-dropdown__parent-name { font-size: 0.75rem; color: #a5a5a5; text-transform: capitalize; display: block; font-weight: 400; color: white; }

.category-sibling-dropdown__label:after { content: '▾'; font-family: 'fontello'; color: white; margin-left: -1rem; pointer-events: none; }

.category-sibling-dropdown__select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; border: 0; font-size: 1.125rem; font-weight: 600; height: auto; width: auto; text-transform: capitalize; padding: 0 1rem 0 0; background: transparent !important; color: white; }

.category-sibling-dropdown__select::-ms-expand { display: none; }

.category-sibling-dropdown__select:disabled { background-color: #f3f3f3; }

.category-sibling-dropdown__select option { color: initial; }

.tag-page-header__mobile-parent-name { font-size: 0.75rem; color: #a5a5a5; text-transform: capitalize; display: block; font-weight: 400; color: white; padding-left: 0.75rem; }

.tag-page-header__mobile-title { font-size: 1.125rem; font-weight: 600; text-transform: capitalize; padding: 0.25rem 1rem 0 0.75rem; display: block; background: transparent !important; color: white; }

@media only screen and (max-width: 62.5rem) { .tag-page__download-button { position: absolute; right: 0.5rem; bottom: 0.625rem; font-size: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .tag-page__download-button { position: absolute; right: 1rem; bottom: 0.625rem; } }

/*** END app/styles/components/category-header.scss ***/
/*** START app/styles/components/category-list-menu.scss ***/
.category-list-menu { position: relative; }

.category-list-menu .site-main-menu__link, .category-list-menu .reorder-btn-medium-only .reorder-btn__link__text, .reorder-btn-medium-only .category-list-menu .reorder-btn__link__text { color: #4c4b4b; text-transform: capitalize; }

.category-list-menu__uber-list .site-main-menu__link, .category-list-menu__uber-list .reorder-btn-medium-only .reorder-btn__link__text, .reorder-btn-medium-only .category-list-menu__uber-list .reorder-btn__link__text { padding-right: 1.5rem; }

.category-list-menu__uber-list .site-main-menu__link .chevron, .category-list-menu__uber-list .reorder-btn-medium-only .reorder-btn__link__text .chevron, .reorder-btn-medium-only .category-list-menu__uber-list .reorder-btn__link__text .chevron { position: absolute; right: 0.5rem; top: 0.25rem; display: none; }

.category-list-menu__uber-list .site-main-menu__link:hover, .category-list-menu__uber-list .reorder-btn-medium-only .reorder-btn__link__text:hover, .reorder-btn-medium-only .category-list-menu__uber-list .reorder-btn__link__text:hover, .category-list-menu__uber-list .site-main-menu__link.open, .category-list-menu__uber-list .reorder-btn-medium-only .open.reorder-btn__link__text, .reorder-btn-medium-only .category-list-menu__uber-list .open.reorder-btn__link__text { background: #044070; color: #ffffff; font-weight: 600; }

.category-list-menu__uber-list .site-main-menu__link:hover .chevron, .category-list-menu__uber-list .reorder-btn-medium-only .reorder-btn__link__text:hover .chevron, .reorder-btn-medium-only .category-list-menu__uber-list .reorder-btn__link__text:hover .chevron, .category-list-menu__uber-list .site-main-menu__link.open .chevron, .category-list-menu__uber-list .reorder-btn-medium-only .open.reorder-btn__link__text .chevron, .reorder-btn-medium-only .category-list-menu__uber-list .open.reorder-btn__link__text .chevron { display: block; }

.category-list-menu__sub-list { position: absolute; z-index: 1; border: 1px solid rgba(0, 0, 0, 0.1); border-left: 8px solid #044070; left: calc(15.625rem - 16px); width: calc(100vw - 15.625rem); max-width: calc(15.625rem + 14px); display: none; }

.category-list-menu__sub-list.active { display: block; }

.category-list-menu__sub-list.col-2 { width: calc(100vw - 15.625rem); max-width: calc(31.25rem + 22px); }

.category-list-menu__sub-list.col-2:before, .col-2.noq-icon-right-open-big-after:after, .category-list-menu__sub-list.col-2:after { content: " "; display: table; }

.category-list-menu__sub-list.col-2:after { clear: both; }

.category-list-menu__sub-list.col-2 li { width: 15.625rem; max-width: calc((100vw - 15.625rem) / 2); float: left; }

.category-list-menu__sub-list.col-3 { width: calc(100vw - 15.625rem); max-width: calc(46.875rem + 22px); }

.category-list-menu__sub-list.col-3:before, .col-3.noq-icon-right-open-big-after:after, .category-list-menu__sub-list.col-3:after { content: " "; display: table; }

.category-list-menu__sub-list.col-3:after { clear: both; }

.category-list-menu__sub-list.col-3 li { width: 15.625rem; max-width: calc((100vw - 15.625rem) / 3); float: left; }

.category-list-menu .category-list-menu__all-sub-link { color: #044070; }

/*** END app/styles/components/category-list-menu.scss ***/
/*** START app/styles/components/category-sibling-links.scss ***/
@media only screen and (min-width: 31em) { .category-sibling-links { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 46.625rem) { .category-sibling-links { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 61.75rem) { .category-sibling-links { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 76.875rem) { .category-sibling-links { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 92rem) { .category-sibling-links { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 107.125rem) { .category-sibling-links { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

.category-sibling-links__list { list-style: none; margin: 0.5rem 0 0 0; font-size: 0.8125rem; padding-right: 0.875rem; }

.category-sibling-links__list .category-sibling-links__item { display: inline-block; margin-bottom: 0.375rem; vertical-align: middle; }

.category-sibling-links__list .category-sibling-links__item:not(:last-child):after { content: '•'; color: #c8c8c8; margin: 0 0.1875rem; font-size: 1.6em; line-height: 0; vertical-align: middle; }

.category-sibling-links__list .category-sibling-links__link { text-transform: capitalize; display: inline-block; padding: 0 0.25rem; text-align: center; text-decoration: none; border-bottom: 3px solid transparent; }

.category-sibling-links__list .category-sibling-links__link.active { color: #5FAB58; border-color: #d1d2d3; }

.category-sibling-links__list .category-sibling-links__link:hover { border-color: #d1d2d3; }

/*** END app/styles/components/category-sibling-links.scss ***/
/*** START app/styles/components/check-address-prompt.scss ***/
.check-address-prompt__container { background: #fdfadb; position: absolute; width: 100%; z-index: 3; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -webkit-animation: slide-down 1s ease; -moz-animation: slide-down 1s ease; animation: slide-down 1s ease; }

@keyframes slide-down { 0% { transform: translateY(-100%); }
  50% { transform: translateY(-100%); }
  100% { transform: translateY(0); } }

.check-address-prompt__inner { padding: 1rem 1.5rem; position: relative; }

@media only screen and (max-width: 62.5rem) { .check-address-prompt__inner { padding-left: 5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-address-prompt__inner { padding-left: 4.5rem; padding-right: 15rem; } }

.check-address-prompt__icon { position: absolute; }

@media only screen and (max-width: 62.5rem) { .check-address-prompt__icon { font-size: 2.5rem; top: 0.75rem; left: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-address-prompt__icon { left: 1rem; font-size: 1.875rem; top: 50%; transform: translateY(-50%); } }

.check-address-prompt__message h1 { font-size: 1rem; font-weight: 700; margin-bottom: 0; display: inline-block; margin-right: 0.5rem; }

.check-address-prompt__message p { font-size: 0.875rem; margin: 0; display: inline-block; }

@media only screen and (max-width: 62.5rem) { .check-address-prompt__buttons { margin-top: 0.5rem; } .check-address-prompt__buttons button, .check-address-prompt__buttons .button { padding: 0.25rem 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-address-prompt__buttons { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } }

/*** END app/styles/components/check-address-prompt.scss ***/
/*** START app/styles/components/check-in-ready-prompt.scss ***/
.check-in-ready-prompt__container { background: #fdfadb; position: absolute; width: 100%; z-index: 3; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -webkit-animation: slide-down 1s ease; -moz-animation: slide-down 1s ease; animation: slide-down 1s ease; }

@keyframes slide-down { 0% { transform: translateY(-100%); }
  50% { transform: translateY(-100%); }
  100% { transform: translateY(0); } }

.check-in-ready-prompt__inner { padding: 1rem 1.5rem; position: relative; }

@media only screen and (max-width: 62.5rem) { .check-in-ready-prompt__inner { padding-left: 5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-in-ready-prompt__inner { padding-left: 4.5rem; padding-right: 15rem; } }

.check-in-ready-prompt__icon { position: absolute; }

@media only screen and (max-width: 62.5rem) { .check-in-ready-prompt__icon { font-size: 2.5rem; top: 0.75rem; left: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-in-ready-prompt__icon { left: 1rem; font-size: 1.875rem; top: 50%; transform: translateY(-50%); } }

.check-in-ready-prompt__message h1 { font-size: 1rem; font-weight: 700; margin-bottom: 0; display: inline-block; margin-right: 0.5rem; }

.check-in-ready-prompt__message p { font-size: 0.875rem; margin: 0; display: inline-block; }

@media only screen and (max-width: 62.5rem) { .check-in-ready-prompt__buttons { margin-top: 0.5rem; } .check-in-ready-prompt__buttons button, .check-in-ready-prompt__buttons .button { padding: 0.25rem 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .check-in-ready-prompt__buttons { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } }

/*** END app/styles/components/check-in-ready-prompt.scss ***/
/*** START app/styles/components/checkout-header.scss ***/
.checkout-header { margin-bottom: 1rem; max-width: 74rem; margin: auto; }

.checkout-header__main-container:before, .checkout-header__main-container:after { content: " "; display: table; }

.checkout-header__main-container:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .checkout-header__title { text-align: center; margin-bottom: 1rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-header__title { float: left; } }

.checkout-header__title h1 { font-size: 1.25rem; margin: 0; }

.checkout-header__title h2 { font-size: 1.875rem; }

@media only screen and (max-width: 62.5rem) { .checkout-header__title__step-title { text-align: center; margin-bottom: 1rem; font-size: 1.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-header__title__step-title { float: left; font-size: 1.875rem; } }

.checkout-header__progress-list { list-style: none; display: table; margin: 0; position: relative; }

@media only screen and (max-width: 62.5rem) { .checkout-header__progress-list { width: 100vw; margin: 0 0 1.5rem 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-header__progress-list { float: right; margin-top: -1.5rem; width: 25rem; } }

.checkout-header__order-mod-prompt { position: relative; background: white; border: 2px dashed #044070; padding: 1rem 1.5rem; font-size: 0.875rem; margin-top: 0.75rem; margin-bottom: 0.75rem; }

@media only screen and (max-width: 62.5rem) { .checkout-header__order-mod-prompt { margin-left: 0.75rem; margin-right: 0.75rem; border: 2px dashed #044070; } }

.checkout-header__order-mod-prompt .title { color: #044070; font-weight: 600; margin-top: 0; margin-bottom: 0.25rem; opacity: 0.85; font-size: 1rem; }

.checkout-header__order-mod-prompt .message { margin-bottom: 0.375rem; font-size: 0.875rem; }

.checkout-header__order-mod-prompt .button-secondary, .checkout-header__order-mod-prompt .button-hollow { font-weight: 600; padding: 0.375rem 0.75rem; }

@media only screen and (max-width: 62.5rem) { .checkout-header__order-mod-prompt .button-secondary, .checkout-header__order-mod-prompt .button-hollow { margin-bottom: 0.25rem; } }

/*** END app/styles/components/checkout-header.scss ***/
/*** START app/styles/components/checkout-progress-item.scss ***/
.checkout-progress-item { text-align: center; font-size: 0.75rem; position: relative; display: table-cell; width: 25%; }

@media only screen and (max-width: 62.5rem) { .checkout-progress-item { padding: 4px; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-progress-item { width: 6.25rem; padding: 0.75rem; } }

.checkout-progress-item .badge { position: relative; background: #e3e4e6; border-radius: 100%; z-index: 1; display: inline-block; }

@media only screen and (max-width: 62.5rem) { .checkout-progress-item .badge { border: 6px solid #F8F8F8; width: 2.25rem; height: 2.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-progress-item .badge { border: 6px solid white; width: 2.75rem; height: 2.75rem; } }

.checkout-progress-item .badge:before, .checkout-progress-item .badge.noq-icon-right-open-big-after:after { font-family: 'fontello'; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.checkout-progress-item .label a { display: block; }

.checkout-progress-item:not(:last-child):after { content: ''; display: block; background: #e3e4e6; height: 0.25rem; width: 100%; position: absolute; left: 50%; }

@media only screen and (max-width: 62.5rem) { .checkout-progress-item:not(:last-child):after { top: 1.25rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-progress-item:not(:last-child):after { top: 2rem; } }

.checkout-progress-item.complete .badge { background: #64AA5D; }

.checkout-progress-item.complete .badge:before, .checkout-progress-item.complete .badge.noq-icon-right-open-big-after:after { content: '\2713'; color: white; font-size: 1rem; }

.checkout-progress-item.complete:after { background: #64AA5D; }

.checkout-progress-item.active { color: #3c3b3b; font-weight: 600; }

.checkout-progress-item.active .badge { background: #F8F8F8; border: 4px solid #e3e4e6; }

@media only screen and (max-width: 62.5rem) { .checkout-progress-item.active .badge { box-shadow: 0 0 0 6px #F8F8F8; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-progress-item.active .badge { box-shadow: 0 0 0 6px white; } }

.checkout-progress-item.active .badge:before, .checkout-progress-item.active .badge.noq-icon-right-open-big-after:after { content: ''; background: #64AA5D; height: 0.875rem; width: 0.875rem; border-radius: 100%; }

/*** END app/styles/components/checkout-progress-item.scss ***/
/*** START app/styles/components/checkout-items-summary.scss ***/
@media only screen and (max-width: 62.5rem) { .checkout-items-summary { font-size: 0.875rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-items-summary { font-size: 0.8125rem; } }

.checkout-item__cell { position: relative; }

@media only screen and (max-width: 62.5rem) { .checkout-item__cell { padding: 1rem 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__cell { float: left; padding: 0.5rem; } }

.checkout-item__product-cell { text-align: left; padding-left: 0.5rem; width: 100%; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__product-cell { flex: 6; } }

@media only screen and (max-width: 62.5rem) { .checkout-item__product-cell .name { padding-right: 8rem; } }

.checkout-item__product-cell .unit-price { font-weight: 300; margin-top: 0.25rem; }

@media only screen and (max-width: 62.5rem) { .checkout-item__product-cell .unit-price { margin-bottom: 0.5rem; } }

.checkout-item__product-cell .uom-text, .checkout-item__product-cell .count-and-weigh-disclaimer { font-size: 0.6875rem; font-style: italic; }

.checkout-item__quantity-cell { position: relative; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__quantity-cell { flex: 2; } }

.checkout-item__quantity-cell .substitution__link { font-size: 0.75rem; text-align: left; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; }

.checkout-item__quantity-cell .substitution__link:hover, .checkout-item__quantity-cell .substitution__link:focus { background-color: rgba(0, 0, 0, 0); }

.checkout-item__quantity-cell .substitution__link:hover, .checkout-item__quantity-cell .substitution__link:focus { color: #044070; }

.checkout-item__quantity-cell .substitution__link:hover, .checkout-item__quantity-cell .substitution__link:focus, .checkout-item__quantity-cell .substitution__link:active { background: transparent; text-decoration: underline; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__quantity-cell .substitution__link { margin-left: -0.125rem; } }

.checkout-item__price-cell { text-align: right; white-space: nowrap; flex: 1; }

@media only screen and (max-width: 62.5rem) { .checkout-item__price-cell { position: absolute; right: 0; top: 0; padding-right: 1rem; } }

.checkout-item__price-cell .snap-icon img { width: 1.25rem; height: 1.25rem; }

.checkout-item__price-cell .price { font-size: 0.875rem; font-weight: 600; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__price-cell .price { margin-top: 0.625rem; } }

.checkout-items-summary__header-row { background: #85817e; color: white; border-radius: 4px 4px 0 0; position: relative; display: flex; }

.checkout-items-summary__header-row:before, .checkout-items-summary__header-row:after { content: " "; display: table; }

.checkout-items-summary__header-row:after { clear: both; }

.checkout-items-summary__header-row .checkout-item__cell { font-weight: 600; }

@media only screen and (max-width: 62.5rem) { .checkout-items-summary__header-row .checkout-item__cell { padding: 0.5rem 1rem; } }

.checkout-item { background: white; position: relative; display: flex; }

.checkout-item:before, .checkout-item:after { content: " "; display: table; }

.checkout-item:after { clear: both; }

.checkout-item:not(:first-child):before, .noq-icon-right-open-big-after:not(:first-child):after { content: ''; position: absolute; border-bottom: 1px solid rgba(0, 0, 0, 0.07); width: calc(100% - 1rem); left: 0.5rem; top: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item .frequency-dropdown { margin-top: 0.625rem; } }

.order-item-option-summary--checkout { border-left-width: 0.25rem; padding: 0 0 0.25rem 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .order-item-option-summary--checkout { margin-top: 0.75rem; } }

.is-same-as-previous .order-item-option-summary--checkout { margin-top: 0; }

.order-item-option-summary--checkout.margin-bottom { margin-bottom: 0.75rem; }

.checkout-item__quantity-stepper.product-quantity-stepper { display: block; min-width: 9rem; }

.checkout-item__quantity-stepper.product-quantity-stepper .qty, .checkout-item__quantity-stepper.product-quantity-stepper .price-display { font-size: 0.875rem; letter-spacing: 0.03125rem; }

.checkout-item__quantity-stepper.product-quantity-stepper .in-cart-label { display: none; }

@media only screen and (max-width: 62.5rem) { .checkout-item__substitution-dropdown { margin-left: -0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__substitution-dropdown { padding-left: 0; } }

@media only screen and (max-width: 62.5rem) { .checkout-item__frequency-dropdown { margin-left: -0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__frequency-dropdown { padding-left: 0; } }

.checkout-item__max-qty-error { color: #E4313C; background: #ffe4e4; border: 1px solid #E4313C; border-radius: 0.3125rem; font-size: 0.6875rem; line-height: 1.3; padding: 0.25rem 0.5rem; white-space: normal; text-align: left; }

@media only screen and (max-width: 62.5rem) { .checkout-item__max-qty-error { margin-top: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__max-qty-error { margin-top: 0.25rem; } }

.checkout-item__append-quantity-error-warning-container { width: 9rem; }

@media only screen and (min-width: 17rem) and (max-width: 47.937em) { .checkout-item__append-quantity-error-warning-container { position: absolute; left: 9.75rem; max-width: calc(100% - 160px); } }

.checkout-item__append-quantity-error-warning-container .error-message, .checkout-item__append-quantity-error-warning-container .warning-message { font-size: 0.6875rem; line-height: 1.3; padding: 0.25rem 0.5rem; white-space: normal; text-align: left; }

@media only screen and (max-width: 62.5rem) { .checkout-item__append-quantity-error-warning-container .error-message, .checkout-item__append-quantity-error-warning-container .warning-message { margin-bottom: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__append-quantity-error-warning-container .error-message, .checkout-item__append-quantity-error-warning-container .warning-message { margin-bottom: 0.5rem; } }

.checkout-item__append-quantity-error-warning-container .error-message { color: #E4313C; background: #ffe4e4; border: 1px solid #E4313C; }

.checkout-item__append-quantity-error-warning-container .warning-message { background: #fdfadb; border: 1px solid #ffd220; }

.checkout-item__missing-item { display: flex; flex-direction: column; }

.checkout-item__missing-item .error-message { margin-bottom: 0.5rem; font-size: 0.6875rem; line-height: 1.3; padding: 0.25rem 0.5rem; white-space: normal; text-align: left; background: #ffe4e4; color: #E4313C; border: 1px solid #E4313C; }

.checkout-item__missing-item button { border-radius: 0.25rem; padding-top: 0.54em; padding-bottom: 0.54em; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__missing-item { width: 9rem; } }

@media only screen and (max-width: 62.5rem) { .checkout-item__missing-item { flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; } .checkout-item__missing-item button { width: 9rem; } .checkout-item__missing-item .error-message { width: 9rem; margin-left: 0.75rem; } }

.checkout-item__substitutions { font-size: 0.75rem; margin-left: 0.5rem; max-width: 19rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-item__substitutions { max-width: 12rem; } }

.checkout-item__quantity-wrapper { margin-bottom: 0.4375rem; }

/*** END app/styles/components/checkout-items-summary.scss ***/
/*** START app/styles/components/checkout-status-panel.scss ***/
.checkout-status-panel { overflow: hidden; }

@media only screen and (max-width: 75rem) { .checkout-status-panel:not(.checkout-status-panel--review) { display: none; } }

.checkout-status-panel__title { padding: 0.75rem 1rem; font-weight: 600; background: #85817e; color: white; }

.checkout-status-panel__content { display: table; border-collapse: collapse; width: calc(100%); background: white; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.1875rem; }

.checkout-status-panel__content + .checkout-status-panel__content { margin-top: 8px; }

.checkout-status-panel__line-item { position: relative; font-size: 0.8125rem; font-weight: 600; padding: 0.625rem 1rem; display: flex; }

.checkout-status-panel__line-item:before, .checkout-status-panel__line-item:after { content: " "; display: table; }

.checkout-status-panel__line-item:after { clear: both; }

.checkout-status-panel__line-item:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.checkout-status-panel__line-item .label { flex: 1; }

.checkout-status-panel__line-item .label small { display: block; font-size: 0.6875rem; font-weight: 400; opacity: 0.8; }

.checkout-status-panel__line-item .value { text-align: right; white-space: nowrap; }

.checkout-status-panel__line-item .value .price-display { text-align: right; }

.checkout-status-panel__line-item .value .price-display:before, .checkout-status-panel__line-item .value .price-display:after { content: " "; display: table; }

.checkout-status-panel__line-item .value .price-display:after { clear: both; }

.checkout-status-panel__line-item .value .price-display .loading-spinner-inline { float: right; line-height: 2em; }

.checkout-status-panel__line-item.total { font-size: 1rem; font-weight: 700; }

.checkout-status-panel__help { display: inline-block; color: #5FAB58; border-bottom: 1px dashed #5FAB58; padding: 0 0.25rem; }

.checkout-status-panel__line-item--tip { border-top: 0 !important; padding-top: 0; margin-top: -0.25rem; }

.checkout-status-panel__line-item--tip .label { padding-left: 1rem; }

.checkout-status-panel__tip-link { display: block; }

.checkout-status-panel__tip-link:not(:first-child) { margin-top: 0.375rem; }

.checkout-status-panel__line-item--voucher { border-top: 0 !important; padding-top: 0; }

.checkout-status-panel__line-item--voucher .label { padding-left: 1rem; text-transform: uppercase; }

.checkout-status-panel__line-item--min-spend-error { color: #df8020; border-top: 0 !important; margin-top: -0.5rem; padding-top: 0; }

.checkout-status-panel__line-item--voucher-error { color: #df8020; border-top: 0 !important; margin-top: -0.5rem; padding-top: 0; padding-left: 2rem; }

.checkout-status-panel__voucher-remove-button { border: 0; color: #912c2c; font-size: 1.125rem; font-weight: 700; line-height: 0.75rem; background-color: transparent; cursor: pointer; position: relative; top: 0.0625rem; padding: 0.25rem; margin-right: -0.25rem; }

.checkout-status-panel__line-item--tax-message { font-weight: 400; border-top: 0 !important; margin-top: -0.5rem; padding-top: 0; font-size: 0.6875rem; }

.checkout-status-panel__line-item--payment-breakdown { padding-left: 2rem; }

/*** END app/styles/components/checkout-status-panel.scss ***/
/*** START app/styles/components/checkout-recap.scss ***/
.checkout-recap { font-size: 0.875rem; }

.checkout-recap:before, .checkout-recap:after { content: " "; display: table; }

.checkout-recap:after { clear: both; }

.checkout-recap-cell { border: 1px solid rgba(0, 0, 0, 0.07); background: white; margin-bottom: 0.5rem; }

.checkout-recap-cell:before, .checkout-recap-cell:after { content: " "; display: table; }

.checkout-recap-cell:after { clear: both; }

@media only screen and (max-width:  31em) { .checkout-recap-cell { padding: 0.375rem 0.75rem; } }

@media only screen and (min-width: 31em) { .checkout-recap-cell { padding: 0.75rem 1.5rem; } }

.checkout-recap-cell .header { margin-bottom: 0.25rem; }

.checkout-recap-cell .header:before, .checkout-recap-cell .header:after { content: " "; display: table; }

.checkout-recap-cell .header:after { clear: both; }

.checkout-recap-cell .header .title { font-weight: 300; }

.checkout-recap-cell .header .link { float: right; }

.checkout-recap-cell .credit-card-tile { margin: 0; }

.checkout-recap__time-slot__date { font-size: 1rem; font-weight: 600; }

.checkout-recap__recipient__name { font-size: 1rem; font-weight: 600; }

.checkout-recap__time-slot__type { font-size: 0.8125rem; white-space: nowrap; }

.checkout-recap__time-slot__type .badge { display: inline-block; background: #85817e; color: white; font-weight: 600; padding: 0 1rem 0 0.75rem; border-radius: 0.75rem; border: 1px solid #85817e; margin-top: 0.3125rem; margin-right: 0.25rem; }

.checkout-recap__time-slot__type .location-name { display: inline-block; border: 1px solid #85817e; border-radius: 0.75rem; padding: 0 1rem 0 2rem; margin-left: -1.5rem; }

.checkout-recap__time-slot__address, .checkout-recap__recipient__address { margin-top: 0.75rem; }

.checkout-recap__time-slot__address .address-display__heading, .checkout-recap__recipient__address .address-display__heading { font-weight: 300; }

.checkout-recap__time-slot__address .address-display__street-address, .checkout-recap__recipient__address .address-display__street-address { font-size: 1rem; font-weight: 600; }

.checkout-recap__recipient__instructions-title { font-weight: 300; margin-top: 0.75rem; margin-bottom: 0.25rem; }

.checkout-recap__recipient__instructions { font-style: italic; }

.checkout-recap__recipient__instructions:before, .checkout-recap__recipient__instructions.noq-icon-right-open-big-after:after { content: '‟'; }

.checkout-recap__recipient__instructions:after { content: '”'; }

.checkout-review__recipient__delivery { margin-top: 0.75rem; }

.checkout-review__recipient__delivery-info { font-style: italic; font-size: 0.8125rem; }

.checkout-recap__unattended-delivery-help { display: inline-block; color: #5FAB58; border-bottom: 1px dashed #5FAB58; padding: 0 0.25rem; }

.checkout-recap__payment-table { width: 100%; margin-bottom: -0.25rem; }

.checkout-recap__payment-table tr { position: relative; }

.checkout-recap__payment-table tr:not(:first-child) td { border-top: 1px dashed rgba(0, 0, 0, 0.1); }

.checkout-recap__payment-table td { vertical-align: top; }

@media only screen and (max-width: 62.5rem) { .checkout-recap__payment-table td { padding: 0.75rem 0.375rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-recap__payment-table td { padding: 0.75rem; } }

.checkout-recap__payment-table td.smaller-bottom-padding { padding-bottom: 0.375rem; }

.checkout-recap__payment-cell--logo { width: 1.5rem; }

.checkout-recap__payment-cell--logo .card-logo { position: relative; background-repeat: no-repeat; background-size: 100%; background-position: center; background-color: white; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0px #ccc; width: 2.375rem; height: 2.375rem; }

.checkout-recap__payment-cell--logo .card-logo.Visa, .checkout-recap__payment-cell--logo .card-logo.visa { background-image: url("../img/visa-b16848209b48b1ce4e95aed6ccb91cf3.svg"); }

.checkout-recap__payment-cell--logo .card-logo.Mastercard, .checkout-recap__payment-cell--logo .card-logo.mastercard { background-image: url("../img/mastercard-3c0362850f947b6d17a42a9fa049381c.svg"); }

.checkout-recap__payment-cell--logo .card-logo.Amex, .checkout-recap__payment-cell--logo .card-logo.amex { background-image: url("../img/amex-e5bf0c8d41264fbea2c6f5dbd1065a28.svg"); background-color: #1B6CC9; }

.checkout-recap__payment-cell--logo .card-logo.Ath, .checkout-recap__payment-cell--logo .card-logo.ath { background-image: url("../img/ath-2819f9c08dc831b1d40b29fe2cf3bf94.svg"); }

.checkout-recap__payment-cell--logo .card-logo.Discover, .checkout-recap__payment-cell--logo .card-logo.discover { background-image: url("../img/discover-71dfc3b50c775ba7c65e51141f4bbb48.svg"); }

.checkout-recap__payment-cell--logo .card-logo.Ebt, .checkout-recap__payment-cell--logo .card-logo.ebt { background-image: url("../img/ebt-9962525b4597590ff8c7ff8e1b37f36d.svg"); background-color: #5B6ABF; }

.checkout-recap__payment-cell--logo .card-logo.Unknown, .checkout-recap__payment-cell--logo .card-logo.unknown { background-image: url("../img/generic-card-af4d549d1f810ec705c892045c4bbe89.svg"); }

.checkout-recap__payment-cell--logo .card-logo.Cash, .checkout-recap__payment-cell--logo .card-logo.cash { background-image: url("../img/cash-d668211c4947bb46beb5cf9bf3b5092b.png"); }

.checkout-recap__payment-cell--logo .card-logo .snap-logo { width: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.checkout-recap__payment-cell--label .title { font-size: 1rem; font-weight: 600; }

.checkout-recap__payment-cell--balance { vertical-align: middle; padding-top: 0.125rem; }

@media only screen and (max-width: 62.5rem) { .checkout-recap__payment-cell--balance { padding-left: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-recap__payment-cell--balance { padding-left: 2rem; } }

.checkout-recap__payment-cell--balance .balance-amount { font-weight: 600; white-space: nowrap; }

@media only screen and (max-width:  31em) { .checkout-recap__payment-cell--balance .balance-amount { display: block; } }

.checkout-recap__payment-cell--balance .balance-amount.ok:after { color: #64AA5D; font-family: 'fontello'; content: '\2705'; font-size: 1.125rem; line-height: 1rem; margin-left: 0.25rem; }

.checkout-recap__payment-cell--balance .balance-amount.not-ok { color: #E4313C; }

.checkout-recap__payment-cell--balance .balance-amount.not-ok:after { font-family: 'fontello'; content: '\24e7'; font-size: 1.125rem; line-height: 1rem; margin-left: 0.25rem; }

.checkout-recap__payment-cell--warning-row { display: table-row; }

.checkout-recap__payment-cell--warning { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; background: #fdfadb; }

.checkout-recap__gift-order { margin-top: 0.75rem; margin-bottom: 0.25rem; font-weight: 300; }

.checkout-recap__gift-order__from, .checkout-recap__gift-order__body, .checkout-recap__gift-order__to { font-weight: 500; }

/*** END app/styles/components/checkout-recap.scss ***/
/*** START app/styles/components/checkout-delivery-tip-modal.scss ***/
@media only screen and (max-width: 62.5rem) { .checkout-delivery-tip-modal__body { padding: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-delivery-tip-modal__body { width: 25rem; padding: 1rem 2rem 2rem; } }

.checkout-delivery-tip-modal__button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #7d7c7c; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid rgba(0, 0, 0, 0.1); padding: calc(0.8em - 1px) calc(1.2em - 1px); display: block; margin-bottom: 0.375rem; width: 100%; font-weight: 600; }

.checkout-delivery-tip-modal__button:hover, .checkout-delivery-tip-modal__button:focus { background-color: #cccccc; }

.checkout-delivery-tip-modal__button:hover, .checkout-delivery-tip-modal__button:focus { color: #7d7c7c; }

.checkout-delivery-tip-modal__button:hover, .checkout-delivery-tip-modal__button:active, .checkout-delivery-tip-modal__button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .checkout-delivery-tip-modal__button, .checkout-delivery-tip-modal__button[disabled], .checkout-delivery-tip-modal__button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.checkout-delivery-tip-modal__button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.checkout-delivery-tip-modal__button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.checkout-delivery-tip-modal__button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.checkout-delivery-tip-modal__button.small { padding: 0.375rem 0.75rem; }

.checkout-delivery-tip-modal__button.selected { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 0.375rem; }

.checkout-delivery-tip-modal__button.selected:hover, .checkout-delivery-tip-modal__button.selected:focus { background-color: #4b8a45; }

.checkout-delivery-tip-modal__button.selected:hover, .checkout-delivery-tip-modal__button.selected:focus { color: #ffffff; }

.checkout-delivery-tip-modal__button.selected:hover, .checkout-delivery-tip-modal__button.selected:active, .checkout-delivery-tip-modal__button.selected:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .checkout-delivery-tip-modal__button.selected, .checkout-delivery-tip-modal__button.selected[disabled], .checkout-delivery-tip-modal__button.selected.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.checkout-delivery-tip-modal__button.selected.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.checkout-delivery-tip-modal__button.selected.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.checkout-delivery-tip-modal__button.selected.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.checkout-delivery-tip-modal__button.selected.small { padding: 0.375rem 0.75rem; }

.checkout-delivery-tip-modal__button .dollars { font-weight: 400; }

.checkout-delivery-tip-modal__title { margin-bottom: 1rem; }

.checkout-delivery-tip-modal__custom-panel { background: #f3f3f3; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0.5rem; position: relative; margin-top: 0.5rem; }

.checkout-delivery-tip-modal__custom-panel:before, .checkout-delivery-tip-modal__custom-panel:after { content: " "; display: table; }

.checkout-delivery-tip-modal__custom-panel:after { clear: both; }

.checkout-delivery-tip-modal__custom-input { float: left; width: calc(100% - 6.5rem); margin-bottom: 0; }

.checkout-delivery-tip-modal__custom-input label { white-space: nowrap; }

.checkout-delivery-tip-modal__custom-input input { text-align: right; padding-right: 3rem !important; }

@media only screen and (max-width: 62.5rem) { .checkout-delivery-tip-modal__custom-input input { padding-right: 4rem !important; } }

.checkout-delivery-tip-modal__custom-input-symbol { position: absolute; top: 3rem; right: 9.125rem; }

.checkout-delivery-tip-modal__custom-button { width: 6rem; position: absolute; right: 0.5rem; top: 2.5rem; }

/*** END app/styles/components/checkout-delivery-tip-modal.scss ***/
/*** START app/styles/components/checkout-voucher-modal.scss ***/
@media only screen and (max-width: 62.5rem) { .checkout-voucher-modal__body { padding: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .checkout-voucher-modal__body { width: 25rem; padding: 1rem 2rem 2rem; } }

.checkout-voucher-modal__submission-panel { margin-bottom: 0; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--submit { float: right; width: calc(50% - 0.25rem); }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #7d7c7c; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border: 1px solid rgba(0, 0, 0, 0.1); padding: calc(0.8em - 1px) calc(1.2em - 1px); float: left; width: calc(50% - 0.25rem); margin-top: 0; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:hover, .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:focus { background-color: #cccccc; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:hover, .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:focus { color: #7d7c7c; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:hover, .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:active, .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel, .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel[disabled], .checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel.spinner.loading:before, .checkout-voucher-modal__submission-panel .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel.spinner.loading:before:after, .checkout-voucher-modal__submission-panel .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.checkout-voucher-modal__submission-panel .egr-form__submission__button--cancel.small { padding: 0.375rem 0.75rem; }

.egr-form__input--text---voucher-code { text-transform: uppercase; }

/*** END app/styles/components/checkout-voucher-modal.scss ***/
/*** START app/styles/components/delivery-address-service-restriction.scss ***/
.noq-dialog-delivery-address-service-restriction__body { width: 27.5rem; }

@media only screen and (max-width: 62.5rem) { .noq-dialog-delivery-address-service-restriction__body { min-height: 100%; } }

.noq-dialog-message { margin-bottom: 1em; }

.noq-dialog-delivery-address-service-restriction__store { border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 1em; padding-top: 0.5em; padding-bottom: 0.5em; cursor: pointer; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; }

.noq-dialog-delivery-address-service-restriction__store:hover, .noq-dialog-delivery-address-service-restriction__store:focus { background-color: #4b8a45; }

.noq-dialog-delivery-address-service-restriction__store:hover, .noq-dialog-delivery-address-service-restriction__store:focus { color: #ffffff; }

/*** END app/styles/components/delivery-address-service-restriction.scss ***/
/*** START app/styles/components/display-minspend-fail.scss ***/
.display-minspend-fail__message { color: #E4313C; font-weight: 700; }

.display-minspend-fail__continue-wrapper { margin-top: 0.875rem; }

.display-minspend-fail__continue-link { text-decoration: none !important; font-weight: bold; font-size: 0.875rem; }

/*** END app/styles/components/display-minspend-fail.scss ***/
/*** START app/styles/components/ebt-pin.scss ***/
.noq-dialog-ebt-pin__body { width: 27.5rem; }

@media only screen and (max-width: 62.5rem) { .noq-dialog-ebt-pin__body { min-height: 100%; } }

.ebt-pin__init-form { display: none; }

.ebt-pin__loading-panel { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.ebt-pin__loading-panel .message { font-size: 0.875rem; }

.ebt-pin__loading-panel .loading-spinner { margin: 2rem auto; font-size: 2rem; }

.ebt-pin__iframe { width: 100%; height: 32rem; border: 0; }

.ebt-pin--paysecure.is-initialising .ebt-pin__iframe { visibility: hidden; }

.ebt-pin--mock-ebt:before, .ebt-pin--mock-ebt:after { content: " "; display: table; }

.ebt-pin--mock-ebt:after { clear: both; }

.ebt-pin--mock-ebt h1 { font-size: 16px; font-weight: 600; }

.ebt-pin--mock-ebt p { font-size: 12px; margin-bottom: 0; }

.ebt-pin--mock-ebt .input-val { background: white; border: 1px solid rgba(0, 0, 0, 0.1); font-size: 24px; padding: 12px 0 12px 16px; letter-spacing: 16px; text-align: center; font-family: monospace; margin-top: 16px; }

.ebt-pin--mock-ebt .button-pad-table { margin: 16px auto; }

.ebt-pin--mock-ebt .button-pad-table button { font-size: 18px; }

.ebt-pin--mock-ebt .submit-button { width: 100%; }

.ebt-pin--mock-ebt .cancel-button { width: 100%; margin-top: 4px; }

/*** END app/styles/components/ebt-pin.scss ***/
/*** START app/styles/components/eg-site-footer.scss ***/
#store-locator-page, .noq-product-page-wrapper { box-shadow: 0 0 5rem rgba(0, 0, 0, 0.25); margin-bottom: 2.5rem; }

.eg-site-footer { padding: 0 1rem 2rem; text-align: left; }

.eg-site-footer:before, .eg-site-footer:after { content: " "; display: table; }

.eg-site-footer:after { clear: both; }

.eg-site-footer__wrapper { width: calc(100vw - 4em); max-width: 46.875rem; margin: auto; }

.eg-site-footer__wrapper:before, .eg-site-footer__wrapper:after { content: " "; display: table; }

.eg-site-footer__wrapper:after { clear: both; }

.eg-site-footer__section { float: left; min-width: 10rem; }

.eg-site-footer__section h3 { white-space: nowrap; }

@media only screen and (max-width: 62.5rem) { .eg-site-footer__section { width: 45%; margin-right: 5%; margin-bottom: 2rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .eg-site-footer__section { width: 25%; padding: 2rem; } }

.eg-site-footer__heading { font-size: 1rem; font-weight: 600; }

.eg-site-footer__link-list { list-style: none; margin: 0; }

.eg-site-footer__link-list-item { margin: 0; line-height: 1.125rem; }

.eg-site-footer__link-list-item:not(:last-child) { margin-bottom: 0.5rem; }

.eg-site-footer__link { display: inline-block; font-size: 0.875rem; color: #044070; }

.eg-site-footer__link:hover, .eg-site-footer__link:focus { text-decoration: underline; }

.eg-site-footer__graphic-links { text-align: center; }

@media only screen and (max-width: 62.5rem) { .eg-site-footer__graphic-links { width: 13.75rem; margin: 0 auto 2rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .eg-site-footer__graphic-links { margin-bottom: 1.5rem; } }

.eg-site-footer__app-store-links, .eg-site-footer__social-links { display: inline-block; }

.eg-site-footer__app-store-link { display: inline-block; vertical-align: middle; }

.eg-site-footer__app-store-link__image { width: 12.6875rem; height: 3.75rem; margin: 0.3125rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .eg-site-footer__app-store-link__image { width: 8.4375rem; height: 2.5rem; margin: 0.3125rem; } }

.eg-site-footer__branding { text-align: center; }

.eg-site-footer__branding-inner { padding: 0.375rem 1rem; text-align: center; border-radius: 0; white-space: nowrap; border: 0; font-size: 0.75rem; font-weight: 300; color: #85817e; }

.eg-site-footer__branding-title { width: 5.3125rem; height: 1.5rem; display: inline-block; background: transparent url("../img/egrowcery-title-3d0ec78566832713422ade23d5719b7c.png") center bottom no-repeat; background-size: contain; vertical-align: middle; margin: -0.25rem 0.25rem 0 0; }

.eg-site-footer__branding-logo { width: 1.5rem; height: 1.5rem; display: inline-block; background: transparent url("../img/egrowcery-logo-3f1599ff061516c504c3cc97e0aca217.svg") center center no-repeat; background-size: contain; vertical-align: middle; margin: -0.25rem 0.125rem 0 0; }

/*** END app/styles/components/eg-site-footer.scss ***/
/*** START app/styles/components/franchise-offline.scss ***/
.franchise-offline { position: absolute; overflow: auto; -webkit-overflow-scrolling: touch; width: 100vw; height: 100dvh; top: 0; left: 0; background: url("../img/landing-bg-1080-33978c28d56f7a7a4c68b211c19fbe32.jpg") top center/cover fixed no-repeat black; padding-bottom: 4rem; }

.franchise-offline:before, .franchise-offline.noq-icon-right-open-big-after:after { display: block; content: ''; position: absolute; min-width: 100vw; min-height: 100dvh; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.franchise-offline:before, .franchise-offline.noq-icon-right-open-big-after:after { position: fixed; }

.franchise-offline__logo { width: 18.75rem; height: 6.25rem; margin: 2.5rem auto; }

.franchise-offline__title { color: #FFF; font-size: 1.875rem; font-weight: 800; text-align: center; width: 90%; position: relative; margin: 0 auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .franchise-offline__title { width: 66%; font-size: 3.125rem; } }

.franchise-offline__message { color: #FFF; font-size: 1.25rem; font-weight: 800; text-align: center; width: 90%; position: relative; margin: 0 auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .franchise-offline__message { width: 66%; font-size: 1.875rem; } }

.franchise-offline__split { border-top: 0.125rem solid #FFF; width: 6.25rem; margin: 2.5rem auto; position: relative; }

.franchise-offline__split:before, .franchise-offline__split:after { content: " "; display: table; }

.franchise-offline__split:after { clear: both; }

.franchise-offline__retry { width: 90%; text-align: center; font-size: 1.875rem; margin: 2.5rem auto; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .franchise-offline__retry { width: 66%; font-size: 1.875rem; } }

.franchise-offline__retry-button { font-size: 1.875rem; font-weight: 800; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .franchise-offline__retry-button { font-size: 1.875rem; } }

/*** END app/styles/components/franchise-offline.scss ***/
/*** START app/styles/components/landing-page.scss ***/
#application__container:has(section.ember-view.landing-page) .landing-page__inner { height: 100dvh; overflow-y: auto; -webkit-appearance: scrollbartrack-vertical; }

.landing-page { width: 100%; left: 0; }

.landing-page__bg-solid { position: fixed; overflow: hidden; top: 0; left: 0; width: 100vw; height: 100dvh; background: black; }

.landing-page__bg-image { position: fixed; overflow: hidden; top: 0; left: 0; width: 100vw; height: 100dvh; background: url("../img/landing-bg-1080-33978c28d56f7a7a4c68b211c19fbe32.jpg") top center/cover no-repeat black; -webkit-transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: filter 0.3s ease-in-out, opacity 0.3s ease-in-out; }

.landing-page__bg-image.blur { filter: blur(4px); opacity: 0.9; }

.landing-page__bg-image:before, .landing-page__bg-image.noq-icon-right-open-big-after:after { display: block; content: ''; position: absolute; min-width: 100vw; min-height: 100dvh; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.landing-page__inner { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0; width: 100%; text-align: center; color: white; }

.landing-page__franchise-logo { width: 30vw; height: 30vh; min-width: 9.375rem; min-height: 8.125rem; max-width: 25rem; max-height: 25rem; margin: 0 auto 1rem; padding-top: 5vh; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, min-height 0.3s ease-in-out; }

.landing-page__franchise-logo.responsive-image .responsive-image__img { display: block; top: initial !important; bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto !important; left: auto !important; }

.landing-page__franchise-logo.small { width: 20vmin; height: 16vmin; }

@media only screen and (max-width: 62.5rem) { .landing-page__franchise-logo { width: 13.75rem; height: 8.75rem; margin-bottom: 0.5rem; } .landing-page__franchise-logo.small { width: 11.25rem; height: 5rem; min-height: 5rem; } }

.landing-page__welcome { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; position: relative; max-height: 8.375rem; margin-bottom: 1rem; }

@media only screen and (max-width: 62.5rem) { .landing-page__welcome { font-size: 2.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page__welcome { font-size: 4.25rem; } }

.landing-page__welcome.collapse { display: block; max-height: 0; margin-bottom: 0; }

.landing-page__welcome.collapse .landing-page__welcome-header__text { border-color: transparent; }

.landing-page__welcome__text { line-height: 1.25em; font-weight: 100; text-transform: uppercase; }

@media only screen and (max-width: 62.5rem) { .landing-page__welcome__text { font-size: 2.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page__welcome__text { font-size: 4.25rem; } }

.landing-page__welcome__text span { display: inline-block; border-bottom: 2px solid white; vertical-align: text-top; }

@media only screen and (max-width: 62.5rem) { .landing-page__welcome__text span { font-size: 1.2em; max-width: 95%; } }

@media only screen and (max-width: 62.5rem) { .landing-page__welcome__subtext { font-size: 1.125rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page__welcome__subtext { font-size: 1.5rem; } }

.landing-page__back-button { display: block; background: rgba(0, 0, 0, 0.01) !important; color: white; position: absolute; left: 50%; margin-left: -21.25rem; top: 2.5rem; border: 1px solid white; padding: 0.375rem 1.25rem; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.landing-page__back-button.show { opacity: 1; }

.landing-page__back-button:hover { background: rgba(255, 255, 255, 0.2) !important; }

.landing-page__back-button:before, .landing-page__back-button.noq-icon-right-open-big-after:after { font-family: 'fontello'; content: '<'; margin-right: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .landing-page__back-button { top: 0; left: 0; margin: 0; padding: 0; font-size: 0.875rem; padding: 0.375rem 0.75rem; border: 0; } }

.landing-page__flyover { position: relative; width: 100%; height: 0; min-height: 0; overflow: hidden; -webkit-transform: translateY(30vh); -moz-transform: translateY(30vh); -ms-transform: translateY(30vh); -o-transform: translateY(30vh); transform: translateY(30vh); -webkit-transition: height 0.3s ease-in-out, overflow 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out, overflow 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: height 0.3s ease-in-out, overflow 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-in-out; }

.landing-page__flyover.expanded { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; overflow: visible; }

.landing-page__flyover__inner { margin: 0 auto; }

@media only screen and (max-width: 62.5rem) { .landing-page__flyover__inner { width: 95% !important; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page__flyover__inner { width: 38.75rem !important; } }

.landing-page__store-go-button { margin: 0; padding: 0.5rem 1.125rem; }

@media only screen and (max-width: 62.5rem) { .landing-page__store-go-button { font-size: 0.875rem; padding: 0.375rem 0.75rem; } }

.landing-page__footer { position: relative; margin: 7vmin auto; padding-bottom: 7vmin; opacity: 1; font-size: 0.875rem; -webkit-transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out; }

.landing-page__footer.hide { opacity: 0; }

.landing-page__footer.inline { margin-top: 0; }

@media only screen and (max-width: 62.5rem) { .landing-page__footer { margin-top: 4.375rem; } }

@media (hover: none) { .landing-page__store-address { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } }

html.touch .landing-page__store-address { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.landing-page__store-type-icon { background-size: contain; background-position: center; background-repeat: no-repeat; }

.landing-page__store-type-icon.Grocery { background-image: url("/assets/icons/store-type/grocery-c1bb03aca92e5f6bcab2761dc43275e9.png"); }

.landing-page__store-type-icon.Catering { background-image: url("/assets/icons/store-type/catering-66d702a0780ab922f7648528e480e1ba.png"); }

.landing-page__store-type-icon.Liquor { background-image: url("/assets/icons/store-type/liquor-a241aa2f7cdda5b93cb38a1cae6c06e1.png"); }

.landing-page__store-type-icon.Marine { background-image: url("/assets/icons/store-type/marine-c2a36b2ac7ac4416d8aac03c4f3f0c76.png"); }

.landing-page__store-type-icon.PreparedFoods { background-image: url("/assets/icons/store-type/prepared-foods-f1da7fe800be24ef5a5028eea830f0b4.png"); }

.landing-page-fulfillment__header { font-size: 1.125rem; margin-bottom: 1rem; }

@media only screen and (max-width: 62.5rem) { .landing-page-fulfillment__header { font-size: 0.875rem; } }

.landing-page__coupon-list-bg { background-color: #F8F8F8; padding: 1px 0; }

.landing-page__coupon-list-bg .coupons-list__sort-filter-container { text-align: left; }

.landing-page__coupon-list-bg .landing-page__coupon-list { color: #3c3b3b; }

/*** END app/styles/components/landing-page.scss ***/
/*** START app/styles/components/landing-page-button.scss ***/
.landing-page-button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 0.2em 0.5em 0.2em; max-height: 12.5rem; }

.landing-page-button.collapsed { overflow: hidden; max-height: 0; transform-origin: top center; transform: scale(0); margin: 0; }

.landing-page-button.selected { position: relative; transform: scale(0.8); transform-origin: top center; }

.landing-page-button.selected:after { content: ''; width: 0; height: 0; position: absolute; bottom: -0.8125rem; left: 50%; margin-left: -0.5rem; border-style: solid; border-width: 1rem 0.875rem 0; border-color: white transparent transparent transparent; margin-top: -1px; z-index: -1; }

.landing-page-button__button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: white; display: inline-block; position: relative; background: transparent; color: white; border: 3px solid white; font-size: 2rem; font-weight: 700; padding: 0.5em 2em 0.5em 2.5em; width: 12em; max-width: 100%; border-radius: 0.6em; cursor: pointer; overflow: hidden; -webkit-transition: all 0.3s ease-in-out, color 0.1s, border-color 0.1s; -moz-transition: all 0.3s ease-in-out, color 0.1s, border-color 0.1s; transition: all 0.3s ease-in-out, color 0.1s, border-color 0.1s; }

.landing-page-button__button:hover, .landing-page-button__button:focus { background-color: rgba(0, 0, 0, 0); }

.landing-page-button__button:hover, .landing-page-button__button:focus { color: white; }

@media only screen and (max-width: 75rem) { .landing-page-button__button { font-size: calc(17px + 2vw); max-width: 100%; } .landing-page-button__button.single-store { font-size: calc(16px + 2vw); } }

.landing-page-button__button .icon { position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); }

.landing-page-button__button .icon.noq-icon-cup { font-size: 95%; left: 0.4em; transform: translateY(-35%); }

.landing-page-button__button .icon.noq-icon-grocery-store { font-size: 120%; left: 0.3em; transform: translateY(-45%); }

.landing-page-button__button .icon.noq-icon-alcohol { font-size: 130%; left: 0.2em; transform: translateY(-50%); }

.landing-page-button__button .icon.noq-icon-ship { font-size: 90%; transform: translateY(-30%); }

.landing-page-button__button .icon.noq-icon-dish { left: 0.5em; transform: translateY(-40%); }

.landing-page-button__button .icon.noq-icon-hamburger { font-size: 130%; left: 0.3em; }

.landing-page-button__button .icon.noq-icon-coffee { font-size: 110%; left: 0.4em; transform: translateY(-45%); }

.landing-page-button__button .icon.noq-icon-sandwich { font-size: 150%; left: 0.2em; transform: translateY(-60%); }

.landing-page-button__button .icon.noq-icon-taco { font-size: 130%; left: 0.3em; transform: translateY(-55%); }

.landing-page-button__button .icon.noq-icon-fish { font-size: 90%; transform: translateY(-35%); }

.landing-page-button__button .icon.noq-icon-food-cloche { font-size: 125%; left: 0.3em; transform: translateY(-50%); }

.landing-page-button__button .text { vertical-align: middle; overflow: hidden; }

.landing-page-button__button .text .label { font-size: 2rem; }

.landing-page-button__button .text .label.small { font-size: 80%; }

.landing-page-button__button .text .description { font-size: 44%; white-space: nowrap; line-height: normal; }

.landing-page-button__button:active, .landing-page-button__button:focus { background: transparent; color: white; }

.landing-page-button__button:hover, .landing-page-button__button.selected { background: rgba(255, 255, 255, 0.2); }

.landing-page-button__button.selected:before, .selected.noq-icon-right-open-big-after:after { content: '×'; position: absolute; top: 50%; right: 0.7em; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 1em; }

.landing-page-button__button.collapsed { overflow: hidden; padding: 0; border-width: 0; opacity: 0; }

/*** END app/styles/components/landing-page-button.scss ***/
/*** START app/styles/components/landing-page-pickup.scss ***/
.landing-page-pickup__filter-form { text-align: center; margin-bottom: 1rem; }

.landing-page-pickup__filter-form:before, .landing-page-pickup__filter-form:after { content: " "; display: table; }

.landing-page-pickup__filter-form:after { clear: both; }

.landing-page-pickup__filter-form fieldset { border: 0; padding: 0; margin: 0; }

.landing-page-pickup__filter-form .use-my-location-button { padding: 0.5rem 1.125rem; margin: 0; width: 10.875rem; border: 1px solid #5FAB58; }

@media only screen and (max-width: 62.5rem) { .landing-page-pickup__filter-form .use-my-location-button { font-size: 0.875rem; padding: 0.5rem 0.75rem; } }

@media only screen and (max-width:  31em) { .landing-page-pickup__filter-form .use-my-location-button { display: block; width: 100%; margin-bottom: 0.375rem; } }

.landing-page-pickup__filter-form .zip-code__wrapper { position: relative; width: calc(100% - 11.375rem); display: inline-block; vertical-align: bottom; border: 1px solid #5FAB58; border-radius: 0.1875rem; background: #5FAB58; overflow: hidden; }

.landing-page-pickup__filter-form .zip-code__wrapper:before, .landing-page-pickup__filter-form .zip-code__wrapper:after { content: " "; display: table; }

.landing-page-pickup__filter-form .zip-code__wrapper:after { clear: both; }

@media only screen and (max-width:  31em) { .landing-page-pickup__filter-form .zip-code__wrapper { width: 100%; } }

.landing-page-pickup__filter-form .zip-code__wrapper:before, .landing-page-pickup__filter-form .zip-code__wrapper.noq-icon-right-open-big-after:after { content: '\29c3'; font-family: 'fontello'; position: absolute; left: 0.875rem; top: 0.3125rem; z-index: 1; color: #a5a5a5; }

@media only screen and (max-width: 62.5rem) { .landing-page-pickup__filter-form .zip-code__wrapper:before, .landing-page-pickup__filter-form .zip-code__wrapper.noq-icon-right-open-big-after:after { top: 0.1875rem; } }

.landing-page-pickup__filter-form .zip-code-input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; float: left; border: 0; border-radius: 0; vertical-align: top; margin-right: -0.125rem; margin-bottom: 0; padding-left: 2.5rem; padding-right: 2.5rem; height: 2.1875rem; -webkit-appearance: none; }

.landing-page-pickup__filter-form .zip-code-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.landing-page-pickup__filter-form .zip-code-input:disabled { background-color: #f3f3f3; }

.landing-page-pickup__filter-form .zip-code-input[disabled], .landing-page-pickup__filter-form .zip-code-input[readonly], fieldset[disabled] .landing-page-pickup__filter-form .zip-code-input { background-color: #f3f3f3; }

@media only screen and (max-width: 62.5rem) { .landing-page-pickup__filter-form .zip-code-input { width: calc(100% - 5.5rem); padding-right: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-pickup__filter-form .zip-code-input { width: calc(100% - 7.5rem); } }

.landing-page-pickup__filter-form .zip-code-input::-webkit-input-placeholder { color: #a5a5a5; }

.landing-page-pickup__filter-form .zip-code-input:-moz-placeholder { /* Firefox 18- */ color: #a5a5a5; }

.landing-page-pickup__filter-form .zip-code-input::-moz-placeholder { /* Firefox 19+ */ color: #a5a5a5; }

.landing-page-pickup__filter-form .zip-code-input:-ms-input-placeholder { color: #a5a5a5; }

.landing-page-pickup__filter-form .zip-code-search-button { float: right; padding: 0.5rem 1.125rem; margin: 0; border-radius: 0; }

@media only screen and (max-width: 62.5rem) { .landing-page-pickup__filter-form .zip-code-search-button { font-size: 0.875rem; padding: 0.5rem 0.75rem; width: 5.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-pickup__filter-form .zip-code-search-button { width: 7.5rem; } }

.landing-page-pickup__filter-form .zip-code-clear-button { position: absolute; z-index: 2; margin-left: -2rem; font-size: 1.25rem; line-height: 0.625rem; padding: 0.5rem; text-decoration: none !important; }

@media only screen and (max-width: 62.5rem) { .landing-page-pickup__filter-form .zip-code-clear-button { top: 0.3125rem; right: 6rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-pickup__filter-form .zip-code-clear-button { top: 0.375rem; right: 8rem; } }

.landing-page__geo-location-denied { font-size: 14px; margin-bottom: 1rem; background: rgba(255, 255, 255, 0.2); padding: 0.5rem; border-radius: 0.3125rem; }

.landing-page-pickup-filter-message { margin-bottom: 1rem; font-weight: 600; }

.landing-page-pickup-filter-message .sub-text { font-weight: 300; font-size: 0.875rem; }

.landing-page-pickup-filter-message .link { font-size: 14px; font-weight: 400; }

.landing-page-pickup__loading { display: inline-block; margin-top: 1.875rem; }

.landing-page-pickup__spinner { position: relative; border-top: 0.1em solid rgba(255, 255, 255, 0.2); border-right: 0.1em solid rgba(255, 255, 255, 0.2); border-bottom: 0.1em solid rgba(255, 255, 255, 0.2); border-left: 0.1em solid white; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; font-size: 2.5rem; }

.landing-page-pickup__spinner:after { border-radius: 50%; width: 1em; height: 1em; }

.landing-page-pickup__table { border-collapse: collapse; background: transparent; margin-bottom: 7vmin; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.landing-page-pickup__table__loading { font-size: 2.5rem; padding: 1rem; }

.landing-page-pickup__table__loading .loading-spinner { margin: auto; position: relative; border-top: 0.1em solid rgba(255, 255, 255, 0.2); border-right: 0.1em solid rgba(255, 255, 255, 0.2); border-bottom: 0.1em solid rgba(255, 255, 255, 0.2); border-left: 0.1em solid white; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; }

.landing-page-pickup__table__loading .loading-spinner:after { border-radius: 50%; width: 1em; height: 1em; }

.landing-page-pickup__table__view-all-cell { text-align: center; }

.landing-page-pickup__table__view-all-cell a { color: white !important; font-weight: 600; display: inline-block; margin-top: 1.5rem; }

.landing-page-pickup__no-suburb { max-width: 23.75rem; margin: 0 auto; margin-bottom: 2rem; }

.landing-page-pickup__no-suburb__title { font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; }

.landing-page-pickup__no-suburb__text { font-size: 0.875rem; opacity: 0.8; margin-top: 1rem; }

.landing-page-pickup__no-suburb__prompt { font-size: 0.875rem; opacity: 0.8; margin-top: 0.5rem; }

.landing-page-pickup__no-suburb__button { font-size: 0.875rem; padding: 0.75rem; margin-top: 1.125rem; }

/*** END app/styles/components/landing-page-pickup.scss ***/
/*** START app/styles/components/landing-page-delivery.scss ***/
.landing-page-delivery__suburb { text-align: center; }

.landing-page-delivery__suburb__input { text-align: left; width: 23.75rem; display: inline-block; margin-bottom: 1rem; max-width: 94vw; }

.landing-page-delivery__suburb__input .selectize-input-textbox::-webkit-input-placeholder { color: #a5a5a5; }

.landing-page-delivery__suburb__input .selectize-input-textbox:-moz-placeholder { /* Firefox 18- */ color: #a5a5a5; }

.landing-page-delivery__suburb__input .selectize-input-textbox::-moz-placeholder { /* Firefox 19+ */ color: #a5a5a5; }

.landing-page-delivery__suburb__input .selectize-input-textbox:-ms-input-placeholder { color: #a5a5a5; }

.landing-page-delivery__suburb__input .selectize-dropdown { margin-top: 0; }

.landing-page-delivery__table { border-collapse: collapse; background: transparent; margin-bottom: 7vmin; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.landing-page-delivery__single-store-title { font-weight: 700; margin-bottom: 1rem; }

/*** END app/styles/components/landing-page-delivery.scss ***/
/*** START app/styles/components/landing-page-radius-delivery.scss ***/
.landing-page-radius-delivery__filter-form { text-align: center; margin-bottom: 1rem; }

.landing-page-radius-delivery__filter-form:before, .landing-page-radius-delivery__filter-form:after { content: " "; display: table; }

.landing-page-radius-delivery__filter-form:after { clear: both; }

.landing-page-radius-delivery__filter-form fieldset { border: 0; padding: 0; margin: 0; }

.landing-page-radius-delivery__filter-form .use-my-location-button { padding: 0.5rem 1.125rem; margin: 0; width: 10.875rem; border: 1px solid #5FAB58; }

@media only screen and (max-width: 62.5rem) { .landing-page-radius-delivery__filter-form .use-my-location-button { font-size: 0.875rem; padding: 0.5rem 0.75rem; } }

@media only screen and (max-width:  31em) { .landing-page-radius-delivery__filter-form .use-my-location-button { display: block; width: 100%; margin-bottom: 0.375rem; } }

.landing-page-radius-delivery__filter-form .zip-code__wrapper { position: relative; width: calc(100% - 11.375rem); display: inline-block; vertical-align: bottom; border: 1px solid #5FAB58; border-radius: 0.1875rem; background: #5FAB58; overflow: hidden; }

.landing-page-radius-delivery__filter-form .zip-code__wrapper:before, .landing-page-radius-delivery__filter-form .zip-code__wrapper:after { content: " "; display: table; }

.landing-page-radius-delivery__filter-form .zip-code__wrapper:after { clear: both; }

@media only screen and (max-width:  31em) { .landing-page-radius-delivery__filter-form .zip-code__wrapper { width: 100%; } }

.landing-page-radius-delivery__filter-form .zip-code__wrapper:before, .landing-page-radius-delivery__filter-form .zip-code__wrapper.noq-icon-right-open-big-after:after { content: '\29c3'; font-family: 'fontello'; position: absolute; left: 0.875rem; top: 0.3125rem; z-index: 1; color: #a5a5a5; }

@media only screen and (max-width: 62.5rem) { .landing-page-radius-delivery__filter-form .zip-code__wrapper:before, .landing-page-radius-delivery__filter-form .zip-code__wrapper.noq-icon-right-open-big-after:after { top: 0.1875rem; } }

.landing-page-radius-delivery__filter-form .zip-code-input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; float: left; border: 0; border-radius: 0; vertical-align: top; margin-right: -0.125rem; margin-bottom: 0; padding-left: 2.5rem; padding-right: 2.5rem; height: 2.1875rem; -webkit-appearance: none; }

.landing-page-radius-delivery__filter-form .zip-code-input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.landing-page-radius-delivery__filter-form .zip-code-input:disabled { background-color: #f3f3f3; }

.landing-page-radius-delivery__filter-form .zip-code-input[disabled], .landing-page-radius-delivery__filter-form .zip-code-input[readonly], fieldset[disabled] .landing-page-radius-delivery__filter-form .zip-code-input { background-color: #f3f3f3; }

@media only screen and (max-width: 62.5rem) { .landing-page-radius-delivery__filter-form .zip-code-input { width: calc(100% - 5.5rem); padding-right: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-radius-delivery__filter-form .zip-code-input { width: calc(100% - 7.5rem); } }

.landing-page-radius-delivery__filter-form .zip-code-input::-webkit-input-placeholder { color: #a5a5a5; }

.landing-page-radius-delivery__filter-form .zip-code-input:-moz-placeholder { /* Firefox 18- */ color: #a5a5a5; }

.landing-page-radius-delivery__filter-form .zip-code-input::-moz-placeholder { /* Firefox 19+ */ color: #a5a5a5; }

.landing-page-radius-delivery__filter-form .zip-code-input:-ms-input-placeholder { color: #a5a5a5; }

.landing-page-radius-delivery__filter-form .zip-code-search-button { float: right; padding: 0.5rem 1.125rem; margin: 0; border-radius: 0; }

@media only screen and (max-width: 62.5rem) { .landing-page-radius-delivery__filter-form .zip-code-search-button { font-size: 0.875rem; padding: 0.5rem 0.75rem; width: 5.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-radius-delivery__filter-form .zip-code-search-button { width: 7.5rem; } }

.landing-page-radius-delivery__filter-form .zip-code-clear-button { position: absolute; z-index: 2; margin-left: -2rem; font-size: 1.25rem; line-height: 0.625rem; padding: 0.5rem; text-decoration: none !important; }

@media only screen and (max-width: 62.5rem) { .landing-page-radius-delivery__filter-form .zip-code-clear-button { top: 0.3125rem; right: 6rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-radius-delivery__filter-form .zip-code-clear-button { top: 0.375rem; right: 8rem; } }

.landing-page-radius-delivery__geo-location-denied { font-size: 14px; margin-bottom: 1rem; background: rgba(255, 255, 255, 0.2); padding: 0.5rem; border-radius: 0.3125rem; }

.landing-page-radius-delivery__table { border-collapse: collapse; background: transparent; margin-bottom: 7vmin; border-top: 1px solid rgba(255, 255, 255, 0.2); }

.landing-page-radius-delivery__table__loading { font-size: 2.5rem; padding: 1rem; }

.landing-page-radius-delivery__table__loading .loading-spinner { margin: auto; position: relative; border-top: 0.1em solid rgba(255, 255, 255, 0.2); border-right: 0.1em solid rgba(255, 255, 255, 0.2); border-bottom: 0.1em solid rgba(255, 255, 255, 0.2); border-left: 0.1em solid white; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; }

.landing-page-radius-delivery__table__loading .loading-spinner:after { border-radius: 50%; width: 1em; height: 1em; }

.landing-page-radius-delivery__table__view-all-cell { text-align: center; }

.landing-page-radius-delivery__table__view-all-cell a { color: white !important; font-weight: 600; display: inline-block; margin-top: 1.5rem; }

/*** END app/styles/components/landing-page-radius-delivery.scss ***/
/*** START app/styles/components/landing-page-shipping.scss ***/
.landing-page-shipping__table { border-collapse: collapse; background: transparent; margin-bottom: 7vmin; border-top: 1px solid rgba(255, 255, 255, 0.2); }

/*** END app/styles/components/landing-page-shipping.scss ***/
/*** START app/styles/components/landing-page-store-row.scss ***/
.landing-page-store-row { background: transparent !important; }

.landing-page-store-row td { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2); vertical-align: middle; padding: 1rem 0.25rem; text-align: left; font-size: 0.875rem; }

.landing-page-store-row td.go-cell { width: 1px; white-space: nowrap; text-align: right; }

.landing-page-store-row td.go-cell.hide-store-detail { text-align: center; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .landing-page-store-row.show-distances .name-cell { width: 50%; } .landing-page-store-row.show-distances .distance-cell { text-align: center; width: 1px; white-space: nowrap; } .landing-page-store-row.show-distances .go-cell { width: 50%; } }

.landing-page__store-name { font-weight: bold; font-size: 1rem; }

.landing-page__store-distance { font-size: 1rem; }

/*** END app/styles/components/landing-page-store-row.scss ***/
/*** START app/styles/components/loyalty-info.scss ***/
.loyalty-info__panel { padding: 1.5rem 2rem; }

.loyalty-info__panel + .loyalty-info__panel { margin-top: 1rem; }

.loyalty-info__title { color: #044070; font-size: 1.625rem; font-weight: 600; margin-bottom: 1rem; }

.loyalty-info__linked-membership-panel { background: #f3f3f3; padding: 1rem; margin-bottom: 1.5rem; border: 1px solid rgba(0, 0, 0, 0.02); }

.loyalty-info__barcode-panel { background: white; text-align: center; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0.75rem 0; margin-bottom: 1rem; }

.loyalty-info__barcode-panel label { margin-top: 0.25rem; font-size: 0.875rem; display: block; letter-spacing: -0.01875rem; }

.loyalty-info__barcode-panel label .number { font-weight: 600; white-space: nowrap; }

.loyalty-barcode.error { display: none; }

.loyalty-info__points-panel { background: white; text-align: center; border: 1px solid rgba(0, 0, 0, 0.07); padding: 0.75rem 0; margin-top: -8px; margin-bottom: 1rem; }

.loyalty-info__points-panel h2 { font-size: 0.875rem; margin-bottom: 0.25rem; }

.loyalty-info__points-panel .loading-spinner-inline { margin-top: 0.625rem; margin-bottom: 0.375rem; }

.loyalty-info__points-panel p { font-size: 1.25rem; font-weight: 600; text-align: center; margin: 0; }

.loyalty-info__points-loading { text-align: center; padding: 0.75rem 0; }

.loyalty-info__points-loading .loading-spinner-inline { font-size: 24px; }

.loyalty-info__more-info-container { margin-top: 1rem; }

.loyalty-info__member-number-wrapper { position: relative; }

/*** END app/styles/components/loyalty-info.scss ***/
/*** START app/styles/components/loyalty-signup-appcard.scss ***/
.loyalty-signup-appcard__signup-form .egr-form__fieldset, .loyalty-signup-appcard__verify-form .egr-form__fieldset { margin-bottom: 0; }

.loyalty-signup-appcard__description { font-size: 0.875rem; }

.loyalty-signup-appcard__fieldset { text-align: center; }

.loyalty-signup-appcard__verify-panel { display: inline-block; }

.loyalty-signup-appcard__verify-help { font-size: 0.875rem; margin-top: 12px; line-height: 1.8; }

/*** END app/styles/components/loyalty-signup-appcard.scss ***/
/*** START app/styles/components/mobile-search-modal.scss ***/
.mobile-search-modal { pointer-events: none; transition: left 0.2s ease; left: 100%; box-shadow: none; bottom: auto; }

.mobile-search-modal.show { pointer-events: all; opacity: 1; left: 0; }

.mobile-search-modal__close { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #bbb; color: #bbb; position: absolute; }

.mobile-search-modal__close:hover, .mobile-search-modal__close:focus { background-color: rgba(0, 0, 0, 0); }

.mobile-search-modal__close:hover, .mobile-search-modal__close:focus { color: #bbb; }

.mobile-search-modal__close:before, .mobile-search-modal__close.noq-icon-right-open-big-after:after { color: #bbb !important; }

.mobile-search-modal__search-box { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding: 0 0 0.5rem 3rem; }

/*** END app/styles/components/mobile-search-modal.scss ***/
/*** START app/styles/components/mobile-footer.scss ***/
@media only screen and (min-width: calc(75rem + 1px)) { footer.mobile-footer { display: none; } }

footer.mobile-footer .button-container { box-shadow: 0 -0.5rem 2rem 1rem rgba(0, 0, 0, 0.25); background-color: #044070; color: #ffffff; position: absolute; height: 3.75rem; width: 100%; bottom: 0; z-index: 1; display: flex; flex-direction: row; justify-content: space-around; }

footer.mobile-footer .button-container .mobile-button { width: 3.75rem; height: 3.75rem; cursor: pointer; }

footer.mobile-footer .button-container .mobile-button a { padding-top: 0.3125rem; display: flex; flex-direction: column; align-items: center; color: inherit; white-space: nowrap; overflow-x: hidden; overflow-y: clip; text-overflow: ellipsis; font-size: 0.625rem; line-height: 0.625rem; }

footer.mobile-footer .button-container .mobile-button i:before, footer.mobile-footer .button-container .mobile-button i.noq-icon-right-open-big-after:after { height: 1.875rem; font-size: 1.875rem; line-height: 1.875rem; margin: 0; }

/*** END app/styles/components/mobile-footer.scss ***/
/*** START app/styles/components/order-items-summary.scss ***/
.order-items-summary { font-size: 0.875rem; }

.order-items-summary:before, .order-items-summary:after { content: " "; display: table; }

.order-items-summary:after { clear: both; }

.order-items-summary__table { margin-top: 0; border-collapse: collapse; text-align: center; }

@media only screen and (min-width: calc(75rem + 1px)) { .order-items-summary__table { margin-bottom: 1rem; } }

.order-items-summary__table .col-name { text-align: left; padding-left: 0.5rem; }

@media only screen and (min-width: calc(75rem + 1px)) { .order-items-summary__table .col-name { width: 60%; } }

.order-items-summary__table .col-quantity { text-align: center; padding-left: 0.5rem; padding-right: 0.5rem; white-space: nowrap; }

@media only screen and (max-width: 62.5rem) { .order-items-summary__table .col-quantity { text-align: center !important; font-size: 0.75rem; font-weight: 600; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .order-items-summary__table .col-quantity { white-space: nowrap; text-align: center !important; } }

.order-items-summary__table .col-price { text-align: right; white-space: nowrap; padding-right: 0.5rem; }

@media only screen and (max-width: 62.5rem) { .order-items-summary__table .col-price { min-width: 3em; } }

.order-items-summary__table-head th { padding-bottom: 0.5rem; font-weight: 600; vertical-align: bottom; }

@media only screen and (max-width: 62.5rem) { .order-items-summary__table-head th { font-size: 0.75rem; } .order-items-summary__table-head th.col-name { padding-left: 0.25rem; } }

.order-items-summary__category-header-cell { text-align: left; background-color: #e3e4e6; text-transform: capitalize; padding: 0.25rem; font-size: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .order-items-summary__category-header-cell { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.625rem; line-height: 0.6875rem; font-size: 0.875rem; font-weight: 600; } }

.order-item-product { border-bottom: 1px solid #e3e4e6; }

.order-item-product td { vertical-align: top; padding-top: 4px; padding: 0.5rem 0.25rem; position: relative; font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .order-item-product td { font-size: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .order-item-product td { padding: 0.5rem 0; } }

.order-item-product.is-substituted .order-item-product__row .order-item-product__item-name, .order-item-product.is-substituted .order-item-product__row .col-quantity, .order-item-product.is-substituted .order-item-product__row .col-price, .order-item-product.is-unavailable .order-item-product__row .order-item-product__item-name, .order-item-product.is-unavailable .order-item-product__row .col-quantity, .order-item-product.is-unavailable .order-item-product__row .col-price { text-decoration: line-through; }

.order-item-product.is-adjusted:not(.is-weight-adjusted) .order-item-product__row .col-quantity, .order-item-product.is-adjusted:not(.is-weight-adjusted) .order-item-product__row .col-price { text-decoration: line-through; }

.order-item-product-sub .order-item-product__item-name { display: list-item; margin-left: 10%; }

.order-item-product-sub td { padding-top: 0; }

.order-item-product__item-state { color: #E4313C; font-size: 0.75rem; font-weight: 600; text-transform: lowercase; margin-left: 0.25rem; }

.order-item-product__item-name { font-weight: 600; text-transform: capitalize; }

.order-item-product__item-name.substitute, .order-item-product__item-name.adjusted { text-decoration: none !important; }

.order-items-summary__notes { padding: 0 0.5rem; }

.order-item-product__current-price { font-size: 0.75rem; display: block; font-weight: 300; }

.order-item-product__count-and-weigh-disclaimer { font-size: 0.75rem; font-style: italic; font-weight: 300; }

.order-item-product__promo-wrapper, .order-item-product__deal-wrapper { margin-top: 0.25rem; margin-bottom: 0.3125rem; font-size: 0.75rem; }

.order-item-product__promo-saving-text, .order-item-product__deal-saving-text { white-space: nowrap; color: #E4313C; font-weight: 600; font-size: 0.625rem; }

.order-item-product__promo-badge { margin-right: 0.5rem; }

.order-item-product__deal-badge { display: inline-block; background: #e9967a; color: white; font-weight: 600; font-size: 0.6875rem; line-height: 0.75rem; padding: 0.125rem 0.375rem; text-rendering: geometricPrecision; }

/*** END app/styles/components/order-items-summary.scss ***/
/*** START app/styles/components/order-totals.scss ***/
.order-totals__table { font-size: 0.9375rem; }

@media only screen and (min-width: calc(75rem + 1px)) { .order-totals__table { width: auto !important; margin-left: auto; } }

.order-totals__row { vertical-align: top; }

.order-totals__row th { font-weight: 400; text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.25rem 2rem 0.25rem 0; border-right: 0; }

@media only screen and (max-width: 75rem) { .order-totals__row th { padding-left: 0.5rem; } }

.order-totals__row td { text-align: right; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 0; padding: 0.25rem 0.25rem 0.25rem 2rem; white-space: nowrap; }

@media only screen and (max-width: 75rem) { .order-totals__row td { padding-right: 0.5rem; } }

.order-totals__row.grand-total td, .order-totals__row.grand-total th { font-size: 1.125rem; font-weight: 700; }

.order-totals__row.payment-breakdown th { padding-left: 1.5rem; }

.order-totals__row.payment-breakdown th, .order-totals__row.payment-breakdown td { font-size: 0.875rem; }

.order-totals__row-subtext { display: block; font-size: 0.75rem; font-weight: 300; }

.order-totals__fine-print { clear: right; text-align: justify; }

@media only screen and (max-width: 75rem) { .order-totals__fine-print { padding: 0.75rem 0.5rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .order-totals__fine-print { padding: 0.75rem 0 0; } }

.order-totals__fine-print-item { font-size: 0.6875rem; font-weight: 300; margin-bottom: 0; }

.order-totals .footnote-symbol--sup { margin-left: -0.3em; margin-right: -0.3em; }

/*** END app/styles/components/order-totals.scss ***/
/*** START app/styles/components/page-decoration-header.scss ***/
.page-decoration-header { position: relative; overflow: hidden; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; transition: height 0.3s ease; }

@media only screen and (max-width: 62.5rem) { .page-decoration-header { margin-bottom: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .page-decoration-header.page-decoration-header--has-decoration { margin-bottom: 0.5rem; } }

.page-decoration-header__inner { position: relative; }

.page-decoration-header__image { z-index: -1; width: 100%; }

@media only screen and (max-width: 62.5rem) { .page-decoration-header--has-decoration .page-decoration-header__image { height: 5.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .page-decoration-header--has-decoration .page-decoration-header__image { max-height: 8.75rem; height: 15vw; } }

@media only screen and (max-width: 62.5rem) { .page-decoration-header__title-wrapper { background: rgba(0, 0, 0, 0.5); line-height: 1rem; padding: 0.5rem 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .page-decoration-header__title-wrapper { line-height: 1.5rem; padding: 1rem 0 0.5rem; } }

.page-decoration-header--has-decoration .page-decoration-header__title-wrapper { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; bottom: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .page-decoration-header--has-decoration .page-decoration-header__title-wrapper { padding: 0.5rem 0; } }

.page-decoration-header__title { position: relative; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; font-weight: 600; margin-top: 0; margin-bottom: 0; }

@media only screen and (min-width: 31em) { .page-decoration-header__title { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } }

@media only screen and (min-width: 46.625rem) { .page-decoration-header__title { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 61.75rem) { .page-decoration-header__title { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 76.875rem) { .page-decoration-header__title { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 92rem) { .page-decoration-header__title { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

@media only screen and (min-width: 107.125rem) { .page-decoration-header__title { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } }

.page-decoration-header--has-decoration .page-decoration-header__title { color: white; }

@media only screen and (max-width: 62.5rem) { .page-decoration-header__title { color: white; padding-left: 0.75rem; font-size: 1.125rem; margin-bottom: 0; } }

.page-decoration-header__title__parent { font-weight: 400; }

@media only screen and (max-width: 62.5rem) { .page-decoration-header__title__parent { font-size: 0.75rem; display: block; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .page-decoration-header__title__parent:after { content: "|"; } }

/*** END app/styles/components/page-decoration-header.scss ***/
/*** START app/styles/components/password-meter.scss ***/
.password-meter { color: #000; margin-bottom: 1rem; }

.password-meter__title { margin-bottom: 0.5rem; font-size: 0.75rem; font-weight: 300; }

.password-meter__bar { background-color: #ddd; height: 5px; float: left; width: calc(100% - 4.5rem); }

.password-meter__bar-fill { height: 100%; transition: width 0.3s ease; }

.password-meter__strength { float: right; width: 4.5rem; font-size: 0.75rem; text-align: right; margin-top: -0.5rem; margin-bottom: 0; }

.password-meter .noq-icon-ok:not(.valid) { display: none; }

.password-meter--level-0 .password-meter__bar-fill { width: 10%; background-color: #eb0000; }

.password-meter--level-0 .noq-icon-ok { color: #eb0000; }

.password-meter--level-1 .password-meter__bar-fill { width: 30%; background-color: #e63a18; }

.password-meter--level-1 .noq-icon-ok { color: #e63a18; }

.password-meter--level-2 .password-meter__bar-fill { width: 50%; background-color: #ffae00; }

.password-meter--level-2 .noq-icon-ok { color: #ffae00; }

.password-meter--level-3 .password-meter__bar-fill { width: 70%; background-color: #cedf16; }

.password-meter--level-3 .noq-icon-ok { color: #cedf16; }

.password-meter--level-4 .password-meter__bar-fill { width: 100%; background-color: #4bd400; }

.password-meter--level-4 .noq-icon-ok { color: #4bd400; }

/*** END app/styles/components/password-meter.scss ***/
/*** START app/styles/components/price-display.scss ***/
.price-display { position: relative; white-space: nowrap; display: inline-block; text-align: inherit; }

.price-display > .cents:before, .price-display > .cents.noq-icon-right-open-big-after:after { content: '.'; }

/*** END app/styles/components/price-display.scss ***/
/*** START app/styles/components/product-details-instance.scss ***/
.panel.product-details-instance { width: 100%; position: relative; overflow: hidden; }

@media only screen and (max-width: 62.5rem) { .panel.product-details-instance { border-right: 0; border-left: 0; border-bottom: 0; border-radius: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel.product-details-instance { display: flex; padding: 1.5rem 2.5rem 1rem; } }

.panel.product-details-instance .substitution__link { font-size: 0.75rem; text-align: left; margin-left: 0.0625rem; background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #044070; padding: 0; cursor: pointer; }

.panel.product-details-instance .substitution__link:hover, .panel.product-details-instance .substitution__link:focus { background-color: rgba(0, 0, 0, 0); }

.panel.product-details-instance .substitution__link:hover, .panel.product-details-instance .substitution__link:focus { color: #044070; }

.panel.product-details-instance .substitution__link:hover, .panel.product-details-instance .substitution__link:focus, .panel.product-details-instance .substitution__link:active { background: transparent; text-decoration: underline; }

.product-details-instance__col__label { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.5rem; }

.product-details-instance__max-qty-label { font-size: 0.75rem; font-weight: 300; }

@media only screen and (max-width: 62.5rem) { .product-details-instance__options-wrapper { margin-top: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-instance__options-wrapper { width: 16rem; padding-right: 2rem; } }

.product-details-instance__rhs-wrapper { white-space: nowrap; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-instance__rhs-wrapper { overflow: hidden; order: 1; margin-left: auto; } }

.product-details-instance__quantity { display: inline-block; width: 12.5rem; }

@media only screen and (max-width: 62.5rem) { .product-details-instance__quantity { margin-right: 0.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-instance__quantity { margin-right: 2rem; } .product-details-instance__quantity .product-quantity-stepper__select-container { float: left; } }

.product-details-instance__total { display: inline-block; font-size: 1.25rem; font-weight: 600; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-instance__total { top: -0.5rem; } }

.product-details-instance__total .currency { font-size: 0.875rem; }

.product-details-instance__total .units { font-size: 1.5rem; }

.product-details-instance__remove-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #85817e; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.6875rem; border: 0; position: absolute; top: 0; right: 0; }

.product-details-instance__remove-button:hover, .product-details-instance__remove-button:focus { background-color: #cccccc; }

.product-details-instance__remove-button:hover, .product-details-instance__remove-button:focus { color: #85817e; }

.product-details-instance__remove-button:hover, .product-details-instance__remove-button:active, .product-details-instance__remove-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-details-instance__remove-button, .product-details-instance__remove-button[disabled], .product-details-instance__remove-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-details-instance__remove-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-details-instance__remove-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-details-instance__remove-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.product-details-instance__remove-button.small { padding: 0.375rem 0.75rem; }

.product-details-instance__add-notes-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: white; border-color: #cccccc; color: #4c4b4b; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; font-size: 0.75rem; opacity: 0.6; font-weight: normal; padding: 0.25rem; }

.product-details-instance__add-notes-button:hover, .product-details-instance__add-notes-button:focus { background-color: #cccccc; }

.product-details-instance__add-notes-button:hover, .product-details-instance__add-notes-button:focus { color: #4c4b4b; }

.product-details-instance__add-notes-button:hover, .product-details-instance__add-notes-button:active, .product-details-instance__add-notes-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-details-instance__add-notes-button, .product-details-instance__add-notes-button[disabled], .product-details-instance__add-notes-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-details-instance__add-notes-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-details-instance__add-notes-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-details-instance__add-notes-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.product-details-instance__add-notes-button.small { padding: 0.375rem 0.75rem; }

.product-details-instance__add-notes-button:before, .product-details-instance__add-notes-button.noq-icon-right-open-big-after:after { content: '+'; display: inline-block; font-size: 1.5rem; line-height: 0; vertical-align: middle; margin-right: 0.25rem; position: relative; top: -0.125rem; }

@media only screen and (max-width: 62.5rem) { .product-details-instance__notes-editor { padding-left: 0.25rem; } }

.product-details-instance__shipping-address { font-size: 0.6875rem; position: fixed; right: 0; bottom: 0; padding: 0.5rem 0.5rem 0.5rem 1.25rem; background-color: rgba(0, 0, 0, 0.07); border-radius: 1.25rem 0 0 0.25rem; }

.product-details-instance__substitutions { max-width: 18rem; }

/*** END app/styles/components/product-details-instance.scss ***/
/*** START app/styles/components/product-details.scss ***/
.product-details-modal__body { background: #F8F8F8; }

@media only screen and (max-width: 62.5rem) { .product-details-modal__body { background: white; } }

@media only screen and (min-width: calc(62.5rem + 1px)) and (max-width: 75rem) { .product-details-modal__body { width: 48rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .product-details-modal__body { width: 53rem; } }

.product-details-modal__body .panel { background: white; border: 1px solid rgba(0, 0, 0, 0.07); position: relative; border-radius: 0.1875rem; }

.product-details-modal__loading-spinner { font-size: 3.125rem; margin: 5rem auto; }

@media only screen and (max-width: 62.5rem) { .panel.product-details__main-panel { background: transparent; border: 0; padding: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel.product-details__main-panel { min-height: 18.5rem; padding: 2.5rem 2.5rem 2.5rem 18.5rem !important; } }

.product-details__image { background: white; }

@media only screen and (max-width: 62.5rem) { .product-details__image { width: 50vw; height: 50vw; max-height: 30vh; max-width: 30vh; margin: 0 auto 1.5rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details__image { position: absolute; top: 2.5rem; left: 2.5rem; width: 13.5rem; height: 13.5rem; } }

.product-details__options-tag { position: relative; width: auto; height: 1rem; padding: 0.125rem 0.375rem; text-align: center; font-size: 0.625rem; font-weight: 500; background: #ffffff; color: #4b8a46; line-height: 0.75rem; left: -0.5rem; top: -0.1875rem; }

@media only screen and (max-width:  31em) { .product-details__options-tag { border: 1px solid #4b8a46; padding: 0.125rem 0.375rem; height: 1.125rem; border-radius: 0.25rem; } }

@media only screen and (min-width: 31em) { .product-details__options-tag { border-radius: 0.125rem; z-index: 1; white-space: nowrap; } }

.product-details__name { font-size: 1.25rem; font-weight: 400; margin-bottom: 1rem; text-transform: capitalize; }

.product-details__gpp-link { position: relative; display: inline-block; padding: 0.25rem 0.5rem 0.25rem 3.75rem; border-radius: 0.1875rem; }

.product-details__gpp-link:hover, .product-details__gpp-link:focus { text-decoration: none; background: rgba(0, 0, 0, 0.07); }

.product-details__gpp__save { position: absolute; left: 0; top: 0.25rem; font-size: 0.75rem; background: #E4313C; color: white; padding: 0.125rem 0.25rem 0.125rem 0.5rem; font-weight: 600; }

.product-details__gpp__save:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 22px 8px 0 0; border-color: #E4313C transparent transparent transparent; position: absolute; right: -8px; top: 0; }

.product-details__gpp__desc { font-size: 0.8125rem; font-weight: 600; display: block; padding-top: 0.125rem; }

.product-details__gpp__def { font-size: 0.75rem; display: block; font-weight: 500; }

.product-details__gpp__fine-print { font-size: 0.75rem; display: block; opacity: 0.6; }

.product-details__special { margin-top: 0.5rem; margin-bottom: -0.5rem; }

.product-details__special__save { font-size: 0.75rem; color: #E4313C; font-weight: 600; text-transform: uppercase; margin-right: 0.5rem; }

.product-details__special__normally { font-size: 0.75rem; color: #a5a5a5; font-style: italic; }

.product-details__special__normally .price { font-size: 0.75rem; font-weight: 600; }

.product-details__price { font-size: 1.25rem; margin-bottom: 0.25rem; }

.product-details__price .price-display { font-weight: 600; }

.product-details__price .price-display .units { font-size: 2.25rem; margin-left: 3px; }

.product-details__price .price-display .cents { font-size: 1.875rem; }

.product-details__price.on-special { color: #E4313C; }

.product-details__price__deposit { text-transform: lowercase; color: #a5a5a5; }

.product-details__uom-text, .product-details__count-and-weigh-disclaimer { font-size: 0.75rem; opacity: 0.6; margin-bottom: 1rem; }

.product-details__uom-text + .product-details__count-and-weigh-disclaimer, .product-details__count-and-weigh-disclaimer + .product-details__count-and-weigh-disclaimer { margin-top: -1rem; }

.product-details__aisle { font-size: 1rem; font-weight: 400; opacity: 0.8; margin-bottom: 1rem; }

.product-details__shopping-list-menu { font-size: 0.75rem; color: #85817e; }

.product-details__unavailable-message { text-align: center; font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .product-details__flip-panel + .product-details__flip-panel { margin-top: -0.0625rem; } .product-details__flip-panel + .product-details__add-panel { border-top: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details__flip-panel { margin-top: 0.75rem; } }

.product-details__sales-restrictions-message { background-color: #4b8a46; color: white; padding: 0.375rem; font-size: 0.8rem; margin-top: 0.75rem; }

.panel.product-details__add-panel { position: relative; display: block; width: 100%; position: relative; }

.panel.product-details__add-panel:before, .product-details__add-panel.noq-icon-right-open-big-after:after, .panel.product-details__add-panel:after { content: " "; display: table; }

.panel.product-details__add-panel:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .panel.product-details__add-panel { padding: 1rem 0.75rem 1rem 0.75rem; border-right: 0; border-left: 0; border-bottom: 0; border-radius: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .panel.product-details__add-panel { margin-top: 0.75rem; padding: 1.5rem 2rem; } .product-details__flip-panel .panel.product-details__add-panel { margin-top: 0; } }

.product-details__fine-print-panel { margin-top: 0.75rem; font-size: 0.75rem; }

@media only screen and (max-width: 62.5rem) { .product-details__fine-print-panel { padding: 1.5rem 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details__fine-print-panel { padding: 1.5rem; } }

.product-details__add-to-cart-button, .product-details__done-button { font-size: 1rem; font-weight: normal; float: right; margin-left: 0.75rem; min-width: 7em; }

.product-details__add-to-cart-button { padding-right: 2.5rem; }

.product-details__add-to-cart-button:after { content: '+'; font-size: 2.25rem; position: absolute; right: 1rem; top: -0.0625rem; }

.product-details__done-button { transition: all 0.2s; }

.product-details__done-button.collapse { width: 0; min-width: 0; padding-left: 0; padding-right: 0; margin-left: -12px; overflow: hidden; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-tabs { margin-top: 1rem; } }

.product-details-tabs__tab-list { margin: 0; }

.product-details-tabs__tab-list:before, .product-details-tabs__tab-list:after { content: " "; display: table; }

.product-details-tabs__tab-list:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .product-details-tabs__tab-list { display: none; } }

.product-details-tab { display: block; float: left; }

.product-details-tab__link { display: block; padding: 0.75rem 1.5rem; color: #a5a5a5; text-decoration: none !important; font-weight: 500; font-size: 0.875rem; border: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 0; border-radius: 0.25rem 0.25rem 0 0; margin-bottom: -2px; margin-right: -1px; }

.product-details-tab__link.active { border-bottom: 2px solid white; background: white; }

.product-details-tabs__panel-container { background: white; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-tabs__panel-container { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; transition: height 0.4s ease; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.07); border-radius: 0 0.1875rem 0.1875rem 0.1875rem; } }

.product-details-tab-panel { padding: 2rem 0; min-height: 5rem; background: white; }

.product-details-tab-panel:before, .product-details-tab-panel:after { content: " "; display: table; }

.product-details-tab-panel:after { clear: both; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-tab-panel { padding: 1.5rem 1.5rem; display: none; } .product-details-tab-panel.show { display: block; } }

@media only screen and (max-width: 62.5rem) { .product-details-tab-panel { border-top: 1px solid rgba(0, 0, 0, 0.07); padding-left: 0.75rem; padding-right: 0.75rem; } }

.product-details-tab-panel__heading { margin-top: 0; font-size: 0.875rem; font-weight: bold; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-tab-panel__heading { display: none; } }

.product-details-tab-panel__content { font-size: 0.8125rem; margin-bottom: 0; hyphens: none; }

.product-details-tab-panel__toggle-button { background-color: transparent; border-color: rgba(0, 0, 0, 0); color: #5FAB58; padding: 0; cursor: pointer; font-size: 0.875rem; display: inline; }

.product-details-tab-panel__toggle-button:hover, .product-details-tab-panel__toggle-button:focus { background-color: rgba(0, 0, 0, 0); }

.product-details-tab-panel__toggle-button:hover, .product-details-tab-panel__toggle-button:focus { color: #5FAB58; }

.product-details-tab-panel__toggle-button:hover, .product-details-tab-panel__toggle-button:focus, .product-details-tab-panel__toggle-button:active { background: transparent; text-decoration: underline; }

.product-details__tags-list { list-style: none; margin: 2rem 0 0; }

.product-details__tags-list:before, .product-details__tags-list:after { content: " "; display: table; }

.product-details__tags-list:after { clear: both; }

.product-details__tag-item { position: relative; float: left; height: 1.5rem; line-height: 1.5rem; padding-left: 2rem; margin-bottom: 0.5rem; font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media only screen and (max-width:  31em) { .product-details__tag-item { width: 50%; } }

@media only screen and (min-width: 31em) { .product-details__tag-item { width: 33%; } }

.product-details__tag-item__icon { position: absolute; width: 1.5rem; height: 1.5rem; left: 0; top: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-coupons { margin-top: 0.625rem; } }

.product-details-coupons__loading { min-height: 14rem; display: flex; align-items: center; }

.product-details-coupons__loading .loading-spinner { font-size: 2.5rem; margin: 0 auto; }

.product-details-coupons__items:before, .product-details-coupons__items:after { content: " "; display: table; }

.product-details-coupons__items:after { clear: both; }

@media only screen and (max-width: 62.5rem) { .product-details-coupons__items { margin-bottom: -0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-coupons__items { margin: 0 -0.25rem -0.25rem -0.25rem; } }

@media only screen and (max-width: 62.5rem) { .product-details-coupons__items .coupon-tile { margin: 0; } .product-details-coupons__items .coupon-tile:last-child { border-bottom-style: solid; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-details-coupons__items .coupon-tile { width: calc(50% - 0.5rem); } }

/*** END app/styles/components/product-details.scss ***/
/*** START app/styles/components/product-list-item.scss ***/
.product-list-items-list:before, .product-list-items-list:after { content: " "; display: table; }

.product-list-items-list:after { clear: both; }

@media only screen and (min-width: 31em) { .product-list-items-list { list-style: none; margin: 0; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-list-items-list { margin-left: 0 !important; margin-right: 0 !important; width: auto; padding-left: 0; } }

.product-list-item { list-style: none; position: relative; padding: 0; background-color: #FFF; text-align: left; margin: 0 0.75rem 0.75rem 0; list-style: none; min-height: 14.9375rem; display: flex; flex-direction: column; justify-content: space-between; transition: box-shadow 150ms ease-out, background-color 150ms ease-out; }

.product-list-item:last-of-type { margin-right: 0 !important; }

.flickity-slider .product-list-item { border: 0 !important; margin-bottom: 0 !important; }

@media only screen and (max-width:  31em) { .product-list-item { height: auto; margin-bottom: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.07); overflow: hidden; } .product-list-item:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.07); } .promo-title-bar + .product-list-group__items-wrapper .product-list-item:first-of-type { border-top: 0; } }

@media only screen and (min-width: 31em) { .product-list-item { border-radius: 0.25rem; width: 14.375rem; float: left; clear: none; height: 23.8125rem; } .product-list-item.show-options .product-list-item__product-info { border-top: 1px solid #e3e4e6; -webkit-transform: translateY(-4.5rem); -moz-transform: translateY(-4.5rem); -ms-transform: translateY(-4.5rem); -o-transform: translateY(-4.5rem); transform: translateY(-4.5rem); } .product-list-item.show-options.multiple-options .product-list-item__product-info { -webkit-transform: translateY(-5.375rem); -moz-transform: translateY(-5.375rem); -ms-transform: translateY(-5.375rem); -o-transform: translateY(-5.375rem); transform: translateY(-5.375rem); } .product-list-item.show-options.complex-options-in-cart .product-list-item__product-info { -webkit-transform: translateY(-1.5rem); -moz-transform: translateY(-1.5rem); -ms-transform: translateY(-1.5rem); -o-transform: translateY(-1.5rem); transform: translateY(-1.5rem); } }

@media only screen and (max-width:  31em) { .product-list-item.is-in-cart { box-shadow: 0.75rem 0 0 -0.0625rem #5FAB58 inset; } }

@media only screen and (min-width: 31em) { .product-list-item.is-in-cart { box-shadow: 0 0 0 0.125rem #5FAB58 inset; } }

@media only screen and (max-width:  31em) { .product-list-item.is-cloaked { min-height: 120px; } }

.product-list-item__featured-product { position: absolute; font-size: 0.5rem; right: 11px; bottom: 14px; }

@media only screen and (min-width: 31em) { .product-list-item__featured-product { right: 13px; bottom: 46px; } }

.product-list-item__product-info { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; padding: 0 0.75rem; left: 0.125rem; }

@media only screen and (max-width:  31em) { .product-list-item__product-info { float: right; width: calc(100% - 4.6875rem); padding: 0 1rem; } .product-list-item__product-info.with-shopping-list { padding-right: 1.75rem; } .product-list-item__product-info.with-recurring-orders { padding-right: 2rem; } .product-list-item__product-info.with-coupons { padding-right: 3.5rem; } }

@media only screen and (min-width: 31em) { .product-list-item__product-info { float: none; width: calc(100% - 0.25rem); cursor: auto; padding: 0.75rem 1rem 0.75rem 1rem; background-color: rgba(255, 255, 255, 0.9); } }

.product-list-item__container { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -ms-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

.product-list-item__container:before, .product-list-item__container:after { content: " "; display: table; }

.product-list-item__container:after { clear: both; }

@media only screen and (max-width:  31em) { .product-list-item__container { font-size: 0.8125rem; } }

@media only screen and (min-width: 31em) { .product-list-item__container { font-size: 1rem; } }

.product-list-item__anchor { display: block; position: relative; text-decoration: none !important; }

.product-list-item__anchor:before, .product-list-item__anchor:after { content: " "; display: table; }

.product-list-item__anchor:after { clear: both; }

@media only screen and (max-width:  31em) { .product-list-item__anchor { padding: 1rem 0.75rem; } }

@media only screen and (min-width: 31em) { .product-list-item__anchor { padding-top: 1rem; } }

.product-list-item__anchor * { cursor: pointer !important; text-decoration: none !important; }

.product-list-item__img-container { display: block; }

@media only screen and (max-width:  31em) { .product-list-item__img-container { position: absolute; margin-top: 0.125rem; width: 4.6875rem; height: 4.6875rem; } }

@media only screen and (min-width: 31em) { .product-list-item__img-container { position: relative; margin: auto; width: 9.375rem; height: 9.375rem; } }

.product-list-item__img { background-color: #FFF; height: 100%; width: 100%; }

.product-list-item__badges { position: absolute; z-index: 1; }

@media only screen and (max-width:  31em) { .product-list-item__badges { top: 0.25rem; left: 0.25rem; } }

@media only screen and (min-width: 31em) { .product-list-item__badges { top: 0.75rem; left: 0.75rem; } }

.product-list-item__name { text-transform: capitalize; margin: 0; }

@media only screen and (max-width:  31em) { .product-list-item__name { font-size: 0.875rem; line-height: 1.25rem; display: -webkit-box; /* For older browsers */ display: box; -webkit-box-orient: vertical; /* Necessary for line-clamp */ overflow: hidden; /* Hide overflow */ -webkit-line-clamp: 2; } }

@media only screen and (min-width: 31em) { .product-list-item__name { font-size: 1rem; line-height: 1.25rem !important; display: block; /* Fallback for non-webkit */ display: -webkit-box; max-height: 3.80625rem; /* Fallback for non-webkit */ font-size: 0.875rem; line-height: 1.45; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 3.80625rem; height: 7.2rem; } .product-list-item__name.s-grow { max-height: none; -webkit-line-clamp: none; display: block; } }

@media only screen and (min-width: 31em) { .product-list-item__gpp-badge { position: absolute; top: -2rem; right: -0.125rem; font-size: 0.6875rem; line-height: 0.75rem; padding: 0.25rem; } .product-list-item__gpp-badge:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 1.25rem 0.5rem; border-color: transparent transparent #E4313C transparent; position: absolute; left: -0.5rem; top: 0; } }

.product-list-item__special { font-size: 0.625rem; line-height: 1rem; margin-right: 0.25rem; padding: 0.25rem 0 0; color: #E4313C; font-weight: 700; text-transform: uppercase; }

.product-list-item__price-wrapper { margin-top: -0.0625rem; padding-bottom: 0.0625rem; line-height: 1.5rem; }

@media only screen and (max-width:  31em) { .product-list-item__price-wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% + 1rem); } }

@media only screen and (max-width:  31em) { .product-list-item__name + .product-list-item__price-wrapper, .product-list-item__gpp-badge + .product-list-item__price-wrapper { padding-top: 0.5rem; } }

@media only screen and (min-width: 31em) { .product-list-item__name + .product-list-item__price-wrapper, .product-list-item__gpp-badge + .product-list-item__price-wrapper { padding-top: 1.5rem; } }

.product-list-item__price { display: inline-block; height: 1.5rem; line-height: 1.5rem; margin: 0; }

.product-list-item__price .price-display { font-weight: 700; }

.product-list-item__price.on-special { color: #E4313C; }

@media only screen and (max-width:  31em) { .product-list-item__price { font-size: 0.875rem; } :not(.with-deposit) > .product-list-item__price { display: inline; } }

@media only screen and (min-width: 31em) { .product-list-item__price { font-size: 1rem; } }

.product-list-item__price__unit { font-size: 0.75rem; }

.product-list-item__price__deposit { font-size: 0.875rem; text-transform: lowercase; color: #a5a5a5; }

.product-list-item__uom-text, .product-list-item__count-and-weigh-disclaimer { font-size: 0.6875rem; line-height: 1rem; margin: 0; opacity: 0.6; }

.product-list-item__uom-text { white-space: nowrap; }

@media only screen and (max-width:  31em) { .product-list-item__uom-text { display: block; } :not(.with-deposit) > .product-list-item__uom-text:not(.is-count-and-weigh) { display: inline; } :not(.with-deposit) > .product-list-item__uom-text:not(.is-count-and-weigh):before, :not(.with-deposit) > .noq-icon-right-open-big-after:not(.is-count-and-weigh):after { content: '('; margin-right: -2px; } :not(.with-deposit) > .product-list-item__uom-text:not(.is-count-and-weigh):after { content: ')'; margin-left: -2px; } }

@media only screen and (min-width: 31em) { .product-list-item__uom-text { padding-top: 0.375rem; } }

.product-list-item__rhs-items { position: absolute; text-align: right; }

@media only screen and (max-width:  31em) { .product-list-item__rhs-items { top: 0.75rem; right: 0.75rem; } }

@media only screen and (min-width: 31em) { .product-list-item__rhs-items { top: 0.75rem; right: 0.375rem; } }

.product-list-item__rhs-items__shopping-list-menu { color: #85817e; }

.product-list-item__rhs-items__has-coupons { margin: 0.25rem 0 0.125rem; font-size: 0.6875rem; color: white; background: #3E9AAB; padding: 0.1875rem 0.25rem; line-height: 1; border-radius: 4px; font-weight: 600; }

@keyframes quantity-stepper-mobile-slide { 0% { -webkit-transform: translateX(-4.375rem);
    -moz-transform: translateX(-4.375rem);
    -ms-transform: translateX(-4.375rem);
    -o-transform: translateX(-4.375rem);
    transform: translateX(-4.375rem); } }

.product-list-item__button-area { background-color: transparent; margin: 0; padding: 0; height: auto; display: flex; flex-direction: column; }

.product-list-item__button-area:before, .product-list-item__button-area:after { content: " "; display: table; }

.product-list-item__button-area:after { clear: both; }

.product-list-item__button-area .product-list-item__product-location { font-size: 0.75rem; line-height: 1rem; color: #85817e; border-top: 1px solid rgba(133, 129, 126, 0.1); background: rgba(227, 228, 230, 0.5); margin: 0.25rem 0 0; padding: 0.25rem; }

@media only screen and (max-width:  31em) { .product-list-item__button-area { position: relative; width: 12.25rem; float: right; margin: 0 calc(100% - 18.9375rem) 1rem 1rem; overflow: hidden; } .product-list-item:not(.multiple-options) .product-list-item__button-area .product-list-item__quantity-stepper { -webkit-animation: quantity-stepper-mobile-slide 0.15s ease; -moz-animation: quantity-stepper-mobile-slide 0.15s ease; animation: quantity-stepper-mobile-slide 0.15s ease; } }

@media only screen and (min-width: 31em) { .product-list-item__button-area { display: flex; width: 100%; position: absolute; bottom: 0; left: 0; } }

.product-list-item__button-area .product-list-item__bottom-buttons { display: flex; align-self: stretch; }

.product-list-item__quantity-stepper { width: 100%; }

@media only screen and (max-width:  31em) { .product-list-item__quantity-stepper .in-cart-label { display: none; } }

.product-list-item__unavailable { width: 100%; text-align: center; background: #e3e4e6; font-size: 0.75rem; line-height: 2.25rem; height: 2.25rem; }

.noq-action-button { text-transform: uppercase; }

@media only screen and (max-width:  31em) { .noq-action-button { font-size: 0.6875rem; } }

@keyframes options-slide-open { from { transform: translateY(100%); } }

.product-list-item__options { position: relative; overflow: hidden; opacity: 1; transform: translateY(0); animation: 0.2s options-slide-open; }

.multiple-options .product-list-item__options { height: 5.375rem; }

.complex-options-in-cart .product-list-item__options { height: 1.5rem; }

@media only screen and (max-width:  31em) { .product-list-item__options { padding: 0.25rem 0; } }

@media only screen and (min-width: 31em) { .product-list-item__options { padding: 0.25rem 1rem 0.75rem; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); width: calc(100% - 0.25rem); left: 0.125rem; } }

.product-list-item__options__more { font-size: 0.75rem; color: #5FAB58; display: block; text-align: right; }

.product-list-item--carousel { margin: 0; border-right: 0; border-top: 0; border-bottom: 0; }

@media only screen and (max-width:  31em) { .product-list-item--carousel { width: 80vw; max-width: 20rem; } .product-list-item--carousel.is-in-cart .product-list-item__button-area { width: 10rem; margin-right: 1rem; } .product-list-item--carousel .product-list-item__options-tag { display: none; } .product-list-item--carousel .product-list-item__uom-text { display: block; } }

.product-list-item__change-options-button, .product-list-item__add-to-cart-button { height: 2.25rem; }

.product-list-item__change-options-button { border-radius: 0; width: 100%; padding: 0.5rem 0; }

.product-list-item__add-to-cart-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #4b8a46; border-color: #3c6f38; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; text-align: right; padding: 0.5rem 0 0.5rem 0.75rem; }

.product-list-item__add-to-cart-button:hover, .product-list-item__add-to-cart-button:focus { background-color: #3c6f38; }

.product-list-item__add-to-cart-button:hover, .product-list-item__add-to-cart-button:focus { color: #ffffff; }

.product-list-item__add-to-cart-button:hover, .product-list-item__add-to-cart-button:active, .product-list-item__add-to-cart-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .product-list-item__add-to-cart-button, .product-list-item__add-to-cart-button[disabled], .product-list-item__add-to-cart-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.product-list-item__add-to-cart-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.product-list-item__add-to-cart-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.product-list-item__add-to-cart-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.product-list-item__add-to-cart-button.small { padding: 0.375rem 0.75rem; }

@media only screen and (max-width:  31em) { .product-list-item__add-to-cart-button { width: auto; border-radius: 0.25rem; } .product-list-item__add-to-cart-button + .product-list-item__add-to-cart-button { margin-top: 0.25rem; } }

@media only screen and (min-width: 31em) { .product-list-item__add-to-cart-button { border-radius: 0 0 0.25rem 0.25rem; flex: 1 1 max-content; } .product-list-item__add-to-cart-button + .product-list-item__add-to-cart-button { margin-left: 0.25rem; } }

.product-list-item__add-to-cart-button:not(.no-icon):after { content: '+'; font-family: 'fontello'; display: inline-block; vertical-align: middle; line-height: 1rem; vertical-align: top; text-align: center; border: 1px solid transparent; background: transparent; font-size: 1.125rem; font-weight: 600; width: 2.25rem; }

.product-list-item__add-to-cart-button.no-icon { padding-right: 0.7rem; text-align: center; }

.product-list-item__options-tag { position: absolute; width: auto; height: 1rem; padding: 0.125rem 0.375rem; text-align: center; font-size: 0.625rem; font-weight: 500; background: #ffffff; color: #4b8a46; line-height: 0.75rem; }

@media only screen and (max-width:  31em) { .product-list-item__options-tag { right: 0; bottom: 0.5rem; border: 1px solid #4b8a46; padding: 0.125rem 0.375rem; height: 1.125rem; border-radius: 0.25rem; } }

@media only screen and (min-width: 31em) { .product-list-item__options-tag { left: 0.5rem; bottom: 0.625rem; border-radius: 0.125rem; z-index: 1; white-space: nowrap; } }

.product-list-item__complex-options-indicator, .product-list-item__sales-restrictions-message { height: 1.5rem; font-size: 0.625rem; line-height: 1rem; padding: 0.25rem 0.5rem; text-align: center; background-color: #4b8a46; color: #ffffff; }

.product-list-item__sales-restrictions-message { background-color: #5FAB58; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 1.5rem; }

.product-list-item__fly-to-cart-image { position: absolute; border-radius: 25rem; overflow: hidden; z-index: 9998; background-size: contain; background-position: center center; background-repeat: no-repeat; }

@media only screen and (max-width:  31em) { .product-list-item--cloaked { padding: 1rem 1rem 6.75rem 6.75rem; } }

@media only screen and (min-width: 31em) { .product-list-item--cloaked { padding: 11.625rem 1rem 0.75rem 1rem; } }

.product-list-tag-items { margin-left: 0; }

@media only screen and (max-width:  31em) { .product-list-tag-items { margin-right: 0.25rem; line-height: 1.125rem; font-size: 1.125rem; margin-bottom: 0.5rem; } }

@media only screen and (min-width: 31em) { .product-list-tag-items { position: absolute; top: 0.75rem; left: 0.75rem; } }

.product-list-tag-items__tag-item { list-style: none; }

@media only screen and (max-width:  31em) { .product-list-tag-items__tag-item { display: inline-block; vertical-align: text-bottom; } }

@media only screen and (min-width: 31em) { .product-list-tag-items__tag-item { margin-bottom: 0.25rem; } }

@media only screen and (max-width:  31em) { .product-list-tag-items__tag-item__icon { width: 1.125rem; height: 1.125rem; } }

@media only screen and (min-width: 31em) { .product-list-tag-items__tag-item__icon { width: 1.5rem; height: 1.5rem; } }

.product-list-tag-items__tag-item__icon.error { display: none; }

.product-list-tag-items__tag-item__tooltip { min-width: 0; width: auto !important; }

/*** END app/styles/components/product-list-item.scss ***/
/*** START app/styles/components/product-carousel.scss ***/
.product-carousel { width: 100%; padding: 2em 0; }

.product-carousel:before, .product-carousel:after { content: " "; display: table; }

.product-carousel:after { clear: both; }

@media only screen and (max-width:  31em) { .product-carousel .flickity-page-dots { display: none; } }

@media only screen and (min-width: 31em) { .product-carousel--show-dots { padding-bottom: 4em; } }

.product-carousel__wrapper { width: 100%; margin: auto; }

@media only screen and (min-width: calc(100rem + 1px)) { .product-carousel__wrapper:not(.use-parent-size) { width: 93.75rem; } }

.product-carousel--related-gpp.product-carousel { width: 100%; }

@media only screen and (max-width: 62.5rem) { .product-carousel--related-gpp.product-carousel { padding-top: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-carousel--related-gpp.product-carousel { padding-top: 0; } }

.product-carousel--related-gpp .product-carousel__wrapper { width: 100%; margin: auto; }

.product-carousel__header { margin-bottom: 0.5em; }

.product-carousel__header:before, .product-carousel__header:after { content: " "; display: table; }

.product-carousel__header:after { clear: both; }

.product-carousel__title { text-align: left; font-weight: 700; float: left; font-size: 6vmin; margin-left: 0.5em; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-carousel__title { font-size: 1.8em; } }

.product-carousel__more-button { float: right; margin-bottom: 1px; }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .product-carousel__more-button { margin-right: 0.75rem; } }

.product-carousel__flickity { position: relative; border-radius: 0.25rem; padding-bottom: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-carousel__flickity { transition: 200ms background-color linear; } }

.flickity-prev-next-button { background-color: #c8c8c8; border-color: #a0a0a0; color: #3c3b3b; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; width: 3em; height: 3em; padding: 2em; border: 1px solid rgba(0, 0, 0, 0.1); }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { background-color: #a0a0a0; }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { color: #3c3b3b; }

.flickity-prev-next-button[disabled], .flickity-prev-next-button.disabled { opacity: 0 !important; }

.flickity-prev-next-button.previous { left: 0; border-radius: 0 2em 2em 0; padding-right: 0; padding-left: 0.5em; border-left: 0; }

.flickity-prev-next-button.next { right: 0; border-radius: 2em 0 0 2em; padding-right: 0.5em; padding-left: 0; border-right: 0; }

.product-carousel__empty, .product-carousel__error { text-align: left; }

.product-carousel__loading { position: relative; border: 1px solid #e3e4e6; background-color: white; background-image: linear-gradient(to right, #f3f3f3 1px, transparent 0, transparent 100%); background-position: top 1px; background-size: 50vw 100%; text-align: center; padding: 8.75rem 2em; height: auto; margin-bottom: 2rem; }

@media only screen and (min-width: 30rem) { .product-carousel__loading { background-size: 15rem 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-carousel__loading { background-position: top left; background-size: calc(33.3333% + 1px) 100%; height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .product-carousel__loading { background-size: calc(25% + 1px) 100%; height: 20.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (hover: none) { .product-carousel__loading { height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { html.touch .product-carousel__loading { height: 22.8125rem; } }

.product-carousel__item-wrapper { margin: 0 0.375rem; border: 1px solid rgba(0, 0, 0, 0.3); }

/*** END app/styles/components/product-carousel.scss ***/
/*** START app/styles/components/coupon-carousel.scss ***/
.coupon-carousel { width: 100%; padding: 2em 0; }

.coupon-carousel:before, .coupon-carousel:after { content: " "; display: table; }

.coupon-carousel:after { clear: both; }

@media only screen and (max-width:  31em) { .coupon-carousel .flickity-page-dots { display: none; } }

@media only screen and (min-width: 31em) { .coupon-carousel--show-dots { padding-bottom: 4em; } }

.coupon-carousel__wrapper { width: 100%; margin: auto; }

@media only screen and (min-width: calc(100rem + 1px)) { .coupon-carousel__wrapper:not(.use-parent-size) { width: 93.75rem; } }

.coupon-carousel--related-gpp.coupon-carousel { width: 100%; }

@media only screen and (max-width: 62.5rem) { .coupon-carousel--related-gpp.coupon-carousel { padding-top: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-carousel--related-gpp.coupon-carousel { padding-top: 0; } }

.coupon-carousel--related-gpp .coupon-carousel__wrapper { width: 100%; margin: auto; }

.coupon-carousel__header { margin-bottom: 0.5em; }

.coupon-carousel__header:before, .coupon-carousel__header:after { content: " "; display: table; }

.coupon-carousel__header:after { clear: both; }

.coupon-carousel__title { text-align: left; font-weight: 700; float: left; font-size: 6vmin; margin-left: 0.5em; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-carousel__title { font-size: 1.8em; } }

.coupon-carousel__more-button { float: right; margin-bottom: 1px; }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .coupon-carousel__more-button { margin-right: 0.75rem; } }

.coupon-carousel__flickity { position: relative; border-radius: 0.25rem; padding-bottom: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-carousel__flickity { transition: 200ms background-color linear; } }

.flickity-prev-next-button { background-color: #c8c8c8; border-color: #a0a0a0; color: #3c3b3b; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; width: 3em; height: 3em; padding: 2em; border: 1px solid rgba(0, 0, 0, 0.1); }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { background-color: #a0a0a0; }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { color: #3c3b3b; }

.flickity-prev-next-button[disabled], .flickity-prev-next-button.disabled { opacity: 0 !important; }

.flickity-prev-next-button.previous { left: 0; border-radius: 0 2em 2em 0; padding-right: 0; padding-left: 0.5em; border-left: 0; }

.flickity-prev-next-button.next { right: 0; border-radius: 2em 0 0 2em; padding-right: 0.5em; padding-left: 0; border-right: 0; }

.coupon-carousel__empty, .coupon-carousel__error { text-align: left; }

.coupon-carousel__loading { position: relative; border: 1px solid #e3e4e6; background-color: white; background-image: linear-gradient(to right, #f3f3f3 1px, transparent 0, transparent 100%); background-position: top 1px; background-size: 50vw 100%; text-align: center; padding: 8.75rem 2em; height: auto; margin-bottom: 2rem; }

@media only screen and (min-width: 30rem) { .coupon-carousel__loading { background-size: 15rem 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .coupon-carousel__loading { background-position: top left; background-size: calc(33.3333% + 1px) 100%; height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .coupon-carousel__loading { background-size: calc(25% + 1px) 100%; height: 20.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (hover: none) { .coupon-carousel__loading { height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { html.touch .coupon-carousel__loading { height: 22.8125rem; } }

.coupon-carousel__item-wrapper { margin: 0 0.375rem; }

.coupon-carousel__item-wrapper .coupon-tile { width: 21rem; margin: 0; }

/*** END app/styles/components/coupon-carousel.scss ***/
/*** START app/styles/components/recipe-carousel.scss ***/
.recipe-carousel { width: 100%; padding: 2em 0; }

.recipe-carousel:before, .recipe-carousel:after { content: " "; display: table; }

.recipe-carousel:after { clear: both; }

@media only screen and (max-width:  31em) { .recipe-carousel .flickity-page-dots { display: none; } }

@media only screen and (min-width: 31em) { .recipe-carousel--show-dots { padding-bottom: 4em; } }

.recipe-carousel__item-wrapper { margin: 0 0.375rem; width: calc(50% - 7px); }

@media only screen and (min-width: calc(100rem + 1px)) { .recipe-carousel__item-wrapper { width: calc(33% - 7px); } }

@media only screen and (max-width: 62.5rem) { .recipe-carousel__item-wrapper { width: 100%; } }

.recipe-carousel__item-wrapper .recipe-item { border: 1px solid rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 31.25rem) { .recipe-carousel__item-wrapper .recipe-item button { grid-template-columns: [favorite] 3rem [left] minmax(0, 1fr) [right] 1fr [last-column]; grid-template-rows: [first] 3rem [details] minmax(70vw, 1fr) [time] 1.75rem [title] min-content [last-row]; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-carousel__item-wrapper .recipe-item button { height: 200px; grid-template-columns: [first] 200px [second left] 8em [third right] 1fr [last-column]; grid-template-rows: [title first] auto [cuisine] 1.5rem [details] 1.5rem [time] 1rem [contents] auto [last-row]; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel__item-wrapper .recipe-item:hover { transform: none; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-carousel__item-wrapper .recipe-item .title { margin-bottom: 0.625rem; line-height: 1.5rem; font-size: 1rem; white-space: normal; word-wrap: break-word; } }

.recipe-carousel__item-wrapper .recipe-item .contents { height: 100%; overflow: hidden; z-index: 1; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; }

@media only screen and (max-width: 31.25rem) { .recipe-carousel__item-wrapper .recipe-item .contents { display: none; } }

@media only screen and (min-width: calc(31.25rem + 1px)) { .recipe-carousel__item-wrapper .recipe-item .contents { grid-column-start: second; grid-column-end: last-column; grid-row: contents; } }

.recipe-carousel__item-wrapper .recipe-item .contents p { padding-top: .8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel__item-wrapper .recipe-item .details, .recipe-carousel__item-wrapper .recipe-item .cuisine, .recipe-carousel__item-wrapper .recipe-item .time { margin-top: auto; } }

.recipe-carousel__more-button { float: right; margin-bottom: 1px; }

@media only screen and (min-width: 31em) and (max-width: 1080px) { .recipe-carousel__more-button { margin-right: 0.75rem; } }

.recipe-carousel--related-gpp.recipe-carousel { width: 100%; }

@media only screen and (max-width: 62.5rem) { .recipe-carousel--related-gpp.recipe-carousel { padding-top: 0.75rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel--related-gpp.recipe-carousel { padding-top: 0; } }

.recipe-carousel--related-gpp .recipe-carousel__wrapper { width: 100%; margin: auto; }

.recipe-carousel__header { margin-bottom: 0.5em; }

.recipe-carousel__header:before, .recipe-carousel__header:after { content: " "; display: table; }

.recipe-carousel__header:after { clear: both; }

.recipe-carousel__title { text-align: left; font-weight: 700; float: left; font-size: 6vmin; margin-left: 0.5em; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel__title { font-size: 1.8em; } }

.recipe-carousel__loading { position: relative; border: 1px solid #e3e4e6; background-color: white; background-image: linear-gradient(to right, #f3f3f3 1px, transparent 0, transparent 100%); background-position: top 1px; background-size: 50vw 100%; text-align: center; padding: 8.75rem 2em; height: auto; margin-bottom: 2rem; }

@media only screen and (min-width: 30rem) { .recipe-carousel__loading { background-size: 15rem 100%; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel__loading { background-position: top left; background-size: calc(33.3333% + 1px) 100%; height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { .recipe-carousel__loading { background-size: calc(25% + 1px) 100%; height: 20.75rem; } }

@media only screen and (min-width: calc(75rem + 1px)) and (hover: none) { .recipe-carousel__loading { height: 22.8125rem; } }

@media only screen and (min-width: calc(75rem + 1px)) { html.touch .recipe-carousel__loading { height: 22.8125rem; } }

.recipe-carousel__flickity { position: relative; border-radius: 0.25rem; padding-bottom: 0.75rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .recipe-carousel__flickity { transition: 200ms background-color linear; } }

.flickity-prev-next-button { background-color: #c8c8c8; border-color: #a0a0a0; color: #3c3b3b; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; width: 3em; height: 3em; padding: 2em; border: 1px solid rgba(0, 0, 0, 0.1); }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { background-color: #a0a0a0; }

.flickity-prev-next-button:hover, .flickity-prev-next-button:focus { color: #3c3b3b; }

.flickity-prev-next-button[disabled], .flickity-prev-next-button.disabled { opacity: 0 !important; }

.flickity-prev-next-button.previous { left: 0; border-radius: 0 2em 2em 0; padding-right: 0; padding-left: 0.5em; border-left: 0; }

.flickity-prev-next-button.next { right: 0; border-radius: 2em 0 0 2em; padding-right: 0.5em; padding-left: 0; border-right: 0; }

/*** END app/styles/components/recipe-carousel.scss ***/
/*** START app/styles/components/product-options.scss ***/
.product-options__select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; border-radius: em-calc(5); border: 1px solid #ccc; background-color: #F8F8F8 !important; margin-bottom: 0; max-width: 100%; }

.product-options__select::-ms-expand { display: none; }

.product-options__select:disabled { background-color: #f3f3f3; }

.product-options__select.product-options__select--empty { margin-top: 0; }

.product-options__select.product-options__select--empty:not(:focus) { color: #c8c8c8; }

.product-options { display: table; width: 100%; font-size: 0.875rem; }

.product-option { display: table-row; font-size: 0.875rem; }

.product-option__name { padding: 0.5rem 1rem 0.5rem 0; font-weight: 600; white-space: nowrap; }

.product-option__control { color: #4c4b4b; padding-bottom: 0.625rem; margin-top: 0.5rem; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .product-option__control { min-width: 10.625rem; max-width: 15rem; } }

.product-option-select-multiple__item-list { list-style: none; margin: 0; font-size: inherit; }

.product-option-select-multiple__item { position: relative; font-weight: 400; padding: 0 0 0.5rem 1.25rem; }

.product-option-select-multiple__item:before, .product-option-select-multiple__item.noq-icon-right-open-big-after:after { content: '+'; position: absolute; left: 0.125rem; top: -0.0625rem; font-size: 1rem; }

.product-option-select-multiple__item-name { margin-right: 0.25rem; }

.product-option-select-multiple__item-price { display: inline-block; opacity: 0.6; font-size: 0.75rem; font-weight: 500; margin-right: 0.25rem; }

.product-option-select-multiple__item-remove-button { background-color: white; border-color: #cccccc; color: #5FAB58; padding: 0; cursor: pointer; font-size: 0.75rem; font-weight: 400; }

.product-option-select-multiple__item-remove-button:hover, .product-option-select-multiple__item-remove-button:focus { background-color: #cccccc; }

.product-option-select-multiple__item-remove-button:hover, .product-option-select-multiple__item-remove-button:focus { color: #5FAB58; }

.product-option-select-multiple__item-remove-button:hover, .product-option-select-multiple__item-remove-button:focus, .product-option-select-multiple__item-remove-button:active { background: white; text-decoration: underline; }

/* product-option-for-list component */
.product-option-for-list__name { font-size: 0.75rem; }

.product-option-for-list__select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: white; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: right center; background-repeat: no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; font-family: "Open Sans", sans-serif; font-size: 0.875rem; padding: 0.625rem 1.5rem 0.625rem 0.625rem; width: 100%; font-size: 0.75rem; background-color: #F8F8F8 !important; margin-bottom: 0; border: 1px solid #e3e4e6; }

.product-option-for-list__select::-ms-expand { display: none; }

.product-option-for-list__select:disabled { background-color: #f3f3f3; }

/*** END app/styles/components/product-options.scss ***/
/*** START app/styles/components/shopping-list-item.scss ***/
@media print { .noq-shop, #site-header, .site-header__search, .cart-modal, .cart-modal--empty, .noq-dialog, .noq-dialog__substrate, .mobile-footer { display: none; } #application__container { overflow: hidden; } .shopping-list-modal-dialog { --zoom: 0.5; max-height: min-content !important; height: min-content !important; margin-top: 0 !important; width: 50% !important; zoom: var(--zoom); position: unset; } .shopping-list-modal-dialog .noq-icon-edit, .shopping-list-modal-dialog .noq-icon-close-thin, .shopping-list-modal-dialog .noq-modal-dialog__close, .shopping-list-modal-dialog .shopping-list-modal-footer, .shopping-list-modal-dialog .resize-sensor, .shopping-list-modal-dialog .shopping-list__select-all { display: none; } .shopping-list-modal-dialog .shopping-list-modal-body { max-height: unset !important; } .shopping-list-modal-dialog .shopping-list-items { font-size: 20px; } .shopping-list-modal-dialog .shopping-list-items .shopping-list-item .shopping-list-item__select-label::before, .shopping-list-modal-dialog .shopping-list-items .shopping-list-item .shopping-list-item__select-label.noq-icon-right-open-big-after:after { color: transparent !important; -webkit-text-stroke: 1px black; } }

.shopping-list-modal { font-size: 4vw; }

@media (min-width: em-calc(550)) { .shopping-list-modal { font-size: 1.375rem; } }

@media only screen and (min-width: calc(62.5rem + 1px)) { .shopping-list-modal { font-size: 0.875rem; } }

.shopping-list-total-item-count { float: left; padding-left: 0.5em; }

.shopping-list__select-all { display: block; position: absolute; right: 0.25rem; font-size: 0.75em; line-height: 2; text-align: right; font-weight: 700; cursor: pointer; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .shopping-list__select-all { width: 12%; right: 0; text-align: center; } }

.shopping-list__select-all:hover { opacity: 0.6; text-decoration: none; }

.shopping-list__select-all::after { content: ''; display: block; position: absolute; top: -0.78125rem; bottom: -0.78125rem; left: -0.0625rem; right: -0.0625rem; z-index: -1; }

.shopping-list-items { border-collapse: collapse; font-size: inherit; list-style: none; display: table; width: 100%; margin: 0; }

.shopping-list-items:after { width: 100%; height: 20px; background-color: red; position: fixed; bottom: 0; }

.shopping-list-items__completed { font-weight: 700; font-size: 1rem; padding: 0.5rem; cursor: pointer; }

.shopping-list-item { position: relative; display: table-row; padding: 0; font-size: inherit; }

.shopping-list-item.is-checked { background-color: #4141411f; min-height: 1000px; }

.shopping-list-item.is-checked.is-collapsed { display: none; }

.shopping-list-item.is-selected { background-color: #f3f3f3; }

.shopping-list-item:hover .shopping-list-item__qty-stepper { opacity: 1; }

.shopping-list-item.is-unavailable .shopping-list-item__cell { color: rgba(125, 124, 124, 0.6); }

.shopping-list-item.is-unavailable .shopping-list-item__image { opacity: 0.4; }

.shopping-list-item .noq-product-badges { top: 0.25rem; left: 0.25rem; }

.shopping-list-item__cell { display: table-cell; border-bottom: 1px solid #d1d2d3; padding: 0.25em; min-height: 6em; }

.shopping-list-item__remove { width: 8%; padding-right: 0; }

.shopping-list-item__remove > .noq-icon-close-thin { position: relative; text-decoration: none; color: #3c3b3b; }

.shopping-list-item__remove > .noq-icon-close-thin:hover:before, .shopping-list-item__remove > .noq-icon-right-open-big-after:hover:after { font-weight: 700; }

.shopping-list-item__remove > .noq-icon-close-thin::after { content: ''; display: block; position: absolute; top: -0.375rem; bottom: -0.375rem; left: -0.375rem; right: -0.375rem; z-index: -1; }

.shopping-list-item__image-cell { position: relative; margin: 0 0.5em; padding: 1em 0.5em; text-align: center; vertical-align: middle; cursor: pointer; }

.shopping-list-item__image { width: 7rem; height: 7rem; }

.shopping-list-item__detail { width: 46%; line-height: 1.3; cursor: pointer; }

.shopping-list-item__name { min-height: 2.6em; margin-bottom: 1.3em; text-transform: capitalize; }

.shopping-list-item__qty { position: relative; width: 12%; height: 100%; line-height: 1.3; padding-left: 0.2em; text-align: center; white-space: nowrap; font-weight: 700; }

.shopping-list-item__qty-stepper { display: block; position: absolute; right: 0.25rem; bottom: 0.25rem; white-space: nowrap; opacity: 0; }

@media (hover: none) { .shopping-list-item__qty-stepper { opacity: 1; } }

html.touch .shopping-list-item__qty-stepper { opacity: 1; }

.shopping-list-item__qty-stepper .noq-simple-qty-stepper-button { font-size: 1.2em; padding: 0.2em 0.8em; margin-bottom: 0; }

.shopping-list-item__select { width: 12%; vertical-align: middle; text-align: center; border-left: 1px solid #d1d2d3; }

.shopping-list-item__select > label:before, .shopping-list-item__select > label.noq-icon-right-open-big-after:after { color: #e3e4e6 !important; }

.shopping-list-item__select > input[type="checkbox"]:checked ~ label:before, .shopping-list-item__select > input[type="checkbox"]:checked ~ label.noq-icon-right-open-big-after:after { font-size: 100%; color: #64AA5D !important; }

.shopping-list-item__select > input[type="checkbox"]:checked:disabled ~ label:before, .shopping-list-item__select > input[type="checkbox"]:checked:disabled ~ label.noq-icon-right-open-big-after:after, .shopping-list-item__select > input[type="checkbox"]:checked.disabled ~ label:before, .shopping-list-item__select > input[type="checkbox"]:checked.disabled ~ label.noq-icon-right-open-big-after:after, .shopping-list-item__select > input[type="checkbox"]:not(:checked).disabled ~ label:before, .shopping-list-item__select > input[type="checkbox"]:not(:checked).disabled ~ label.noq-icon-right-open-big-after:after, .shopping-list-item__select > input[type="checkbox"]:not(:checked):disabled ~ label:before, .shopping-list-item__select > input[type="checkbox"]:not(:checked):disabled ~ label.noq-icon-right-open-big-after:after { cursor: default; opacity: 0.6; }

.shopping-list-item__select > input[type="checkbox"] { display: none; }

.shopping-list-item__select > .shopping-list-item__select-label { display: block !important; position: relative; font-size: 2em; margin: 0 !important; width: 100% !important; min-height: 2.75rem; text-align: center; }

.shopping-list-item__select > .shopping-list-item__select-label:before, .shopping-list-item__select > .shopping-list-item__select-label.noq-icon-right-open-big-after:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-right: 0; margin-left: 0; }

.shopping-list-item__select .shopping-list-item__select-label:hover:before, .shopping-list-item__select .noq-icon-right-open-big-after:hover:after { opacity: 0.7; }

.shopping-list-item__unavailable { position: absolute; right: 0.3125rem; bottom: 0.75rem; font-size: 0.75rem; white-space: nowrap; color: #E4313C; }

.shopping-list-modal > .noq-modal-dialog > .noq-modal-dialog__header .shopping-list-title { font-size: 2em !important; position: relative; }

.shopping-list-modal > .noq-modal-dialog > .noq-modal-dialog__header .shopping-list-title .editable-title { font-size: 1em; }

.shopping-list-modal > .noq-modal-dialog > .noq-modal-dialog__header .shopping-list-title .editable-title__input { margin: 0; }

.shopping-list-modal > .noq-modal-dialog > .noq-modal-dialog__body { padding: 0; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .shopping-list-modal > .noq-modal-dialog > .noq-modal-dialog__body { width: 30rem; } }

.shopping-list-modal > .noq-modal-dialog .shopping-list-modal__add-button { width: 100%; margin: 0; }

/*** END app/styles/components/shopping-list-item.scss ***/
/*** START app/styles/components/tobacco-banner.scss ***/
.tobacco-banner { display: table; padding: 0.5rem; width: 100%; background: black; color: white; min-height: 6rem; }

.tobacco-banner__image { display: table-cell; width: 6rem; height: 6rem; }

.tobacco-banner__text { display: table-cell; vertical-align: middle; padding: 0 1.5rem; text-align: center; font-size: 0.875rem; }

/*** END app/styles/components/tobacco-banner.scss ***/
/*** START app/styles/components/user-verify-modal.scss ***/
@media only screen and (min-width: calc(62.5rem + 1px)) { .user-verify-modal__body { width: 35rem; } }

.user-verify-modal__message { font-size: 0.875rem; color: #E4313C; font-weight: 600; }

.user-verify-modal__instructions { font-size: 0.875rem; }

/*** END app/styles/components/user-verify-modal.scss ***/
/*** START app/styles/components/verification-code-input.scss ***/
.verification-code-input__input { background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); color: #3c3b3b; display: block; font-family: "Open Sans", sans-serif; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; font-family: "Open Sans", sans-serif; width: 3rem; height: auto; font-size: 1.5rem; text-align: center; display: inline-block; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); color: #4c4b4b; margin-bottom: 0; background-color: white; }

.verification-code-input__input:focus { outline: 1px solid rgba(0, 0, 0, 0.1); }

.verification-code-input__input:disabled { background-color: #f3f3f3; }

.verification-code-input__input[disabled], .verification-code-input__input[readonly], fieldset[disabled] .verification-code-input__input { background-color: #f3f3f3; }

/*** END app/styles/components/verification-code-input.scss ***/
/*** START app/styles/components/delivery-details.scss ***/
.delivery-details { background-color: rgba(0, 0, 0, 0.1); padding: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: .delivery-details font-weight-medium; border-radius: 0 0 5px 5px; }

.delivery-details .egr-form__fieldset { margin-bottom: 0; }

.delivery-details.has-errors { background-color: rgba(173, 81, 81, 0.28); border-color: #D16262; border-width: 1px; border-style: solid; }

.delivery-details__save-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0.25rem 0.5rem 0.375rem 0.5rem; font-size: 0.875rem; text-align: center; height: 100%; margin-left: auto; margin-right: 0; display: block; }

.delivery-details__save-button:hover, .delivery-details__save-button:focus { background-color: #4b8a45; }

.delivery-details__save-button:hover, .delivery-details__save-button:focus { color: #ffffff; }

.delivery-details__save-button:hover, .delivery-details__save-button:active, .delivery-details__save-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .delivery-details__save-button, .delivery-details__save-button[disabled], .delivery-details__save-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.delivery-details__save-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.delivery-details__save-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.delivery-details__save-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.delivery-details__save-button.small { padding: 0.375rem 0.75rem; }

.delivery-details__edit-button { position: relative; cursor: pointer; margin: 0 0 0; text-align: center; display: inline-block; font-size: 0.875rem; padding: 0.8em 1.2em; margin-bottom: 0; text-decoration: none; font-family: "Open Sans", sans-serif; line-height: normal; border-radius: 0.125rem; font-weight: 500; background-color: #5FAB58; border-color: #4b8a45; color: #ffffff; border: 0; margin-bottom: 0; -webkit-appearance: none; -moz-appearance: none; border-radius: 0.25rem; position: relative; padding: 0.25rem 0.5rem; font-size: 0.875rem; text-align: center; height: 100%; margin-left: auto; margin-right: 0; display: block; float: right; }

.delivery-details__edit-button:hover, .delivery-details__edit-button:focus { background-color: #4b8a45; }

.delivery-details__edit-button:hover, .delivery-details__edit-button:focus { color: #ffffff; }

.delivery-details__edit-button:hover, .delivery-details__edit-button:active, .delivery-details__edit-button:focus { text-decoration: none; }

.egr-form__fieldset[disabled] .delivery-details__edit-button, .delivery-details__edit-button[disabled], .delivery-details__edit-button.disabled { cursor: default; text-shadow: 1px 1px 1px white; color: #b4b4b4; background-color: #e3e4e6; border-color: #e3e4e6; }

.delivery-details__edit-button.spinner { padding-left: 2.3em; padding-right: 2.3em; }

.delivery-details__edit-button.spinner.loading:before, .loading.noq-icon-right-open-big-after:after { content: ''; position: relative; border-top: 0.1em solid currentColor; border-right: 0.1em solid currentColor; border-bottom: 0.1em solid currentColor; border-left: 0.1em solid transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: noq_spinneranim 1.1s infinite linear; animation: noq_spinneranim 1.1s infinite linear; border-radius: 50%; width: 1em; height: 1em; position: absolute; left: 0.75rem; top: 0.75rem; border-width: 0.15em; opacity: 0.6; }

.delivery-details__edit-button.spinner.loading:before:after, .loading.noq-icon-right-open-big-after:after { border-radius: 50%; width: 1em; height: 1em; }

.delivery-details__edit-button.small { padding: 0.375rem 0.75rem; }

/*** END app/styles/components/delivery-details.scss ***/
/*** START app/styles/components/request-item.scss ***/
.request-item-button { display: inline; align-self: center; margin-left: auto; font-weight: 300; }

.request-item-button.include-message { font-size: 0.875rem; }

@media only screen and (max-width: 62.5rem) { .request-item-button.include-message { font-size: 0.75rem; } }

.request-item-button a { font-weight: 700; color: #64AA5D; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .request-item-modal__body { max-width: 37em; } }

.quantity-cell-size-fix { visibility: hidden; }

/*** END app/styles/components/request-item.scss ***/
/*** START app/styles/components/product-carousel-recipe.scss ***/
@media only screen and (max-width: 31.25rem) { .product-carousel-recipe .flickity-viewport { height: 263px !important; padding-top: 1rem; } .product-carousel-recipe .flickity-viewport .product-list-item .product-list-item__button-area { width: auto; } .product-carousel-recipe .flickity-viewport .product-list-item .product-list-item__button-area .product-list-item__bottom-buttons { margin-left: 0; margin-right: 0; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; } }

/*** END app/styles/components/product-carousel-recipe.scss ***/
/*** START app/styles/components/adadapted-ad.scss ***/
.adadapted-ad > #adadapted-mobile-zone { --ratio: calc(9/16); }

@media only screen and (min-width: 31em) { .adadapted-ad > #adadapted-mobile-zone { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(2n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 46.625rem) { .adadapted-ad > #adadapted-mobile-zone { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(3n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 61.75rem) { .adadapted-ad > #adadapted-mobile-zone { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(4n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 76.875rem) { .adadapted-ad > #adadapted-mobile-zone { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(5n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 92rem) { .adadapted-ad > #adadapted-mobile-zone { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(6n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 107.125rem) { .adadapted-ad > #adadapted-mobile-zone { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-mobile-zone .product-list-item:nth-child(7n) { margin-right: 0; margin-left: 0; } }

.adadapted-ad > #adadapted-desktop-zone { margin: auto; }

@media only screen and (min-width: 31em) { .adadapted-ad > #adadapted-desktop-zone { width: 29.5rem; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(2n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 46.625rem) { .adadapted-ad > #adadapted-desktop-zone { width: 46.625rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(3n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 61.75rem) { .adadapted-ad > #adadapted-desktop-zone { width: 61.75rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(4n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 76.875rem) { .adadapted-ad > #adadapted-desktop-zone { width: 76.875rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(5n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 92rem) { .adadapted-ad > #adadapted-desktop-zone { width: 92rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(6n) { margin-right: 0; margin-left: 0; } }

@media only screen and (min-width: 107.125rem) { .adadapted-ad > #adadapted-desktop-zone { width: 107.125rem; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item.product-list-item { margin-right: 0.75rem; } .adadapted-ad > #adadapted-desktop-zone .product-list-item:nth-child(7n) { margin-right: 0; margin-left: 0; } }

/*** END app/styles/components/adadapted-ad.scss ***/
/*** START app/styles/components/cartable-products-list-modal.scss ***/
.cartable-products-list-modal-body { padding: 0; width: 100%; display: flex; align-items: center; flex-direction: column; }

.cartable-products-list-modal .cartable-products-list-modal-body { background: #f3f3f3; padding-bottom: 1rem; padding-top: 1rem; margin-bottom: 0; }

.cartable-products-list-modal .cartable-products-list-modal-footer button { width: 100%; }

.cartable-products-list-modal .cartable-products-list-modal__title { font-size: 1.5rem; margin-bottom: 0; }

.cartable-products-list-modal .dietary-profile-message { margin: 1rem 0.7rem; font-size: 1.125rem; align-self: flex-start; font-size: 0.875rem; }

.cartable-products-list-modal .cartable-products-list-modal-footer { background-color: inherit; }

.cartable-products-list-modal footer { display: none; }

@media only screen and (min-width: calc(62.5rem + 1px)) { .cartable-products-list-modal-dialog { max-width: 47.8em !important; } .cartable-products-list-modal-body { padding: 1rem 1rem 0; margin-bottom: 1rem; } .cartable-products-list-modal .dietary-profile-message { margin: 0 0.7rem 1rem; } .cartable-products-list-modal .product-list { margin: 0; display: flex; place-content: center; width: 44.625rem; } .cartable-products-list-modal .product-list .product-list-items-list { display: flex; flex-wrap: wrap; gap: 0.75em; } .cartable-products-list-modal .product-list .product-list-items-list::before, .cartable-products-list-modal .product-list .product-list-items-list::after { content: none; } .cartable-products-list-modal .product-list .product-list-items-list .product-list-item { margin: 0; flex: 0 0 14.375rem; } .cartable-products-list-modal .product-list .product-list-items-list .product-list-item::before, .cartable-products-list-modal .product-list .product-list-items-list .product-list-item::after { content: none; } }

/*** END app/styles/components/cartable-products-list-modal.scss ***/
/*** START app/styles/components/notifications-ticker.scss ***/
.notifications-ticker { text-align: center; margin-bottom: 15px; }

.notifications-ticker .message { margin: 0; }

.notifications-ticker.success { background-color: #93c25a; border: 1px solid #81A344; padding: 8px; border-radius: 4px; color: #64AA5D; }

.notifications-ticker.error { background-color: #D16262; border: 1px solid #912c2c; padding: 8px; border-radius: 4px; color: #E4313C; }

.notifications-ticker.warning { background-color: #fff9c4; border: 1px solid #ffd220; padding: 8px; border-radius: 4px; color: #fa9024; }

.notifications-ticker.info { background-color: #a0d3e8; border: 1px solid #0288d1; padding: 8px; border-radius: 4px; color: #5a9bc1; }

/*** END app/styles/components/notifications-ticker.scss ***/
/*** START app/styles/tailwindy.scss ***/
.flex { display: flex; }

.flex .grow { flex-grow: 1; }

.flex .shrink { flex-shrink: 1; }

.flex-row { flex-direction: row; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

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

.justify-around { justify-content: space-around; }

.justify-start { justify-content: flex-start; }

.justify-start { justify-content: flex-start; }

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

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

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

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

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

.h-full { height: 100%; }

.w-full { width: 100%; }

.gap-0rem { gap: 0rem; }

.gap-1rem { gap: 1rem; }

.gap-2rem { gap: 2rem; }

.gap-3rem { gap: 3rem; }

.gap-4rem { gap: 4rem; }

.m-t-0rem { margin-top: 0rem; }

.m-r-0rem { margin-right: 0rem; }

.m-b-0rem { margin-bottom: 0rem; }

.m-l-0rem { margin-left: 0rem; }

.m-t-1rem { margin-top: 1rem; }

.m-r-1rem { margin-right: 1rem; }

.m-b-1rem { margin-bottom: 1rem; }

.m-l-1rem { margin-left: 1rem; }

.m-t-2rem { margin-top: 2rem; }

.m-r-2rem { margin-right: 2rem; }

.m-b-2rem { margin-bottom: 2rem; }

.m-l-2rem { margin-left: 2rem; }

.m-t-3rem { margin-top: 3rem; }

.m-r-3rem { margin-right: 3rem; }

.m-b-3rem { margin-bottom: 3rem; }

.m-l-3rem { margin-left: 3rem; }

.m-t-4rem { margin-top: 4rem; }

.m-r-4rem { margin-right: 4rem; }

.m-b-4rem { margin-bottom: 4rem; }

.m-l-4rem { margin-left: 4rem; }

.p-t-0rem { padding-top: 0rem; }

.p-r-0rem { padding-right: 0rem; }

.p-b-0rem { padding-bottom: 0rem; }

.p-l-0rem { padding-left: 0rem; }

.p-t-1rem { padding-top: 1rem; }

.p-r-1rem { padding-right: 1rem; }

.p-b-1rem { padding-bottom: 1rem; }

.p-l-1rem { padding-left: 1rem; }

.p-t-2rem { padding-top: 2rem; }

.p-r-2rem { padding-right: 2rem; }

.p-b-2rem { padding-bottom: 2rem; }

.p-l-2rem { padding-left: 2rem; }

.p-t-3rem { padding-top: 3rem; }

.p-r-3rem { padding-right: 3rem; }

.p-b-3rem { padding-bottom: 3rem; }

.p-l-3rem { padding-left: 3rem; }

.p-t-4rem { padding-top: 4rem; }

.p-r-4rem { padding-right: 4rem; }

.p-b-4rem { padding-bottom: 4rem; }

.p-l-4rem { padding-left: 4rem; }

.gap-1px { gap: 1px; }

.gap-2px { gap: 2px; }

.gap-3px { gap: 3px; }

.gap-4px { gap: 4px; }

.gap-5px { gap: 5px; }

.gap-6px { gap: 6px; }

.gap-7px { gap: 7px; }

.gap-8px { gap: 8px; }

.gap-9px { gap: 9px; }

.gap-10px { gap: 10px; }

.gap-11px { gap: 11px; }

.gap-12px { gap: 12px; }

.gap-13px { gap: 13px; }

.gap-14px { gap: 14px; }

.gap-15px { gap: 15px; }

.gap-16px { gap: 16px; }

.m-t-1px { margin-top: 1px; }

.m-r-1px { margin-right: 1px; }

.m-b-1px { margin-bottom: 1px; }

.m-l-1px { margin-left: 1px; }

.m-t-2px { margin-top: 2px; }

.m-r-2px { margin-right: 2px; }

.m-b-2px { margin-bottom: 2px; }

.m-l-2px { margin-left: 2px; }

.m-t-3px { margin-top: 3px; }

.m-r-3px { margin-right: 3px; }

.m-b-3px { margin-bottom: 3px; }

.m-l-3px { margin-left: 3px; }

.m-t-4px { margin-top: 4px; }

.m-r-4px { margin-right: 4px; }

.m-b-4px { margin-bottom: 4px; }

.m-l-4px { margin-left: 4px; }

.m-t-5px { margin-top: 5px; }

.m-r-5px { margin-right: 5px; }

.m-b-5px { margin-bottom: 5px; }

.m-l-5px { margin-left: 5px; }

.m-t-6px { margin-top: 6px; }

.m-r-6px { margin-right: 6px; }

.m-b-6px { margin-bottom: 6px; }

.m-l-6px { margin-left: 6px; }

.m-t-7px { margin-top: 7px; }

.m-r-7px { margin-right: 7px; }

.m-b-7px { margin-bottom: 7px; }

.m-l-7px { margin-left: 7px; }

.m-t-8px { margin-top: 8px; }

.m-r-8px { margin-right: 8px; }

.m-b-8px { margin-bottom: 8px; }

.m-l-8px { margin-left: 8px; }

.m-t-9px { margin-top: 9px; }

.m-r-9px { margin-right: 9px; }

.m-b-9px { margin-bottom: 9px; }

.m-l-9px { margin-left: 9px; }

.m-t-10px { margin-top: 10px; }

.m-r-10px { margin-right: 10px; }

.m-b-10px { margin-bottom: 10px; }

.m-l-10px { margin-left: 10px; }

.m-t-11px { margin-top: 11px; }

.m-r-11px { margin-right: 11px; }

.m-b-11px { margin-bottom: 11px; }

.m-l-11px { margin-left: 11px; }

.m-t-12px { margin-top: 12px; }

.m-r-12px { margin-right: 12px; }

.m-b-12px { margin-bottom: 12px; }

.m-l-12px { margin-left: 12px; }

.m-t-13px { margin-top: 13px; }

.m-r-13px { margin-right: 13px; }

.m-b-13px { margin-bottom: 13px; }

.m-l-13px { margin-left: 13px; }

.m-t-14px { margin-top: 14px; }

.m-r-14px { margin-right: 14px; }

.m-b-14px { margin-bottom: 14px; }

.m-l-14px { margin-left: 14px; }

.m-t-15px { margin-top: 15px; }

.m-r-15px { margin-right: 15px; }

.m-b-15px { margin-bottom: 15px; }

.m-l-15px { margin-left: 15px; }

.m-t-16px { margin-top: 16px; }

.m-r-16px { margin-right: 16px; }

.m-b-16px { margin-bottom: 16px; }

.m-l-16px { margin-left: 16px; }

.p-t-1px { padding-top: 1px; }

.p-r-1px { padding-right: 1px; }

.p-b-1px { padding-bottom: 1px; }

.p-l-1px { padding-left: 1px; }

.p-t-2px { padding-top: 2px; }

.p-r-2px { padding-right: 2px; }

.p-b-2px { padding-bottom: 2px; }

.p-l-2px { padding-left: 2px; }

.p-t-3px { padding-top: 3px; }

.p-r-3px { padding-right: 3px; }

.p-b-3px { padding-bottom: 3px; }

.p-l-3px { padding-left: 3px; }

.p-t-4px { padding-top: 4px; }

.p-r-4px { padding-right: 4px; }

.p-b-4px { padding-bottom: 4px; }

.p-l-4px { padding-left: 4px; }

.p-t-5px { padding-top: 5px; }

.p-r-5px { padding-right: 5px; }

.p-b-5px { padding-bottom: 5px; }

.p-l-5px { padding-left: 5px; }

.p-t-6px { padding-top: 6px; }

.p-r-6px { padding-right: 6px; }

.p-b-6px { padding-bottom: 6px; }

.p-l-6px { padding-left: 6px; }

.p-t-7px { padding-top: 7px; }

.p-r-7px { padding-right: 7px; }

.p-b-7px { padding-bottom: 7px; }

.p-l-7px { padding-left: 7px; }

.p-t-8px { padding-top: 8px; }

.p-r-8px { padding-right: 8px; }

.p-b-8px { padding-bottom: 8px; }

.p-l-8px { padding-left: 8px; }

.p-t-9px { padding-top: 9px; }

.p-r-9px { padding-right: 9px; }

.p-b-9px { padding-bottom: 9px; }

.p-l-9px { padding-left: 9px; }

.p-t-10px { padding-top: 10px; }

.p-r-10px { padding-right: 10px; }

.p-b-10px { padding-bottom: 10px; }

.p-l-10px { padding-left: 10px; }

.p-t-11px { padding-top: 11px; }

.p-r-11px { padding-right: 11px; }

.p-b-11px { padding-bottom: 11px; }

.p-l-11px { padding-left: 11px; }

.p-t-12px { padding-top: 12px; }

.p-r-12px { padding-right: 12px; }

.p-b-12px { padding-bottom: 12px; }

.p-l-12px { padding-left: 12px; }

.p-t-13px { padding-top: 13px; }

.p-r-13px { padding-right: 13px; }

.p-b-13px { padding-bottom: 13px; }

.p-l-13px { padding-left: 13px; }

.p-t-14px { padding-top: 14px; }

.p-r-14px { padding-right: 14px; }

.p-b-14px { padding-bottom: 14px; }

.p-l-14px { padding-left: 14px; }

.p-t-15px { padding-top: 15px; }

.p-r-15px { padding-right: 15px; }

.p-b-15px { padding-bottom: 15px; }

.p-l-15px { padding-left: 15px; }

.p-t-16px { padding-top: 16px; }

.p-r-16px { padding-right: 16px; }

.p-b-16px { padding-bottom: 16px; }

.p-l-16px { padding-left: 16px; }

/*** END app/styles/tailwindy.scss ***/
/*** END app/styles/app.scss ***/