@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, 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, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.u-lead {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px; }
  .u-lead--bold {
    color: #7d7d7d;
    font-weight: 900; }

.u-uppercase {
  text-transform: uppercase; }

.u-link {
  color: #aa292b;
  text-decoration: underline;
  cursor: pointer; }

.c-option {
  cursor: pointer;
  padding: 1rem 1rem 1rem 2.5rem;
  position: relative; }
  .c-option label {
    cursor: pointer; }
    .c-option label::before {
      display: block;
      position: absolute;
      content: "";
      border-radius: 100%;
      height: 0.5rem;
      width: 0.5rem;
      top: 1.25rem;
      left: 1rem;
      margin: auto;
      box-shadow: 0 0 0 1px #aa292b;
      border: 2px solid #fff;
      background-color: #fff; }
  .c-option--selected label::before {
    background-color: #aa292b; }
  .c-option--disabled label::before {
    background-color: rgba(196, 196, 196, 0.5);
    box-shadow: 0 0 0 1px #c4c4c4; }
  .c-option input {
    display: none; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

html,
body {
  overscroll-behavior-y: contain;
  scroll-behavior: smooth; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: #323232;
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%)); }
  body * {
    box-sizing: border-box; }
  body h1 {
    font-size: 4rem;
    line-height: 1; }
  body h3 {
    font-size: 1.5rem;
    line-height: 1.7rem; }
  body h4 {
    font-size: 1.125rem; }
  body a {
    text-decoration: none;
    font-weight: normal;
    color: inherit; }
  body p {
    line-height: 1.5rem; }
  body strong {
    font-weight: 600; }
  body em {
    font-style: italic; }
  body #root {
    display: flex;
    min-height: 100vh;
    width: 100vw;
    flex-direction: column;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation; }
    body #root > div:first-of-type {
      flex: 1; }
  body .container {
    min-width: 320px;
    max-width: 100vw;
    margin: 0;
    padding: 0 1rem; }
    @media (max-width: 850px) {
      body .container {
        width: 100%;
        margin-top: 60px; } }
  body table {
    width: 100%;
    margin: 3rem 0;
    font-size: 0.875rem; }
    body table th {
      color: #7d7d7d;
      text-align: left;
      padding: 1rem 0.5rem; }
    body table tr {
      color: #323232;
      border-bottom: 1px solid #f6f6f6; }
    body table td {
      padding: 1rem 0.5rem;
      vertical-align: middle; }
      body table td img {
        vertical-align: middle;
        margin-right: 1rem; }
  body .categories-page {
    min-width: 320px; }
  body .checkbox {
    position: relative;
    display: inline; }
    body .checkbox:before {
      content: "";
      display: block;
      position: absolute;
      left: 0.4rem;
      top: 0.05rem;
      width: 0.3rem;
      height: 0.6rem;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      z-index: 1; }
    body .checkbox input {
      display: none; }
      body .checkbox input:checked ~ span:before {
        background-color: #aa292b; }
    body .checkbox span {
      margin-left: 2rem; }
      body .checkbox span:before {
        background-color: #fff;
        border-radius: 0.2rem;
        border: 1px solid #aa292b;
        content: "";
        display: block;
        height: 1rem;
        position: absolute;
        top: 0;
        width: 1rem; }

.form-error {
  color: #e75d5f; }

.easyLinkLoading__button {
  width: 80%;
  height: 50px;
  margin: 0 auto;
  font-weight: bold;
  font-size: 19px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #25D366;
  border-radius: 50px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  color: white; }

.easyLinkLoading__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.easyLinkLoading__logo {
  position: relative; }
  .easyLinkLoading__logo__background {
    width: 100%;
    height: 160px;
    background-color: #ED1C24;
    border-bottom-left-radius: 1100px;
    border-bottom-right-radius: 1100px; }
  .easyLinkLoading__logo__image_principal {
    display: inline-block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 180px;
    left: calc(50% - 100px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2); }
    .easyLinkLoading__logo__image_principal img {
      width: 200px;
      height: 200px;
      object-fit: contain; }
  .easyLinkLoading__logo__logo {
    display: inline-block;
    width: 200px;
    height: 180px;
    position: absolute;
    top: 260px;
    left: calc(50% - 100px);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: white;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }

.easyLinkLoading__sign {
  position: absolute;
  width: 100%;
  top: 490px;
  text-align: center;
  line-height: 1 !important; }
  .easyLinkLoading__sign .loader {
    width: 100%;
    height: 100%; }

.easyLinkLoading__safe {
  position: relative;
  top: 500px;
  text-align: center; }
  .easyLinkLoading__safe img {
    width: 100px; }

.easyLinkLoadingMax {
  position: relative; }
  .easyLinkLoadingMax__background {
    width: 100%;
    height: 160px;
    background-color: #ED1C24;
    border-bottom-left-radius: 1100px;
    border-bottom-right-radius: 1100px; }
  .easyLinkLoadingMax__container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .easyLinkLoadingMax__container__left {
      width: 50%;
      position: relative; }
      .easyLinkLoadingMax__container__left__image_principal {
        display: inline-block;
        width: 350px;
        height: 400px;
        position: absolute;
        top: -40px;
        left: calc(50% - 175px);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      .easyLinkLoadingMax__container__left__sign {
        position: absolute;
        width: 100%;
        top: 300px;
        text-align: center;
        font-size: 1.2rem;
        line-height: 1 !important; }
        .easyLinkLoadingMax__container__left__sign .loader {
          width: 100%;
          height: 100%; }
    .easyLinkLoadingMax__container__right {
      width: 50%;
      position: relative; }
      .easyLinkLoadingMax__container__right-img {
        display: inline-block;
        width: 290px;
        height: 260px;
        position: absolute;
        top: 10px;
        left: calc(50% - 145px);
        border-radius: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        background-color: white;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        .easyLinkLoadingMax__container__right-img img {
          width: 290px;
          height: 260px;
          object-fit: contain; }
      .easyLinkLoadingMax__container__right__safe {
        position: relative;
        top: 420px;
        text-align: center; }
        .easyLinkLoadingMax__container__right__safe img {
          width: 100px; }

.easyLinkView {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  min-width: 320px; }
  .easyLinkView__icons {
    display: none; }
  .easyLinkView__menu {
    position: absolute;
    top: 15px;
    right: 20px; }
    .easyLinkView__menu__item {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      cursor: pointer; }
    .easyLinkView__menu img {
      width: 15px;
      height: 15px;
      object-fit: contain; }
  .easyLinkView__profile {
    width: 100%; }
    .easyLinkView__profile p {
      text-align: center;
      margin-top: 30px;
      font-size: 19px;
      color: #e52528; }
    .easyLinkView__profile div {
      width: 200px;
      height: 200px;
      margin: 0 auto; }
    .easyLinkView__profile img {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      object-fit: contain;
      margin: 0 auto;
      display: block;
      box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.2); }
  .easyLinkView__list {
    width: 80%;
    margin: 0 auto; }
  .easyLinkView__powered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .easyLinkView__powered img {
      width: 100px; }

button.button {
  background-color: #ED1C24;
  padding: 0.9rem 3.7rem;
  border: none;
  box-shadow: -5px 5px 14px 0px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  outline: none;
  font-family: "Roboto", sans-serif;
  border-radius: 8px;
  cursor: pointer; }
  @media (max-width: 540px) {
    button.button {
      padding: 0.9rem 1rem;
      width: 88%;
      max-width: 88%; } }
  button.button > span {
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.25rem; }
  button.button:hover {
    background-color: #ED1C24; }
  button.button:active {
    box-shadow: -3px 3px 14px 0px rgba(129, 67, 67, 0.2); }
  button.button.secondary {
    background-color: #fff; }
    button.button.secondary * {
      color: #aa292b; }
    button.button.secondary:hover {
      background-color: #aa292b; }
      button.button.secondary:hover * {
        color: #fff; }
    button.button.secondary:active {
      background-color: #aa292b; }
  button.button:disabled {
    background-color: #c4c4c4; }
    button.button:disabled, button.button:disabled:hover {
      cursor: default; }

.carousel__control {
  padding: 0.2rem 0.5rem;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
  .carousel__control:hover {
    cursor: pointer; }
  .carousel__control--right {
    margin-right: -1.3rem; }
    @media (max-width: 1140px) {
      .carousel__control--right {
        margin-right: 0; } }
    .carousel__control--right svg {
      transform: rotate(180deg);
      margin-top: 0.5rem; }
  .carousel__control--left {
    margin-left: -1.3rem; }
    @media (max-width: 1140px) {
      .carousel__control--left {
        margin-left: 0; } }
    .carousel__control--left svg {
      margin-top: 0.4rem; }

.carousel .slider-slide {
  text-align: center; }


.dropdown-component .dropdown__control {
  border: none;
  background: transparent; }
  .dropdown-component .dropdown__control--is-focused {
    box-shadow: none; }

.dropdown-component .dropdown__menu {
  border-radius: 0; }

.dropdown-component .dropdown__indicator-separator {
  display: none; }

.dropdown-component .dropdown__dropdown-indicator {
  background: url(/images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center; }
  .dropdown-component .dropdown__dropdown-indicator svg {
    display: none; }

.dropdown-component .dropdown__option--is-focused, .dropdown-component .dropdown__option--is-selected, .dropdown-component .dropdown__option:active {
  background-color: #ED1C24;
  color: #323232; }

@keyframes firstItem {
  0% {
    border: 10px solid red; }
  12.5% {
    border: 8px solid red; }
  25% {
    border: 6px solid red; }
  37.5% {
    border: 4px solid red; }
  50% {
    border: 2px solid red; }
  100% {
    border: none; } }

@keyframes secondItem {
  0% {
    border: 2px solid red; }
  12.5% {
    border: none; }
  25% {
    border: 10px solid red; }
  37.5% {
    border: 8px solid red; }
  50% {
    border: 6px solid red; }
  100% {
    border: 4px solid red; } }

@keyframes thirdItem {
  0% {
    border: 4px solid red; }
  12.5% {
    border: 2px solid red; }
  25% {
    border: none; }
  37.5% {
    border: 10px solid red; }
  50% {
    border: 8px solid red; }
  100% {
    border: 6px solid red; } }

.loader {
  width: 100%;
  height: 100%;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  z-index: 9999; }
  .loader__items {
    position: relative;
    width: 5rem;
    height: 1rem;
    margin: 0 auto; }
    .loader__items span {
      background-color: #fff;
      width: 1rem;
      height: 1rem;
      border-radius: 1rem;
      position: absolute; }
      .loader__items span:nth-child(1) {
        left: 0;
        animation: firstItem 2s infinite;
        animation-timing-function: linear; }
      .loader__items span:nth-child(2) {
        left: 2rem;
        animation: secondItem 2s infinite;
        animation-timing-function: linear; }
      .loader__items span:nth-child(3) {
        right: 0;
        animation: thirdItem 2s infinite;
        animation-timing-function: linear; }

.menu-dropdown {
  position: relative; }
  .menu-dropdown__body {
    display: none;
    position: absolute;
    right: 1rem;
    top: 1.5rem;
    box-shadow: 0px 6px 15px 3px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    padding: 1rem;
    width: 15rem; }
    .menu-dropdown__body__rightdown {
      right: 0rem !important;
      left: 1rem !important; }
    .menu-dropdown__body--visible {
      display: block;
      z-index: 2; }
    .menu-dropdown__body ul {
      display: flex;
      flex-direction: column;
      font-style: normal;
      font-weight: normal;
      line-height: 2rem;
      align-items: flex-start; }
      .menu-dropdown__body ul li {
        width: 80%; }

.message {
  width: 25rem;
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 0px 6px 15px 3px rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  border-left: 0.3rem solid #ED1C24; }
  .message--hidden {
    display: none; }
  .message__status-success {
    border-color: #aa292b; }
  .message__status-error {
    border-color: #e75d5f; }
  .message__title {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 1.5rem 0 0; }
  .message__content {
    margin: 1rem 0 0; }
  .message__close-icon {
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    transition: 0.3s; }
    .message__close-icon svg * {
      transition: 0.3s; }
    .message__close-icon:hover svg * {
      fill: #c4c4c4; }

.not-found-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 2rem 1rem; }
  .not-found-page__header {
    font-size: 15rem;
    font-family: "Montserrat";
    font-weight: 900;
    line-height: 100%;
    color: #aa292b;
    padding-bottom: 20px; }
    @media (max-width: 540px) {
      .not-found-page__header {
        font-size: 9rem; } }
  .not-found-page__ruler {
    background: #aa292b;
    min-width: 10rem;
    height: 2px;
    margin-top: 1rem;
    margin-bottom: 3rem; }
  @media (max-width: 540px) {
    .not-found-page__message p {
      display: inline; } }
  .not-found-page__button {
    margin: 2rem 0;
    min-width: 88%; }

.price-filter {
  position: relative; }
  .price-filter__dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #aa292b;
    box-shadow: 0 0 0 1px #aa292b;
    padding: 1rem;
    width: 20rem;
    justify-content: space-between;
    z-index: 2; }
    .price-filter__dropdown--visible {
      display: flex; }
    .price-filter__dropdown .input {
      width: 8rem; }

.product-list-item {
  text-align: center; }
  .product-list-item__title {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 1rem;
    text-align: left; }
  .product-list-item__undiscounted_price {
    text-decoration: line-through;
    color: #c4c4c4;
    font-size: 0.875rem;
    font-weight: regular; }
  .product-list-item__category {
    color: #c4c4c4;
    text-align: left; }
  .product-list-item__price {
    font-weight: 600;
    margin: 1rem 0 0;
    text-align: left; }
  .product-list-item__image {
    background-color: #ED1C24;
    display: flex;
    height: 350px;
    justify-content: center; }
    .product-list-item__image img {
      object-fit: contain;
      max-width: 100%; }
    @media (max-width: 540px) {
      .product-list-item__image {
        height: 210px; } }

.checkoutAddress {
  background-color: #27c763;
  padding: 0.9rem 1rem;
  width: 250px;
  margin: 0; }
  .checkoutAddress p {
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase; }

.notificationSubtitle {
  font-size: 0.875rem !important;
  color: #7d7d7d; }

.buttonCancel {
  width: 80px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  background-color: white;
  color: #E52528;
  border-radius: 8px;
  border: 1px solid white; }

.buttonApply {
  width: 140px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  background-color: #E52528;
  color: white;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  align-content: center; }

.buttonApplyDisabled {
  width: 140px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  background-color: #C1C1C1;
  color: white;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  align-content: center; }

.buttonApplyOld {
  width: 140px;
  display: grid;
  font-weight: bold;
  font-size: 0.9rem;
  text-transform: none;
  text-align: center;
  background-color: #31c15c;
  color: white;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
  align-content: center; }

.buttonText {
  font-size: 0.9rem !important; }

.checkboxContainer {
  display: flex;
  align-items: center;
  margin: 10px; }
  .checkboxContainer input {
    margin-right: 15px;
    width: 17px !important;
    height: 17px !important;
    cursor: pointer;
    flex-shrink: 0; }
  .checkboxContainer .checkboxLabel {
    font-size: 0.9rem;
    line-height: 1.4;
    flex: 1; }

.notificationAlert {
  border: 3px solid #fb6161;
  animation: alert-border-blink 0.8s linear infinite; }

@keyframes alert-border-blink {
  0%, 100% {
    border-color: #fb6161; }
  50% {
    border-color: transparent; } }

.notificationFooter {
  display: flex;
  padding: 10px;
  justify-content: space-around;
  height: 65px; }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.addProductToCart {
  background-color: #27c763 !important;
  padding: 0.6rem 1.4rem !important;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative; }
  .addProductToCart p {
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase; }

.notAddProductToCart {
  background-color: #B5B6B7 !important;
  padding: 0.6rem 1.4rem !important;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative; }
  .notAddProductToCart p {
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase; }
  .notAddProductToCart:hover {
    background-color: #B5B6B7 !important; }

.container {
  margin-top: 20px; }
  .container__loading {
    width: 170px;
    height: 50px;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }

.obligatoryButton {
  width: 80px !important;
  height: 30px;
  margin: 0px !important;
  padding: 3px 0px !important;
  left: 0px !important;
  font-size: 13px;
  font-weight: bold;
  background: #ffcbcb;
  border-radius: 20px !important;
  text-align: center !important;
  color: #f66167; }

.react-select-wrapper {
  position: relative; }
  .react-select-wrapper .input__label {
    background-color: #fff;
    font-size: 0.75rem;
    left: 17px;
    top: 0; }
  .react-select-wrapper--grey .input__label,
  .react-select-wrapper--grey .react-select__control {
    background-color: #ED1C24; }
  .react-select-wrapper .react-select__control {
    border-radius: 0;
    border-color: #aa292b; }
    .react-select-wrapper .react-select__control:hover {
      border-color: #aa292b; }
    .react-select-wrapper .react-select__control--is-focused {
      box-shadow: 0 0 0 1px #aa292b; }
  .react-select-wrapper .react-select__placeholder {
    font-weight: 600;
    color: #7d7d7d; }
  .react-select-wrapper .react-select__value-container {
    padding: 0.5rem 1rem; }
  .react-select-wrapper .react-select__indicator-separator {
    display: none; }
  .react-select-wrapper .react-select__dropdown-indicator {
    background: url(/images/arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1rem; }
    .react-select-wrapper .react-select__dropdown-indicator svg {
      display: none; }
  .react-select-wrapper .react-select__menu {
    margin-top: 0;
    border-radius: 0;
    box-shadow: 0 0 0 1px #aa292b;
    border: 1px solid #aa292b;
    z-index: 2; }
  .react-select-wrapper .react-select__menu-list {
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
    padding-bottom: 0;
    padding-top: 0; }
    .react-select-wrapper .react-select__menu-list div {
      padding: 1rem 1.5rem;
      width: auto;
      position: relative; }
      .react-select-wrapper .react-select__menu-list div:not(:last-child)::after {
        background-color: #c4c4c4;
        bottom: 0;
        content: "";
        height: 1px;
        left: 1rem;
        position: absolute;
        width: calc(100% - 2rem); }
  .react-select-wrapper .react-select__option:hover {
    cursor: pointer;
    background-color: rgba(33, 18, 94, 0.1); }
  .react-select-wrapper .react-select__option--is-focused {
    background-color: #fff; }
  .react-select-wrapper .react-select__option--is-selected,
  .react-select-wrapper .react-select__option--is-focused .react-select-wrapper .react-select__option--is-selected, .react-select-wrapper .react-select__option:active {
    background-color: #ED1C24;
    color: #323232; }

.social-icon {
  padding: 1rem 0.5rem; }
  .social-icon svg * {
    fill: #ED1C24;
    transition: 0.3s; }
  .social-icon:hover svg * {
    fill: #9f488091; }

.input {
  box-sizing: border-box;
  margin-bottom: 1rem; }
  .input__content {
    position: relative; }
  .input__field {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 0.8rem 1rem;
    font-size: 1rem;
    color: #323232;
    border: 1px solid #aa292b;
    outline: none;
    box-shadow: 0 0 0 1px #fff;
    background-color: transparent; }
    .input__field:focus, .input__field:not([value=""]) {
      box-shadow: 0 0 0 1px #aa292b; }
      .input__field:focus + .input__label, .input__field:not([value=""]) + .input__label {
        background-color: #fff;
        font-size: 0.75rem;
        left: 17px;
        top: 0; }
    .input__field:-webkit-autofill {
      box-shadow: 0 0 0 1px #aa292b; }
      .input__field:-webkit-autofill + .input__label {
        font-size: 0.75rem;
        left: 17px;
        top: 0; }
    .input__field--grey:focus + .input__label, .input__field--grey:not([value=""]) + .input__label {
      background-color: #ED1C24; }
    .input__field--grey:-webkit-autofill + .input__label {
      background-color: #ED1C24; }
    .input__field:not([value=""]) + .input__label {
      color: #323232; }
    .input__field:focus + .input__label {
      color: #aa292b; }
    .input__field:hover {
      box-shadow: 0 0 0 1px #aa292b;
      color: #aa292b;
      transition: all 0.3s ease; }
      .input__field:hover + .input__label {
        color: #aa292b; }
    .input__field--error {
      border: 1px solid #e75d5f; }
      .input__field--error + .input__label {
        color: #e75d5f; }
      .input__field--error:focus {
        box-shadow: 0 0 0 1px #e75d5f; }
    .input__field--left-icon {
      padding-left: 3rem; }
  .input__label {
    display: inline-block;
    position: absolute;
    color: #7d7d7d;
    top: 50%;
    left: 0.8rem;
    transform: translate(0, -50%);
    padding: 0 6px;
    z-index: 1;
    pointer-events: none;
    transition: all 0.4s ease; }
    .input__label--focus {
      background-color: #fff;
      font-size: 0.75rem;
      left: 17px;
      top: 0; }
  .input__error {
    color: #e75d5f;
    font-size: 0.75rem; }
  .input__help-text {
    color: #7d7d7d;
    font-size: 0.75rem; }
  .input__icon-left {
    position: absolute;
    z-index: 100;
    transform: translate(0, 105%); }
  .input__icon-right {
    position: absolute;
    z-index: 100;
    right: 1rem;
    transform: translate(0, 60%); }

.acceptanceUrl {
  text-decoration: revert;
  font-weight: normal;
  color: inherit; }

.inputCheckbox {
  box-sizing: border-box;
  margin-bottom: 1rem; }
  .inputCheckbox__content {
    position: relative; }
  .inputCheckbox__field {
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 0.8rem 1rem;
    font-size: 1rem;
    color: #323232;
    border: 1px solid #aa292b;
    outline: none;
    box-shadow: 0 0 0 1px #fff;
    background-color: transparent; }
    .inputCheckbox__field--error {
      border: 1px solid #e75d5f; }
      .inputCheckbox__field--error + .input__label {
        color: #e75d5f; }
    .inputCheckbox__field--left-icon {
      padding-left: 3rem; }
  .inputCheckbox__error {
    color: #e75d5f;
    font-size: 0.75rem; }
  .inputCheckbox__help-text {
    color: #7d7d7d;
    font-size: 0.75rem; }

.address-summary {
  color: #7d7d7d;
  line-height: 1.5;
  font-size: 0.875rem; }
  .address-summary strong {
    font-weight: 600;
    display: inline-block;
    padding-bottom: 0.5rem; }

.tableHead {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: grid;
  grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  color: #ef343b; }
  .tableHead div {
    text-transform: lowercase;
    text-transform: capitalize; }
  .tableHead div::first-letter {
    text-transform: uppercase; }
  .tableHead div:nth-child(n + 2) {
    text-align: center; }

.tableItem {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .tableItem__image {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
    .tableItem__image img {
      width: 80px;
      height: 80px;
      object-fit: contain;
      border-radius: 8px; }
  .tableItem__name {
    align-self: center;
    color: #afafaf; }
  .tableItem__discount {
    color: #afafaf; }
  .tableItem__quantity {
    color: black; }
  .tableItem__price, .tableItem__discount, .tableItem__quantity, .tableItem__totalPrice {
    text-align: center;
    align-self: center; }
  .tableItem__observations {
    align-self: center; }
  .tableItem__toppings {
    color: #afafaf; }
    .tableItem__toppings__seemore {
      color: #4AA4FF;
      cursor: pointer; }
      .tableItem__toppings__seemore__content {
        font-weight: 300; }
        .tableItem__toppings__seemore__content b {
          font-weight: bold; }

.itemOrderContainer {
  height: auto;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .itemOrderContainer .itemOrder {
    height: auto;
    padding: 15px;
    padding-bottom: 5px;
    padding-left: 0px;
    display: grid;
    grid-template-columns: 40% 60%; }
    .itemOrderContainer .itemOrder__left {
      display: grid;
      grid-template-rows: 75% 25%; }
      .itemOrderContainer .itemOrder__left__image {
        width: 86px;
        height: 86px;
        margin: 0 auto;
        position: relative;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .itemOrderContainer .itemOrder__left__image img {
          width: 86px;
          height: 86px;
          object-fit: contain;
          border-radius: 8px; }
      .itemOrderContainer .itemOrder__left__discount {
        position: absolute;
        top: -10px;
        right: -10px; }
        .itemOrderContainer .itemOrder__left__discount--value {
          width: 30px;
          height: 30px;
          position: relative; }
          .itemOrderContainer .itemOrder__left__discount--value span {
            width: 30px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 12px;
            font-weight: bold;
            color: white; }
      .itemOrderContainer .itemOrder__left__quantity {
        width: 60%;
        margin: 0 auto;
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        position: relative;
        text-align: center;
        font-size: 0.9rem;
        border-radius: 4px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
        color: #6f6f6f; }
    .itemOrderContainer .itemOrder__right {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .itemOrderContainer .itemOrder__right__nameAndToppings {
        height: auto; }
      .itemOrderContainer .itemOrder__right__name {
        width: 100%;
        height: auto;
        overflow: hidden;
        white-space: normal;
        color: black; }
      .itemOrderContainer .itemOrder__right__toppings {
        width: 100%;
        height: auto;
        overflow: hidden;
        white-space: normal;
        color: #868d96; }
        .itemOrderContainer .itemOrder__right__toppings__seemore {
          color: #4AA4FF;
          cursor: pointer; }
          .itemOrderContainer .itemOrder__right__toppings__seemore__content {
            font-weight: 300; }
            .itemOrderContainer .itemOrder__right__toppings__seemore__content b {
              font-weight: bold; }
      .itemOrderContainer .itemOrder__right__price {
        height: 48px;
        padding-top: 5px;
        display: grid;
        grid-template-columns: 65% 35%;
        border-top: 1px solid #cdcdcd; }
        .itemOrderContainer .itemOrder__right__price--value p:first-of-type {
          height: 18px;
          font-size: 0.9rem;
          color: #ED1C24; }
  .itemOrderContainer .observationOrder {
    width: 100%;
    height: auto;
    padding: 5px 5px 10px 20px;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #cdcdcd; }
    .itemOrderContainer .observationOrder p:first-of-type {
      color: #ef343b;
      text-transform: lowercase; }
    .itemOrderContainer .observationOrder p:first-of-type::first-letter {
      text-transform: uppercase; }
    .itemOrderContainer .observationOrder p:nth-child(2) {
      color: #868d96; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.box {
  width: 130px; }
  .box h1 {
    font-size: 20px;
    margin: 1rem 0 0 0; }
  .box .product-img {
    background: #e8e8e8;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    margin-top: 1.5rem; }
    .box .product-img img {
      width: 100%; }
  .box .skeleton-placeholder {
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    width: 100%;
    height: 1.45rem;
    border-radius: 3px;
    margin-top: 1.5rem;
    animation: animationSkeleton 2s infinite; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.box {
  width: 130px; }
  .box h1 {
    font-size: 20px;
    margin: 1rem 0 0 0; }
  .box .product-img {
    background: #e8e8e8;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    margin-top: 1.5rem; }
    .box .product-img img {
      width: 100%; }
  .box .skeleton-placeholder {
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    width: 100%;
    height: 1.45rem;
    border-radius: 3px;
    margin-top: 1.5rem;
    animation: animationSkeleton 2s infinite; }
  .box .skeleton-placeholderSubtitle {
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    width: 100%;
    height: 1.45rem;
    border-radius: 3px;
    margin-top: 1.5rem;
    animation: animationSkeleton 2s infinite; }
  .box .skeleton-placeholderSeeMore {
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    width: 7%;
    height: 1.45rem;
    border-radius: 3px;
    animation: animationSkeleton 2s infinite;
    position: absolute;
    right: 30px; }
    @media (max-width: 850px) {
      .box .skeleton-placeholderSeeMore {
        width: 20%; } }
  .box .line {
    position: absolute;
    width: 100%;
    margin-top: -13px;
    margin-left: 15%;
    background-color: #D0CECE;
    height: 1px; }
    @media (max-width: 850px) {
      .box .line {
        margin-left: 50%; } }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.box {
  width: 130px; }
  .box h1 {
    font-size: 20px;
    margin: 1rem 0 0 0; }
  .box .product-img {
    background: #e8e8e8;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    margin-top: 1.5rem; }
    .box .product-img img {
      width: 100%; }
  .box .skeleton-placeholder {
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    width: 100%;
    height: 1.45rem;
    border-radius: 3px;
    margin-top: 1.5rem;
    animation: animationSkeleton 2s infinite; }

.products-featured {
  padding: 2rem 0 4rem; }
  .products-featured h3 {
    font-weight: 600;
    margin-bottom: 2rem;
    text-transform: uppercase; }
  .products-featured a {
    color: #323232;
    display: inline-block;
    max-width: 255px;
    text-decoration: none; }

.product-filters {
  background-color: #f6f6f6; }
  .product-filters__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
    padding: 1rem 0; }
    @media (max-width: 720px) {
      .product-filters__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 540px) {
      .product-filters__grid {
        grid-template-columns: 1fr; } }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

a.link-product {
  display: inline-block;
  width: 110px;
  text-align: center; }

a.see-more {
  width: 80px;
  height: 20px;
  margin-top: -5px;
  margin-left: 5px;
  font-weight: bold;
  text-align: center !important;
  color: black !important;
  animation: seeMoreProducts 3s infinite; }

a.seemoreArrow {
  height: 95px;
  margin-left: 10px;
  display: flex !important;
  justify-content: center;
  align-items: flex-end; }
  a.seemoreArrow svg {
    transform: rotate(180deg); }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        text-align: left;
        align-self: center; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal;
      font-size: 1rem; }
      .showContainer__data__content--first {
        width: 80%;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 2px;
        margin-bottom: 10px; }
        .showContainer__data__content--first span {
          width: 100%;
          display: block;
          color: #f76268 !important;
          border-bottom: 1px solid grey; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content span {
        font-weight: lighter; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.buttonCheckAddress {
  background-color: #27c763; }
  .buttonCheckAddress p {
    font-size: 0.9rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase; }

.showContainerPay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .showContainerPay__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    .showContainerPay__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerPay__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerPay__data__close div {
        align-self: center; }
      .showContainerPay__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerPay__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerPay__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerPay__data__content--first {
        padding-top: 10px; }
      .showContainerPay__data__content--last {
        padding-bottom: 10px; }
      .showContainerPay__data__content span {
        color: #ED1C24 !important; }
      .showContainerPay__data__content span:first-of-type {
        color: grey !important; }
    .showContainerPay__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerPay__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        background-color: #ED1C24 !important;
        color: white !important;
        border-radius: 8px; }
        .showContainerPay__data__footer button span {
          font-size: 0.9rem; }

.billsContainer {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }
  .billsContainer__bill {
    display: inline-block;
    width: 85px;
    padding: 5px 10px;
    margin: 10px 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    color: #F76268; }
    .billsContainer__bill--active {
      background-color: #F76268;
      color: white; }

.cart__empty {
  height: 90vh;
  display: grid;
  grid-template-rows: 15% 45% 30% 10%;
  padding: 2rem 1rem; }
  .cart__empty__title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 1rem; }
    .cart__empty__title h4 {
      font-weight: 600;
      text-transform: uppercase; }
  .cart__empty__img {
    display: flex;
    justify-content: center;
    align-items: center; }
    .cart__empty__img svg {
      width: 200px;
      height: 200px;
      z-index: 9; }
  .cart__empty p {
    color: #c4c4c4;
    text-align: center; }
  .cart__empty__action {
    text-align: center;
    margin-top: 1rem; }
    .cart__empty__action button {
      box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.2);
      border-radius: 8px; }

.showBussinesOpening {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showBussinesOpening__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showBussinesOpening__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showBussinesOpening__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showBussinesOpening__data__close div {
        align-self: center; }
      .showBussinesOpening__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showBussinesOpening__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showBussinesOpening__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showBussinesOpening__data__content--first {
        padding-top: 10px; }
      .showBussinesOpening__data__content--last {
        padding-bottom: 10px; }
      .showBussinesOpening__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showBussinesOpening__data__content span {
        font-weight: bold;
        color: #f76268; }
    .showBussinesOpening__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showBussinesOpening__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showBussinesOpening__data__footer button span {
          font-size: 0.9rem; }
      .showBussinesOpening__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.buttonCheckAnimation {
  height: 60%;
  background-color: #27c763; }
  .buttonCheckAnimation p {
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase; }

.alertNeigDoesNotMatchOrWithoutCoverage {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertNeigDoesNotMatchOrWithoutCoverage__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertNeigDoesNotMatchOrWithoutCoverage__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__close div {
        align-self: center; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertNeigDoesNotMatchOrWithoutCoverage__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content--first {
        padding-top: 10px; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content--last {
        padding-bottom: 10px; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content p:nth-child(1) {
        text-align: justify; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content p:nth-child(2) {
        margin-top: 20px; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content span {
        font-weight: bold;
        color: #f76268; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__content__underline {
        color: black !important;
        text-decoration: underline; }
    .alertNeigDoesNotMatchOrWithoutCoverage__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .alertNeigDoesNotMatchOrWithoutCoverage__data__footer button span {
          font-size: 0.9rem; }
      .alertNeigDoesNotMatchOrWithoutCoverage__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.address-book-container {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px; }

.goback {
  width: 110px;
  display: grid;
  grid-template-columns: 40% 40%;
  position: fixed;
  top: 5rem;
  left: 270px;
  color: #f76268;
  cursor: pointer;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-transform: uppercase;
  z-index: 9999; }
  .goback div {
    height: 35px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center; }
  .goback svg {
    transform: scale(0.4); }
  .goback__letter {
    align-self: center;
    text-transform: lowercase; }
    .goback__letter::first-letter {
      text-transform: uppercase; }
  @media (min-width: 1500px) {
    .goback {
      left: 330px; } }

.account {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-top: 3rem;
  margin-bottom: 2rem; }
  @media screen and (max-width: 850px) {
    .account {
      flex-direction: column; } }
  .account__menu {
    width: 360px;
    margin-right: 2rem; }
    .account__menu__mobile {
      width: 80%;
      margin-left: auto; }
  .account__content {
    width: 100%;
    padding-bottom: 50px; }
    @media (min-width: 850px) {
      .account__content {
        padding-top: 20px; } }

.order-details {
  width: 90%;
  max-width: 1140px;
  min-width: 300px;
  margin: 0 auto;
  margin-top: 60px; }
  .order-details h3 {
    height: 45px;
    position: relative;
    padding: 0px;
    padding-top: 0px;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 2.5rem; }
    .order-details h3 span {
      color: #ED1C24; }
    @media (min-width: 850px) {
      .order-details h3 {
        padding: 10px;
        margin: 0;
        text-align: center; } }
  .order-details__link {
    text-decoration: underline;
    font-size: 0.875rem;
    color: #7d7d7d;
    margin-top: 2rem;
    display: inline-block; }
    @media (min-width: 540px) {
      .order-details__link {
        margin-top: 2.5rem; } }
  .order-details__header {
    width: 100%;
    padding-top: 17px;
    display: flex;
    justify-content: space-between; }
    .order-details__header--container {
      width: 100%;
      padding: 0px;
      position: relative;
      border-radius: none;
      box-shadow: none; }
      @media (min-width: 850px) {
        .order-details__header--container {
          margin-top: 10px;
          margin-bottom: 20px;
          border-radius: 8px;
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); } }
    .order-details__header--goBack {
      display: grid;
      grid-template-columns: 50% 50%;
      position: absolute;
      top: 0.4rem;
      left: 1rem;
      color: #f76268;
      border-radius: 8px;
      background-color: white;
      cursor: pointer;
      text-transform: uppercase;
      z-index: 9999; }
      .order-details__header--goBack div {
        height: 35px;
        align-self: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .order-details__header--goBack p {
        align-self: center;
        font-size: 1rem;
        text-transform: lowercase; }
        .order-details__header--goBack p::first-letter {
          text-transform: uppercase; }
      .order-details__header--goBack svg {
        transform: scale(0.4); }
    .order-details__header--total {
      width: 100%;
      margin-bottom: 10px;
      padding: 10px;
      text-align: center;
      border-radius: 8px;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
      .order-details__header--total span {
        color: #f76268; }
    .order-details__header-menu {
      display: flex;
      align-items: center; }
  .order-details__status {
    color: #7d7d7d; }
  .order-details__summary {
    margin-top: 1.5rem; }
    .order-details__summary h4 {
      border-bottom: 1px solid #f6f6f6;
      font-weight: 600;
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      text-transform: uppercase; }
    @media (min-width: 540px) {
      .order-details__summary {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; } }

.category {
  padding-bottom: 30px; }
  .category .container {
    min-width: 320px;
    padding-bottom: 120px; }
  .category__header {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-size: cover;
    background-color: rgba(170, 41, 43, 0.15);
    background-blend-mode: multiply; }
    .category__header__title {
      background-color: #fff;
      display: inline-block;
      transform: skew(-45deg);
      padding: 1.5vw 9vw; }
      .category__header__title h1 {
        display: inline-block;
        transform: skew(45deg);
        font-weight: 600;
        text-transform: uppercase;
        color: #aa292b;
        font-size: 8vw;
        font-weight: 900; }
        @media (min-width: 540px) {
          .category__header__title h1 {
            font-size: 4vw; } }

.container-category h1 {
  background: white;
  margin-bottom: 20px;
  margin-top: -48px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: fixed;
  font-size: 18px;
  width: 100%;
  z-index: 10; }
  @media (max-width: 850px) {
    .container-category h1 {
      text-align: center; } }
  @media (min-width: 850px) {
    .container-category h1 {
      left: 150px;
      text-align: center; } }

.container-category__search {
  display: flex;
  margin-top: 125px;
  position: fixed;
  left: 0;
  margin-left: 50%;
  background: white;
  z-index: -1; }

.container-category__sign {
  width: 100%;
  min-height: 20px;
  max-height: 150px;
  padding-bottom: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden; }
  .container-category__sign h2 {
    display: inline-block;
    width: 270px;
    height: 100%;
    position: relative;
    font-size: 20px;
    border-bottom: white;
    text-transform: lowercase; }
  .container-category__sign h2::first-letter {
    text-transform: uppercase; }
  .container-category__sign div {
    align-self: center;
    width: 100%;
    height: 1px;
    background-color: #D0CECE; }

.container-category a {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #ED1C24; }

.container-category__see-more {
  width: 100%;
  max-width: 1000px; }
  .container-category__see-more a {
    width: 80px;
    display: block;
    margin-left: auto;
    font-weight: bold;
    text-align: center;
    color: black !important;
    animation: seeMoreProducts 3s infinite; }

.categories-pageCate__loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 850px) {
    .categories-pageCate__loading {
      margin-top: 270px !important;
      height: auto !important; } }

.headerContainerCategory {
  margin-top: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  background: white;
  padding-bottom: 80px;
  z-index: 99;
  top: 0;
  padding-top: 13px; }
  .headerContainerCategory > div:nth-child(3) {
    align-self: center; }
  .headerContainerCategory__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999;
    z-index: -1; }
    .headerContainerCategory__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerCategory__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerCategory__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerCategory__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainerCategory__buttonOrder {
    position: fixed;
    right: 0;
    top: 75px; }

.headerContainer {
  width: 100%;
  display: grid !important;
  grid-template-columns: 70% 30% !important; }
  .headerContainer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }
  .headerContainer__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainer__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainer__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainer__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainer__buttonGoBack svg {
      transform: scale(0.4); }
  @media (max-width: 850px) {
    .headerContainer__search {
      background: white;
      display: flex;
      justify-content: center;
      left: 0;
      position: fixed;
      right: 0;
      top: 104px;
      width: 100%;
      z-index: 99; } }

.categories-title {
  margin-top: 60px; }

.categories-pageCate .container {
  min-width: 320px;
  margin-bottom: 120px; }

.categories-pageCate__categories {
  flex-direction: row;
  margin-top: 9rem;
  margin-bottom: 2rem; }
  @media (min-width: 850px) {
    .categories-pageCate__categories {
      margin-top: 10rem; } }
  .categories-pageCate__categories h3 {
    text-transform: uppercase; }
  .categories-pageCate__categories__list {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    justify-content: space-around; }
    .categories-pageCate__categories__list div {
      width: 30vw;
      max-width: 205px;
      min-width: 150px;
      height: 15vh;
      min-height: 120px;
      max-height: 150px;
      margin-right: 20px;
      margin-bottom: 40px;
      border-radius: 8px;
      background-repeat: no-repeat;
      background-size: contain; }
    .categories-pageCate__categories__list__container {
      display: flex;
      justify-content: center; }
      .categories-pageCate__categories__list__container p {
        text-transform: lowercase; }
      .categories-pageCate__categories__list__container p::first-letter {
        text-transform: uppercase; }
    .categories-pageCate__categories__list a {
      width: 30vw;
      max-width: 211px;
      min-width: 150px;
      height: 100%;
      display: inline-block;
      position: relative;
      text-decoration: none;
      color: #323232;
      border-radius: 20px;
      box-shadow: 0px 11px 8px -10px #CCC; }
    @media (max-width: 423px) {
      .categories-pageCate__categories__list div {
        min-width: 100px;
        min-height: 100px; }
      .categories-pageCate__categories__list a {
        min-width: 100px;
        min-height: 100px; } }
    .categories-pageCate__categories__list p {
      width: 100%;
      position: absolute;
      bottom: 0;
      z-index: 9;
      font-size: 0.90rem;
      text-align: center;
      font-weight: bold;
      background: white;
      color: red;
      text-transform: lowercase; }
    .categories-pageCate__categories__list p::first-letter {
      text-transform: uppercase; }
    .categories-pageCate__categories__list__image {
      width: 100% !important;
      height: 100% !important;
      background-size: contain;
      background-position: center;
      margin-bottom: 0; }
      .categories-pageCate__categories__list__image--no-photo {
        background-color: #ED1C24;
        background-repeat: no-repeat;
        background-size: contain; }

.categories-pageCate__loading {
  width: 100%;
  height: 100vh;
  display: inline-block;
  margin-top: 220px; }

.headerContainerCategoriesContainer {
  width: calc(90% - 250px);
  margin-left: auto;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 70px;
  z-index: 99;
  background: white; }
  .headerContainerCategoriesContainer__categoriesTitle {
    margin-top: 10px;
    margin-bottom: 10px;
    background: white; }

.headerContainerCategories {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .headerContainerCategories__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainerCategories__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerCategories__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerCategories__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerCategories__buttonGoBack svg {
      transform: scale(0.4); }

h1 {
  font-size: 1.5rem !important;
  font-weight: bold;
  text-align: center; }

@media (min-width: 850px) {
  .categories-page {
    width: calc(90% - 250px);
    margin-left: auto; }
    .categories-page__categories {
      width: 100%; } }

@media (max-width: 850px) {
  .categories-title {
    margin-top: 20px; } }

.category {
  padding-bottom: 30px; }
  @media (max-width: 850px) {
    .category {
      padding-top: 75px; } }
  .category .container {
    margin-top: 70px;
    min-width: 320px;
    padding-bottom: 120px; }
  .category__header {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-size: cover;
    background-color: rgba(170, 41, 43, 0.15);
    background-blend-mode: multiply; }
    .category__header__title {
      background-color: #fff;
      display: inline-block;
      transform: skew(-45deg);
      padding: 1.5vw 9vw; }
      .category__header__title h1 {
        display: inline-block;
        transform: skew(45deg);
        font-weight: 600;
        text-transform: uppercase;
        color: #aa292b;
        font-size: 8vw;
        font-weight: 900; }
        @media (min-width: 540px) {
          .category__header__title h1 {
            font-size: 4vw; } }

.container-categoryHome h1 {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center; }

.container-categoryHome__loading {
  width: 100%;
  height: auto;
  margin-top: 100px;
  align-items: center; }
  .container-categoryHome__loading .loader {
    height: auto;
    position: relative; }

.container-categoryHome__orderDesktop {
  width: 160px;
  height: 50px;
  margin-bottom: 10px;
  padding: 10px 5px;
  display: grid;
  grid-template-columns: 25% 55% 20%;
  background-color: #3DABF0;
  border-radius: 50px;
  position: fixed;
  bottom: 50px;
  right: 10px;
  cursor: pointer; }
  .container-categoryHome__orderDesktop div {
    display: flex;
    justify-content: center;
    align-items: center; }
    .container-categoryHome__orderDesktop div svg {
      transform: scale(0.8); }
  .container-categoryHome__orderDesktop p {
    color: white;
    align-self: center;
    text-align: center;
    text-transform: lowercase; }
  .container-categoryHome__orderDesktop p::first-letter {
    text-transform: uppercase; }
  .container-categoryHome__orderDesktop--number {
    width: 25px;
    height: 25px;
    padding-top: 2px;
    text-align: center;
    color: #3DABF0 !important;
    background-color: white;
    border-radius: 50%; }

.container-categoryHome__orderMobile {
  width: 160px;
  margin-bottom: 10px;
  margin-top: 5px;
  padding: 10px 5px;
  margin-bottom: 10px;
  align-self: center;
  display: grid;
  grid-template-columns: 25% 55% 20%;
  background-color: #3DABF0;
  border-radius: 50px;
  cursor: pointer; }
  .container-categoryHome__orderMobile div {
    display: flex;
    justify-content: center;
    align-items: center; }
    .container-categoryHome__orderMobile div svg {
      transform: scale(0.8); }
  .container-categoryHome__orderMobile p {
    color: white;
    align-self: center;
    text-align: center;
    text-transform: lowercase; }
  .container-categoryHome__orderMobile p::first-letter {
    text-transform: uppercase; }
  .container-categoryHome__orderMobile--number {
    width: 25px;
    height: 25px;
    padding-top: 2px;
    text-align: center;
    color: #3DABF0 !important;
    background-color: white;
    border-radius: 50%; }

.container-categoryHome__sign {
  width: 100%;
  min-height: 20px;
  max-height: 150px;
  padding-bottom: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden; }
  .container-categoryHome__sign h2 {
    display: inline-block;
    width: 270px;
    height: 100%;
    position: relative;
    font-size: 20px;
    border-bottom: white;
    text-transform: lowercase; }
  .container-categoryHome__sign h2::first-letter {
    text-transform: uppercase; }
  .container-categoryHome__sign div {
    align-self: center;
    width: 100%;
    height: 1px;
    background-color: #D0CECE; }

.container-categoryHome a {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #ED1C24; }

.container-categoryHome__see-more {
  width: 100%;
  max-width: 1000px; }
  .container-categoryHome__see-more a {
    width: 80px;
    display: block;
    margin-left: auto;
    text-align: center;
    color: black !important;
    animation: seeMoreProducts 3s infinite; }

.sale__empty {
  min-width: 320px;
  height: 70vh;
  display: grid;
  grid-template-rows: 60% 40%; }
  .sale__empty__img {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px; }
    .sale__empty__img svg {
      width: 230px;
      height: 230px; }
  .sale__empty__title {
    text-align: center; }

.headerContainer {
  width: calc(90% - 250px) !important;
  min-width: 320px;
  margin-left: auto !important;
  position: fixed;
  top: 70px;
  background: white;
  z-index: 99; }
  .headerContainer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }
  .headerContainer__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainer__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainer__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainer__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainer__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainer__buttonOrder {
    margin-left: auto; }
  @media (min-width: 850px) {
    .headerContainer__ubication {
      width: calc(90% - 250px);
      margin-left: auto; } }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.product-page {
  position: relative;
  padding-top: 50px;
  padding-bottom: 140px;
  background-color: #fff; }
  @media (min-width: 850px) {
    .product-page {
      padding-bottom: 0px; } }
  .product-page .container {
    min-width: 320px;
    margin-top: 45px; }
    @media (min-width: 850px) {
      .product-page .container {
        margin-top: 70px; } }
  .product-page .breadcrumbs {
    background-color: #fff;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-top: 2rem; }
  .product-page__product {
    display: grid;
    grid-template-columns: 50% 50%; }
    @media (max-width: 850px) {
      .product-page__product {
        display: block; } }
    .product-page__product__info {
      flex-grow: 1;
      width: 100%;
      position: relative; }
      .product-page__product__info h3 {
        font-size: 1.1rem;
        color: #afafaf; }
      .product-page__product__info--fixed {
        top: 0;
        position: sticky;
        width: auto; }
        @media (min-width: 1280px) {
          .product-page__product__info--fixed {
            width: calc(1140px * 35 / 100); } }
    .product-page__product__gallery {
      position: relative;
      flex-grow: 2;
      width: 100%;
      height: 350px;
      padding: 0 1rem 0 0;
      box-sizing: border-box; }
      .product-page__product__gallery__carousel ul:not(.product-page__product__gallery__nav) {
        display: inline-block;
        height: 300px !important; }
        .product-page__product__gallery__carousel ul:not(.product-page__product__gallery__nav) li:not(.active) {
          display: block;
          height: inherit !important; }
          .product-page__product__gallery__carousel ul:not(.product-page__product__gallery__nav) li:not(.active) img {
            height: inherit !important;
            object-fit: contain; }
      @media (min-width: 850px) {
        .product-page__product__gallery__carousel ul:not(.product-page__product__gallery__nav) {
          width: 500px !important;
          display: flex !important;
          justify-content: center !important; }
          .product-page__product__gallery__carousel ul:not(.product-page__product__gallery__nav) li:not(.active) {
            width: 100% !important; } }
      .product-page__product__gallery .slider-frame {
        display: flex !important;
        justify-content: center !important; }
      .product-page__product__gallery .slider-control-bottomcenter {
        bottom: -20px !important; }
      @media (min-width: 400px) {
        .product-page__product__gallery .slider-control-bottomcenter {
          bottom: -30px !important; } }
      @media (max-width: 850px) {
        .product-page__product__gallery {
          padding: 0;
          margin-bottom: 2rem;
          padding: 0; } }
      .product-page__product__gallery__percentaje {
        position: absolute;
        top: -10px;
        right: -10px; }
        .product-page__product__gallery__percentaje--value {
          position: relative;
          width: 50px;
          height: 50px; }
          .product-page__product__gallery__percentaje--value span {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 49px;
            position: absolute;
            top: 0px;
            left: 0px;
            color: white;
            font-size: 18px;
            font-weight: bold; }
      .product-page__product__gallery__nav {
        min-width: 320px;
        text-align: center; }
        .product-page__product__gallery__nav li {
          display: inline-block;
          padding: 0.5rem; }
          .product-page__product__gallery__nav li span {
            width: 0.5rem;
            height: 0.5rem;
            border: 1px solid #c4c4c4;
            border-radius: 0.5rem;
            display: block; }
          .product-page__product__gallery__nav li.active span {
            background-color: #ED1C24;
            border-color: #ED1C24; }
  .product-page__other-products {
    background-color: #fff;
    padding-bottom: 1rem;
    border-top: none; }
    @media (min-width: 850px) {
      .product-page__other-products {
        width: 77%;
        margin: 0 auto;
        margin-top: 60px;
        border-top: 1px solid #cecece; } }
    .product-page__other-products .container {
      min-width: 320px;
      margin-top: 20px;
      margin-bottom: 60px; }
    .product-page__other-products__container {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
    .product-page__other-products__title {
      width: 70%;
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 1.2rem; }
    .product-page__other-products__see-more {
      width: 100%;
      max-width: 1000px; }
      .product-page__other-products__see-more a {
        width: 80px;
        display: block;
        margin-left: auto;
        font-weight: bold;
        text-align: center;
        color: black !important;
        animation: seeMoreProducts 3s infinite; }

.goback {
  width: 110px;
  display: grid;
  grid-template-columns: 40% 40%;
  position: fixed;
  top: 5rem;
  left: 270px;
  color: #f76268;
  cursor: pointer;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-transform: uppercase;
  z-index: 9999; }
  .goback div {
    height: 35px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center; }
  .goback svg {
    transform: scale(0.4); }
  .goback__letter {
    align-self: center;
    text-transform: lowercase; }
    .goback__letter::first-letter {
      text-transform: uppercase; }
  @media (min-width: 1500px) {
    .goback {
      left: 330px; } }

.productVariantViewNetwork__loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9999999999; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.category {
  padding-bottom: 30px; }
  .category .container {
    min-width: 320px;
    padding-bottom: 120px; }
  .category__header {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-size: cover;
    background-color: rgba(170, 41, 43, 0.15);
    background-blend-mode: multiply; }
    .category__header__title {
      background-color: #fff;
      display: inline-block;
      transform: skew(-45deg);
      padding: 1.5vw 9vw; }
      .category__header__title h1 {
        display: inline-block;
        transform: skew(45deg);
        font-weight: 600;
        text-transform: uppercase;
        color: #aa292b;
        font-size: 8vw;
        font-weight: 900; }
        @media (min-width: 540px) {
          .category__header__title h1 {
            font-size: 4vw; } }

.categories-titleSale {
  margin-top: 220px;
  padding-bottom: 1px; }
  .categories-titleSale h1 {
    background: white;
    margin-bottom: 20px;
    margin-top: -30px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    font-size: 30px;
    width: 100%;
    z-index: 10; }
    @media (max-width: 850px) {
      .categories-titleSale h1 {
        text-align: center;
        left: 0; } }
    @media (min-width: 850px) {
      .categories-titleSale h1 {
        left: 150px;
        text-align: center; } }

.container-sale {
  margin-top: 30px; }
  .container-sale h1 {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center; }
  .container-sale__search {
    display: flex;
    margin-top: 125px;
    position: fixed;
    left: 0;
    margin-left: 50%;
    background: white;
    z-index: -1; }
  .container-sale__perCategory {
    margin-bottom: 15px; }
  .container-sale__sign {
    width: 100%;
    min-height: 20px;
    max-height: 150px;
    margin-top: 20px;
    padding-bottom: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden; }
    .container-sale__sign h2 {
      display: inline-block;
      width: 270px;
      height: 100%;
      position: relative;
      font-size: 20px;
      border-bottom: white;
      text-transform: lowercase; }
    .container-sale__sign h2::first-letter {
      text-transform: uppercase; }
    .container-sale__sign div {
      align-self: center;
      width: 100%;
      height: 1px;
      background-color: #D0CECE; }
  .container-sale a {
    display: block;
    text-align: right;
    font-weight: bold;
    color: #ED1C24; }
  .container-sale__see-more {
    width: 100%;
    max-width: 1000px; }
    .container-sale__see-more a {
      width: 80px;
      display: block;
      margin-left: auto;
      font-weight: bold;
      text-align: center;
      color: black !important;
      animation: seeMoreProducts 3s infinite; }

.sale__empty {
  min-width: 220px;
  height: 50vh;
  display: grid;
  grid-template-rows: 60% 40%; }
  .sale__empty__img {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px; }
    .sale__empty__img svg {
      width: 150px;
      height: 150px; }
  .sale__empty__title {
    text-align: center; }

.goback {
  width: 110px;
  display: grid;
  grid-template-columns: 40% 40%;
  position: fixed;
  top: 5rem;
  left: 270px;
  color: #f76268;
  cursor: pointer;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-transform: uppercase;
  z-index: 9999; }
  .goback div {
    height: 35px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center; }
  .goback svg {
    transform: scale(0.4); }
  .goback__letter {
    align-self: center;
    text-transform: lowercase; }
    .goback__letter::first-letter {
      text-transform: uppercase; }
  @media (min-width: 1500px) {
    .goback {
      left: 330px; } }

.headerContainerSale {
  margin-top: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  background: white;
  padding-bottom: 110px;
  z-index: 99;
  top: 0;
  padding-top: 13px; }
  .headerContainerSale > div:nth-child(2) {
    align-self: center; }
  .headerContainerSale__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainerSale__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerSale__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerSale__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerSale__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainerSale__buttonOrder {
    position: fixed;
    top: 75px;
    right: 0; }

.headerContainer {
  width: 100%;
  display: grid !important;
  grid-template-columns: 70% 30% !important; }
  .headerContainer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }
  .headerContainer__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainer__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainer__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainer__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainer__buttonGoBack svg {
      transform: scale(0.4); }
  @media (max-width: 850px) {
    .headerContainer__search {
      background: white;
      display: flex;
      justify-content: center;
      left: 0;
      position: fixed;
      right: 0;
      top: 104px;
      width: 100%;
      z-index: 99; } }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.category {
  padding-bottom: 30px; }
  .category .container {
    min-width: 320px;
    padding-bottom: 120px; }
    @media (min-width: 850px) {
      .category .container .container__saleCategory {
        margin-top: 240px;
        margin-bottom: 65px; } }
  .category__header {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-size: cover;
    background-color: rgba(170, 41, 43, 0.15);
    background-blend-mode: multiply; }
    .category__header__title {
      background-color: #fff;
      display: inline-block;
      transform: skew(-45deg);
      padding: 1.5vw 9vw; }
      .category__header__title h1 {
        display: inline-block;
        transform: skew(45deg);
        font-weight: 600;
        text-transform: uppercase;
        color: #aa292b;
        font-size: 8vw;
        font-weight: 900; }
        @media (min-width: 540px) {
          .category__header__title h1 {
            font-size: 4vw; } }

.container__saleCategory {
  margin-top: 20px; }
  .container__saleCategory h1 {
    background: white;
    margin-bottom: 20px;
    margin-top: -55px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 18px;
    width: 100%;
    z-index: 10; }
    @media (max-width: 850px) {
      .container__saleCategory h1 {
        text-align: center; } }
    @media (min-width: 850px) {
      .container__saleCategory h1 {
        left: 150px;
        text-align: center; } }
  .container__saleCategory__hasAttention {
    position: relative !important;
    top: 10px !important; }
  .container__saleCategory__hasNotAttention {
    position: relative !important;
    top: 32px !important; }
  .container__saleCategory__mobile {
    margin-top: 170px !important; }
  .container__saleCategory__search {
    display: flex;
    margin-top: 125px;
    position: fixed;
    left: 0;
    margin-left: 50%;
    background: white;
    z-index: -1; }
  .container__saleCategory__loading {
    width: 200px;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .container__saleCategory__loadMore {
    width: 100%;
    margin-bottom: 20px;
    display: block;
    text-align: center; }
    .container__saleCategory__loadMore button {
      width: 200px;
      height: 55px;
      margin: 0 auto;
      margin-top: 30px;
      padding: 10px 5px;
      border-radius: 10px;
      background-color: #ffffff;
      color: #ed1c24;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
      text-align: center; }
      .container__saleCategory__loadMore button > span {
        width: 130px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto; }
      .container__saleCategory__loadMore button span span {
        padding-top: 5px;
        font-size: 1.1rem; }
    .container__saleCategory__loadMore button:hover {
      background-color: #ffffff;
      color: #ed1c24; }
  .container__saleCategory__sign {
    width: 100%;
    min-height: 20px;
    max-height: 150px;
    padding-bottom: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden; }
    .container__saleCategory__sign h2 {
      display: inline-block;
      width: 270px;
      height: 100%;
      position: relative;
      font-size: 20px;
      border-bottom: white;
      text-transform: lowercase; }
    .container__saleCategory__sign h2::first-letter {
      text-transform: uppercase; }
    .container__saleCategory__sign div {
      align-self: center;
      width: 100%;
      height: 1px;
      background-color: #D0CECE; }
  .container__saleCategory a {
    display: block;
    text-align: right;
    color: #ED1C24; }

.headerContainerSaleCategory {
  margin-top: 70px;
  padding-top: 13px;
  padding-bottom: 10px;
  position: fixed;
  right: 0;
  z-index: 99;
  background: white; }
  .headerContainerSaleCategory > div:nth-child(3) {
    align-self: center; }
  .headerContainerSaleCategory__boxShadow {
    box-shadow: 8px 7px 8px rgba(0, 0, 0, 0.2); }
  .headerContainerSaleCategory__hasNotAttention {
    top: 26px; }
  .headerContainerSaleCategory__buttonGoBackUbication {
    width: 100%; }
  .headerContainerSaleCategory__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainerSaleCategory__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerSaleCategory__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerSaleCategory__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerSaleCategory__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainerSaleCategory__search {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .headerContainerSaleCategory h1 {
    width: 100%;
    padding: 10px;
    text-align: center; }

.search-page__header {
  background-color: #aa292b;
  padding: 4rem 0; }
  .search-page__header__input .input__label {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 900; }
  .search-page__header__input .input__field {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #fff;
    font-size: 4rem;
    padding: 0.5rem 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900; }
    .search-page__header__input .input__field:focus {
      box-shadow: none;
      color: #fff; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.category {
  padding-bottom: 30px; }
  .category .container {
    min-width: 320px;
    padding-bottom: 120px; }
  .category__header {
    text-align: center;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    background-size: cover;
    background-color: rgba(170, 41, 43, 0.15);
    background-blend-mode: multiply; }
    .category__header__title {
      background-color: #fff;
      display: inline-block;
      transform: skew(-45deg);
      padding: 1.5vw 9vw; }
      .category__header__title h1 {
        display: inline-block;
        transform: skew(45deg);
        font-weight: 600;
        text-transform: uppercase;
        color: #aa292b;
        font-size: 8vw;
        font-weight: 900; }
        @media (min-width: 540px) {
          .category__header__title h1 {
            font-size: 4vw; } }

.container__subCategory {
  margin-top: 20px; }
  .container__subCategory__hasAttention {
    position: relative !important;
    top: 220px !important; }
  .container__subCategory__hasNotAttention {
    position: relative !important;
    top: 260px !important; }
  .container__subCategory__mobile {
    margin-top: 240px !important; }
  .container__subCategory__loading {
    width: 200px;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .container__subCategory__loadMore {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px; }
    .container__subCategory__loadMore button {
      width: 200px;
      height: 55px;
      margin: 0 auto;
      margin-top: 30px;
      padding: 10px 5px;
      border-radius: 10px;
      background-color: #ffffff;
      color: #ed1c24;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
      text-align: center; }
      .container__subCategory__loadMore button > span {
        width: 130px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        color: #ed1c24; }
      .container__subCategory__loadMore button span span {
        padding-top: 5px;
        font-size: 1.1rem; }
    .container__subCategory__loadMore button:hover {
      background-color: #ffffff;
      color: #ed1c24; }
  .container__subCategory h1 {
    background: white;
    margin-bottom: 20px;
    margin-top: -53px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: fixed;
    font-size: 18px;
    width: 100%;
    z-index: 10; }
    @media (max-width: 850px) {
      .container__subCategory h1 {
        text-align: center; } }
    @media (min-width: 850px) {
      .container__subCategory h1 {
        left: 150px;
        text-align: center; } }
  .container__subCategory__search {
    display: flex;
    justify-content: center; }
  .container__subCategory__sign {
    width: 100%;
    height: 30px;
    padding-bottom: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden; }
    .container__subCategory__sign h2 {
      position: relative;
      padding-left: 25px;
      font-size: 20px;
      border-bottom: white;
      text-transform: lowercase; }
    .container__subCategory__sign h2::first-letter {
      text-transform: uppercase; }
    .container__subCategory__sign h2::after {
      content: '';
      width: 100vh;
      height: 1px;
      position: absolute;
      top: 10px;
      background-color: #D0CECE; }
  .container__subCategory a {
    display: block;
    text-align: right;
    color: #ED1C24; }

.headerContainerSubCategory {
  margin-top: 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  background: white;
  padding-bottom: 110px;
  z-index: 99;
  top: 0;
  padding-top: 13px; }
  .headerContainerSubCategory > div:nth-child(3) {
    align-self: center; }
  .headerContainerSubCategory__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999;
    position: fixed;
    z-index: -1; }
    .headerContainerSubCategory__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerSubCategory__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerSubCategory__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerSubCategory__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainerSubCategory__buttonOrder {
    position: fixed;
    right: 0;
    top: 75px; }

.headerContainer {
  width: 100%;
  display: grid !important;
  grid-template-columns: 70% 30% !important; }
  .headerContainer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }
  .headerContainer__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainer__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainer__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainer__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainer__buttonGoBack svg {
      transform: scale(0.4); }
  @media (max-width: 850px) {
    .headerContainer__search {
      background: white;
      display: flex;
      justify-content: center;
      left: 0;
      position: fixed;
      right: 0;
      top: 104px;
      width: 100%;
      z-index: 99; } }

.loader {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }

.react-select__control--is-focused,
.react-select__menu {
  border: 1px solid #cbcbcb !important;
  box-shadow: 0 0 0 1px #cbcbcb !important; }

.react-select__option--is-selected,
.react-select__option:active,
.react-select__option:hover {
  background-color: #F76268 !important;
  color: white !important; }

.selectOrderFinishedDelivery {
  width: 100%;
  margin: 0 auto;
  margin-top: 160px;
  padding-bottom: 15px;
  padding-top: 5px;
  position: sticky;
  top: 160px;
  background: white;
  z-index: 99; }
  .selectOrderFinishedDelivery p {
    width: 90%;
    margin: 0 auto; }
  .selectOrderFinishedDelivery__selectDate {
    width: 220px;
    margin-left: 5%;
    border-color: #cbcbcb !important; }
    .selectOrderFinishedDelivery__selectDate div {
      border-color: #cbcbcb !important; }

.searchOrder {
  width: 90%;
  height: 44px;
  margin-left: 5%;
  margin-top: 20px;
  display: grid;
  grid-template-columns: 40px 1fr;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #cdcdcd;
  border-radius: 8px; }
  .searchOrder div {
    display: flex;
    justify-content: center;
    align-items: center; }
  .searchOrder input {
    border-radius: 8px;
    display: block;
    height: 100%;
    padding-left: 5px;
    font-size: 1rem;
    border: none;
    outline: none;
    width: 100%; }
  .searchOrder svg {
    transform: scale(0.9); }
  .searchOrder__close {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
    .searchOrder__close--disabled {
      background-color: #f0f0f0; }
      .searchOrder__close--disabled svg * {
        fill: #989898; }
    .searchOrder__close--enabled {
      background-color: #ffffff;
      cursor: pointer; }
      .searchOrder__close--enabled svg * {
        fill: #000000; }
  .searchOrder__inputContainer {
    display: flex;
    flex-direction: row; }
  .searchOrder__filter {
    cursor: pointer; }
    .searchOrder__filter svg {
      display: block;
      width: 35px;
      height: 35px; }
    .searchOrder__filter svg * {
      fill: #F76268; }
  .searchOrder__clickSearch {
    width: 20px;
    cursor: pointer; }
    .searchOrder__clickSearch svg {
      transform: scale(0.7); }
    .searchOrder__clickSearch path {
      fill: #b9b8b8; }

.OrderFinished {
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 20px; }
  .OrderFinished__table {
    width: 90%;
    margin: 0 auto; }
    .OrderFinished__table__noData {
      text-align: center; }

.loader {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }

.HomeDelivery {
  width: 100%;
  height: auto;
  padding-top: 160px;
  padding-bottom: 20px; }
  .HomeDelivery__image {
    width: 80%;
    height: 70vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    .HomeDelivery__image div {
      height: 400px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .HomeDelivery__image div svg {
        transform: scale(2.7); }
    .HomeDelivery__image p {
      height: 70px;
      padding-bottom: 30px;
      text-align: center;
      text-transform: lowercase;
      color: grey; }
    .HomeDelivery__image p::first-letter {
      text-transform: uppercase; }
  .HomeDelivery__table {
    width: 90%;
    margin: 0 auto; }

.header {
  margin-top: 50px;
  box-shadow: 0px -1px 5px #3D3D3D; }
  @media (min-width: 849px) {
    .header {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 25px; } }

.reportMobile {
  height: calc(100vh - 200px);
  padding: 15px; }

.content {
  margin-bottom: 20px; }

.labels {
  margin: 0; }

.lineTop {
  border: 1px solid #F76268;
  margin-bottom: 20px; }

.report {
  align-items: center;
  background: white;
  border-radius: 15px;
  box-shadow: 0px 1px 3px black;
  display: grid;
  font-weight: bold;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 17px; }

.reportBody {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

.titleReport {
  margin-bottom: -10px;
  padding: 15px;
  text-align: center; }
  .titleReport p {
    font-family: 'Inter', 'roboto', 'sans-serif';
    color: #F76268; }

.contentDate {
  display: flex; }
  @media (max-width: 849px) {
    .contentDate {
      justify-content: space-between;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px; } }

.contentFilter {
  display: flex; }
  @media (max-width: 849px) {
    .contentFilter {
      justify-content: space-between;
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 15px;
      padding-top: 5px; } }

@media (min-width: 849px) {
  .filterDateDesktop {
    margin-right: 30px; } }

.buttonFilter {
  background: #27C763;
  border-radius: 4px;
  height: 35px;
  margin-top: 24px;
  width: 160px; }
  .buttonFilter p {
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase; }
  @media (min-width: 850px) {
    .buttonFilter {
      position: absolute;
      right: 25px; } }

.inputDate {
  background: white;
  border: 1px solid black;
  border-radius: 4px;
  color: black;
  font-size: 15px;
  height: 35px;
  text-align: center;
  width: 160px; }
  .inputDate option {
    text-align: center; }
  @media (max-width: 849px) {
    .inputDate {
      text-align-last: center; } }

.totalQuantity {
  color: #F76268; }

.contentReportDesktop {
  padding: 25px;
  height: calc(100vh - 159px); }

.gridReportDesktop {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 15px;
  padding: 15px;
  text-align: center;
  width: 100%; }

.headTableAmount {
  background: #F7F7F7;
  padding: 15px;
  text-align: end; }
  .headTableAmount p {
    font-weight: bold; }

.headTableZone {
  background: #F7F7F7;
  padding: 15px;
  text-align: start; }
  .headTableZone p {
    font-weight: bold; }

.rowOne {
  background: white;
  padding: 15px; }

.rowTwo {
  background: #F7F7F7;
  padding: 15px; }

.positionFirstColumn {
  color: #F76268;
  text-align: start; }

.positionSecondColumn {
  text-align: end; }

.noData {
  padding: 30px;
  text-align: center; }
  @media (min-width: 850px) {
    .noData {
      width: 200%; } }
  @media (max-width: 849px) {
    .noData {
      width: 100%; } }

@media (max-width: 849px) {
  .errorDate {
    padding-left: 15px;
    padding-right: 15px;
    color: #F76268; } }

@media (min-width: 850px) {
  .errorDate {
    position: absolute;
    color: #F76268;
    margin-top: 85px; } }

.overlayReport {
  position: relative; }

.overlayReport::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; }

.infoText {
  position: absolute;
  color: white;
  right: 15px;
  text-align: -webkit-center;
  top: 5px;
  width: 140px;
  z-index: 2; }

.alertBorder {
  background: #F7626863;
  border: 2px solid #F76268;
  box-shadow: 5px 5px 0 #F76268, -2px -2px 0 #F76268, -4px -4px 0 #F76268;
  border-radius: 5px;
  padding: 10px;
  clip-path: polygon(20% 0%, 30% -10%, 40% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); }

.loader {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }

.HomeDelivery {
  width: 100%;
  height: auto;
  padding-top: 160px;
  padding-bottom: 20px; }
  .HomeDelivery__image {
    width: 80%;
    height: 70vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column; }
    .HomeDelivery__image div {
      height: 400px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .HomeDelivery__image div svg {
        transform: scale(2.7); }
    .HomeDelivery__image p {
      height: 70px;
      padding-bottom: 30px;
      text-align: center;
      text-transform: lowercase;
      color: grey; }
    .HomeDelivery__image p::first-letter {
      text-transform: uppercase; }
  .HomeDelivery__table {
    width: 90%;
    margin: 0 auto; }

.assignOrderContainerMobile {
  width: 50px !important;
  height: 50px;
  padding: 5px !important;
  position: fixed;
  bottom: 16px;
  right: 7px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #2699fb !important;
  border-radius: 50%;
  z-index: 9; }
  .assignOrderContainerMobile__openSearchModal {
    display: none; }
  .assignOrderContainerMobile:hover {
    background-color: #2699fb !important; }
  .assignOrderContainerMobile p {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: lowercase; }
  .assignOrderContainerMobile p::first-letter {
    text-transform: uppercase; }



.breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 1rem 0; }
  .breadcrumbs li:not(:last-of-type):after {
    content: url(/images/breadcrumbs-arrow.svg);
    display: inline-block;
    margin: 0 0.5rem; }
  .breadcrumbs li a {
    color: #7d7d7d;
    text-decoration: none;
    vertical-align: middle;
    transition: 0.3s; }
    .breadcrumbs li a:hover, .breadcrumbs li a:focus {
      color: #aa292b; }
  .breadcrumbs__active a {
    color: #323232;
    font-weight: 600; }
    .breadcrumbs__active a:hover {
      color: #323232; }

.footer {
  width: 94%;
  margin-left: 3%;
  position: fixed;
  bottom: 5px;
  border-radius: 25px;
  z-index: 9; }
  .footer-nav {
    min-width: 300px;
    background-color: #f76268;
    padding: 6px 0px 5px 0px;
    border-radius: inherit; }
    .footer-nav .container {
      min-width: 300px;
      display: flex;
      flex-wrap: wrap;
      color: white;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      margin-top: unset; }
      .footer-nav .container__link {
        text-align: center;
        flex-direction: column;
        position: relative; }
        .footer-nav .container__link span {
          font-size: 0.9rem; }
        .footer-nav .container__link svg {
          width: 30px;
          height: 30px; }
        .footer-nav .container__link__icon {
          fill: white; }
        .footer-nav .container__link--active svg {
          fill: yellow; }
        .footer-nav .container__link--active path {
          fill: yellow; }
    .footer-nav__lateral-nav {
      display: flex;
      flex-wrap: wrap;
      color: white;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin-top: unset; }

.footer__lateral {
  width: 240px;
  margin-left: 1%;
  position: fixed;
  left: 0px;
  top: 7rem;
  bottom: 7px;
  z-index: 10;
  overflow-y: auto; }
  .footer__lateral-nav {
    height: 100%;
    min-height: 600px;
    max-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    background-color: #f76268; }
  .footer__lateral-user-container-container {
    width: 100%;
    height: auto; }
  .footer__lateral__user {
    height: 110px;
    padding: 23px 8px;
    display: grid;
    grid-template-columns: 25% 75%;
    border-radius: 24px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
    .footer__lateral__user-data {
      text-align: center; }
      .footer__lateral__user-data p:last-of-type {
        color: #f76268; }
  .footer__lateral-container {
    height: 450px;
    padding: 5px 0px 5px 0px;
    display: flex;
    flex-wrap: wrap;
    color: white;
    flex-direction: column;
    align-items: center;
    margin-top: unset; }
    .footer__lateral-container__link {
      width: 100%;
      display: grid;
      grid-template-columns: 40% 60%;
      padding: 20px 5px; }
      .footer__lateral-container__link div {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative; }
      .footer__lateral-container__link span {
        vertical-align: baseline;
        font-size: 0.9rem;
        align-self: center;
        font-weight: bold; }
      .footer__lateral-container__link span.active {
        color: yellow; }
      .footer__lateral-container__link svg {
        width: 35px;
        height: 35px; }
      .footer__lateral-container__link div.orders svg {
        width: 40px;
        height: 40px; }
      .footer__lateral-container__link__icon {
        fill: white; }
      .footer__lateral-container__link--active svg {
        fill: yellow; }
      .footer__lateral-container__link--active path {
        fill: yellow; }
  .footer__lateral-contact-session-container {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center; }
  .footer__lateral-contact {
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-left: 10px;
    border: 1px solid white;
    border-radius: 10px; }
    .footer__lateral-contact div {
      padding-top: 1.5px;
      display: inline-block;
      transform: rotate(110deg);
      align-self: center; }
    .footer__lateral-contact p {
      display: inline-block;
      align-self: center;
      padding-left: 10px;
      padding-top: 5px;
      text-align: center;
      color: white;
      font-weight: bold; }
  .footer__lateral button {
    width: 100%; }
  .footer__lateral-session {
    width: 90%;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    background: white;
    color: #f76268;
    text-align: center;
    font-weight: bold;
    border-radius: 5px; }
  .footer__lateral-slogan {
    width: 100%; }
    .footer__lateral-slogan p {
      color: #f76268;
      text-align: center;
      text-transform: lowercase; }
      .footer__lateral-slogan p::first-letter {
        text-transform: uppercase; }

.footer__orderInProgress {
  position: absolute;
  top: -3px;
  right: 4px;
  background-color: #5197F5;
  border-radius: 1rem;
  padding: 0 0.3rem;
  min-width: 1rem;
  height: 1rem;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1rem;
  transition: 0.3s; }

.footer__orderInProgress__navLateral {
  position: absolute;
  right: 21px;
  top: -45px;
  background-color: #5197F5;
  border-radius: 1rem;
  padding: 0 0.3rem;
  min-width: 1rem;
  height: 1rem;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1rem;
  transition: 0.3s; }

.headerContainer__footer {
  width: 100%;
  display: grid !important;
  grid-template-columns: 70% 30% !important;
  width: 100%;
  position: fixed;
  background: white;
  top: 0;
  padding-top: 70px;
  z-index: 10; }
  .headerContainer__footer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }

.descriptionShippingAddress__footer {
  align-items: center;
  background: white;
  display: flex;
  flex-direction: row;
  height: auto;
  justify-content: space-between;
  position: fixed;
  top: 3.55rem; }
  @media (min-width: 1500px) {
    .descriptionShippingAddress__footer {
      margin-left: 80px !important; } }
  @media (min-width: 850px) {
    .descriptionShippingAddress__footer {
      left: 0;
      margin-left: 35px;
      position: fixed;
      top: 67px; } }
  @media (max-width: 850px) {
    .descriptionShippingAddress__footer {
      left: 0;
      padding: 5px;
      width: 100%;
      z-index: 99; } }

.priceOrder__footer__ubicationImage {
  align-items: center;
  display: flex;
  margin-right: 5px;
  height: 35px; }
  @media (max-width: 850px) {
    .priceOrder__footer__ubicationImage {
      margin-top: -7px; } }

.priceOrder__footer__neighborhood {
  color: #8C8C8C;
  display: flex;
  font-size: 14px;
  line-height: 19px;
  padding: 3px;
  margin-left: 5px; }
  @media (max-width: 850px) {
    .priceOrder__footer__neighborhood {
      margin-top: -6px; } }

.priceOrder__footer__subTitleNeighborhood {
  line-height: 19px; }

.priceOrder__footer__nameNeighborhood {
  color: #8C8C8C;
  font-size: 14px;
  left: 16px;
  line-height: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: underline;
  overflow: hidden;
  max-width: 122px; }
  @media (max-width: 850px) {
    .priceOrder__footer__nameNeighborhood {
      max-width: 150px;
      position: fixed; } }
  @media (max-width: 320px) {
    .priceOrder__footer__nameNeighborhood {
      max-width: 120px; } }

.priceOrder__footer__amount {
  color: #8C8C8C;
  font-size: 14px;
  line-height: 14px;
  padding-right: 10px;
  text-align: end; }

.priceOrder__footer__free {
  border-radius: 4px;
  color: #0e9728;
  font-size: 14px;
  line-height: 14px;
  margin-right: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center; }

.priceOrder__footer__textInfoPriceOrder {
  color: #f76268e0;
  font-size: 14px;
  padding-right: 7px; }

@media (min-width: 1500px) {
  .footer__lateral {
    left: 40px; } }

.alertLogin {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999; }
  .alertLogin__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999999; }
  .alertLogin__data {
    width: 600px;
    height: auto;
    position: fixed;
    top: calc(15%);
    left: calc(50% - 300px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999; }
    @media (max-width: 850px) {
      .alertLogin__data {
        width: 350px;
        left: calc(50% - 175px); } }
    .alertLogin__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertLogin__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertLogin__data__close div {
        align-self: center; }
      .alertLogin__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertLogin__data__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      min-height: 300px;
      width: 100%;
      max-width: 400px;
      padding: 20px;
      text-align: center;
      white-space: normal; }
      .alertLogin__data__content > p:first-of-type {
        font-weight: 500;
        text-align: left; }
      .alertLogin__data__content__form {
        margin: 30px auto;
        position: relative; }
      .alertLogin__data__content__logInButton {
        align-items: center;
        background: #25D366;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        justify-content: center;
        margin: 30px auto;
        padding: 10px !important;
        position: relative;
        text-transform: uppercase;
        width: 100%; }
        .alertLogin__data__content__logInButton p {
          color: white;
          font-size: 16px;
          margin: 0px;
          text-transform: uppercase; }

.buttonChange {
  height: 48.5px !important;
  right: 0px !important;
  top: 0px !important;
  width: 100px !important; }

@media (max-width: 850px) {
  .validateCode__buttons {
    position: relative !important;
    display: grid;
    grid-template-columns: 100% !important; } }

.validateCode__button {
  height: 40px !important;
  margin: 30px auto 20px auto !important;
  border-radius: 50px !important; }

.validateCode__resendCode {
  margin-top: 30px !important;
  padding: 10px !important;
  border-radius: 50px !important;
  box-shadow: none !important; }

.buttonChange {
  align-items: center;
  background: #5BB4F9;
  border: none;
  border-radius: 50px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-weight: bold;
  justify-content: center;
  margin: 0px;
  padding: 10px;
  position: absolute;
  right: -150px;
  top: 5px;
  width: 140px;
  z-index: 99; }
  .buttonChange p {
    color: white;
    font-size: 16px;
    margin: 0px;
    text-transform: uppercase; }
  @media (max-width: 850px) {
    .buttonChange {
      height: 48.5px;
      right: 0px;
      top: 128px;
      width: 100px; } }

.password {
  -webkit-text-security: disc; }

.validateCode {
  color: black;
  margin-top: 20px;
  width: 100%; }
  .validateCode label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 15px; }
  .validateCode__checkbox {
    margin-top: 30px; }
    .validateCode__checkbox span {
      font-weight: 600;
      color: #3DABF0;
      cursor: pointer;
      text-decoration: underline; }
    .validateCode__checkbox__container {
      position: relative; }
      .validateCode__checkbox__container p {
        position: absolute;
        left: 45px;
        top: 2px; }
  .validateCode__eye {
    cursor: pointer;
    display: flex;
    justify-content: center; }
  .validateCode__input {
    border-radius: 50px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    display: grid;
    grid-template-columns: 80% 20%;
    padding: 5px;
    width: 100%; }
    .validateCode__input input {
      background: transparent;
      border: none;
      font-size: 16px;
      margin-left: 20px;
      outline: none;
      padding: 8px; }
    .validateCode__input span {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-left: 10px; }
  .validateCode__error {
    margin-top: 5px; }
    .validateCode__error p {
      color: #e52528;
      font-weight: bold;
      margin: 0px; }
  @media (max-width: 850px) {
    .validateCode__buttons {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 99;
      margin-bottom: 0px;
      display: grid;
      grid-template-columns: 50% 50%;
      border-radius: 0px; } }
  .validateCode__button {
    align-items: center;
    background: #25D366;
    border: none;
    border-radius: 50px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    color: white;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    justify-content: center;
    margin: 30px auto 20px auto;
    padding: 10px !important;
    position: relative;
    text-transform: uppercase;
    width: 100%; }
    @media (max-width: 850px) {
      .validateCode__button {
        margin-top: 0px;
        margin-bottom: 0px;
        height: 50px;
        border-radius: 4px; } }
    .validateCode__button p {
      color: white;
      font-size: 16px;
      margin: 0;
      text-transform: uppercase; }
  .validateCode__resendCode {
    align-items: center;
    background: white;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    justify-content: center;
    margin: 0px;
    margin-top: 30px;
    padding: 10px;
    position: relative;
    width: 100%; }
    @media (max-width: 850px) {
      .validateCode__resendCode {
        margin-top: 0px;
        padding: 0px;
        border-radius: 4px;
        box-shadow: 0px 2px 8px 4px rgba(0, 0, 0, 0.3); } }
    .validateCode__resendCode p {
      color: #e52528;
      font-size: 16px;
      margin: 0px;
      text-transform: uppercase; }
    .validateCode__resendCode__disabled {
      background: #d5d0d0; }
      @media (max-width: 850px) {
        .validateCode__resendCode__disabled {
          box-shadow: none; } }
      .validateCode__resendCode__disabled p {
        color: #FF7375; }

.loginInput {
  border-radius: 50px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  height: 48.5px;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 100%; }
  .loginInput > div {
    display: flex;
    padding: 5px; }
  .loginInput > div > div {
    align-self: center;
    height: 30px;
    width: 35px; }
  .loginInput > div > div > div {
    bottom: 27px;
    height: 23px;
    left: 4px;
    position: relative; }
  .loginInput > div > div > select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    background-image: url(/images/redArrowLogin.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 14px;
    border: none;
    color: transparent;
    cursor: pointer;
    height: 30px;
    outline: none;
    width: 55px; }
  .loginInput > div > input {
    background: transparent;
    border: none;
    color: black;
    font-size: 16px;
    margin-left: 25px;
    outline: none;
    padding: 10px;
    width: 226px; }
  .loginInput > div > span ~ input {
    background: transparent;
    border: 1px solid grey;
    border-radius: 8px;
    color: blue;
    margin-left: 5px !important;
    outline: none;
    padding: 10px;
    width: 170px; }
  .loginInput p {
    color: black;
    font-weight: bold;
    text-align: left; }

.error {
  margin-top: 5px; }
  .error p {
    color: #e52528;
    font-weight: bold;
    margin: 0; }

.alertCurrentNeighborhood {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertCurrentNeighborhood__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertCurrentNeighborhood__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertCurrentNeighborhood__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertCurrentNeighborhood__data__close div {
        align-self: center; }
      .alertCurrentNeighborhood__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertCurrentNeighborhood__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertCurrentNeighborhood__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertCurrentNeighborhood__data__content--first {
        padding-top: 10px; }
      .alertCurrentNeighborhood__data__content--last {
        padding-bottom: 10px; }
      .alertCurrentNeighborhood__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .alertCurrentNeighborhood__data__content span {
        font-weight: bold;
        color: grey; }
    .alertCurrentNeighborhood__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertCurrentNeighborhood__data__footer button {
        width: 48%;
        padding: 0px;
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 8px;
        background-color: #27c763; }
        .alertCurrentNeighborhood__data__footer button span {
          font-size: 0.9rem; }
      .alertCurrentNeighborhood__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.headerMainMenu {
  width: 100%;
  min-width: 320px;
  height: auto;
  position: fixed;
  top: 0;
  z-index: 99; }

.header-with-dropdown {
  margin-bottom: 0px; }

.header-with-dropdown_alert_opening {
  margin-bottom: 35px; }

.alertOpen {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background-color: #fdb244; }
  .alertOpen__textHour {
    margin-left: 10px;
    font-family: 'roboto','Inter','sans-serif'; }
  .alertOpen__svg {
    display: flex;
    margin-left: 10px;
    margin-top: 5px; }

.main-menu {
  width: 100%;
  min-width: 320px;
  height: auto;
  background-color: #fff;
  border-bottom: 1px solid #D0CECE; }
  .main-menu__skeleton {
    width: 95px;
    height: 1.45rem;
    display: block;
    margin-top: 0px;
    border-radius: 3px;
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    animation: animationSkeleton 2s infinite; }
  .main-menu__container {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 40% 30%; }
    @media (min-width: 850px) {
      .main-menu__container {
        grid-template-columns: 50% 50%; } }
  @media (min-width: 850px) {
    .main-menu {
      grid-template-columns: 100%; } }
  .main-menu__left {
    width: 110px;
    height: 3.55rem; }
    .main-menu__left ul {
      display: flex;
      align-items: center;
      height: 100%; }
    @media (min-width: 850px) {
      .main-menu__left {
        width: 310px;
        height: 4rem;
        position: absolute;
        left: 0;
        display: grid;
        grid-template-columns: 30% 70%;
        z-index: 9999; }
        .main-menu__left a {
          width: 100%;
          height: 3.55rem;
          padding-left: 10px; }
        .main-menu__left div {
          width: 3.2rem;
          height: 3.55rem;
          margin: 0 auto;
          display: flex;
          align-items: center; }
        .main-menu__left img {
          width: 3.2rem;
          height: 50px;
          padding: 5px;
          margin: 0 auto;
          margin-bottom: 15px;
          border-radius: 50%;
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
          background-color: white;
          object-fit: cover; }
        .main-menu__left__trade {
          width: 310px !important;
          height: 4rem !important;
          position: absolute;
          left: 0;
          display: grid !important;
          grid-template-columns: 30% 70% !important;
          z-index: 9999; }
          .main-menu__left__trade svg {
            width: 3.2rem;
            height: 50px;
            padding: 5px;
            margin: 0 auto;
            margin-bottom: 15px;
            border-radius: 50%;
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
            background-color: white; }
            .main-menu__left__trade svg path.st0 {
              fill: #b73943 !important; }
        .main-menu__left .main-menu__left-number {
          width: 100%;
          height: 3.55rem;
          display: flex;
          align-items: center;
          font-weight: bold;
          color: #f76268; } }
  .main-menu__right {
    width: 100%;
    height: 3.55rem;
    display: flex;
    justify-content: flex-end; }
    .main-menu__right ul {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      @media (min-width: 850px) {
        .main-menu__right ul {
          height: 4rem; } }
    @media (min-width: 850px) {
      .main-menu__right {
        height: 4rem;
        position: relative;
        left: 0; } }
  .main-menu__center {
    height: 3.55rem;
    position: relative;
    display: flex;
    align-items: center;
    align-self: center; }
    .main-menu__center--name {
      font-size: 14px !important; }
    @media (min-width: 850px) {
      .main-menu__center {
        width: 100%; } }
    .main-menu__center a {
      width: 50px;
      position: absolute;
      top: 3rem;
      left: calc(50% - 25px);
      z-index: 9;
      display: flex;
      flex-direction: column; }
    .main-menu__center div {
      width: 3.2rem;
      margin: 0 auto; }
    .main-menu__center h5 {
      width: 100%;
      align-self: center;
      text-align: center;
      font-weight: bold;
      color: #f76268; }
    .main-menu__center img {
      width: 3.2rem;
      height: 50px;
      padding: 5px;
      margin: 0 auto;
      margin-bottom: 15px;
      border-radius: 50%;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
      background-color: white;
      object-fit: cover; }
    .main-menu__center svg {
      width: 3.2rem;
      height: 50px;
      padding: 5px;
      margin: 0 auto;
      margin-bottom: 15px;
      border-radius: 50%;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
      background-color: white; }
      .main-menu__center svg path.st0 {
        fill: #b73943 !important; }
  .main-menu__header_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 3em;
    background-color: #f76268;
    position: fixed;
    z-index: 999999;
    top: 3.55em; }
  .main-menu__item {
    height: 100%;
    color: white;
    font-size: 16px;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .main-menu__item__icon {
      margin-right: 3px; }
    .main-menu__item a {
      text-decoration: none;
      color: #94507d;
      position: relative;
      transition: 0.3s; }
      .main-menu__item a:hover {
        color: #ED1C24; }
  .main-menu__goback {
    padding: 5px 20px 0px 12px;
    cursor: pointer; }
  .main-menu__hamburger {
    border-right: 0px solid #f6f6f6;
    cursor: pointer;
    padding: 1rem; }
    .main-menu__hamburger svg {
      vertical-align: bottom; }
  .main-menu__hamburger {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .main-menu__icon {
    padding: 0.6rem;
    cursor: pointer; }
    .main-menu__icon svg * {
      transition: 0.3s; }
    .main-menu__icon:hover svg * {
      fill: #ED1C24; }
    .main-menu__icon svg {
      vertical-align: bottom; }
  .main-menu__iconMyProfile {
    cursor: pointer; }
    .main-menu__iconMyProfile svg * {
      transition: 0.3s; }
    .main-menu__iconMyProfile:hover svg * {
      fill: #ED1C24; }
    .main-menu__iconMyProfile svg {
      vertical-align: bottom; }
  .main-menu__cartMyProfile {
    position: relative; }
  .main-menu__cart {
    position: relative;
    padding-left: 15px; }
    .main-menu__cart__checkout {
      width: 110px;
      padding: 8px;
      background-color: white;
      border-radius: 10px;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: row;
      justify-content: space-around; }
      .main-menu__cart__checkout p {
        padding-top: 2px;
        align-self: center;
        color: #ED1C24;
        text-transform: lowercase; }
      .main-menu__cart__checkout p::first-letter {
        text-transform: uppercase; }
      .main-menu__cart__checkout span {
        width: 25px;
        height: 25px;
        padding-top: 3px;
        background-color: #F76268;
        border-radius: 50%;
        color: #fff;
        text-align: center; }
    .main-menu__cart--cart {
      width: 65px; }
    .main-menu__cart__quantity {
      position: absolute;
      top: 0.1rem;
      right: 0.4rem;
      background-color: #aa292b;
      border-radius: 1rem;
      padding: 0 0.3rem;
      min-width: 1rem;
      height: 1rem;
      color: #fff;
      font-size: 0.875rem;
      text-align: center;
      line-height: 1rem;
      transition: 0.3s; }
  .main-menu__status__help {
    width: 95px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 70% 30%;
    overflow-x: hidden;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    color: #ED1C24;
    animation: zoomAddress 2s infinite;
    -webkit-animation: zoomAddress 2s infinite; }
    .main-menu__status__help p {
      align-self: center;
      text-transform: lowercase; }
    .main-menu__status__help p::first-letter {
      text-transform: uppercase; }
    .main-menu__status__help div {
      height: 30px;
      align-self: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .main-menu__status__help svg {
      transform: scale(0.3); }
  .main-menu__delivery:hover svg * {
    fill: white; }
  .main-menu__delivery__map {
    width: 95px;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: 30% 70%;
    overflow-x: hidden;
    background-color: #ED1C24;
    border-radius: 10px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
    color: #fff; }
    .main-menu__delivery__map p {
      align-self: center;
      line-height: 0;
      padding-left: 5px;
      text-transform: lowercase; }
    .main-menu__delivery__map p::first-letter {
      text-transform: uppercase; }
    .main-menu__delivery__map div {
      height: 20px;
      align-self: center;
      display: flex;
      align-items: center;
      justify-content: center; }
    .main-menu__delivery__map svg {
      transform: scale(0.4); }
  .main-menu__user--active * {
    fill: #ED1C24;
    fill-rule: inherit; }
  .main-menu__dropdown {
    text-transform: uppercase;
    font-weight: 600; }
    .main-menu__dropdown li {
      cursor: pointer;
      margin: 0 auto; }
      .main-menu__dropdown li:hover {
        color: #c4c4c4; }
      .main-menu__dropdown li:not(:last-of-type) {
        border-bottom: 1px solid #f6f6f6; }
  .main-menu__offline {
    line-height: 24px;
    padding: 1rem; }
    .main-menu__offline span {
      text-transform: uppercase;
      font-weight: 600;
      vertical-align: bottom; }
  .main-menu__nav-dropdown {
    padding: 0 1.5rem; }
    .main-menu__nav-dropdown--active {
      background-color: #ED1C24; }
    .main-menu__nav-dropdown > li:first-child {
      text-align: center; }
    .main-menu__nav-dropdown__body {
      background: #fff;
      border-top-color: #f6f6f6;
      border-top-style: solid;
      border-top-width: 1px;
      display: none;
      left: 0;
      padding: 2rem;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 3; }
      .main-menu__nav-dropdown__body--visible {
        display: block; }
      .main-menu__nav-dropdown__body li *,
      .main-menu__nav-dropdown__body ul * {
        display: block !important; }
      .main-menu__nav-dropdown__body > ul > li {
        align-self: flex-start;
        margin-left: 2rem;
        position: relative;
        width: 188px; }
        .main-menu__nav-dropdown__body > ul > li > a {
          font-size: 1rem;
          position: relative;
          text-transform: uppercase;
          padding-bottom: 9px;
          margin-bottom: 3px; }
        .main-menu__nav-dropdown__body > ul > li > ul > li:first-child {
          position: relative; }
          .main-menu__nav-dropdown__body > ul > li > ul > li:first-child:before {
            background-color: #ED1C24;
            content: "";
            height: 1px;
            left: 0;
            position: absolute;
            top: -3px;
            width: 100%; }
        .main-menu__nav-dropdown__body > ul > li ul a {
          font-size: 0.875rem;
          font-weight: normal;
          padding: 6px 0;
          text-transform: capitalize; }
        .main-menu__nav-dropdown__body > ul > li ul li > ul {
          margin-left: 10px; }
  .main-menu__profile {
    width: 170px;
    height: 4rem;
    position: relative;
    top: 7px; }
    .main-menu__profile--myProfile {
      text-decoration: underline;
      font-weight: bold;
      color: #5197F5; }
    .main-menu__profile--show {
      padding: 10px;
      display: grid;
      grid-template-columns: 20% 60% 20%;
      color: grey;
      cursor: pointer;
      border-left: 1px solid #afafaf; }
      .main-menu__profile--show p {
        width: 105px;
        margin: 0 auto;
        align-self: center;
        position: relative;
        top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        font-size: 1.1rem; }
      .main-menu__profile--show div {
        height: 1.8rem;
        display: flex;
        justify-content: center;
        align-items: center; }
      .main-menu__profile--show svg {
        transform: scale(0.5); }
      .main-menu__profile--show--arrow {
        margin-left: 20px; }
        .main-menu__profile--show--arrow svg {
          transform: scale(1); }
    .main-menu__profile--detail {
      padding: 20px 5px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: white;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      box-shadow: inset 0px 15px 7px -12px rgba(0, 0, 0, 0.2), 0px 7px 8px rgba(0, 0, 0, 0.1); }
      .main-menu__profile--detail p {
        padding: 5px 0px; }
      .main-menu__profile--detail svg {
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2)); }
      .main-menu__profile--detail--name {
        color: #afafaf; }
      .main-menu__profile--detail--number {
        color: #f76268; }
      .main-menu__profile--detail button {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        color: #f76268;
        cursor: pointer;
        border-radius: 10px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .main-menu__priceOrder__amount {
    color: #8C8C8C;
    font-size: 14px;
    line-height: 15px;
    padding-right: 2px;
    text-align: end; }
  .main-menu__priceOrder__free {
    border-radius: 4px;
    color: #0e9728;
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center; }
  .main-menu__priceOrder__textInfoPriceOrder {
    color: #f76268e0;
    font-size: 14px;
    padding-right: 2px;
    text-align: end; }

.showContainerHelp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerHelp__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerHelp__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerHelp__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerHelp__data__close div {
        align-self: center; }
      .showContainerHelp__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerHelp__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerHelp__data__content__orderNumber {
        width: 80%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        font-size: 1.1rem; }
        .showContainerHelp__data__content__orderNumber p {
          align-self: center; }
        .showContainerHelp__data__content__orderNumber span {
          width: 40%;
          padding: 5px;
          padding-top: 7px;
          display: block;
          align-self: center;
          text-align: center;
          background: #efeff2;
          border-radius: 8px;
          color: #f76268; }
      .showContainerHelp__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerHelp__data__content--first {
        padding-top: 10px; }
      .showContainerHelp__data__content--last {
        padding-bottom: 10px; }
      .showContainerHelp__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerHelp__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerHelp__data__footer {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerHelp__data__footer a:first-of-type {
        width: 110px;
        padding: 0.6rem 0.5rem;
        display: grid;
        grid-template-columns: 30% 70%;
        font-weight: bold;
        font-size: 0.9rem;
        text-transform: lowercase;
        text-align: center;
        color: #ed1c24;
        background-color: white;
        border-radius: 8px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerHelp__data__footer a::first-letter {
        text-transform: uppercase; }
      .showContainerHelp__data__footer p:first-of-type {
        align-self: center;
        color: #ed1c24;
        text-transform: lowercase; }
      .showContainerHelp__data__footer p:first-of-type::first-letter {
        text-transform: uppercase; }
      .showContainerHelp__data__footer div {
        height: 20px;
        align-self: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerHelp__data__footer svg {
        transform: scale(0.3); }

.showContainerMap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerMap__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerMap__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerMap__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerMap__data__close div {
        align-self: center; }
      .showContainerMap__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerMap__data__content {
      width: 100%;
      display: grid;
      grid-template-columns: 50% 50%;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px; }
      .showContainerMap__data__content a {
        width: 110px;
        padding-top: 12px;
        padding-bottom: 10px;
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-self: center;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }

.overlay__left {
  min-height: 90vh !important;
  margin-top: 10px;
  border-radius: 10px; }

.side-nav {
  max-width: 17rem;
  width: 17rem;
  height: 90vh;
  background: #f76268;
  border-radius: 10px; }
  .side-nav__orderInProgress {
    position: absolute;
    top: 9px;
    left: 60px;
    background-color: #5197F5;
    border-radius: 1rem;
    padding: 0 0.3rem;
    min-width: 1rem;
    height: 1rem;
    color: #fff;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1rem;
    transition: 0.3s; }
  .side-nav__menu {
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto; }
    .side-nav__menu-item {
      display: grid;
      height: 3.7rem; }
      .side-nav__menu-item-link,
      .side-nav__menu-item-back span {
        align-items: center;
        color: #323232;
        display: flex;
        font-weight: 600;
        padding: 1rem;
        text-decoration: none;
        text-transform: uppercase;
        transition: 0.3s; }
        .side-nav__menu-item-link svg *,
        .side-nav__menu-item-back span svg * {
          fill: currentColor; }
      .side-nav__menu-item-logo {
        align-self: center;
        padding: 0.75rem 1rem; }
        .side-nav__menu-item-logo svg {
          width: 5rem; }
      .side-nav__menu-item-link, .side-nav__menu-item-more, .side-nav__menu-item-back, .side-nav__menu-item-close {
        transition: 0.3s; }
        .side-nav__menu-item-link:hover, .side-nav__menu-item-more:hover, .side-nav__menu-item-back:hover, .side-nav__menu-item-close:hover {
          color: #ED1C24; }
        .side-nav__menu-item-link svg *, .side-nav__menu-item-more svg *, .side-nav__menu-item-back svg *, .side-nav__menu-item-close svg * {
          fill: currentColor; }
      .side-nav__menu-item-call {
        height: 2.5rem; }
        .side-nav__menu-item-call-link {
          width: 250px;
          height: 2.5rem;
          margin: 0 auto;
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          align-items: center;
          color: white;
          border: 1px solid white;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
          border-radius: 10px; }
      .side-nav__menu-item-close:hover, .side-nav__menu-item-more:hover, .side-nav__menu-item-back:hover {
        cursor: pointer; }
      .side-nav__menu-item-more {
        align-self: center;
        padding: 1.25rem 1.75rem; }
      .side-nav__menu-item-back svg {
        margin-right: 1rem; }
      .side-nav__menu-item-close {
        align-items: center;
        display: flex;
        height: 3.7rem;
        justify-content: center; }
        .side-nav__menu-item-close span {
          background-color: currentColor;
          border-radius: 1px;
          height: 3px;
          width: 24px; }
        .side-nav__menu-item-close:hover {
          color: #ED1C24; }
      .side-nav__menu-item-profile {
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .side-nav__menu-item-profile a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
        .side-nav__menu-item-profile div {
          width: 3.2rem;
          margin: 0 auto;
          display: flex;
          justify-content: center;
          align-items: center; }
        .side-nav__menu-item-profile h5 {
          width: 100%;
          margin-top: 5px;
          text-align: center;
          font-weight: bold;
          color: white; }
        .side-nav__menu-item-profile img {
          width: 2.2rem;
          height: 35px;
          padding: 5px;
          margin: 0 auto;
          margin-bottom: 15px;
          border-radius: 50%;
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
          background-color: white; }
        .side-nav__menu-item-profile svg {
          width: 2.2rem;
          height: 35px;
          padding: 5px;
          margin: 0 auto;
          margin-bottom: 15px;
          border-radius: 50%;
          box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
          background-color: white; }
        .side-nav__menu-item-profile svg {
          transform: scale(1.5);
          filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3)); }
      .side-nav__menu-item-options {
        height: 350px;
        padding: 5px 0px 5px 0px;
        display: flex;
        flex-wrap: wrap;
        color: white;
        flex-direction: column;
        align-items: center;
        margin-top: unset; }
        .side-nav__menu-item-options-link, .side-nav__menu-item-options-order {
          width: 100%;
          display: grid;
          grid-template-columns: 40% 60%;
          padding: 15px 5px;
          position: relative; }
          .side-nav__menu-item-options-link div, .side-nav__menu-item-options-order div {
            display: flex;
            justify-content: center;
            align-items: center; }
          .side-nav__menu-item-options-link span, .side-nav__menu-item-options-order span {
            vertical-align: baseline;
            font-size: 0.9rem;
            align-self: center;
            font-weight: bold; }
          .side-nav__menu-item-options-link span.active, .side-nav__menu-item-options-order span.active {
            color: yellow; }
          .side-nav__menu-item-options-link svg, .side-nav__menu-item-options-order svg {
            width: 35px;
            height: 35px; }
          .side-nav__menu-item-options-link__icon, .side-nav__menu-item-options-order__icon {
            fill: white; }
        .side-nav__menu-item-options-order svg {
          width: 40px;
          height: 40px; }
      .side-nav__menu-item--has-subnavigation {
        grid-template-columns: 1fr 3.7rem; }
      .side-nav__menu-item--parent {
        width: 90%;
        height: 40px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        color: #c4c4c4; }
        .side-nav__menu-item--parent a {
          display: flex;
          align-items: center;
          color: inherit; }
        .side-nav__menu-item--parent span {
          display: flex;
          align-items: center; }
        .side-nav__menu-item--parent div {
          width: 20px;
          height: 20px; }

.cart {
  display: grid;
  grid-template-areas: "header" "amount" "list" "footer";
  grid-template-rows: min-content min-content auto min-content;
  height: 100%;
  width: 100%;
  min-width: 260px;
  max-width: 100vw;
  overflow-y: auto; }
  .cart__emptyCart {
    width: 137px;
    padding: 5px;
    display: flex;
    justify-content: space-around;
    border-radius: 8px;
    border: 1px solid #afafaf;
    cursor: pointer; }
    .cart__emptyCart p {
      font-size: 15px;
      color: #afafaf; }
    .cart__emptyCart > div {
      width: 20px;
      height: 24px; }
    .cart__emptyCart > div div {
      width: 20px;
      height: 24px;
      display: flex;
      align-items: center; }
    .cart__emptyCart svg {
      width: 20px;
      height: 24px; }
  .cart .overlay__header {
    width: 100%;
    min-width: 260px;
    position: absolute;
    grid-area: header;
    justify-content: initial;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    z-index: 99; }
    .cart .overlay__header-back {
      position: absolute;
      top: 12px;
      left: 10px;
      cursor: pointer; }
    .cart .overlay__header-text {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      text-transform: lowercase; }
    .cart .overlay__header-text span::first-letter {
      text-transform: uppercase; }
    .cart .overlay__header__close-icon {
      margin-left: auto; }
  .cart__amount {
    grid-area: amount;
    margin-top: 55px;
    padding: 1rem;
    padding-left: 0.5rem;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between; }
    .cart__amount__items {
      align-self: center;
      color: #afafaf; }
      .cart__amount__items span {
        color: #ED1C24; }
    .cart__amount a button {
      width: 100%;
      max-width: 100%;
      padding: 0.4rem; }
      .cart__amount a button span {
        font-size: 0.85rem; }
  .cart__loading .loader {
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.1); }
  .cart__loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999999999; }
    .cart__loader .loader {
      height: 100% !important; }
  .cart__list {
    grid-area: list;
    overflow: auto; }
    .cart__list__item {
      margin: 1rem;
      border-radius: 8px;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
      .cart__list__item__generalData {
        padding: 1rem 0.4rem 0.5rem 0.4rem;
        display: flex;
        align-content: stretch; }
        .cart__list__item__generalData img {
          max-width: 4.5rem;
          height: 4.5rem;
          object-fit: contain; }
        .cart__list__item__generalData img ~ p {
          font-weight: 600;
          text-transform: uppercase;
          line-height: 1.5;
          text-align: center; }
        .cart__list__item__generalData__image {
          width: 4.5rem;
          height: 4.5rem;
          position: relative;
          display: flex;
          justify-content: center;
          border-radius: 8px;
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
          .cart__list__item__generalData__image__edit {
            position: absolute;
            top: 0;
            left: -1px; }
            .cart__list__item__generalData__image__edit > div {
              width: 29px;
              height: 28px;
              display: flex;
              justify-content: center;
              align-items: center;
              background: white;
              box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
              border-radius: 4px; }
            .cart__list__item__generalData__image__edit svg {
              width: 20px;
              margin-left: 3px; }
        .cart__list__item__generalData__withoutdiscount {
          display: block;
          color: #ED1C24;
          text-decoration: line-through; }
        .cart__list__item__generalData--box-shadow {
          border-radius: 8px;
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .cart__list__item__generalData__details {
          width: 100%;
          min-width: 100px;
          padding: 0 0 0 0.6rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .cart__list__item__generalData__details__top__container {
            height: auto;
            margin-bottom: 5px;
            display: flex;
            flex-direction: row;
            justify-content: space-between; }
            .cart__list__item__generalData__details__top__container__name {
              padding-right: 1rem;
              font-size: 16px;
              font-weight: 600;
              white-space: pre-wrap;
              text-transform: uppercase;
              line-height: 1rem; }
            .cart__list__item__generalData__details__top__container__toppings {
              font-size: 14px;
              color: #afafaf;
              line-height: 1rem; }
          .cart__list__item__generalData__details__variant {
            display: flex;
            justify-content: space-between;
            margin-top: 0.5rem; }
            .cart__list__item__generalData__details__variant span {
              color: #c4c4c4;
              font-size: 0.875rem; }
            .cart__list__item__generalData__details__variant--item {
              padding: 0.25rem 0.5rem; }
          .cart__list__item__generalData__details__container__delete-icon {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 27px;
            margin-left: auto;
            margin-right: 45px;
            text-align: center;
            border-radius: 5px;
            background-color: #F76268; }
          .cart__list__item__generalData__details__delete-icon {
            width: 1.3rem;
            height: 1.3rem;
            text-align: center;
            line-height: 1.5rem;
            cursor: pointer; }
            .cart__list__item__generalData__details__delete-icon svg * {
              transition: 0.3s; }
            .cart__list__item__generalData__details__delete-icon:hover svg * {
              fill: #ED1C24; }
  .cart__footer {
    min-width: 260px;
    grid-area: footer;
    padding: 1rem;
    bottom: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
    .cart__footer__price {
      display: flex;
      justify-content: space-between;
      text-transform: uppercase;
      padding-bottom: 0.5rem;
      font-weight: 600;
      font-size: 13px;
      color: #606060; }
      .cart__footer__price--total {
        padding-top: 0.5rem;
        font-size: 15px;
        border-top: 1px solid #c4c4c4;
        color: #000; }
    .cart__footer .effectContainerOverlayCart {
      width: 100%;
      height: 45px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      border-radius: 8px;
      animation: wavesOverlay 2s infinite; }
      @media (min-width: 540px) {
        .cart__footer .effectContainerOverlayCart {
          animation: wavesOverlayTablet 2s infinite; } }
      @media (min-width: 1280px) {
        .cart__footer .effectContainerOverlayCart {
          animation: wavesOverlayDesktop 2s infinite; } }
    .cart__footer__button {
      width: 100%;
      position: relative;
      padding: 0.3rem;
      text-align: center;
      border-radius: 8px; }
      .cart__footer__button button {
        width: 100%;
        padding: 0.5rem; }
        .cart__footer__button button span {
          font-size: 0.8rem; }
      .cart__footer__button button.secondary span {
        color: #ED1C24 !important; }
  .cart__empty {
    min-width: 250px;
    height: 90vh;
    min-height: 500px;
    margin-top: 25px;
    display: grid;
    grid-template-rows: 10% 45% 20% 20%;
    padding: 2rem 1rem; }
    @media (min-width: 1280px) {
      .cart__empty {
        grid-template-rows: 15% 45% 30% 10%; } }
    .cart__empty__title {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      margin-bottom: 1rem; }
      .cart__empty__title h4 {
        font-weight: 600;
        text-transform: uppercase; }
    .cart__empty__img {
      display: flex;
      justify-content: center;
      align-items: center; }
      .cart__empty__img svg {
        width: 200px;
        height: 200px;
        z-index: 9; }
    .cart__empty p {
      color: #c4c4c4;
      text-align: center; }
    .cart__empty__action {
      width: 100%;
      text-align: center;
      margin-top: 1rem; }
      .cart__empty__action button {
        width: 100%;
        box-shadow: -2px 3px 8px 0px rgba(0, 0, 0, 0.2); }
        .cart__empty__action button span {
          font-size: 0.8rem;
          color: #ED1C24 !important; }
  .cart__successVoucher {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.5s ease; }
    .cart__successVoucher--opacity {
      opacity: 0; }
    .cart__successVoucher p {
      border: 1px solid #27c763;
      border-radius: 8px;
      padding: 10px;
      background: rgba(39, 199, 99, 0.9);
      color: white; }

.buttonAnimationDesktop {
  display: flex;
  justify-content: center; }
  .buttonAnimationDesktop__button {
    width: 95%;
    font-size: 0.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    background-color: #27c763;
    color: #FFFFFF;
    position: relative;
    padding: 0.6rem;
    text-align: center;
    border-radius: 8px; }

.buttonAnimationMovile {
  display: flex;
  justify-content: center; }
  .buttonAnimationMovile__button {
    width: 86%;
    font-size: 0.8rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    background-color: #27c763;
    color: #FFFFFF;
    position: relative;
    padding: 0.6rem;
    text-align: center;
    border-radius: 8px; }

.overlay--modal {
  display: flex;
  overflow-y: auto; }
  @media (min-width: 540px) {
    .overlay--modal {
      align-items: center; } }
  .overlay--modal .overlay__modal {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: inherit;
    width: 100%; }
    @media (min-width: 540px) {
      .overlay--modal .overlay__modal {
        height: auto;
        margin: 0 auto;
        max-height: 100px;
        width: 555px; } }
    .overlay--modal .overlay__modal .modal {
      display: flex;
      flex-direction: column;
      height: inherit;
      min-height: inherit; }
      .overlay--modal .overlay__modal .modal a, .overlay--modal .overlay__modal .modal__action {
        color: #aa292b;
        font-weight: bold;
        text-decoration: underline; }
      .overlay--modal .overlay__modal .modal__title, .overlay--modal .overlay__modal .modal__body, .overlay--modal .overlay__modal .modal__footer {
        padding: 1rem; }
      .overlay--modal .overlay__modal .modal__title {
        align-items: center;
        border-bottom: 1px #ED1C24 solid;
        color: #323232;
        display: flex;
        font-weight: bold;
        text-transform: uppercase; }
        .overlay--modal .overlay__modal .modal__title p {
          margin-right: auto; }
      .overlay--modal .overlay__modal .modal__body {
        border-bottom: 1px #c4c4c4 solid;
        flex: 1; }
        .overlay--modal .overlay__modal .modal__body__lead {
          color: rgba(50, 50, 50, 0.6);
          font-size: 1.5rem;
          font-weight: 900;
          padding: 1rem 0;
          text-transform: uppercase; }
      .overlay--modal .overlay__modal .modal__footer {
        text-align: right; }
        .overlay--modal .overlay__modal .modal__footer a {
          padding: 1rem; }
      .overlay--modal .overlay__modal .modal__button {
        box-shadow: none;
        margin: 0 1rem;
        padding: 0.1rem 2.7rem;
        width: auto; }
        .overlay--modal .overlay__modal .modal__button span {
          font-size: 1rem; }
      .overlay--modal .overlay__modal .modal__action {
        display: inline-block;
        font-size: 1rem;
        padding: 0 1rem; }
      .overlay--modal .overlay__modal .modal__close div,
      .overlay--modal .overlay__modal .modal__close svg {
        height: 19px;
        width: 19px; }
      .overlay--modal .overlay__modal .modal__close:hover, .overlay--modal .overlay__modal .modal__action:hover {
        cursor: pointer; }

.search {
  width: 80vw;
  min-width: 250px; }
  @media (min-width: 850px) {
    .search {
      width: 100%; } }
  .search__input {
    height: 100px;
    padding-bottom: 0.84rem;
    padding-top: 0.3rem;
    padding-right: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
    z-index: 999;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
    .search__input__up {
      width: 100%;
      padding-left: 5px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .search__input__up__goback {
        padding-left: 5px; }
        .search__input__up__goback div {
          display: flex; }
        .search__input__up__goback svg {
          transform: scale(0.8); }
      .search__input__up__title {
        padding-left: 10px; }
    .search__input__down {
      width: 100%;
      height: 30.56px;
      padding-left: 14px; }
    .search__input__close-btn {
      background-color: #fff;
      border: 1px solid #fff;
      padding: 7px;
      border-radius: 50%;
      margin-top: -9px;
      margin-left: -2px;
      width: 30px;
      height: 30px; }
  .search__products {
    overflow: auto;
    padding: 0.5rem 0;
    padding-bottom: 2.5rem;
    position: relative;
    right: 0;
    transition: 300ms;
    height: calc(90vh); }
    .search__products--expanded {
      right: 0;
      height: 90vh;
      overflow-y: auto; }
    .search__products--not-found {
      height: 100%;
      padding: 14px;
      padding-top: 30px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      text-align: center;
      overflow-y: auto; }
      .search__products--not-found p {
        min-height: 60px; }
    .search__products__item {
      padding: 0.5rem 1rem; }
      .search__products__item img {
        width: 3.6rem;
        height: 3.6rem;
        display: inline-block;
        margin-right: 1rem;
        vertical-align: top;
        object-fit: contain; }
      .search__products__item span {
        display: inline-block;
        width: calc(100% - 4.6rem); }
      .search__products__item h4 {
        text-transform: uppercase;
        font-weight: 600;
        padding: 0.25rem 0;
        color: #323232; }
      .search__products__item p {
        color: #c4c4c4; }
      .search__products__item:hover {
        background-color: #f6f6f6; }
      .search__products__item ul {
        max-height: calc(100vh - 9rem); }
    .search__products__footer {
      text-align: center;
      padding: 1rem 0;
      background-color: #fff; }
      .search__products__footer__loadMore {
        width: 100%;
        display: block;
        text-align: center; }
        .search__products__footer__loadMore button {
          width: 200px;
          height: 55px;
          margin: 0 auto;
          margin-top: 30px;
          padding: 10px 5px;
          border-radius: 10px;
          background-color: #ffffff;
          color: #ed1c24;
          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
          text-align: center;
          margin-top: 0px !important; }
          .search__products__footer__loadMore button > span {
            width: 130px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 0 auto;
            color: #ed1c24; }
          .search__products__footer__loadMore button span span {
            padding-top: 5px;
            font-size: 1.1rem; }
        .search__products__footer__loadMore button:hover {
          background-color: #ffffff;
          color: #ed1c24; }
    .search__products__blank {
      width: 100%;
      height: 100%;
      min-height: 600px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      overflow-y: auto; }
      .search__products__blank__img--not-found {
        max-height: 300px;
        min-height: 300px; }
        .search__products__blank__img--not-found div {
          width: 100%;
          max-height: 300px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .search__products__blank__img--not-found svg {
          transform: scale(0.9); }
        @media (min-width: 1200px) {
          .search__products__blank__img--not-found svg {
            transform: scale(0.7); } }
        @media (min-width: 1500px) {
          .search__products__blank__img--not-found svg {
            transform: scale(0.6); } }
        @media (min-width: 1600px) {
          .search__products__blank__img--not-found svg {
            transform: scale(0.5); } }
      .search__products__blank__img {
        min-height: 200px; }
        .search__products__blank__img div {
          width: 100%;
          min-height: 200px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .search__products__blank__img svg {
          display: block;
          margin: 0 auto; }
      .search__products__blank__button {
        width: 100%;
        height: 90px;
        align-self: flex-end;
        display: flex;
        justify-content: center;
        margin-bottom: 70px; }
        @media (min-width: 1280px) {
          .search__products__blank__button {
            margin-bottom: 10px; } }
        .search__products__blank__button button {
          width: 88%;
          height: 40px;
          padding: 0.5rem; }
          .search__products__blank__button button span {
            font-size: 0.8rem;
            color: #ED1C24 !important; }

.input {
  width: 100%;
  height: 35px;
  margin-bottom: 0; }
  .input__content {
    border-radius: 8px; }
  .input__icon-right {
    height: 34.56px;
    right: 0.7rem;
    background: #27c763;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    transform: none; }
    .input__icon-right div {
      height: inherit;
      display: flex;
      justify-content: center;
      align-items: center; }
    .input__icon-right svg {
      position: relative;
      bottom: 2px;
      transform: scale(0.6); }
    .input__icon-right svg * {
      fill: #fff;
      color: #ED1C24; }
  .input__icon-left {
    width: 25px;
    height: 34.56px;
    display: block;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    transform: none; }
    .input__icon-left div {
      width: 25px;
      height: 34.56px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .input__icon-left svg {
      transform: scale(0.6); }
  .input__icon-left--disabled {
    background-color: #f0f0f0; }
    .input__icon-left--disabled svg * {
      fill: #d4d4d4; }
  .input__icon-left--enabled {
    background-color: #ffffff; }
    .input__icon-left--enabled svg * {
      fill: #000000; }
  .input__field {
    height: 34.56px;
    padding: 0.2rem 0.5rem;
    padding-right: 2rem;
    padding-left: 1.7rem;
    width: 100%;
    outline: none;
    border: 1px solid #cdcdcd;
    border-radius: 8px; }
    .input__field:hover {
      box-shadow: none;
      color: black; }
    .input__field:focus {
      box-shadow: none; }
    .input__field:not([value=""]) {
      box-shadow: none; }
    .input__field::placeholder {
      font-size: 1rem;
      color: grey; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.overlay {
  background-color: rgba(199, 207, 207, 0.8);
  height: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  transition: 300ms;
  width: 100%;
  min-width: 320px;
  z-index: 99999999999999999999999999; }
  @media (min-width: 850px) {
    .overlay .overlay__right {
      width: 33%; } }
  .overlay--no-background {
    background-color: transparent; }
  .overlay__left {
    position: fixed;
    min-height: 100%;
    background-color: #fff;
    animation: sidenavLeftOpen 0.3s; }
  .overlay__right {
    position: fixed;
    background-color: #fff;
    right: 0;
    top: 0;
    height: 100%;
    width: 80vw;
    animation: sidenavRightOpen 0.3s; }
  .overlay__header {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    height: 3.6rem;
    justify-content: space-between;
    text-transform: uppercase; }
    .overlay__header-text {
      margin: 0 1rem;
      text-align: center; }
      .overlay__header-text-items {
        color: #c4c4c4; }
    .overlay__header__close-icon {
      cursor: pointer;
      margin: 0 1rem; }
      .overlay__header__close-icon:hover svg *, .overlay__header__close-icon:focus svg * {
        fill: #ED1C24; }
      .overlay__header__close-icon div {
        display: flex; }
    .overlay__header__cart-icon {
      margin: 0 1rem; }
      .overlay__header__cart-icon div {
        display: flex; }
        .overlay__header__cart-icon div svg * {
          fill: #ED1C24; }

.select {
  position: relative;
  margin-bottom: 1rem; }
  .select__title {
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid #aa292b; }
    .select__title input {
      display: block;
      width: 100%;
      padding: 0.8rem 1rem;
      font-size: 1rem;
      outline: none;
      border: none;
      background: transparent; }
      .select__title input:active, .select__title input:focus, .select__title input::selection {
        background: transparent; }
    .select__title:after {
      position: absolute;
      display: block;
      content: "";
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 0.5rem;
      height: 0.5rem;
      transition: all 0.3s ease;
      background: url(/images/arrow.svg);
      background-repeat: no-repeat;
      background-position: center; }
  .select__container {
    position: relative; }
  .select__options {
    border-radius: 0;
    box-shadow: 0 0 0 1px #aa292b;
    border: 1px solid #aa292b;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0.1rem;
    transform: translateY(100%);
    width: 100%;
    min-width: 80px;
    min-height: 43px;
    max-height: 40vh;
    opacity: 0;
    z-index: -1;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: auto; }
    .select__options--open {
      opacity: 1;
      z-index: 2; }
  .select__option {
    position: relative;
    padding: 1rem 1.5rem; }
    .select__option:not(:last-child)::after {
      background-color: #c4c4c4;
      bottom: 0;
      content: "";
      height: 1px;
      left: 1rem;
      position: absolute;
      width: calc(100% - 2rem); }
    .select__option--disabled {
      color: #7d7d7d; }
    .select__option:hover {
      cursor: pointer;
      background-color: rgba(33, 18, 94, 0.1); }
    .select__option--selected, .select__option:focus, .select__option:active {
      background-color: #ED1C24;
      color: #323232; }
  .select__hidden {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    height: 0;
    width: 0; }

.notification .message {
  position: relative;
  margin-bottom: 0.5rem; }

.showAlertAssingOrder {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999999; }
  .showAlertAssingOrder__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showAlertAssingOrder__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showAlertAssingOrder__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showAlertAssingOrder__data__close div {
        align-self: center; }
      .showAlertAssingOrder__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showAlertAssingOrder__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showAlertAssingOrder__data__content div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
      .showAlertAssingOrder__data__content--first {
        padding-top: 25px; }
      .showAlertAssingOrder__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showAlertAssingOrder__data__content span {
        font-weight: bold;
        color: grey; }
      .showAlertAssingOrder__data__content p {
        color: #e5be01;
        margin-bottom: 20px;
        margin-top: -8px; }
    .showAlertAssingOrder__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: -8px; }
      .showAlertAssingOrder__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showAlertAssingOrder__data__footer button span {
          font-size: 0.9rem; }
      .showAlertAssingOrder__data__footer button:first-of-type {
        background-color: #25d366;
        color: white;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.alertCheckoutErrors {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertCheckoutErrors__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertCheckoutErrors__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertCheckoutErrors__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertCheckoutErrors__data__close div {
        align-self: center; }
      .alertCheckoutErrors__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertCheckoutErrors__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertCheckoutErrors__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertCheckoutErrors__data__content--first {
        padding-top: 10px;
        font-size: 1.15rem; }
      .alertCheckoutErrors__data__content--last {
        padding-top: 20px;
        padding-bottom: 10px; }
      .alertCheckoutErrors__data__content ul {
        padding-left: 20px;
        list-style: disc; }
      .alertCheckoutErrors__data__content li {
        text-align: justify;
        font-weight: lighter; }
      .alertCheckoutErrors__data__content span {
        font-weight: bold;
        color: grey; }
    .alertCheckoutErrors__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertCheckoutErrors__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .alertCheckoutErrors__data__footer button span {
          font-size: 0.9rem; }
      .alertCheckoutErrors__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .alertCheckoutErrors__data__footer__onlineError {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 15px; }
        .alertCheckoutErrors__data__footer__onlineError button {
          width: 100%;
          background-color: #27C763; }
        .alertCheckoutErrors__data__footer__onlineError button:last-of-type:hover {
          background-color: #27C763; }
      .alertCheckoutErrors__data__footer__notAvailable button {
        width: 100%; }
  .alertCheckoutErrors__loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.7);
    z-index: 99999999999999; }
    .alertCheckoutErrors__loader .loader {
      height: 100% !important; }

.orderContainerDesktop {
  width: 130px;
  height: 50px;
  display: flex;
  margin-right: 25px;
  position: fixed;
  right: 18px;
  justify-content: center;
  align-items: center;
  background-color: #27c763;
  border-radius: 10px;
  right: 0;
  z-index: 99; }
  .orderContainerDesktop__openSearchModal {
    display: none; }
  .orderContainerDesktop__hasAttention {
    top: 72px; }
  .orderContainerDesktop__hasNotAttention {
    top: 110px; }
  .orderContainerDesktop p {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: lowercase; }
  .orderContainerDesktop p::first-letter {
    text-transform: uppercase; }
  .orderContainerDesktop__SVG {
    display: flex;
    margin-left: 10px; }

.orderContainerMobile {
  width: 50px;
  height: 50px;
  padding: 5px;
  position: fixed;
  bottom: 90px;
  right: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #27c763;
  border-radius: 50%;
  z-index: 9; }
  .orderContainerMobile__openSearchModal {
    display: none; }
  .orderContainerMobile p {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: lowercase; }
  .orderContainerMobile p::first-letter {
    text-transform: uppercase; }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showContainerObservation {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerObservation__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerObservation__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerObservation__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerObservation__data__close div {
        align-self: center; }
      .showContainerObservation__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerObservation__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerObservation__data__content div {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerObservation__data__content--first {
        padding-top: 10px; }
      .showContainerObservation__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerObservation__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerObservation__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerObservation__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainerObservation__data__footer button span {
          font-size: 0.9rem; }
      .showContainerObservation__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showContainerPromo {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerPromo__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerPromo__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerPromo__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerPromo__data__close div {
        align-self: center; }
      .showContainerPromo__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerPromo__data__content {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
      white-space: normal; }
      .showContainerPromo__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerPromo__data__content--first {
        padding-top: 10px; }
      .showContainerPromo__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerPromo__data__content span {
        display: block;
        font-weight: bold;
        color: #f76268; }
      .showContainerPromo__data__content__error {
        padding: 5px;
        margin: 10px auto;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        border-radius: 8px;
        border: 1px solid #e5be01; }
        .showContainerPromo__data__content__error div {
          margin-bottom: 0px;
          align-self: center; }
          .showContainerPromo__data__content__error div svg {
            transform: scale(0.5); }
        .showContainerPromo__data__content__error p {
          padding: 0;
          margin: 0;
          align-self: center;
          text-align: center;
          color: #e5be01; }
    .showContainerPromo__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerPromo__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainerPromo__data__footer button span {
          font-size: 0.9rem; }
      .showContainerPromo__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
  .showContainerPromo__loader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999999999;
    background: rgba(0, 0, 0, 0.2); }

.footerDelivery {
  width: 100%;
  height: 70px;
  position: fixed;
  bottom: 0px;
  display: grid;
  grid-template-columns: 50% 50%;
  z-index: 999;
  background-color: #efeff2; }
  .footerDelivery__left, .footerDelivery__right {
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center; }
  .footerDelivery p {
    font-size: 1.125rem;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    text-transform: uppercase;
    margin-top: -1px; }
  .footerDelivery button {
    width: 88%;
    padding: 10px 0px;
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3); }
  .footerDelivery__right button, .footerDelivery__right button:hover {
    background: #25D366;
    height: 40px; }

.showContainerDelivered {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999999; }
  .showContainerDelivered__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(10%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    @media screen and (max-width: 850px) {
      .showContainerDelivered__data--delivered {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; } }
    .showContainerDelivered__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      position: sticky;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268;
      top: 0px; }
      .showContainerDelivered__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerDelivered__data__close div {
        align-self: center; }
      .showContainerDelivered__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerDelivered__data__content {
      width: 100%;
      height: calc(100% - 83px - 45px - 10px);
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
      text-align: center;
      white-space: normal;
      overflow-y: scroll; }
      .showContainerDelivered__data__content--first {
        padding-top: 10px; }
      .showContainerDelivered__data__content--last {
        padding-bottom: 10px; }
      .showContainerDelivered__data__content span {
        color: white;
        font-weight: bold;
        padding-top: 0px; }
      .showContainerDelivered__data__content__image {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative; }
        .showContainerDelivered__data__content__image input {
          display: none; }
        .showContainerDelivered__data__content__image p {
          color: #F76268;
          font-size: 14px;
          margin: 0;
          text-align: center; }
        .showContainerDelivered__data__content__image p:first-of-type {
          color: black;
          border-bottom: 1px solid grey;
          font-size: 16px;
          margin: 0 auto;
          margin-bottom: 10px;
          text-align: left;
          width: 90%; }
        .showContainerDelivered__data__content__image__label {
          align-items: center;
          cursor: pointer;
          display: flex;
          justify-content: center;
          height: 120px;
          position: relative;
          width: 100%; }
          .showContainerDelivered__data__content__image__label__showImage {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 120px;
            width: 100%; }
            .showContainerDelivered__data__content__image__label__showImage > div:first-of-type {
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center; }
            .showContainerDelivered__data__content__image__label__showImage img {
              height: 120px;
              width: 120px;
              object-fit: contain; }
            .showContainerDelivered__data__content__image__label__showImage__button {
              background: #2699fb;
              border-radius: 5px;
              color: white;
              cursor: pointer;
              padding: 10px;
              text-transform: uppercase;
              width: 100px; }
              .showContainerDelivered__data__content__image__label__showImage__button--yellow {
                background: #F7BE62; }
      .showContainerDelivered__data__content__question {
        margin-bottom: 25px; }
    .showContainerDelivered__data__footer {
      background: white;
      bottom: 0px;
      display: flex;
      justify-content: space-around;
      padding: 20px;
      position: sticky;
      width: 100%; }
      .showContainerDelivered__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .showContainerDelivered__data__footer button span {
          font-size: 0.9rem; }
      .showContainerDelivered__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerDelivered__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.showContainerToComplete {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999999; }
  .showContainerToComplete__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerToComplete__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerToComplete__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerToComplete__data__close div {
        align-self: center; }
      .showContainerToComplete__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerToComplete__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerToComplete__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerToComplete__data__content--first {
        padding-top: 10px; }
      .showContainerToComplete__data__content--last {
        padding-bottom: 10px; }
      .showContainerToComplete__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerToComplete__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerToComplete__data__footerButton {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerToComplete__data__footerButton button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .showContainerToComplete__data__footerButton button span {
          font-size: 0.9rem; }
      .showContainerToComplete__data__footerButton button:first-of-type {
        background-color: #3DABF0 !important;
        color: white !important;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerToComplete__data__footerButton p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.showContainerDeliveryWritten {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999999999; }
  .showContainerDeliveryWritten__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerDeliveryWritten__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerDeliveryWritten__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerDeliveryWritten__data__close div {
        align-self: center; }
      .showContainerDeliveryWritten__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerDeliveryWritten__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerDeliveryWritten__data__content div {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerDeliveryWritten__data__content--first {
        padding-top: 10px; }
      .showContainerDeliveryWritten__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerDeliveryWritten__data__content span {
        font-weight: bold;
        color: grey; }
      .showContainerDeliveryWritten__data__content p {
        color: #e5be01; }
    .showContainerDeliveryWritten__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerDeliveryWritten__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainerDeliveryWritten__data__footer button span {
          font-size: 0.9rem; }
      .showContainerDeliveryWritten__data__footer button:first-of-type {
        background-color: #ED1C24;
        color: white;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.menuDelivery {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 999;
  background-color: white; }
  .menuDelivery__nav {
    width: 100%;
    min-width: 300px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: inherit; }
    .menuDelivery__nav__logo {
      cursor: pointer;
      position: absolute;
      top: 5px;
      left: 10px;
      padding: 1px; }
      .menuDelivery__nav__logo svg {
        width: 35px;
        height: 30px;
        border-radius: 50%; }
    .menuDelivery__nav > div:not(:first-child) {
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
    .menuDelivery__nav h1 {
      width: 100%;
      height: 50px;
      padding-top: 16px;
      font-size: 1.3rem;
      text-align: center; }
    .menuDelivery__nav__container {
      width: 100%;
      min-width: 300px;
      height: 50px;
      padding: 0;
      padding-bottom: 5px;
      display: grid;
      grid-template-columns: 50% 50%;
      align-items: center;
      background: #F1F1E9;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
      .menuDelivery__nav__container__link {
        width: 90%;
        padding: 8px 0px;
        padding-left: 5px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background: white;
        color: #f76268;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .menuDelivery__nav__container__link span {
          align-self: center;
          font-weight: 500;
          font-size: 1.1rem; }
      .menuDelivery__nav__container__active {
        width: 90%;
        padding: 8px 0px;
        padding-left: 5px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background: #f76268;
        color: white;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .menuDelivery__nav__container__active span {
          align-self: center;
          font-weight: 500;
          font-size: 1.1rem; }
    .menuDelivery__nav__lateral-nav {
      display: flex;
      flex-wrap: wrap;
      color: white;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin-top: unset; }
  .menuDelivery__navReports {
    width: 100%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: inherit; }
    .menuDelivery__navReports__logo {
      cursor: pointer;
      position: absolute;
      top: 5px;
      left: 10px;
      padding: 1px; }
      .menuDelivery__navReports__logo svg {
        width: 35px;
        height: 30px;
        border-radius: 50%; }
    .menuDelivery__navReports > div:not(:first-child) {
      box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }
    .menuDelivery__navReports h1 {
      width: 100%;
      height: 50px;
      padding-top: 16px;
      font-size: 1.3rem;
      text-align: center; }
    .menuDelivery__navReports__container {
      width: 100%;
      min-width: 300px;
      height: 50px;
      padding: 0;
      padding-bottom: 5px;
      display: grid;
      grid-template-columns: 50% 50%;
      align-items: center;
      background: #F1F1E9;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); }
      .menuDelivery__navReports__container__link {
        width: 90%;
        padding: 8px 0px;
        padding-left: 5px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background: white;
        color: #f76268;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .menuDelivery__navReports__container__link span {
          align-self: center;
          font-weight: 500;
          font-size: 1.1rem; }
      .menuDelivery__navReports__container__active {
        width: 90%;
        padding: 8px 0px;
        padding-left: 5px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        background: #f76268;
        color: white;
        border-radius: 8px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
        .menuDelivery__navReports__container__active span {
          align-self: center;
          font-weight: 500;
          font-size: 1.1rem; }
    .menuDelivery__navReports__lateral-nav {
      display: flex;
      flex-wrap: wrap;
      color: white;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      margin-top: unset; }
  .menuDelivery__profile {
    width: 170px;
    height: 4rem;
    position: absolute;
    top: -19px;
    right: 0px; }
    .menuDelivery__profile--myProfile {
      text-decoration: underline;
      font-weight: bold;
      color: #5197F5; }
    .menuDelivery__profile--show {
      padding: 10px;
      display: grid;
      grid-template-columns: 20% 60% 20%;
      color: grey;
      cursor: pointer;
      border-left: 1px solid #afafaf; }
      .menuDelivery__profile--show p {
        width: 105px;
        margin: 0 auto;
        align-self: center;
        position: relative;
        top: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        font-size: 1.1rem; }
      .menuDelivery__profile--show div {
        height: 1.8rem;
        display: flex;
        justify-content: center;
        align-items: center; }
      .menuDelivery__profile--show svg {
        transform: scale(0.5); }
      .menuDelivery__profile--show--arrow {
        margin-left: 20px; }
        .menuDelivery__profile--show--arrow svg {
          transform: scale(1); }
    .menuDelivery__profile--detail {
      padding: 20px 5px;
      position: relative;
      z-index: 9;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: white;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      box-shadow: inset 0px 15px 7px -12px rgba(0, 0, 0, 0.2), 0px 7px 8px rgba(0, 0, 0, 0.1); }
      .menuDelivery__profile--detail p {
        padding: 5px 0px; }
      .menuDelivery__profile--detail svg {
        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2)); }
      .menuDelivery__profile--detail--name {
        color: #afafaf; }
      .menuDelivery__profile--detail--number {
        color: #f76268; }
      .menuDelivery__profile--detail button {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        color: #f76268;
        cursor: pointer;
        border-radius: 10px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); }
  .menuDelivery__iconMyProfile {
    cursor: pointer; }
    .menuDelivery__iconMyProfile svg * {
      transition: 0.3s; }
    .menuDelivery__iconMyProfile:hover svg * {
      fill: #ED1C24; }
    .menuDelivery__iconMyProfile svg {
      vertical-align: bottom; }
  .menuDelivery__cartMyProfile {
    position: absolute;
    top: 8px;
    right: 10px; }
  .menuDelivery__title {
    width: 90%;
    height: 60px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 80% 20%; }
    .menuDelivery__title span {
      font-size: 1.3rem;
      color: #afafaf; }
    .menuDelivery__title div:nth-child(1) {
      align-self: center;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .menuDelivery__title div:nth-child(1) span:nth-child(2) {
        margin-left: 10px;
        width: 100px; }
    .menuDelivery__title div:nth-child(2) {
      align-self: center;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .menuDelivery__title div:nth-child(2) div {
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
        border-radius: 8px; }
      .menuDelivery__title div:nth-child(2) svg {
        transform: scale(0.7); }
        .menuDelivery__title div:nth-child(2) svg path {
          fill: #f76268; }

.skeletonPlaceholder {
  background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
  background-size: 350px;
  width: 100%;
  height: 1.45rem;
  border-radius: 3px;
  margin-top: 0px;
  animation: animationSkeleton 2s infinite; }

.containerSideBar {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0px;
  left: 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 999; }

.contentsSideBar {
  background: white;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 300px; }

.bodySideBar {
  border-radius: 7px; }

.userLogoSideBar {
  position: relative;
  text-align: center;
  width: 100%; }
  .userLogoSideBar p {
    font-weight: bold;
    margin-top: 2px; }

.userLogoEasySideBar {
  position: relative;
  text-align: center;
  box-shadow: 0px -1px 5px #3D3D3D; }
  .userLogoEasySideBar p {
    font-weight: bold;
    margin-top: 8px; }

.arrowLeft {
  cursor: pointer; }

.closeSideBar {
  position: absolute;
  right: 10px;
  top: 10px; }
  .closeSideBar span {
    cursor: pointer; }

.closeSideBarWithoutLogo {
  display: grid;
  padding: 10px 10px 10px 20px;
  color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  .closeSideBarWithoutLogo p {
    text-align: left;
    align-self: center; }
  .closeSideBarWithoutLogo div {
    align-self: center; }
  .closeSideBarWithoutLogo svg {
    width: 25px;
    display: block;
    margin-left: auto;
    cursor: pointer;
    background: gray;
    border-radius: 20px;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px; }
    .closeSideBarWithoutLogo svg path {
      fill: white; }

.headerMenuBilling {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 30px; }

.headerSelectBilling {
  display: flex;
  flex-direction: column;
  align-items: center; }

.line {
  width: 85%;
  height: 0; }

.menuBilling {
  position: absolute;
  bottom: 15px;
  width: 100%; }

.menuIcon {
  width: 100%; }

.menuIconActive span:before {
  color: #F76268; }

.menuIconContainer {
  display: flex;
  justify-content: center; }
  .menuIconContainer path:first-of-type {
    fill: white; }

.menuIconContainerFirst {
  display: flex;
  justify-content: center; }

.menuIconInactive span:before {
  color: #bebebe; }

.menuItem {
  display: grid;
  align-items: center;
  cursor: pointer;
  margin: 10px 0px; }
  .menuItem p {
    color: #afafaf;
    font-weight: bold; }
  .menuItem span:before {
    color: #bebebe; }

.menuItemActive p {
  color: #F76268;
  font-weight: bold; }

.menuItemActive span:before {
  color: #F76268; }

.menuItemActive path {
  fill: #F76268; }

.menuItemWithChildren {
  grid-template-columns: 30% 50% 10%; }

.menuItemWithOutChildren {
  grid-template-columns: 30% 70%; }

.menuItems {
  margin-top: 20px; }

.menuLabel {
  width: 75%; }

.subMenuItem {
  display: grid;
  grid-template-columns: 25% 75%;
  align-items: center;
  cursor: pointer;
  margin: 10px 0px; }
  .subMenuItem p {
    color: #afafaf;
    font-weight: bold; }
  .subMenuItem span:before {
    color: #bebebe; }

.subMenuItemActive p {
  color: #F76268;
  font-weight: bold; }

.subMenuItemActive span:before {
  color: #F76268; }

.subMenuItemActive path {
  fill: #F76268; }

.subMenuItems {
  border-left: 2px solid #bebebe;
  margin-left: 60px; }

.subMenuItemsActive {
  border-left: 2px solid #F76268;
  margin-left: 60px; }

.subTitle {
  align-self: start;
  font-weight: bold;
  margin-bottom: 4px;
  margin-left: 30px; }

.subTitleBilling {
  font-weight: bold;
  padding-left: 20px; }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.u-lead {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px; }
  .u-lead--bold {
    color: #7d7d7d;
    font-weight: 900; }

.u-uppercase {
  text-transform: uppercase; }

.u-link {
  color: #aa292b;
  text-decoration: underline;
  cursor: pointer; }

.c-option {
  cursor: pointer;
  padding: 1rem 1rem 1rem 2.5rem;
  position: relative; }
  .c-option label {
    cursor: pointer; }
    .c-option label::before {
      display: block;
      position: absolute;
      content: "";
      border-radius: 100%;
      height: 0.5rem;
      width: 0.5rem;
      top: 1.25rem;
      left: 1rem;
      margin: auto;
      box-shadow: 0 0 0 1px #aa292b;
      border: 2px solid #fff;
      background-color: #fff; }
  .c-option--selected label::before {
    background-color: #aa292b; }
  .c-option--disabled label::before {
    background-color: rgba(196, 196, 196, 0.5);
    box-shadow: 0 0 0 1px #c4c4c4; }
  .c-option input {
    display: none; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

html,
body {
  overscroll-behavior-y: contain;
  scroll-behavior: smooth; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: bold;
  color: #323232;
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%)); }
  body * {
    box-sizing: border-box; }
  body h1 {
    font-size: 4rem;
    line-height: 1; }
  body h3 {
    font-size: 1.5rem;
    line-height: 1.7rem; }
  body h4 {
    font-size: 1.125rem; }
  body a {
    text-decoration: none;
    font-weight: normal;
    color: inherit; }
  body p {
    line-height: 1.5rem; }
  body strong {
    font-weight: 600; }
  body em {
    font-style: italic; }
  body #root {
    display: flex;
    min-height: 100vh;
    width: 100vw;
    flex-direction: column;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation; }
    body #root > div:first-of-type {
      flex: 1; }
  body .container {
    min-width: 320px;
    max-width: 100vw;
    margin: 0;
    padding: 0 1rem; }
    @media (max-width: 850px) {
      body .container {
        width: 100%;
        margin-top: 60px; } }
  body table {
    width: 100%;
    margin: 3rem 0;
    font-size: 0.875rem; }
    body table th {
      color: #7d7d7d;
      text-align: left;
      padding: 1rem 0.5rem; }
    body table tr {
      color: #323232;
      border-bottom: 1px solid #f6f6f6; }
    body table td {
      padding: 1rem 0.5rem;
      vertical-align: middle; }
      body table td img {
        vertical-align: middle;
        margin-right: 1rem; }
  body .categories-page {
    min-width: 320px; }
  body .checkbox {
    position: relative;
    display: inline; }
    body .checkbox:before {
      content: "";
      display: block;
      position: absolute;
      left: 0.4rem;
      top: 0.05rem;
      width: 0.3rem;
      height: 0.6rem;
      border: solid #fff;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg);
      z-index: 1; }
    body .checkbox input {
      display: none; }
      body .checkbox input:checked ~ span:before {
        background-color: #aa292b; }
    body .checkbox span {
      margin-left: 2rem; }
      body .checkbox span:before {
        background-color: #fff;
        border-radius: 0.2rem;
        border: 1px solid #aa292b;
        content: "";
        display: block;
        height: 1rem;
        position: absolute;
        top: 0;
        width: 1rem; }

.form-error {
  color: #e75d5f; }

.showContainerShareOptions {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerShareOptions__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerShareOptions__data__copy {
      position: absolute;
      background: #1f1f1f;
      opacity: 0.9;
      color: white;
      left: 20px;
      right: 20px;
      text-align: center;
      padding: 5px;
      border-radius: 8px;
      bottom: -30px; }
    .showContainerShareOptions__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerShareOptions__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerShareOptions__data__close div {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center; }
      .showContainerShareOptions__data__close img {
        width: 30px; }
      .showContainerShareOptions__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerShareOptions__data__content {
      width: 90%;
      display: grid;
      grid-template-columns: 20% 80%;
      padding: 5px;
      margin: 0 auto;
      margin-top: 15px;
      text-align: center;
      white-space: normal;
      border: 1px solid #acacac;
      border-radius: 8px;
      align-items: center;
      cursor: pointer; }
      .showContainerShareOptions__data__content__orderNumber {
        width: 80%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 1.1rem; }
        .showContainerShareOptions__data__content__orderNumber span {
          padding: 5px;
          padding-top: 7px;
          display: block;
          align-self: center;
          text-align: center;
          color: #f76268; }
      .showContainerShareOptions__data__content div {
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerShareOptions__data__content--active {
        animation: animationClick 1s ease-out; }
      .showContainerShareOptions__data__content--first p {
        text-align: left;
        padding-left: 10px; }
      .showContainerShareOptions__data__content--first img {
        width: 30px;
        height: 30px; }
      .showContainerShareOptions__data__content--first svg {
        width: 30px;
        height: 30px; }
      .showContainerShareOptions__data__content--second {
        margin-bottom: 15px; }
        .showContainerShareOptions__data__content--second div {
          display: flex;
          width: 100%; }
          .showContainerShareOptions__data__content--second div svg {
            width: 30px;
            height: 30px; }
        .showContainerShareOptions__data__content--second img {
          width: 30px;
          height: 30px; }
        .showContainerShareOptions__data__content--second p {
          text-align: left;
          padding-left: 10px; }
      .showContainerShareOptions__data__content--last {
        padding-bottom: 10px; }
      .showContainerShareOptions__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerShareOptions__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerShareOptions__data__footer {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around; }
      .showContainerShareOptions__data__footer a:first-of-type {
        width: 110px;
        padding: 0.6rem 0.5rem;
        display: grid;
        font-weight: bold;
        font-size: 0.9rem;
        text-transform: lowercase;
        text-align: center;
        background-color: #31c15c;
        color: white;
        border-radius: 8px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerShareOptions__data__footer a::first-letter {
        text-transform: uppercase; }
      .showContainerShareOptions__data__footer p:first-of-type::first-letter {
        text-transform: uppercase; }
      .showContainerShareOptions__data__footer div {
        height: 20px;
        align-self: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerShareOptions__data__footer svg {
        transform: scale(0.3); }

.alertAnonymousChoice {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .alertAnonymousChoice__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99999; }
  .alertAnonymousChoice__data {
    width: 500px;
    height: auto;
    padding: 20px 0px;
    position: fixed;
    top: calc(17%);
    left: calc(50% - 250px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    @media (max-width: 850px) {
      .alertAnonymousChoice__data {
        width: 300px;
        left: calc(50% - 150px); } }
    .alertAnonymousChoice__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertAnonymousChoice__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertAnonymousChoice__data__close div {
        align-self: center; }
      .alertAnonymousChoice__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertAnonymousChoice__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertAnonymousChoice__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertAnonymousChoice__data__content p:first-of-type {
        font-size: 19px; }
      .alertAnonymousChoice__data__content p:last-of-type {
        color: grey;
        font-weight: 300;
        line-height: 1;
        margin-top: 15px; }
      .alertAnonymousChoice__data__content__logo {
        background: white;
        border-radius: 10px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        height: 180px;
        margin: 0 auto;
        position: relative;
        width: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1; }
        .alertAnonymousChoice__data__content__logo img, .alertAnonymousChoice__data__content__logo svg {
          object-fit: contain;
          width: 180px; }
      .alertAnonymousChoice__data__content--first {
        padding-top: 10px; }
      .alertAnonymousChoice__data__content--last {
        padding-bottom: 10px; }
      .alertAnonymousChoice__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .alertAnonymousChoice__data__content span {
        font-weight: bold;
        color: #f76268; }
    .alertAnonymousChoice__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      margin-top: 20px; }
      .alertAnonymousChoice__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background-color: white;
        color: grey;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
        .alertAnonymousChoice__data__footer button span {
          font-size: 0.9rem; }
      .alertAnonymousChoice__data__footer button:last-of-type {
        background: #448BFD;
        color: white;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }
      .alertAnonymousChoice__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }
      @media (max-width: 850px) {
        .alertAnonymousChoice__data__footer {
          flex-direction: column-reverse; }
          .alertAnonymousChoice__data__footer button {
            width: 100%;
            margin-top: 10px; } }

.showContainerCallEasyLink {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerCallEasyLink__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerCallEasyLink__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerCallEasyLink__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerCallEasyLink__data__close div {
        align-self: center; }
      .showContainerCallEasyLink__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerCallEasyLink__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerCallEasyLink__data__content__orderNumber {
        width: 80%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 1.1rem; }
        .showContainerCallEasyLink__data__content__orderNumber span {
          padding: 5px;
          padding-top: 7px;
          display: block;
          align-self: center;
          text-align: center;
          color: #f76268; }
      .showContainerCallEasyLink__data__content div {
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerCallEasyLink__data__content--first {
        padding-top: 10px; }
      .showContainerCallEasyLink__data__content--last {
        padding-bottom: 10px; }
      .showContainerCallEasyLink__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerCallEasyLink__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerCallEasyLink__data__footer {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around; }
      .showContainerCallEasyLink__data__footer a:first-of-type {
        width: 110px;
        padding: 0.6rem 0.5rem;
        display: grid;
        font-weight: bold;
        font-size: 0.9rem;
        text-transform: lowercase;
        text-align: center;
        background-color: #31c15c;
        color: white;
        border-radius: 8px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerCallEasyLink__data__footer a::first-letter {
        text-transform: uppercase; }
      .showContainerCallEasyLink__data__footer p:first-of-type::first-letter {
        text-transform: uppercase; }
      .showContainerCallEasyLink__data__footer div {
        height: 20px;
        align-self: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerCallEasyLink__data__footer svg {
        transform: scale(0.3); }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        font-size: 15px !important;
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
  .showContainer__loader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999999999;
    background: white; }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        font-size: 15px !important;
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
  .showContainer__loader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999999999;
    background: white; }

.alertNeighborhoodOtherTrade {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertNeighborhoodOtherTrade__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999999999999; }
  .alertNeighborhoodOtherTrade__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertNeighborhoodOtherTrade__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertNeighborhoodOtherTrade__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertNeighborhoodOtherTrade__data__close div {
        align-self: center; }
      .alertNeighborhoodOtherTrade__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertNeighborhoodOtherTrade__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: justify;
      white-space: normal; }
      .alertNeighborhoodOtherTrade__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertNeighborhoodOtherTrade__data__content--first {
        padding-top: 10px; }
      .alertNeighborhoodOtherTrade__data__content--last {
        padding-bottom: 10px; }
      .alertNeighborhoodOtherTrade__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .alertNeighborhoodOtherTrade__data__content span {
        font-weight: bold;
        color: #f76268; }
    .alertNeighborhoodOtherTrade__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertNeighborhoodOtherTrade__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background-color: #27c763;
        color: white; }
        .alertNeighborhoodOtherTrade__data__footer button span {
          font-size: 0.9rem; }
      .alertNeighborhoodOtherTrade__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.alertNeighborhoodDecision {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .alertNeighborhoodDecision__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99999999; }
  .alertNeighborhoodDecision__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    .alertNeighborhoodDecision__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertNeighborhoodDecision__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertNeighborhoodDecision__data__close div {
        align-self: center; }
      .alertNeighborhoodDecision__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertNeighborhoodDecision__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertNeighborhoodDecision__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertNeighborhoodDecision__data__content--first {
        padding-top: 10px; }
      .alertNeighborhoodDecision__data__content--last {
        padding-bottom: 10px; }
      .alertNeighborhoodDecision__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .alertNeighborhoodDecision__data__content span {
        font-weight: bold;
        color: #f76268; }
    .alertNeighborhoodDecision__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertNeighborhoodDecision__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .alertNeighborhoodDecision__data__footer button span {
          font-size: 0.9rem; }
      .alertNeighborhoodDecision__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .alertNeighborhoodDecision__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.alertNeighborhoodWithOutCoverage {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .alertNeighborhoodWithOutCoverage__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99999; }
  .alertNeighborhoodWithOutCoverage__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    .alertNeighborhoodWithOutCoverage__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertNeighborhoodWithOutCoverage__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertNeighborhoodWithOutCoverage__data__close div {
        align-self: center; }
      .alertNeighborhoodWithOutCoverage__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertNeighborhoodWithOutCoverage__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertNeighborhoodWithOutCoverage__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertNeighborhoodWithOutCoverage__data__content--first {
        padding-top: 10px; }
      .alertNeighborhoodWithOutCoverage__data__content--last {
        padding-bottom: 10px; }
      .alertNeighborhoodWithOutCoverage__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .alertNeighborhoodWithOutCoverage__data__content span {
        font-weight: bold;
        color: #f76268; }
    .alertNeighborhoodWithOutCoverage__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 10px; }
      .alertNeighborhoodWithOutCoverage__data__footer button {
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .alertNeighborhoodWithOutCoverage__data__footer button span {
          font-size: 0.9rem; }
      .alertNeighborhoodWithOutCoverage__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.showObligatoryToppings {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999999; }
  .showObligatoryToppings__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showObligatoryToppings__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showObligatoryToppings__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showObligatoryToppings__data__close div {
        align-self: center; }
      .showObligatoryToppings__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showObligatoryToppings__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showObligatoryToppings__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showObligatoryToppings__data__content--first {
        padding-top: 10px; }
      .showObligatoryToppings__data__content--last {
        padding-bottom: 10px; }
      .showObligatoryToppings__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showObligatoryToppings__data__content span {
        font-weight: bold;
        color: grey; }
      .showObligatoryToppings__data__content ul {
        list-style: inside; }
        .showObligatoryToppings__data__content ul li {
          font-weight: 200;
          text-align: left; }
    .showObligatoryToppings__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showObligatoryToppings__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showObligatoryToppings__data__footer button span {
          font-size: 0.9rem; }
      .showObligatoryToppings__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showContainerSeeVoucher {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainerSeeVoucher__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(20%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainerSeeVoucher__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainerSeeVoucher__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainerSeeVoucher__data__close div {
        align-self: center; }
      .showContainerSeeVoucher__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainerSeeVoucher__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainerSeeVoucher__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainerSeeVoucher__data__content--first {
        padding-top: 10px; }
      .showContainerSeeVoucher__data__content--last {
        padding-bottom: 10px; }
      .showContainerSeeVoucher__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .showContainerSeeVoucher__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainerSeeVoucher__data__footerButton {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainerSeeVoucher__data__footerButton button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .showContainerSeeVoucher__data__footerButton button span {
          font-size: 0.9rem; }
      .showContainerSeeVoucher__data__footerButton button:first-of-type {
        background-color: #3DABF0 !important;
        color: white !important;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showContainerSeeVoucher__data__footerButton p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.alertSendUbication {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99; }
  .alertSendUbication__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 99999; }
  .alertSendUbication__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 9999; }
    .alertSendUbication__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertSendUbication__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertSendUbication__data__close div {
        align-self: center; }
      .alertSendUbication__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertSendUbication__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertSendUbication__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertSendUbication__data__content--first {
        padding-top: 10px; }
      .alertSendUbication__data__content--last {
        padding-bottom: 10px; }
      .alertSendUbication__data__content--amount span {
        padding-top: 10px;
        border: none !important; }
      .alertSendUbication__data__content span {
        font-weight: bold;
        color: #25D366; }
    .alertSendUbication__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertSendUbication__data__footer button {
        width: 48%;
        padding: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
        border-radius: 8px;
        background: #25D366; }
        .alertSendUbication__data__footer button span {
          font-size: 0.9rem; }
      .alertSendUbication__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .alertSendUbication__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.showIframe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showIframe__data {
    display: grid;
    grid-template-rows: 8% 84% 8%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showIframe__data__close {
      display: grid;
      grid-template-columns: 87% 13%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showIframe__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showIframe__data__close div {
        align-self: center; }
      .showIframe__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showIframe__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showIframe__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showIframe__data__content__iframe {
        visibility: hidden; }
      .showIframe__data__content__loader {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center; }
    .showIframe__data__footer {
      display: flex;
      align-items: center;
      justify-content: center; }
      .showIframe__data__footer button {
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showIframe__data__footer button span {
          font-size: 0.9rem; }
      .showIframe__data__footer button:first-of-type {
        background-color: #25D366;
        color: white;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showInformation {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showInformation__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showInformation__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showInformation__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showInformation__data__close div {
        align-self: center; }
      .showInformation__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showInformation__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showInformation__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showInformation__data__content--first {
        padding-top: 10px; }
      .showInformation__data__content--last {
        padding-bottom: 10px; }
      .showInformation__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showInformation__data__content span {
        font-weight: bold;
        color: grey; }
    .showInformation__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showInformation__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showInformation__data__footer button span {
          font-size: 0.9rem; }
      .showInformation__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showErrors {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showErrors__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showErrors__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showErrors__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showErrors__data__close div {
        align-self: center; }
      .showErrors__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showErrors__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showErrors__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showErrors__data__content--first {
        padding-top: 10px; }
      .showErrors__data__content--last {
        padding-bottom: 10px; }
      .showErrors__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showErrors__data__content span {
        font-weight: bold;
        color: grey; }
    .showErrors__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showErrors__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showErrors__data__footer button span {
          font-size: 0.9rem; }
      .showErrors__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.alertUpdateApp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertUpdateApp__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertUpdateApp__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertUpdateApp__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertUpdateApp__data__close div {
        align-self: center; }
      .alertUpdateApp__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertUpdateApp__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertUpdateApp__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertUpdateApp__data__content--first {
        padding-top: 10px; }
      .alertUpdateApp__data__content--last {
        padding-bottom: 10px; }
      .alertUpdateApp__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .alertUpdateApp__data__content span {
        font-weight: bold;
        color: grey; }
    .alertUpdateApp__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertUpdateApp__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .alertUpdateApp__data__footer button span {
          font-size: 0.9rem; }
      .alertUpdateApp__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }

.showVouchersAvailableToUser {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showVouchersAvailableToUser__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(22%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showVouchersAvailableToUser__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showVouchersAvailableToUser__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showVouchersAvailableToUser__data__close div {
        align-self: center; }
      .showVouchersAvailableToUser__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showVouchersAvailableToUser__data__content {
      width: 100%;
      text-align: center;
      white-space: normal; }
      .showVouchersAvailableToUser__data__content--first {
        width: 90%;
        margin: 0 auto;
        padding-top: 10px; }
      .showVouchersAvailableToUser__data__content--last {
        width: 85%;
        max-height: 180px;
        padding: 5px;
        padding-bottom: 10px;
        margin: 0 auto;
        margin-top: 20px;
        overflow-y: scroll; }
        .showVouchersAvailableToUser__data__content--last::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 6px; }
        .showVouchersAvailableToUser__data__content--last::-webkit-scrollbar-thumb {
          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
          background-color: rgba(0, 0, 0, 0.3);
          border-radius: 4px; }
      .showVouchersAvailableToUser__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showVouchersAvailableToUser__data__content span {
        font-weight: bold;
        color: #f76268; }
      .showVouchersAvailableToUser__data__content__list {
        width: 100%;
        padding: 10px;
        margin: 0 auto;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        border-bottom: none;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
        cursor: pointer; }
        .showVouchersAvailableToUser__data__content__list div:first-of-type {
          display: grid;
          grid-template-columns: 15% 55% 30%; }
        .showVouchersAvailableToUser__data__content__list p {
          text-align: left; }
        .showVouchersAvailableToUser__data__content__list p:nth-child(2) {
          padding-left: 10px; }
        .showVouchersAvailableToUser__data__content__list p:nth-child(3) {
          padding-left: 5px;
          padding-top: 2px;
          text-align: right;
          color: #f76268;
          border-left: 1px solid #f76268; }
        .showVouchersAvailableToUser__data__content__list__description {
          padding-top: 10px;
          padding-left: 0px !important;
          margin-top: 5px;
          font-size: 14px;
          color: grey;
          border-top: 1px dotted grey;
          text-align: center !important;
          line-height: 1.3; }
        .showVouchersAvailableToUser__data__content__list--homeEntry {
          border-radius: 0px;
          box-shadow: none;
          border-bottom: 2px solid #f76268;
          cursor: none; }
      .showVouchersAvailableToUser__data__content__selected p {
        color: grey;
        display: flex;
        padding-left: 15px;
        padding-top: 15px; }
    .showVouchersAvailableToUser__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showVouchersAvailableToUser__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showVouchersAvailableToUser__data__footer button span {
          color: #ED1C24;
          font-size: 0.9rem; }
      .showVouchersAvailableToUser__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
  .showVouchersAvailableToUser__loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9999999999; }

.applyDiscountButton {
  margin-bottom: 5px;
  margin-top: 15px; }
  .applyDiscountButton button {
    width: 60%;
    background-color: #27C763;
    box-shadow: none;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 6px; }
    .applyDiscountButton button:hover {
      background-color: #27C763; }
    .applyDiscountButton button span {
      display: contents;
      font-size: 16px;
      text-transform: none; }

.search {
  width: 300px;
  margin: 15px 0px;
  display: grid;
  grid-template-columns: 1.2fr 5fr 1.2fr;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  border: 1px solid #cdcdcd;
  border-radius: 8px; }
  .search div {
    display: flex;
    justify-content: center;
    align-items: center; }
  .search input {
    display: block;
    height: 100%;
    padding-left: 5px;
    font-size: 1rem;
    border: none;
    outline: none; }
  .search svg {
    transform: scale(0.9); }
  .search__close--disabled {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #f0f0f0; }
    .search__close--disabled svg * {
      fill: #989898; }
  .search__close--enabled {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #ffffff;
    cursor: pointer; }
    .search__close--enabled svg * {
      fill: #000000; }
  .search__inputContainer {
    display: flex;
    flex-direction: row; }
  .search__filter {
    cursor: pointer; }
    .search__filter svg {
      display: block;
      width: 35px;
      height: 35px; }
    .search__filter svg * {
      fill: #F76268; }
  .search__clickSearch {
    width: 20px;
    margin-left: 5px;
    cursor: pointer; }
    .search__clickSearch svg {
      transform: scale(0.7); }
    .search__clickSearch path {
      fill: #b9b8b8; }

.showCategoriesSubcategories {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99999999999999; }
  .showCategoriesSubcategories__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(5%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showCategoriesSubcategories__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showCategoriesSubcategories__data__close > p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showCategoriesSubcategories__data__close > div {
        align-self: center; }
      .showCategoriesSubcategories__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showCategoriesSubcategories__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
      text-align: left;
      white-space: normal; }
      .showCategoriesSubcategories__data__content__loading {
        width: 200px;
        height: 50px;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
        border-radius: 10px; }
        .showCategoriesSubcategories__data__content__loading .loader {
          height: auto !important;
          position: relative !important; }
      .showCategoriesSubcategories__data__content--first {
        padding-top: 10px; }
        .showCategoriesSubcategories__data__content--first .closeImageInput + div > div:first-of-type > div:first-of-type {
          padding-left: 1.8rem; }
        .showCategoriesSubcategories__data__content--first .closeImage > div:first-of-type, .showCategoriesSubcategories__data__content--first .closeImageSubCategory > div:first-of-type {
          position: absolute;
          top: 21px;
          left: 25px;
          z-index: 1; }
          .showCategoriesSubcategories__data__content--first .closeImage > div:first-of-type svg, .showCategoriesSubcategories__data__content--first .closeImageSubCategory > div:first-of-type svg {
            cursor: pointer;
            transform: scale(0.7); }
        .showCategoriesSubcategories__data__content--first .closeImageSubCategory > div:first-of-type {
          top: 98px; }
      .showCategoriesSubcategories__data__content--last {
        padding-bottom: 10px; }
      .showCategoriesSubcategories__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showCategoriesSubcategories__data__content input {
        color: black !important;
        opacity: 0.4; }
      .showCategoriesSubcategories__data__content span {
        font-weight: bold;
        color: #f76268; }
    .showCategoriesSubcategories__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showCategoriesSubcategories__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background-color: #27c763 !important;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
        .showCategoriesSubcategories__data__footer button span {
          display: block;
          height: 15px;
          color: white !important;
          font-size: 0.9rem; }

.select-category__menu, .select-subcategory__menu {
  z-index: 9 !important; }

.searchContainer {
  width: 100%;
  background: white;
  box-shadow: none; }
  .searchContainer__skeleton {
    width: 95px;
    height: 1.45rem;
    display: block;
    margin-top: 0px;
    border-radius: 3px;
    background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
    background-size: 350px;
    animation: animationSkeleton 2s infinite; }
  .searchContainer__hasAttentionScroll {
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.2); }
  .searchContainer__hasNotAttentionScroll {
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.2);
    margin-top: 25px; }
  .searchContainer__hasNotAttentionNotScroll {
    margin-top: 25px; }
  .searchContainer > div:nth-child(2) {
    margin-left: auto;
    align-self: center; }
  .searchContainer__price {
    padding: 7px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .searchContainer__price__priceOrder__ubicationImage {
      margin-right: 5px;
      margin-top: -7px;
      height: 35px;
      display: flex;
      align-items: center;
      align-self: center; }
    .searchContainer__price__priceOrder__neighborhood {
      padding: 3px;
      margin-left: 5px;
      display: flex;
      align-self: center;
      color: #8C8C8C;
      font-size: 14px;
      line-height: 19px; }
    .searchContainer__price__priceOrder__subTitleNeighborhood {
      line-height: 19px; }
    .searchContainer__price__priceOrder__nameNeighborhood {
      cursor: pointer;
      color: #8C8C8C;
      font-size: 14px;
      left: 16px;
      line-height: 19px;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-decoration: underline;
      overflow: hidden;
      max-width: 122px; }
      @media (max-width: 850px) {
        .searchContainer__price__priceOrder__nameNeighborhood {
          max-width: 150px;
          position: fixed; } }
      @media (max-width: 320px) {
        .searchContainer__price__priceOrder__nameNeighborhood {
          max-width: 120px; } }
    .searchContainer__price__priceOrder__amount {
      padding-right: 10px;
      color: #8C8C8C;
      font-size: 14px;
      line-height: 14px;
      text-align: end; }
    .searchContainer__price__priceOrder__free {
      margin-right: 10px;
      padding-bottom: 9px;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 4px;
      color: #0e9728;
      font-size: 14px;
      line-height: 14px;
      text-align: center; }
    .searchContainer__price__priceOrder__textInfoPriceOrder {
      padding-right: 7px;
      color: #f76268e0;
      font-size: 14px; }
  .searchContainer__search {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%; }
    .searchContainer__search__nameContainer {
      width: 70%;
      margin: 10px auto;
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .searchContainer__search__nameContainer div {
        margin-right: 10px;
        align-self: center;
        position: absolute;
        top: -2px;
        left: -20px; }
        .searchContainer__search__nameContainer div svg {
          transform: scale(0.8); }
    .searchContainer__search h1 {
      padding-bottom: 5px;
      align-self: center;
      position: relative;
      font-size: 19px !important;
      text-align: center; }

.headerContainerSaleCategory {
  margin-top: 65px;
  padding-top: 13px;
  padding-bottom: 10px;
  position: fixed;
  right: 0;
  z-index: 99;
  background: white; }
  .headerContainerSaleCategory__open {
    z-index: 999; }
  .headerContainerSaleCategory > div:nth-child(3) {
    align-self: center; }
  .headerContainerSaleCategory__boxShadow {
    box-shadow: 8px 7px 8px rgba(0, 0, 0, 0.2); }
  .headerContainerSaleCategory__hasNotAttention {
    top: 31px; }
  .headerContainerSaleCategory__buttonGoBackUbication {
    width: 100%;
    height: 35px; }
  .headerContainerSaleCategory__buttonGoBack {
    width: 110px;
    align-self: center;
    display: grid;
    grid-template-columns: 40% 40%;
    color: #f76268;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-transform: uppercase;
    z-index: 999; }
    .headerContainerSaleCategory__buttonGoBack div {
      height: 35px;
      align-self: center;
      display: flex;
      justify-content: center;
      align-items: center; }
    .headerContainerSaleCategory__buttonGoBack p {
      align-self: center;
      font-size: 1rem;
      text-transform: lowercase; }
      .headerContainerSaleCategory__buttonGoBack p::first-letter {
        text-transform: uppercase; }
    .headerContainerSaleCategory__buttonGoBack svg {
      transform: scale(0.4); }
  .headerContainerSaleCategory__search {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
  .headerContainerSaleCategory h1 {
    width: 100%;
    padding: 10px;
    text-align: center; }

.productNoFound {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .productNoFound__search {
    width: 250px !important;
    height: 40px !important;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 5px;
    background: #5197F5;
    border-radius: 8px;
    cursor: pointer; }
    .productNoFound__search p {
      color: white; }
  .productNoFound p {
    width: 100%;
    font-weight: lighter; }
    .productNoFound p span {
      font-weight: bold;
      color: #f76268e0; }
    .productNoFound p span:nth-child(2) {
      color: #a9a8a8; }
  .productNoFound div {
    width: 310px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .productNoFound svg {
    transform: scale(0.6); }
  .productNoFound span {
    width: 90%;
    margin: 0 auto;
    color: #a9a8a8; }

@keyframes sidenavLeftOpen {
  from {
    left: -100rem; }
  to {
    left: 0; } }

@keyframes sidenavRightOpen {
  from {
    right: -100rem; }
  to {
    right: 0; } }

@keyframes waves {
  from {
    background-color: #AFAFAF;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.3); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.4); } }

@keyframes wavesOverlay {
  from {
    background-color: #AFAFAF;
    transform: scale(0.8); }
  50% {
    background-color: #FC989C;
    transform: scale(0.9); }
  to {
    background-color: #F5B9BB;
    transform: scale(0.95); } }

@keyframes wavesOverlayTablet {
  from {
    background-color: #AFAFAF;
    transform: scale(0.96); }
  25% {
    background-color: #FC989C;
    transform: scale(0.98); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.05); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.06); } }

@keyframes wavesOverlayDesktop {
  from {
    background-color: #AFAFAF;
    transform: scale(0.98); }
  25% {
    background-color: #FC989C;
    transform: scale(0.99); }
  50% {
    background-color: #FC989C;
    transform: scale(1); }
  75% {
    background-color: #FC989C;
    transform: scale(1.02); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.04); } }

@keyframes wavesCart {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes wavesCheckout {
  from {
    background-color: #AFAFAF;
    transform: scale(0.99); }
  25% {
    background-color: #FC989C;
    transform: scale(1); }
  50% {
    background-color: #FC989C;
    transform: scale(1.04); }
  75% {
    background-color: #FC989C;
    transform: scale(1.06); }
  to {
    background-color: #F5B9BB;
    transform: scale(1.08); } }

@keyframes zoomAddress {
  from {
    border: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border: 2px solid white;
    box-shadow: none; }
  to {
    border: 2px solid #27c701;
    box-shadow: none; } }

@keyframes obligatoryTopping {
  from {
    background: #27c701; }
  50% {
    background: white; }
  to {
    background: #27c701; } }

@keyframes seeMoreProducts {
  from {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid rgba(247, 98, 104, 0.7);
    box-shadow: none; } }

@keyframes animationTableDelivery {
  from {
    border-bottom: 2px solid #27c701;
    box-shadow: none; }
  50% {
    border-bottom: 2px solid white;
    box-shadow: none; }
  to {
    border-bottom: 2px solid #27c701;
    box-shadow: none; } }

@keyframes scaleText {
  from {
    transform: scale(1); }
  10% {
    transform: scale(1.05); }
  20% {
    transform: scale(1.1); }
  30% {
    transform: scale(1.15); }
  40% {
    transform: scale(1.2); }
  50% {
    transform: scale(1.25); }
  60% {
    transform: scale(1.2); }
  70% {
    transform: scale(1.15); }
  80% {
    transform: scale(1.1); }
  90% {
    transform: scale(1.05); }
  to {
    transform: scale(1); } }

@keyframes rotateTelephone {
  from {
    transform: rotate(0); }
  10% {
    transform: rotate(10deg); }
  20% {
    transform: rotate(20deg); }
  30% {
    transform: rotate(30deg); }
  40% {
    transform: rotate(40deg); }
  50% {
    transform: rotate(50deg); }
  60% {
    transform: rotate(40deg); }
  70% {
    transform: rotate(30deg); }
  80% {
    transform: rotate(20deg); }
  90% {
    transform: rotate(10deg); }
  to {
    transform: rotate(0deg); } }

@keyframes animationSkeleton {
  0% {
    background-position: -100px; }
  100% {
    background-position: 500px; } }

@keyframes animationClick {
  0% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 0%); }
  1% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 1%); }
  2% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 2%); }
  3% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 3%); }
  4% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 4%); }
  5% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 5%); }
  6% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 6%); }
  7% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 7%); }
  8% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 8%); }
  9% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 9%); }
  10% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 10%); }
  11% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 11%); }
  12% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 12%); }
  13% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 13%); }
  14% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 14%); }
  15% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 15%); }
  16% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 16%); }
  17% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 17%); }
  18% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 18%); }
  19% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 19%); }
  20% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 20%); }
  21% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 21%); }
  22% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 22%); }
  23% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 23%); }
  24% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 24%); }
  25% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 25%); }
  26% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 26%); }
  27% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 27%); }
  28% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 28%); }
  29% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 29%); }
  30% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 30%); }
  31% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 31%); }
  32% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 32%); }
  33% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 33%); }
  34% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 34%); }
  35% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 35%); }
  36% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 36%); }
  37% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 37%); }
  38% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 38%); }
  39% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 39%); }
  40% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 40%); }
  41% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 41%); }
  42% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 42%); }
  43% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 43%); }
  44% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 44%); }
  45% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 45%); }
  46% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 46%); }
  47% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 47%); }
  48% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 48%); }
  49% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 49%); }
  50% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 50%); }
  51% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 51%); }
  52% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 52%); }
  53% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 53%); }
  54% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 54%); }
  55% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 55%); }
  56% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 56%); }
  57% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 57%); }
  58% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 58%); }
  59% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 59%); }
  60% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 60%); }
  61% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 61%); }
  62% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 62%); }
  63% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 63%); }
  64% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 64%); }
  65% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 65%); }
  66% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 66%); }
  67% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 67%); }
  68% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 68%); }
  69% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 69%); }
  70% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 70%); }
  71% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 71%); }
  72% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 72%); }
  73% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 73%); }
  74% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 74%); }
  75% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 75%); }
  76% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 76%); }
  77% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 77%); }
  78% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 78%); }
  79% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 79%); }
  80% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 80%); }
  81% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 81%); }
  82% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 82%); }
  83% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 83%); }
  84% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 84%); }
  85% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 85%); }
  86% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 86%); }
  87% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 87%); }
  88% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 88%); }
  89% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 89%); }
  90% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 90%); }
  91% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 91%); }
  92% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 92%); }
  93% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 93%); }
  94% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 94%); }
  95% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 95%); }
  96% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 96%); }
  97% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 97%); }
  98% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 98%); }
  99% {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 99%); }
  to {
    background: radial-gradient(circle, #FCF9F9 0%, #DEDEDE 100%); } }

.containerDescription {
  padding: 0 1rem;
  border-top: none; }
  .containerDescription__description {
    width: 100%;
    margin-bottom: 1rem; }
  .containerDescription__description2 {
    width: 100%;
    min-height: 10rem;
    margin-bottom: 9rem;
    margin-top: 3rem; }
    .containerDescription__description2__title {
      font-weight: bold;
      margin-bottom: 0.5rem; }

.skeleton-placeholder {
  background: linear-gradient(90deg, #e8e8e8 0px, #f8f8f8 40px, #e8e8e8 80px);
  background-size: 350px;
  width: 100%;
  height: 1.45rem;
  border-radius: 3px;
  margin-top: 1.5rem;
  animation: animationSkeleton 2s infinite; }

@media (min-width: 850px) {
  .containerDescription {
    width: 78%;
    margin: 0 auto;
    margin-top: 60px;
    border-top: 1px solid #cecece; }
    .containerDescription div {
      box-shadow: none; } }

.showImage {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showImage__data {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showImage__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      position: sticky;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268;
      top: 0px; }
      .showImage__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showImage__data__close div {
        align-self: center; }
      .showImage__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showImage__data__content {
      width: 100%;
      height: calc(100% - 83px - 45px - 10px);
      padding: 10px 20px;
      position: relative;
      text-align: center;
      white-space: normal;
      overflow-y: scroll; }
      .showImage__data__content span {
        color: white;
        font-weight: bold;
        padding-top: 0px; }
      .showImage__data__content__image {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative; }
        .showImage__data__content__image input {
          display: none; }
        .showImage__data__content__image p {
          color: #F76268;
          font-size: 14px;
          margin: 0;
          text-align: center; }
        .showImage__data__content__image p:first-of-type {
          color: black;
          border-bottom: 1px solid grey;
          font-size: 16px;
          margin: 0 auto;
          margin-bottom: 10px;
          text-align: left;
          width: 90%; }
        .showImage__data__content__image__label {
          align-items: center;
          cursor: pointer;
          display: flex;
          justify-content: center;
          height: 80px;
          position: relative;
          width: 100%; }
          .showImage__data__content__image__label__showImage {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 80px;
            width: 100%; }
            .showImage__data__content__image__label__showImage img {
              height: 80px;
              width: 80px; }
            .showImage__data__content__image__label__showImage__button {
              background: #2699fb;
              border-radius: 5px;
              color: white;
              cursor: pointer;
              padding: 10px;
              text-transform: uppercase;
              width: 100px; }
      .showImage__data__content__question {
        margin-bottom: 25px; }
    .showImage__data__footer {
      background: white;
      bottom: 0px;
      display: flex;
      justify-content: space-around;
      padding: 20px;
      position: sticky;
      width: 100%; }
      .showImage__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .showImage__data__footer button span {
          font-size: 0.9rem; }
      .showImage__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .showImage__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.containerPinchZoomImage {
  width: 100%;
  height: 100%; }

.zoomable-image {
  max-width: 100%;
  max-height: 100%; }

.changePaymentMethod {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .changePaymentMethod__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(10%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    @media screen and (max-width: 850px) {
      .changePaymentMethod__data--delivered {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px; } }
    .changePaymentMethod__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      position: sticky;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268;
      top: 0px; }
      .changePaymentMethod__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .changePaymentMethod__data__close div {
        align-self: center; }
      .changePaymentMethod__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .changePaymentMethod__data__content {
      width: 100%;
      height: calc(100%);
      padding-left: 20px;
      padding-right: 20px;
      position: relative;
      text-align: center;
      white-space: normal; }
      .changePaymentMethod__data__content p {
        text-align: left; }
      .changePaymentMethod__data__content--first {
        padding-top: 10px; }
      .changePaymentMethod__data__content--last {
        padding-bottom: 10px; }
      .changePaymentMethod__data__content__image {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative; }
        .changePaymentMethod__data__content__image input {
          display: none; }
        .changePaymentMethod__data__content__image p {
          color: #F76268;
          font-size: 14px;
          margin: 0;
          text-align: center; }
        .changePaymentMethod__data__content__image p:first-of-type {
          color: black;
          border-bottom: 1px solid grey;
          font-size: 16px;
          margin: 0 auto;
          margin-bottom: 10px;
          text-align: left;
          width: 90%; }
        .changePaymentMethod__data__content__image__label {
          align-items: center;
          cursor: pointer;
          display: flex;
          justify-content: center;
          height: 120px;
          position: relative;
          width: 100%; }
          .changePaymentMethod__data__content__image__label__showImage {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 120px;
            width: 100%; }
            .changePaymentMethod__data__content__image__label__showImage > div:first-of-type {
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center; }
            .changePaymentMethod__data__content__image__label__showImage img {
              height: 120px;
              width: 120px;
              object-fit: contain; }
            .changePaymentMethod__data__content__image__label__showImage__button {
              background: #2699fb;
              border-radius: 5px;
              color: white;
              cursor: pointer;
              padding: 10px;
              text-transform: uppercase;
              width: 100px; }
              .changePaymentMethod__data__content__image__label__showImage__button--yellow {
                background: #F7BE62; }
      .changePaymentMethod__data__content__question {
        margin-bottom: 25px; }
    .changePaymentMethod__data__footer {
      background: white;
      bottom: 0px;
      display: flex;
      justify-content: space-around;
      padding: 20px;
      width: 100%; }
      .changePaymentMethod__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px;
        background: #25D366; }
        .changePaymentMethod__data__footer button span {
          font-size: 0.9rem; }
      .changePaymentMethod__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }
      .changePaymentMethod__data__footer p {
        font-size: 14.4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        text-transform: uppercase;
        margin-top: -1px; }

.layoutLoginManager {
  display: grid;
  grid-template-columns: 50% 50%;
  height: 100%;
  width: 100%; }
  @media (max-width: 850px) {
    .layoutLoginManager {
      grid-template-columns: 100%;
      margin-bottom: 120px; } }
  .layoutLoginManager__background {
    bottom: 0;
    left: 0px;
    object-fit: cover;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%; }
  .layoutLoginManager__fontHeader {
    background: #f2575d;
    border-bottom-left-radius: 400px 100px;
    border-bottom-right-radius: 400px 100px;
    display: block;
    height: 200px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1; }
  .layoutLoginManager__left {
    height: 100vh;
    position: relative;
    width: 100%; }
    .layoutLoginManager__left__error {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%; }
      .layoutLoginManager__left__error p {
        width: 80%;
        margin: 0 auto;
        font-size: 20px;
        text-align: center; }
    .layoutLoginManager__left__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      top: 100px; }
      @media (max-width: 850px) {
        .layoutLoginManager__left__content {
          top: 160px; } }
      .layoutLoginManager__left__content__name {
        color: #f2575d;
        font-size: 17px;
        font-weight: bold;
        margin: 0px;
        position: relative;
        top: 20px;
        text-align: center; }
      .layoutLoginManager__left__content__logo {
        background: white;
        border-radius: 10px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        height: 180px;
        margin: 0 auto;
        position: relative;
        width: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1; }
        .layoutLoginManager__left__content__logo img, .layoutLoginManager__left__content__logo svg {
          object-fit: contain;
          width: 180px; }
      .layoutLoginManager__left__content__form {
        left: calc(50% - 175px);
        position: relative;
        top: 90px;
        width: 350px; }
        @media (max-width: 850px) {
          .layoutLoginManager__left__content__form {
            top: 30px; } }
        .layoutLoginManager__left__content__form div::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 6px; }
        .layoutLoginManager__left__content__form div::-webkit-scrollbar-thumb {
          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
          background-color: rgba(0, 0, 0, 0.3);
          border-radius: 4px; }
        .layoutLoginManager__left__content__form__loading {
          height: 60vh;
          display: flex;
          flex-direction: column;
          justify-content: space-around; }
      .layoutLoginManager__left__content__logInButton {
        align-items: center;
        background: #25D366;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        justify-content: center;
        margin: 60px auto;
        margin-bottom: 30px;
        padding: 10px !important;
        position: relative;
        text-transform: uppercase;
        width: 100%; }
        @media (max-width: 850px) {
          .layoutLoginManager__left__content__logInButton {
            height: 50px;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 99;
            margin-bottom: 0px;
            border-radius: 0px; } }
        .layoutLoginManager__left__content__logInButton p {
          color: white;
          font-size: 16px;
          margin: 0px;
          text-transform: uppercase; }
      .layoutLoginManager__left__content__doItAgain {
        align-items: center;
        background: #25D366;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        justify-content: center;
        margin: 0px auto;
        margin-bottom: 30px;
        padding: 10px !important;
        position: relative;
        text-transform: uppercase;
        width: 100%; }
        .layoutLoginManager__left__content__doItAgain p {
          color: white;
          font-size: 16px;
          margin: 0px;
          text-transform: uppercase; }
  .layoutLoginManager__right {
    height: 100vh;
    margin-left: auto;
    position: relative;
    width: 100%; }
    .layoutLoginManager__right__background {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .layoutLoginManager__mopedDIA {
    width: 100px;
    position: absolute;
    top: -50px;
    right: 40px;
    z-index: 9; }
  .layoutLoginManager__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99; }
  .layoutLoginManager__errorsDIA {
    color: #e52528;
    text-align: center; }
    @media (max-width: 850px) {
      .layoutLoginManager__errorsDIA {
        position: relative;
        top: 90px; } }
  .layoutLoginManager__loadingDIA {
    height: 120px;
    display: flex;
    margin-top: 40px;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
    .layoutLoginManager__loadingDIA .loader {
      height: 100%;
      position: static;
      display: block; }
  .layoutLoginManager__safeDIA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .layoutLoginManager__safeDIA__icon {
      display: block;
      width: 30px;
      height: 30px;
      margin: 0 auto; }
    .layoutLoginManager__safeDIA__text {
      font-size: 12px;
      font-weight: bold; }

.notificationControlButton {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  color: #25afff;
  border-radius: 20px;
  height: 32px;
  width: 60%;
  cursor: pointer; }

.notificationControlButtonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.easyLinkListItem {
  height: 45px;
  display: grid;
  grid-template-columns: 20% 80%;
  margin-bottom: 20px;
  background-color: #e52528;
  border-radius: 50px;
  cursor: pointer; }
  .easyLinkListItem:hover {
    background-color: #FF5C5C; }
  .easyLinkListItem--active {
    background-color: #FDB2BC !important; }
  .easyLinkListItem__img {
    display: flex;
    justify-content: center;
    align-items: center; }
    .easyLinkListItem__img div {
      width: 32px;
      height: 32px; }
    .easyLinkListItem__img svg {
      border-radius: 30px; }
    .easyLinkListItem__img__svg {
      width: 35px !important;
      height: 35px !important;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 30px;
      background-color: white; }
  .easyLinkListItem p {
    display: flex;
    align-items: center;
    color: white; }

.loginEcommerce {
  display: grid;
  grid-template-columns: 50% 50%;
  height: 100%;
  width: 100%; }
  @media (max-width: 850px) {
    .loginEcommerce {
      grid-template-columns: 100%;
      margin-bottom: 120px; } }
  .loginEcommerce__background {
    bottom: 0;
    left: 0px;
    object-fit: cover;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%; }
  .loginEcommerce__fontHeader {
    background: #f2575d;
    border-bottom-left-radius: 400px 100px;
    border-bottom-right-radius: 400px 100px;
    display: block;
    height: 200px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1; }
  .loginEcommerce__left {
    height: 100vh;
    position: relative;
    width: 100%; }
    .loginEcommerce__left__error {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%; }
      .loginEcommerce__left__error p {
        width: 80%;
        margin: 0 auto;
        font-size: 20px;
        text-align: center; }
    .loginEcommerce__left__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      top: 100px; }
      @media (max-width: 850px) {
        .loginEcommerce__left__content {
          top: 160px; } }
      .loginEcommerce__left__content__name {
        color: #f2575d;
        font-size: 17px;
        font-weight: bold;
        margin: 0px;
        position: relative;
        top: 20px;
        text-align: center; }
      .loginEcommerce__left__content__logo {
        background: white;
        border-radius: 10px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        height: 180px;
        margin: 0 auto;
        position: relative;
        width: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1; }
        .loginEcommerce__left__content__logo img, .loginEcommerce__left__content__logo svg {
          object-fit: contain;
          width: 180px; }
      .loginEcommerce__left__content__form {
        left: calc(50% - 175px);
        position: relative;
        top: 90px;
        width: 350px; }
        @media (max-width: 850px) {
          .loginEcommerce__left__content__form {
            top: 30px; } }
        .loginEcommerce__left__content__form div::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 6px; }
        .loginEcommerce__left__content__form div::-webkit-scrollbar-thumb {
          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
          background-color: rgba(0, 0, 0, 0.3);
          border-radius: 4px; }
        .loginEcommerce__left__content__form__loading {
          height: 60vh;
          display: flex;
          flex-direction: column;
          justify-content: space-around; }
      .loginEcommerce__left__content__logInButton {
        align-items: center;
        background: #25D366;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        justify-content: center;
        margin: 60px auto;
        margin-bottom: 30px;
        padding: 10px !important;
        position: relative;
        text-transform: uppercase;
        width: 100%; }
        @media (max-width: 850px) {
          .loginEcommerce__left__content__logInButton {
            height: 50px;
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 99;
            margin-bottom: 0px;
            border-radius: 0px; } }
        .loginEcommerce__left__content__logInButton p {
          color: white;
          font-size: 16px;
          margin: 0px;
          text-transform: uppercase; }
      .loginEcommerce__left__content__doItAgain {
        align-items: center;
        background: #25D366;
        border: none;
        border-radius: 50px;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
        color: white;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: bold;
        height: 40px;
        justify-content: center;
        margin: 0px auto;
        margin-bottom: 30px;
        padding: 10px !important;
        position: relative;
        text-transform: uppercase;
        width: 100%; }
        .loginEcommerce__left__content__doItAgain p {
          color: white;
          font-size: 16px;
          margin: 0px;
          text-transform: uppercase; }
  .loginEcommerce__right {
    height: 100vh;
    margin-left: auto;
    position: relative;
    width: 100%; }
    .loginEcommerce__right__background {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .loginEcommerce__mopedDIA {
    width: 100px;
    position: absolute;
    top: -50px;
    right: 40px;
    z-index: 9; }
  .loginEcommerce__loading {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0px;
    display: flex;
    justify-content: center;
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 99; }
  .loginEcommerce__errorsDIA {
    color: #e52528;
    text-align: center; }
    @media (max-width: 850px) {
      .loginEcommerce__errorsDIA {
        position: relative;
        top: 90px; } }
  .loginEcommerce__loadingDIA {
    height: 120px;
    display: flex;
    margin-top: 40px;
    align-items: center;
    flex-direction: column;
    justify-content: center; }
    .loginEcommerce__loadingDIA .loader {
      height: 100%;
      position: static;
      display: block; }
  .loginEcommerce__safeDIA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .loginEcommerce__safeDIA__icon {
      display: block;
      width: 30px;
      height: 30px;
      margin: 0 auto; }
    .loginEcommerce__safeDIA__text {
      font-size: 12px;
      font-weight: bold; }

.walogin__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.walogin__containerLoad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10%; }

.walogin__logo {
  position: relative; }
  .walogin__logo__background {
    width: 100%;
    height: 160px;
    background-color: #ED1C24;
    border-bottom-left-radius: 1100px;
    border-bottom-right-radius: 1100px; }
  .walogin__logo__backgroundImage {
    width: 100%;
    height: 40vh;
    background-image: url(/images/loginmobile.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom;
    position: absolute;
    bottom: -5px; }
  .walogin__logo__image_principal {
    display: inline-block;
    width: 260px;
    height: 300px;
    position: absolute;
    top: 40px;
    left: calc(50% - 130px);
    background-image: url(/images/EasyPedido-acceso.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  .walogin__logo__logo {
    display: inline-block;
    width: 200px;
    height: 180px;
    position: absolute;
    top: 260px;
    left: calc(50% - 100px);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: white;
    background-image: url(/images/logo-ep-ai-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .walogin__logo__logo_error {
      width: 220px;
      top: 80px;
      left: calc(50% - 110px); }
    .walogin__logo__logo__icon_error {
      width: 160px;
      position: relative;
      top: 140px;
      margin: 0 auto; }
  .walogin__logo__logoLoading {
    display: inline-block;
    width: 120px;
    height: 120px;
    top: 260px;
    left: calc(50% - 100px);
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background-color: white;
    background-image: url(/images/logo-ep-ai-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .walogin__logo__logoLoading_error {
      width: 220px;
      top: 80px;
      left: calc(50% - 110px); }
    .walogin__logo__logoLoading__icon_error {
      width: 160px;
      position: relative;
      top: 140px;
      margin: 0 auto; }
  .walogin__logo__slogan {
    width: 80%;
    height: 50px;
    margin: 0 auto;
    position: relative;
    top: 330px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #25D366;
    border-radius: 50px;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    color: white; }
    .walogin__logo__slogan__icon {
      display: inline-block;
      width: 40px;
      margin-left: 10px;
      padding-top: 8px;
      padding-bottom: 3px; }
    .walogin__logo__slogan__error {
      width: 60%;
      top: 180px;
      font-size: 18px; }
  .walogin__logo__loading {
    margin: 15px; }

.walogin__sign {
  position: absolute;
  width: 100%;
  top: 350px;
  text-align: center;
  line-height: 1 !important; }
  .walogin__sign__principal {
    color: #ED1C24;
    font-weight: 700; }
  .walogin__sign__secondary {
    position: relative;
    top: 10px;
    color: #000000;
    font-weight: 700;
    line-height: 1.2 !important; }
  .walogin__sign__tertiary {
    position: relative;
    top: 80px;
    color: #575656;
    font-weight: 700;
    line-height: 1.2 !important; }

.walogin__button {
  width: 60%;
  height: 50px;
  margin: 0 auto;
  position: relative;
  top: 420px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  background-color: #25D366;
  border-radius: 50px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  color: white; }
  .walogin__button__icon {
    display: inline-block;
    width: 40px;
    margin-left: 10px;
    padding-top: 8px;
    padding-bottom: 3px; }
  .walogin__button__error {
    width: 60%;
    top: 160px;
    font-size: 17px; }

.walogin__error_message {
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 250px;
  font-size: 1.2em;
  font-weight: lighter;
  padding: 1em;
  text-align: center;
  text-transform: lowercase; }

.walogin__error_message::first-letter {
  text-transform: uppercase; }

.walogin__link_error {
  width: 90%;
  margin: 0 auto;
  position: relative;
  top: 230px;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1em;
  text-align: center;
  text-transform: lowercase; }

.walogin__link_error::first-letter {
  text-transform: uppercase; }

.walogin__return_to_wa_button {
  margin-bottom: 7em;
  margin-left: 25%;
  width: 50% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .walogin__return_to_wa_button__whatsapp-icon {
    margin-left: 10px; }

.walogin__security_politics {
  position: relative;
  top: 50px;
  text-align: center;
  font-family: inherit;
  font-size: 14px; }
  .walogin__security_politics__bold {
    font-weight: bold; }

.walogin__safe {
  position: relative;
  top: 100px;
  text-align: center; }
  .walogin__safe__initial {
    top: 500px; }
  .walogin__safe__error {
    top: 330px; }
  .walogin__safe__icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto; }
  .walogin__safe__text {
    font-size: 12px;
    font-weight: bold; }

.waloginMax {
  position: relative; }
  .waloginMax__background {
    width: 100%;
    height: 160px;
    background-color: #ED1C24;
    border-bottom-left-radius: 1100px;
    border-bottom-right-radius: 1100px; }
  .waloginMax__backgroundImage {
    width: 100%;
    height: 115vh;
    background-image: url(/images/logindesktop.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    position: fixed;
    right: 0px;
    bottom: -60px; }
  .waloginMax__container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .waloginMax__container__left {
      width: 50%;
      position: relative; }
      .waloginMax__container__left__containerLoad {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 160px; }
      .waloginMax__container__left-img {
        display: inline-block;
        width: 200px;
        height: 200px;
        top: -40px;
        left: calc(50% - 145px);
        border-radius: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        background-color: white;
        background-image: url(/images/logo-ep-ai-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        .waloginMax__container__left-img_error {
          width: 290px;
          top: -40px;
          left: calc(50% - 145px); }
        .waloginMax__container__left-img__icon_error {
          width: 160px;
          position: relative;
          top: 140px;
          margin: 0 auto; }
      .waloginMax__container__left-imgEP {
        display: inline-block;
        width: 290px;
        height: 260px;
        position: absolute;
        top: -40px;
        left: calc(50% - 145px);
        border-radius: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        background-color: white;
        background-image: url(/images/logo-ep-ai-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        .waloginMax__container__left-imgEP_error {
          width: 290px;
          top: -40px;
          left: calc(50% - 145px); }
        .waloginMax__container__left-imgEP__icon_error {
          width: 160px;
          position: relative;
          top: 140px;
          margin: 0 auto; }
      .waloginMax__container__left__safe {
        position: relative;
        top: 400px;
        text-align: center; }
        .waloginMax__container__left__safe__initial {
          top: 560px; }
        .waloginMax__container__left__safe__error {
          top: 480px; }
        .waloginMax__container__left__safe__icon {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0 auto; }
        .waloginMax__container__left__safe__text {
          margin-top: 10px;
          font-size: 14px;
          font-weight: bold; }
      .waloginMax__container__left__slogan {
        width: 350px;
        height: 50px;
        margin: 0 auto;
        position: relative;
        top: 170px;
        font-weight: bold;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #25D366;
        border-radius: 50px;
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
        color: white; }
        .waloginMax__container__left__slogan__icon {
          display: inline-block;
          width: 40px;
          margin-left: 10px;
          padding-top: 8px;
          padding-bottom: 3px; }
        .waloginMax__container__left__slogan__error {
          width: 240px;
          margin: 0 auto;
          top: 330px;
          font-size: 18px; }
      .waloginMax__container__left__icon {
        width: 380px;
        margin: 0 auto;
        position: relative;
        top: -40px;
        background: white;
        border-radius: 15px;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); }
        .waloginMax__container__left__icon_error {
          width: 380px;
          margin: 0 auto; }
      .waloginMax__container__left__image_principal {
        display: inline-block;
        width: 350px;
        height: 400px;
        position: absolute;
        top: -40px;
        left: calc(50% - 175px);
        background-image: url(/images/EasyPedido-acceso.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      .waloginMax__container__left__button {
        width: 280px;
        height: 50px;
        margin: 0 auto;
        position: relative;
        top: 450px;
        font-weight: bold;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        background-color: #25D366;
        border-radius: 50px;
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
        color: white; }
        .waloginMax__container__left__button__icon {
          display: inline-block;
          width: 40px;
          margin-left: 10px;
          padding-top: 8px;
          padding-bottom: 3px; }
        .waloginMax__container__left__button__error {
          width: 60%;
          top: 160px;
          font-size: 17px; }
    .waloginMax__container__right {
      width: 50%;
      position: relative; }
      .waloginMax__container__right-img {
        display: inline-block;
        width: 290px;
        height: 260px;
        position: absolute;
        top: -40px;
        left: calc(50% - 145px);
        border-radius: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        background-color: white;
        background-image: url(/images/logo-ep-ai-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        .waloginMax__container__right-img_error {
          width: 290px;
          top: -40px;
          left: calc(50% - 145px); }
        .waloginMax__container__right-img__icon_error {
          width: 160px;
          position: relative;
          top: 140px;
          margin: 0 auto; }
      .waloginMax__container__right-imgLoad {
        display: inline-block;
        width: 200px;
        height: 200px;
        top: -40px;
        left: calc(50% - 145px);
        border-radius: 20px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        background-color: white;
        background-image: url(/images/logo-ep-ai-red.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        .waloginMax__container__right-imgLoad_error {
          width: 290px;
          top: -40px;
          left: calc(50% - 145px); }
        .waloginMax__container__right-imgLoad__icon_error {
          width: 160px;
          position: relative;
          top: 140px;
          margin: 0 auto; }
      .waloginMax__container__right__loading {
        margin: 15px; }
      .waloginMax__container__right__security_politics {
        position: relative;
        top: 80px;
        text-align: center;
        font-family: inherit;
        font-size: 19px; }
        .waloginMax__container__right__security_politics__bold {
          font-weight: bold; }
      .waloginMax__container__right__safe {
        position: relative;
        top: 270px;
        text-align: center; }
        .waloginMax__container__right__safe__initial {
          top: 560px; }
        .waloginMax__container__right__safe__error {
          top: 480px; }
        .waloginMax__container__right__safe__icon {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0 auto; }
        .waloginMax__container__right__safe__text {
          margin-top: 10px;
          font-size: 14px;
          font-weight: bold; }
      .waloginMax__container__right__error_message {
        width: 90%;
        margin: 0 auto;
        position: relative;
        top: 290px;
        font-weight: lighter;
        font-size: 1.2em;
        padding: 1em;
        text-align: center;
        text-transform: lowercase; }
      .waloginMax__container__right__error_message::first-letter {
        text-transform: uppercase; }
      .waloginMax__container__right__link_error {
        width: 90%;
        margin: 0 auto;
        position: relative;
        top: 190px;
        font-weight: bold;
        font-size: 1.2em;
        padding: 1em;
        text-align: center;
        text-transform: lowercase; }
      .waloginMax__container__right__link_error::first-letter {
        text-transform: uppercase; }
      .waloginMax__container__right__sign {
        position: absolute;
        width: 100%;
        top: 300px;
        text-align: center;
        font-size: 1.2rem;
        line-height: 1 !important; }
        .waloginMax__container__right__sign__principal {
          color: #ED1C24;
          font-weight: 700; }
        .waloginMax__container__right__sign__secondary {
          position: relative;
          top: 30px;
          color: #000000;
          font-weight: 700;
          line-height: 1.2 !important; }
        .waloginMax__container__right__sign__tertiary {
          position: relative;
          top: 80px;
          color: #575656;
          font-weight: 700;
          line-height: 1.2 !important; }

.alertRedirectWA {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .alertRedirectWA__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .alertRedirectWA__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .alertRedirectWA__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .alertRedirectWA__data__close div {
        align-self: center; }
      .alertRedirectWA__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .alertRedirectWA__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .alertRedirectWA__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .alertRedirectWA__data__content--first {
        padding-top: 10px; }
      .alertRedirectWA__data__content--last {
        padding-bottom: 10px; }
      .alertRedirectWA__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .alertRedirectWA__data__content span {
        font-weight: bold;
        color: grey; }
    .alertRedirectWA__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .alertRedirectWA__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .alertRedirectWA__data__footer button p {
          font-size: 1rem;
          font-weight: bold; }
      .alertRedirectWA__data__footer button:first-of-type {
        background-color: #25D366;
        color: white;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); }

.epTerms-article-page__container {
  column-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 60px 0; }
  @media (max-width: 720px) {
    .epTerms-article-page__container {
      display: block; } }

.epTerms-article-page__header {
  text-align: center;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  background-size: cover;
  background-color: #ed1c2421;
  background-blend-mode: multiply; }
  .epTerms-article-page__header__title {
    background-color: #fff;
    display: inline-block;
    padding: 1.5vw 9vw; }
    .epTerms-article-page__header__title h1 {
      display: inline-block;
      font-weight: 600;
      color: #ed1c24;
      font-size: 8vw;
      font-weight: 900; }
      @media (min-width: 540px) {
        .epTerms-article-page__header__title h1 {
          font-size: 4vw; } }

.epTerms-article-page__content {
  grid-column-end: span 2; }
  .epTerms-article-page__content h1,
  .epTerms-article-page__content h2,
  .epTerms-article-page__content h3 {
    font-weight: 600; }
  .epTerms-article-page__content h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem; }
  .epTerms-article-page__content h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem; }
  .epTerms-article-page__content img {
    max-width: 100%; }
  .epTerms-article-page__content ol,
  .epTerms-article-page__content ul {
    margin: 1.875rem auto;
    padding-left: 0;
    font-size: 1.125rem;
    line-height: 1.7;
    list-style: none; }
    .epTerms-article-page__content ol li,
    .epTerms-article-page__content ul li {
      padding-left: 1.3rem;
      margin-left: 0.3rem;
      margin-bottom: 1rem; }
  .epTerms-article-page__content ol {
    position: relative;
    counter-reset: my-awesome-counter; }
    .epTerms-article-page__content ol li {
      counter-increment: my-awesome-counter; }
      .epTerms-article-page__content ol li:before {
        content: counter(my-awesome-counter) ".";
        color: #c03336;
        position: absolute;
        left: 0; }
  .epTerms-article-page__content ul {
    list-style: none; }
    .epTerms-article-page__content ul li {
      position: relative; }
      .epTerms-article-page__content ul li:before {
        position: absolute;
        top: 0.7rem;
        left: 0;
        content: "";
        display: inline-block;
        width: 0.375rem;
        height: 0.375rem;
        border-radius: 50%;
        background-color: #c03336; }
      .epTerms-article-page__content ul li:last-child {
        margin-bottom: 0; }
  .epTerms-article-page__content blockquote {
    position: relative;
    font-size: 1.125rem;
    font-style: italic;
    background-color: #ED1C24;
    border-left: 0.5rem solid #c03336;
    margin: 1.875rem auto;
    padding: 3.75rem 2.5rem 3rem 2.5rem; }
    .epTerms-article-page__content blockquote:before {
      content: "";
      display: block;
      position: absolute;
      height: 1.5rem;
      width: 1.44rem;
      top: 1.56rem;
      background-image: url(/images/quote-icon.svg);
      background-repeat: no-repeat;
      background-size: contain; }

@media (max-width: 720px) {
  .epTerms-article-page__navigation {
    margin-bottom: 2rem; } }

.epTerms-article-page__navigation-element {
  font-family: "Montserrat";
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase; }
  .epTerms-article-page__navigation-element--active a {
    display: inline-block;
    position: relative; }
    .epTerms-article-page__navigation-element--active a:before {
      background-color: #ED1C24;
      content: "";
      height: 7px;
      left: 0;
      position: absolute;
      top: 6px;
      transform: skew(45deg);
      width: 100%;
      z-index: -1; }

.epTerms-article-accept {
  width: 80%;
  height: 50px;
  margin: 0 auto;
  position: fixed;
  left: 10%;
  bottom: 1px;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #54aaeb;
  border-radius: 50px;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  color: white; }

.accept_green {
  background-color: #25D366; }

.showContainer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 9999999999; }
  .showContainer__data {
    width: 300px;
    height: auto;
    position: fixed;
    top: calc(30%);
    left: calc(50% - 150px);
    background-color: white;
    border-radius: 8px;
    z-index: 99999999999; }
    .showContainer__data__close {
      display: grid;
      grid-template-columns: 80% 20%;
      padding: 10px 10px 10px 20px;
      color: white;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      background-color: #f76268; }
      .showContainer__data__close p {
        align-self: center;
        text-align: left;
        text-transform: uppercase; }
      .showContainer__data__close div {
        align-self: center; }
      .showContainer__data__close svg {
        width: 25px;
        display: block;
        margin-left: auto;
        cursor: pointer; }
    .showContainer__data__content {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      white-space: normal; }
      .showContainer__data__content div {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .showContainer__data__content--first {
        padding-top: 10px; }
      .showContainer__data__content--last {
        padding-bottom: 10px; }
      .showContainer__data__content--value span {
        padding-top: 10px;
        border: none !important; }
      .showContainer__data__content span {
        font-weight: bold;
        color: grey; }
    .showContainer__data__footer {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: space-around;
      margin-top: 20px; }
      .showContainer__data__footer button {
        width: 45%;
        padding: 0.6rem 1rem;
        border-radius: 8px; }
        .showContainer__data__footer button span {
          font-size: 0.9rem; }
      .showContainer__data__footer button:first-of-type {
        background-color: white;
        color: #ED1C24;
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3); }


/*# sourceMappingURL=app.8c19c263dce9c04acd00.css.map*/