codig.css

.checkout-payment__tab:not(:last-child) {
    margin-right: 50px; }
  
  .checkout-payment__tab {
    color: #a6a6a6;
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0; }
  
  .checkout-payment__tab--active {
      color: #ffe115;
      border-color: currentColor; }
  
  .checkout-payment__panel {
    padding: 30px 0; }
  
  .checkout-payment__panel .info-card {
      max-width: 530px;
      margin-bottom: 20px; }
  
  @media only screen and (min-width: 960px) {
    .checkout-payment__separator {
      margin-top: 20px;
      padding-top: 28px;
      border-top: solid 1px #dcdcdc; } }
  
  .checkout-payment__submit {
    margin-top: 18px; }
  
  .desktop-checkout__header {
    align-items: center;
    display: flex;
    height: 75px;
    justify-items: center; }
    .desktop-checkout__header .btn-icon {
      flex: 1; }
    .desktop-checkout__header .btn-icon .icon-marmita {
        height: 30px;
        width: 100px; }
    .desktop-checkout__header .btn-icon svg > path {
        fill: #ffe115; }
  
  .restaurant-cart-checkout {
    display: flex;
    flex-flow: nowrap column;
    position: relative;
    width: 420px;
    background-color: #fff;
    color: #3f3e3e;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #f7f7f7;
    margin: 0 0 10px;
    align-self: start; }
    .restaurant-cart-checkout--loop .restaurant-cart-item {
      border: 0;
      padding-top: 40px; }
    .restaurant-cart-checkout__warning {
      background-color: #f7f7f7;
      color: #4d4d4d;
      padding: 30px;
      font-weight: 300;
      line-height: 1.4; }
    .restaurant-cart-checkout__line {
      border-top: #dcdcdc solid 1px;
      margin: 0 30px;
      padding: 12px 0 16px; }
    .restaurant-cart-checkout__justify {
      display: flex;
      flex-flow: row nowrap; }
    .restaurant-cart-checkout__justify > * {
        flex-grow: 1; }
    .restaurant-cart-checkout__justify > :last-child {
        min-width: 80px;
        text-align: right; }
    .restaurant-cart-checkout__loading, .restaurant-cart-checkout__empty {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      text-align: center;
      height: 100%; }
    .restaurant-cart-checkout__empty {
      color: #dcdcdc;
      font-size: 1.875rem;
      font-weight: 700; }
    .restaurant-cart-checkout__empty .icon-marmita {
        width: 100%;
        height: 90px;
        margin-bottom: 30px; }
    .restaurant-cart-checkout .restaurant-cart-items-list {
      flex-basis: 100%; }
    .restaurant-cart-checkout .restaurant-cart-item__button {
      font-weight: 400; }
    @media only screen and (min-width: 1248px) {
      .restaurant-cart-checkout .restaurant-cart-footer__info.restaurant-cart__line {
        border-top: 0; }
      .restaurant-cart-checkout .restaurant-cart-footer__total {
        margin: 20px 0;
        border-top: #dcdcdc solid 1px;
        padding: 12px 0 16px; } }
    .restaurant-cart-checkout .voucher-dialog {
      padding: 0 10px; }
    .restaurant-cart-checkout .voucher-dialog .voucher-dialog-header {
        padding: 16px; }
  
  .desktop-checkout {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px; }
    .desktop-checkout::before {
      content: '';
      position: absolute;
      width: 100%;
      box-shadow: inset 0 -1px 0 #dcdcdc;
      height: 1px;
      margin: 75px 0;
      left: 0; }
    @media only screen and (min-width: 1440px) {
      .desktop-checkout .address-checkout {
        width: 60%; } }
    @media only screen and (min-width: 960px) {
      .desktop-checkout .address-checkout {
        width: 70%; } }
    .desktop-checkout__header {
      align-items: center;
      display: flex;
      height: 75px;
      justify-items: center; }
    .desktop-checkout__header .btn-icon {
        flex: 1; }
    .desktop-checkout__header .btn-icon .icon-marmita {
          height: 30px;
          width: 100px; }
    .desktop-checkout__header .btn-icon svg > path {
          fill: #ffe115; }
    .desktop-checkout__content {
      align-items: center;
      display: flex;
      justify-content: space-between; }
    @media only screen and (min-width: 960px) {
        .desktop-checkout__content {
          margin: 25px 100px 0; } }
    .desktop-checkout__content h1 {
        color: #3e3e3e;
        font-size: 2.125rem;
        margin: 10px 0 40px; }
    @media only screen and (min-width: 960px) {
          .desktop-checkout__content h1 {
            margin-top: 0px; } }
    .desktop-checkout__content h2 {
        color: #3e3e3e;
        font-size: 1.5rem;
        font-weight: 500;
        letter-spacing: -1px; }
    @media only screen and (min-width: 960px) {
        .desktop-checkout__content > :nth-child(1) {
          width: calc(100% - 440px); } }
    @media only screen and (max-width: 959px) {
        .desktop-checkout__content {
          flex-wrap: wrap; }
          .desktop-checkout__content > * {
            width: 100%;
            margin-bottom: 20px; } }
    .desktop-checkout__payment {
      max-width: 500px;
      margin-bottom: 30px; }
    @media only screen and (min-width: 960px) {
        .desktop-checkout__payment {
          margin-right: 20px; } }
    .desktop-checkout .restaurant-cart__empty {
      max-width: 320px;
      margin: 100px auto 0; }
    .desktop-checkout .restaurant-cart__empty .btn {
        margin-top: 15px; }
    .desktop-checkout__tab {
      color: #a6a6a6;
      font-size: 1.125rem;
      font-weight: 400;
      padding-left: 0;
      padding-right: 0;
      margin-left: 0; }
    .desktop-checkout__tab[disabled] {
        opacity: 1;
        cursor: pointer;
        pointer-events: all; }
    .desktop-checkout__tab--active {
        color: #ffe115;
        border-color: currentColor; }
    .desktop-checkout__tab:first-child {
        margin-right: 50px; }
  
  .empty-content {
    display: flex;
    flex-flow: nowrap column;
    max-width: 400px;
    margin: 40px auto; }
    .empty-content__title {
      font-size: 1.125rem;
      text-align: center;
      font-weight: 400; }
  
  .devices-timeline {
    position: relative;
    z-index: 1;
    height: 100vh; }
    .devices-timeline .nav-header {
      max-width: 580px;
      margin: 0 auto; }
    .devices-timeline iframe {
      width: 100vw;
      height: calc(100% - 80px);
      border: 0; }
    @media only screen and (min-width: 960px) {
      .devices-timeline .nav-header {
        display: none; } }
  
  .restaurants-sortable__sorters {
    display: none;
    justify-content: flex-end;
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px; }
    @media only screen and (min-width: 960px) {
      .restaurants-sortable__sorters {
        display: flex; } }
    .restaurants-sortable--is-loading .restaurants-sortable__list {
    padding-top: 0;
    min-height: 50vh;
    position: relative; }
    .restaurants-sortable--no-restaurants .restaurants-sortable__list {
    padding-top: 100px;
    text-align: center; }
  
  .dish-empty-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 55px; }
    .dish-empty-list__title {
      font-size: 1rem;
      line-height: 1.125rem;
      margin-top: 30px; }
    .dish-empty-list__description {
      font-size: 0.875rem;
      line-height: 1.875rem;
      font-weight: lighter;
      color: #717171; }
  
  .dish-list__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-gap: 10px;
    margin: 0 20px; }
    @media only screen and (min-width: 560px) {
      .dish-list__container {
        grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); } }
    @media only screen and (min-width: 960px) {
      .dish-list__container {
        margin: 0;
        padding-bottom: 20px; } }
    .dish-list--horizontal .dish-list__container {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 20px;
    margin: 0; }
    @media only screen and (min-width: 375px) {
      .dish-list--horizontal .dish-list__container {
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); } }
    @media only screen and (min-width: 768px) {
    .dish-list {
      position: relative;
      min-height: 90px;
      background: transparent;
      transition: 100ms; }
      .dish-list__container {
        grid-template-columns: repeat(auto-fill, minmax(252px, 1fr));
        grid-gap: 20px; } }
    @media only screen and (min-width: 768px) and (min-width: 960px) {
        .dish-list__container {
          grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
          grid-gap: 30px; } }
    @media only screen and (min-width: 768px) {
      .dish-list--horizontal .dish-list__container {
        grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
        grid-gap: 20px;
        margin: 0; } }
  
  .dishes-sortable__sorters {
    display: none;
    justify-content: flex-end;
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px; }
    @media only screen and (min-width: 960px) {
      .dishes-sortable__sorters {
        display: flex; } }
    .dishes-sortable--is-loading .dishes-sortable__list {
    padding-top: 0;
    min-height: 50vh;
    position: relative; }
    .dishes-sortable--no-dishes .dishes-sortable__list {
    padding-top: 100px;
    text-align: center; }
  
  .delivery-sortable-seo-text {
    line-height: 1.625rem;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .delivery-sortable-seo-text {
        padding: 0 30px; } }
    .delivery-sortable-seo-text__title {
      font-size: 1.25rem;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .delivery-sortable-seo-text__title {
          font-size: 1.375rem; } }
    .delivery-sortable-seo-text__description {
      color: #717171;
      font-size: 1rem;
      text-align: justify;
      margin: 16px 0 0 0; }
    .delivery-sortable-seo-text__city {
      color: #ffe115;
      font-weight: 500; }
  
  .discovery-sortable-list__container {
    padding-bottom: 40px;
    padding-top: 20px; }
  
  .discovery-sortable-list__title {
    color: #a6a6a6;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px; }
  
  .discovery-sortable-list__subtitle {
    color: #a6a6a6;
    font-size: 1.5rem;
    margin-bottom: 20px; }
  
  .discovery-sortable-list__empty-state {
    margin: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    text-align: center; }
  
  @media only screen and (min-width: 960px) {
    .discovery-sortable-list .desktop-filters {
      margin-top: 30px; } }
  
  .discovery-header {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    padding: 20px 30px 0px; }
  
  @media only screen and (max-width: 959px) {
      .discovery-header {
        display: none; } }
  
  .discovery-header h1 {
      color: #3e3e3e;
      font-size: 1.5625rem;
      margin-bottom: 0; }
  
  .discovery-header article {
      color: #717171;
      font-size: 1rem;
      font-weight: 300;
      margin-top: 5px; }
  
  .discovery-banner {
    align-items: center;
    display: flex;
    justify-content: center; }
  
  .discovery-banner img {
      margin: 30px 0 0 0;
      max-width: 1300px;
      border-radius: 4px; }
  
  .discovery-banner--is-highlight {
      height: 200px;
      justify-content: center;
      margin: 30px 0 0 0; }
  
  .discovery-banner--is-highlight img {
        margin: 0;
        height: 200px; }
  
  .discovery-sortable-list {
    min-height: calc(100vh - 80px);
    position: relative; }
    .discovery-sortable-list .restaurants-list__container {
      padding: 0 20px; }
    @media only screen and (min-width: 960px) {
        .discovery-sortable-list .restaurants-list__container {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px; } }
    @media only screen and (min-width: 960px) {
      .discovery-sortable-list .dish-list {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        padding-top: 20px; } }
    @media only screen and (min-width: 960px) {
    .restaurants-sortable .sortable-list,
    .dishes-sortable .sortable-list {
      flex-direction: row-reverse; }
      .restaurants-sortable .sortable-list__open-button,
      .dishes-sortable .sortable-list__open-button {
        padding: 0;
        width: auto; } }
  
  .restaurant-delivers-at-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 20px; }
    .restaurant-delivers-at-dialog-overlay {
      z-index: 10002; }
    .restaurant-delivers-at-dialog__title {
      font-size: 1.125rem;
      font-weight: 500;
      text-align: center; }
    .restaurant-delivers-at-dialog__message {
      display: flex;
      flex-direction: column;
      font-size: 0.875rem;
      font-weight: lighter;
      line-height: 18px;
      padding: 20px 40px;
      text-align: center; }
  
  .main-layout {
    height: 100%; }
  
  .group {
    padding: 58px 0 138px;
    background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%), linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%), url("https://static-images.ifood.com.br/image/upload/webapp/group/group-bg.jpg?v=8.47.1");
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: top; }
  
  .group .group-container {
      width: 480px;
      min-height: 492px;
      max-width: 100vw;
      margin: auto; }
  
  .group .group-container__logo {
        position: relative;
        background: white;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        border: 1px solid #f2f2f2;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center; }
  
  @media only screen and (min-width: 768px) {
          .group .group-container__logo {
            height: 145px;
            width: 145px; } }
  
  .group .group-container__logo h1 {
          font-size: 1rem;
          font-weight: normal; }
  
  .group .group-container__logo img {
          border-radius: 100%; }
  
  .group .group-container__form {
        display: flex;
        box-shadow: 4px 4px 44px rgba(0, 0, 0, 0.1);
        border-radius: 9px;
        margin-top: -55px;
        padding: 85px 20px 40px;
        background: white;
        top: 72px;
        flex-direction: column; }
  
  @media only screen and (min-width: 768px) {
          .group .group-container__form {
            margin-top: -55px;
            padding: 85px 40px 40px; } }
  
  .group .group-container__form--is-loading {
          min-height: 420px; }
  
  .group .group-container__form-wrapper {
          width: 100%; }
  
  .group .group-container__form-wrapper--is-loading {
            display: none; }
  
  .group .group-container__form .address-search {
          margin-top: 30px;
          height: auto;
          padding: 0;
          overflow: hidden;
          width: 100%; }
  
  .group .group-container__form .address-search .address-search-zip__title,
          .group .group-container__form .address-search .address-search-street__title {
            display: none; }
  
  .group .group-container__title {
        font-size: 1.5rem;
        font-weight: 300;
        margin: 0 0 30px 0;
        color: #3e3e3e; }
  
  .group .address-search-input__icon {
      pointer-events: none; }
  
  .group .address-search-list {
      margin-top: 30px; }
  
  .group .group-address-no-results {
      display: grid;
      margin-bottom: auto;
      grid-row-gap: 5px;
      text-align: center;
      padding-top: 40px; }
  
  .group .group-address-no-results__description {
        color: #a6a5a5;
        font-size: 0.875rem;
        line-height: 20px;
        font-weight: 300; }
  
  .help {
    border: none;
    width: 100vw;
    height: calc(100vh - 50px); }
    @media (min-width: 768px) {
      .help {
        height: calc(100vh - 84px); } }
  
  .download-app-modal {
    padding: 20px 50px;
    max-width: 480px;
    text-align: center; }
    .download-app-modal__title {
      color: #3e3e3e;
      font-size: 1.375rem;
      font-weight: 500; }
    .download-app-modal__description {
      color: #a6a5a5;
      font-size: 1.125rem;
      font-weight: 400;
      margin: 20px 0px 40px; }
    .download-app-modal__button-download {
      width: 100%;
      margin-bottom: 10px; }
    .download-app-modal__button-ok {
      width: 100%; }
    @media only screen and (min-width: 960px) {
      .download-app-modal {
        border-radius: 4px; } }
    @media only screen and (max-width: 767px) {
      .download-app-modal {
        padding: 20px;
        width: 100%; }
        .download-app-modal__title {
          color: #3e3e3e;
          font-size: 1.125rem;
          font-weight: 500; }
        .download-app-modal__description {
          color: #a6a5a5;
          font-size: 1rem;
          font-weight: 400;
          margin: 20px 0px; } }
  
  @media only screen and (min-width: 768px) {
    .dishes-carousel {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px;
      margin-bottom: 64px; } }
  
  .dishes-carousel__container {
    display: grid;
    grid-gap: 10px;
    min-height: 255px;
    height: auto;
    padding: 20px 0 0; }
  
  @media only screen and (min-width: 960px) {
      .dishes-carousel__container {
        margin: 0;
        padding-bottom: 20px; } }
  
  .dishes-carousel__header {
    display: grid;
    grid-template: 1fr / 1fr 60px;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 20px 20px 10px; }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel__header {
        padding: 20px 0 0 0; } }
  
  .dishes-carousel__title {
    color: #3f3e3e;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    width: calc(100% - 60px);
    margin: 0; }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel__title {
        padding: 0 0 16px;
        font-size: 1.25rem;
        line-height: 1.5625rem; } }
  
  .dishes-carousel__see-more {
    width: 60px;
    text-align: right;
    display: block;
    font-size: 0.875rem;
    line-height: 0.9375rem;
    color: #ffe115;
    text-decoration: unset;
    cursor: default; }
  
  @media only screen and (min-width: 960px) {
      .dishes-carousel__see-more {
        cursor: pointer; } }
  
  .dishes-carousel__see-more:hover {
      color: #b42b2b; }
  
  .dishes-carousel__description {
    color: #a6a5a5;
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: block;
    font-weight: 300;
    padding: 0 20px 0; }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel__description {
        font-size: 1.125rem;
        line-height: 1rem;
        padding: 0 0 16px;
        padding-bottom: 40px; } }
  
  .dishes-carousel .dish-card {
    grid-template: 'image' 110px 'info' 1fr;
    width: 100%;
    height: 100%;
    grid-gap: 16px;
    padding: 0 0 20px; }
  
  .dishes-carousel .dish-card__info--top {
      height: 50px; }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel .dish-card {
        grid-gap: 24px;
        min-width: 175px;
        min-height: 190px;
        grid-template: 'image' 126px 'info' 1fr; }
        .dishes-carousel .dish-card__image {
          height: 126px; } }
  
  .dishes-carousel .dish-card__description {
      font-size: 1rem; }
  
  .dishes-carousel .dish-card__details {
      display: none; }
  
  .dishes-carousel .carousel__controller--left {
    -webkit-transform: translateY(-60px) rotateZ(90deg);
            transform: translateY(-60px) rotateZ(90deg); }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel .carousel__controller--left {
        -webkit-transform: translateY(-90px) rotateZ(90deg);
                transform: translateY(-90px) rotateZ(90deg); } }
  
  @media only screen and (min-width: 960px) {
      .dishes-carousel .carousel__controller--left {
        left: -25px; } }
  
  .dishes-carousel .carousel__controller--right {
    -webkit-transform: translateY(-60px) rotateZ(-90deg);
            transform: translateY(-60px) rotateZ(-90deg); }
  
  @media only screen and (min-width: 768px) {
      .dishes-carousel .carousel__controller--right {
        -webkit-transform: translateY(-90px) rotateZ(-90deg);
                transform: translateY(-90px) rotateZ(-90deg); } }
  
  @media only screen and (min-width: 960px) {
      .dishes-carousel .carousel__controller--right {
        right: -25px; } }
  
  .dishes-carousel .marmita-scrollbox__container > * {
    margin-right: 10px; }
  
  .discovery-tube {
    position: relative;
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .discovery-tube {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-bottom: 64px; } }
    .discovery-tube__content {
      position: absolute;
      width: 100%;
      height: 100%;
      display: grid;
      align-items: center;
      justify-content: center; }
    .discovery-tube__content-title {
        font-size: 1.125rem;
        line-height: 1.375rem;
        text-align: center;
        color: #ffffff;
        max-width: 90%;
        margin: 0 auto; }
    @media only screen and (min-width: 960px) {
          .discovery-tube__content-title {
            font-size: 2.5rem;
            line-height: 3.25rem; } }
    .discovery-tube__figure {
      margin: 0; }
    .discovery-tube__figure img {
        margin: 0 auto;
        display: block;
        width: 100%; }
  
  @media only screen and (min-width: 768px) {
    .merchants-carousel {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px;
      margin-bottom: 64px; } }
  
  .merchants-carousel .carousel__controller--left {
    left: -18px;
    top: 40px; }
  
  .merchants-carousel .carousel__controller--right {
    right: -18px;
    top: 40px; }
  
  .merchants-carousel .marmita-scrollbox {
    height: auto; }
  
  .merchants-carousel .marmita-scrollbox__wrapper {
      padding: 10px 0 16px; }
  
  .merchants-carousel__restaurant-card {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
  
  @media only screen and (min-width: 768px) {
      .merchants-carousel__restaurant-card {
        grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } }
  
  .merchants-carousel__header {
    display: grid;
    grid-template: 1fr / 1fr 60px;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 20px 20px 10px; }
  
  @media only screen and (min-width: 768px) {
      .merchants-carousel__header {
        padding: 20px 0 0 0; } }
  
  .merchants-carousel__title {
    color: #3f3e3e;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
    width: calc(100% - 60px);
    margin: 0; }
  
  @media only screen and (min-width: 768px) {
      .merchants-carousel__title {
        padding: 0 0 16px;
        font-size: 1.25rem;
        line-height: 1.5625rem; } }
  
  .merchants-carousel__see-more {
    width: 60px;
    text-align: right;
    display: block;
    font-size: 0.875rem;
    line-height: 0.9375rem;
    color: #ffe115;
    text-decoration: unset;
    cursor: default; }
  
  @media only screen and (min-width: 960px) {
      .merchants-carousel__see-more {
        cursor: pointer; } }
  
  .merchants-carousel__see-more:hover {
      color: #b42b2b; }
  
  .merchants-carousel__description {
    color: #a6a5a5;
    font-size: 0.875rem;
    line-height: 1.125rem;
    display: block;
    font-weight: 300;
    padding: 0 20px 0; }
  
  @media only screen and (min-width: 768px) {
      .merchants-carousel__description {
        font-size: 1.125rem;
        line-height: 1rem;
        padding: 0 0 16px;
        padding-bottom: 40px; } }
  
  @media only screen and (min-width: 960px) {
    .discoveries-container {
      margin-bottom: 64px; } }
  
  .home-page {
    margin-top: 80px; }
    @media only screen and (min-width: 960px) {
      .home-page {
        margin: 0; } }
    .home-page .filters-uppercase {
      padding: 20px 0 0; }
    .home-page .cuisines-list__container {
      height: 0;
      max-height: 183px; }
    @media only screen and (max-width: 559px) {
        .home-page .cuisines-list__container {
          height: auto;
          max-height: 148px;
          min-height: 112px; }
          .home-page .cuisines-list__container .marmita-scrollbox__wrapper {
            border-bottom: 0; } }
    @media only screen and (min-width: 768px) {
        .home-page .cuisines-list__container {
          margin-top: 30px; } }
    .home-page .restaurants-list__container {
      padding: 0 20px; }
    @media only screen and (min-width: 960px) {
        .home-page .restaurants-list__container {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px; } }
    .home-page .discoveries-placeholder {
      padding: 20px 20px 0; }
    .home-page .discoveries-placeholder .ph-highlights-carousel-item {
        display: none; }
    @media only screen and (min-width: 768px) {
          .home-page .discoveries-placeholder .ph-highlights-carousel-item {
            display: block; } }
    .home-page .discoveries-placeholder .ph-highlights-carousel-item:first-child {
          display: block; }
    @media only screen and (min-width: 768px) {
        .home-page .discoveries-placeholder {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 20px;
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          padding-top: 64px;
          padding-bottom: 64px; } }
  
  .jobs-foodtech-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 86px;
    margin-bottom: 36px; }
    @media only screen and (min-width: 960px) {
      .jobs-foodtech-top {
        margin-bottom: 66px; } }
    .jobs-foodtech-top__image {
      background-image: linear-gradient(0deg, rgba(62, 62, 62, 0.7), rgba(62, 62, 62, 0.7)), url("https://static-images.ifood.com.br/image/upload/q_auto:best/webapp/jobs/jobs-image-foodtech.jpg?v=8.47.1");
      background-size: cover;
      background-position: top;
      height: 250px;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-top__image {
          height: 480px; } }
    @media only screen and (min-width: 1248px) and (max-width: 1818px) {
        .jobs-foodtech-top__image {
          height: 480px;
          background-position: 0 -120px; } }
    .jobs-foodtech-top__card {
      position: absolute; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-top__card {
          top: 50%; } }
    .jobs-foodtech-top__label {
      color: #ffffff;
      font-weight: 500;
      font-size: 2rem;
      line-height: 2rem;
      padding: 0 0 10px;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-top__label {
          padding: 0 0 20px;
          font-size: 2.5rem;
          line-height: 2.5rem; } }
    .jobs-foodtech-top__text {
      color: #ffffff;
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: 300;
      display: block;
      max-width: 210px; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-top__text {
          font-size: 1.5rem;
          line-height: 1.5rem;
          max-width: 100%; } }
    .jobs-foodtech-box {
    position: relative;
    border-radius: 8px;
    margin: 0 auto;
    background-color: white;
    padding: 0 20px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 1248px) {
      .jobs-foodtech-box {
        max-width: 740px;
        margin-bottom: 100px; } }
    .jobs-foodtech-box__title {
      color: #414143;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 10px; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-box__title {
          font-size: 1.25rem;
          line-height: 1.5rem; } }
    .jobs-foodtech-box__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.875rem;
      margin-bottom: 20px; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-box__label {
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-foodtech-box__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.375rem; }
    @media only screen and (min-width: 768px) {
        .jobs-foodtech-box__text {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .jobs-foodtech-grey-box {
    background-color: #f7f7f7;
    margin-bottom: 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-foodtech-grey-box {
        margin-bottom: 110px; } }
    .jobs-foodtech-columns {
    display: grid;
    grid-template-columns: 40% auto;
    grid-column-gap: 30px;
    padding: 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-foodtech-columns {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        padding-top: 46px;
        padding-bottom: 46px; } }
    .jobs-foodtech-columns__left-column {
      align-self: end; }
    .jobs-foodtech-columns__left-column img {
        width: 100%; }
    .jobs-foodtech-columns__right-column img {
      width: 100%;
      margin-bottom: 6vh; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-columns__right-column img {
          margin-bottom: 15vh; } }
    .jobs-foodtech-techs {
    padding: 0 20px;
    margin-bottom: 50px; }
    @media only screen and (min-width: 960px) {
      .jobs-foodtech-techs {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    .jobs-foodtech-techs__columns {
      display: block;
      align-items: center;
      margin-bottom: 50px; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-techs__columns {
          display: flex; } }
    .jobs-foodtech-techs__columns--inverted {
        flex-direction: row-reverse; }
    .jobs-foodtech-techs__left-column {
      display: flex;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-techs__left-column {
          width: 50%; } }
    .jobs-foodtech-techs__left-column img {
        width: 100%; }
    .jobs-foodtech-techs__right-column {
      width: 100%;
      max-width: 640px;
      margin: 0 auto; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-techs__right-column {
          width: 50%; } }
    .jobs-foodtech-techs__card {
      margin: 0 auto;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-techs__card {
          max-width: 460px;
          display: grid;
          align-content: flex-end;
          margin-left: 50px; } }
    .jobs-foodtech-techs__image {
      display: block;
      margin: 0 auto 44px; }
    @media only screen and (min-width: 1248px) {
        .jobs-foodtech-techs__image {
          margin-bottom: 0; } }
    .jobs-foodtech-techs__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.375rem;
      line-height: 1.75rem;
      margin-bottom: 20px; }
    @media only screen and (min-width: 1248px) {
        .jobs-foodtech-techs__label {
          font-size: 2.25rem;
          line-height: 2.625rem;
          margin-bottom: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 1248px) {
        .jobs-foodtech-techs__label {
          font-size: 1.875rem;
          line-height: 1.875rem;
          margin-bottom: 20px; } }
    .jobs-foodtech-techs__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.375rem; }
    @media only screen and (min-width: 768px) {
        .jobs-foodtech-techs__text {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .jobs-foodtech-button {
    margin-bottom: 70px; }
    .jobs-foodtech-button__content {
      padding: 0 20px;
      justify-content: center;
      display: flex;
      width: 100%; }
    .jobs-foodtech-button__content a {
        font-size: 1rem;
        line-height: 1.3125rem;
        width: 100%; }
    @media only screen and (min-width: 768px) {
          .jobs-foodtech-button__content a {
            width: 379px; } }
    @media only screen and (min-width: 960px) {
        .jobs-foodtech-button__content {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          margin-top: 72px;
          margin-bottom: 48px; } }
  
  .jobs-home-top {
    margin-top: 86px; }
    .jobs-home-top__image {
      display: block;
      background-image: url("https://static-images.ifood.com.br/image/upload/q_auto:best/webapp/jobs/jobs-image-home.jpg?v=8.47.1");
      width: 100%;
      height: 250px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
    @media only screen and (min-width: 960px) {
        .jobs-home-top__image {
          display: flex;
          justify-content: flex-end;
          margin-bottom: 64px;
          height: 585px; } }
    .jobs-home-top__box {
      padding: 0 20px;
      background-color: #ffffff;
      margin: 30px 0; }
    @media only screen and (min-width: 960px) {
        .jobs-home-top__box {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          position: absolute;
          width: 438px;
          left: 13vw;
          top: 32vh;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.08);
          border-radius: 8px;
          margin: 0; } }
    @media only screen and (min-width: 1248px) {
        .jobs-home-top__box {
          left: 24vw; } }
    .jobs-home-top__content {
      padding: 0; }
    @media only screen and (min-width: 960px) {
        .jobs-home-top__content {
          text-align: left;
          padding: 56px 0 56px 64px; } }
    .jobs-home-top__text {
      color: #414143;
      font-weight: 500;
      font-size: 2rem;
      line-height: 2.375rem;
      margin-bottom: 24px;
      width: 260px; }
    @media only screen and (min-width: 960px) {
        .jobs-home-top__text {
          width: 85%;
          font-size: 2.5rem;
          line-height: 2.5rem; } }
    .jobs-home-top__button {
      width: 218px;
      height: 49px; }
    @media only screen and (min-width: 960px) {
        .jobs-home-top__button {
          width: 228px; } }
    .jobs-home-top__button a {
        font-size: 1rem;
        line-height: 1.3125rem; }
    .jobs-home-purpose {
    text-align: left;
    width: 100%;
    margin: 40px 0 0;
    border-top: 1px solid #f2f2f2;
    padding: 40px 20px 0; }
    @media only screen and (min-width: 960px) {
      .jobs-home-purpose {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-bottom: 32px;
        width: 735px;
        text-align: center;
        border-top: 0; } }
    .jobs-home-purpose__title {
      color: #414143;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 0.625rem; }
    @media only screen and (min-width: 960px) {
        .jobs-home-purpose__title {
          font-size: 1.25rem;
          line-height: 1.5rem; } }
    .jobs-home-purpose__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.9375rem; }
    @media only screen and (min-width: 960px) {
        .jobs-home-purpose__label {
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-home-challenge {
    padding: 0 20px;
    margin-bottom: 64px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-challenge {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    .jobs-home-challenge .marmita-scrollbox {
      min-height: 230px; }
    .jobs-home-challenge .marmita-scrollbox__container {
      display: grid;
      grid-template-columns: repeat(6, minmax(272px, 1fr)); }
    .jobs-home-challenge__carousel {
      display: flex;
      padding: 0 0 20px; }
    .jobs-home-challenge .carousel__controller--left {
      margin: 3px 30px 3px 0; }
    .jobs-home-challenge .carousel__controller--right {
      margin: 3px 0 3px 0; }
    .jobs-home-challenge__card {
      margin-bottom: 44px;
      padding: 40px 0 0; }
    @media only screen and (min-width: 768px) {
        .jobs-home-challenge__card {
          padding: 0; } }
    .jobs-home-challenge__title {
      color: #414143;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 0.5rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__title {
          font-size: 1.25rem;
          line-height: 1.5rem; } }
    .jobs-home-challenge__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.25rem;
      line-height: 1.625rem;
      margin-bottom: 1.5rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__label {
          font-size: 2.0625rem;
          line-height: 2.625rem; } }
    .jobs-home-challenge__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem; }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__text {
          font-size: 1.125rem;
          line-height: 1.875rem; } }
    .jobs-home-challenge__carousel-card {
      min-height: 240px;
      padding: 20px 16px; }
    .jobs-home-challenge__carousel-card--shadow {
        border-radius: 4px;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06); }
    @media only screen and (min-width: 768px) {
        .jobs-home-challenge__carousel-card {
          width: calc(100% - 44%);
          display: flex;
          align-items: center; } }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__carousel-card {
          min-height: 330px;
          padding: 0;
          max-width: 640px; } }
    @media only screen and (min-width: 960px) {
      .jobs-home-challenge__carousel-title {
        font-size: 1.25rem;
        line-height: 1.5rem; } }
    .jobs-home-challenge__carousel-label {
      color: #414143;
      font-weight: 500;
      font-size: 1.375rem;
      line-height: 1.625rem;
      margin-bottom: 0.75rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__carousel-label {
          margin-bottom: 2rem;
          font-size: 2rem;
          line-height: 2.625rem;
          max-width: 460px; } }
    .jobs-home-challenge__carousel-text {
      max-width: 87%;
      color: #3e3e3e;
      font-weight: 300;
      font-size: 0.75rem;
      line-height: 1rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-challenge__carousel-text {
          font-size: 1.125rem;
          line-height: 1.875rem; } }
    .jobs-home-challenge__columns {
      margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
        .jobs-home-challenge__columns {
          display: flex;
          justify-content: space-between; } }
    .jobs-home-challenge__left-column {
      width: 100%; }
    .jobs-home-challenge__left-column .carousel__wrapper {
        overflow: initial; }
    @media only screen and (min-width: 768px) {
          .jobs-home-challenge__left-column .carousel__wrapper {
            overflow: hidden; } }
    .jobs-home-challenge__right-column {
      display: none; }
    @media only screen and (min-width: 768px) {
        .jobs-home-challenge__right-column {
          display: flex;
          align-items: center;
          width: 44%;
          padding-left: 20px;
          position: relative; } }
    .jobs-home-challenge__circles img {
      width: 100%; }
    .jobs-home-video {
    padding: 0 20px;
    margin-bottom: 32px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-video {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-bottom: 64px; } }
    .jobs-home-video__content {
      height: 250px;
      width: 100%; }
    .jobs-home-video__content iframe {
        width: 100%;
        height: 100%; }
    @media only screen and (min-width: 768px) {
        .jobs-home-video__content {
          height: 380px;
          margin-bottom: 2.75rem; } }
    @media only screen and (min-width: 960px) {
        .jobs-home-video__content {
          height: 500px;
          margin-bottom: 2.75rem; } }
    .jobs-home-benefits {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 32px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-benefits {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        width: 727px;
        margin-bottom: 64px; } }
    .jobs-home-benefits__card {
      padding: 0 4px;
      margin-bottom: 60px; }
    .jobs-home-benefits__title {
      color: #414143;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 1.5rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-benefits__title {
          font-size: 1.25rem;
          line-height: 1.5rem;
          margin-bottom: 2rem; } }
    .jobs-home-benefits__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.9375rem;
      margin-bottom: 1.75rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-benefits__label {
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-home-benefits__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-benefits__text {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .jobs-home-benefits-list {
    flex-wrap: wrap; }
    .jobs-home-benefits-list__wrapper {
      padding: 0 20px; }
    .jobs-home-benefits-list__scrollbox .marmita-scrollbox {
      height: 300px;
      margin-bottom: 48px; }
    .jobs-home-benefits-list__scrollbox .marmita-scrollbox__container > * {
      margin-left: 20px; }
    .jobs-home-benefits-list__scrollbox .marmita-scrollbox__container > *:first-child {
      margin-right: 0;
      margin-left: 0; }
    @media only screen and (min-width: 768px) {
      .jobs-home-benefits-list .marmita-scrollbox__container {
        display: grid;
        grid-template-columns: repeat(6, minmax(268px, 1fr)); } }
    .jobs-home-benefits-list__card-scrollbox {
      text-align: center;
      align-items: center;
      padding: 10px 16px;
      min-height: 260px;
      border-radius: 4px;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06);
      margin: 10px 4px 0;
      min-width: 262px; }
    @media only screen and (min-width: 1248px) {
        .jobs-home-benefits-list__card-scrollbox {
          min-width: auto; } }
    @media only screen and (min-width: 560px) {
      .jobs-home-benefits-list {
        margin-bottom: 52px; } }
    @media only screen and (min-width: 960px) {
      .jobs-home-benefits-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 30px;
                column-gap: 30px;
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        width: 895px;
        margin-bottom: 24px; } }
    .jobs-home-benefits-list__icon {
      display: flex;
      justify-content: center;
      align-items: center; }
    .jobs-home-benefits-list__icon > svg {
        height: 90px; }
    @media only screen and (min-width: 960px) {
          .jobs-home-benefits-list__icon > svg {
            height: 120px; } }
    .jobs-home-benefits-list__card {
      text-align: center;
      align-items: center;
      border-radius: 4px;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06);
      padding: 10px;
      min-height: 290px;
      margin-bottom: 48px; }
    .jobs-home-benefits-list__label {
      color: #414143;
      font-weight: 500;
      font-size: 20px;
      line-height: 24px;
      margin: 10px 0;
      display: block; }
    @media only screen and (min-width: 768px) {
        .jobs-home-benefits-list__label {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    .jobs-home-benefits-list__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 0.875rem;
      line-height: 1.3125rem;
      display: block; }
    .jobs-home-benefits-list .carousel__controller--left {
      margin: 5px 30px 5px 0; }
    .jobs-home-benefits-list .carousel__controllers--bottom-center {
      align-items: center;
      margin: 0 auto; }
    .jobs-home-image {
    margin-bottom: 40px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-image {
        margin-bottom: 100px; } }
    .jobs-home-image__content {
      width: 100%;
      overflow: hidden; }
    .jobs-home-image__content img {
        width: 100%;
        max-height: 100vw; }
    @media only screen and (min-width: 960px) {
        .jobs-home-image__content img {
          height: auto;
          width: 100%;
          max-height: none; } }
    .jobs-home-testimonials {
    width: 100%;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-testimonials {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    .jobs-home-testimonials__wrapper {
      display: grid; }
    @media only screen and (min-width: 960px) {
        .jobs-home-testimonials__wrapper {
          grid-template-columns: 1fr 1fr; } }
    .jobs-home-testimonials__text-wrapper {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5625rem;
      margin-bottom: 2.25rem; }
    @media only screen and (min-width: 960px) {
        .jobs-home-testimonials__text-wrapper {
          margin-bottom: 0;
          max-width: 500px;
          font-size: 1.125rem;
          line-height: 1.5rem;
          justify-items: center;
          align-items: center;
          display: grid;
          justify-self: end; } }
    .jobs-home-testimonials__text {
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-testimonials__text {
          max-width: 500px; } }
    .jobs-home-testimonials__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.9375rem;
      margin-bottom: 1.5rem;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-home-testimonials__label {
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-home-testimonials__portrait {
      display: grid;
      grid-template-rows: 24px 20px;
      justify-content: center; }
    .jobs-home-testimonials__name {
      color: #414143;
      font-weight: 500;
      text-align: center;
      font-size: 1.5rem;
      line-height: 1.5rem; }
    .jobs-home-testimonials__role {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-align: center;
      display: block; }
    .jobs-home-testimonials__picture {
      padding: 20px 0;
      display: grid;
      justify-items: center; }
    .jobs-home-testimonials__picture img {
        width: 90%;
        border-radius: 50%; }
    @media only screen and (min-width: 960px) {
          .jobs-home-testimonials__picture img {
            width: 100%; } }
    @media only screen and (min-width: 960px) {
      .jobs-home-testimonials .carousel {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 40px; } }
    @media only screen and (min-width: 960px) {
      .jobs-home-testimonials .carousel__wrapper {
        grid-column: 1/-1; } }
    @media only screen and (min-width: 960px) {
      .jobs-home-testimonials .carousel .carousel__controllers {
        grid-column: 2/2; } }
    .jobs-home-testimonials .carousel .carousel__controller {
      left: 0;
      right: 0;
      top: 0;
      margin: 15px; }
    .jobs-home-testimonials .carousel__controllers--bottom-center {
      align-items: center;
      margin: 0 auto; }
    .jobs-home-button__content {
    padding: 0 20px;
    margin: 60px 0;
    justify-content: center;
    display: flex;
    width: 100%; }
    .jobs-home-button__content a {
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.3125rem;
      width: 379px;
      max-width: 379px; }
    @media only screen and (min-width: 960px) {
      .jobs-home-button__content {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-top: 64px;
        margin-bottom: 48px; } }
    .jobs-home-gray-box {
    background-color: #f7f7f7;
    margin: 0 0 70px;
    padding: 40px 20px; }
    @media only screen and (min-width: 768px) {
      .jobs-home-gray-box {
        padding: 80px 20px; } }
    @media only screen and (min-width: 960px) {
    .jobs-home-share {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px;
      text-align: center;
      width: 700px; } }
    .jobs-home-share__label {
    color: #414143;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.9375rem;
    margin-bottom: 2.25rem; }
    @media only screen and (min-width: 960px) {
      .jobs-home-share__label {
        font-size: 2.25rem;
        line-height: 2.625rem; } }
    .jobs-home-share__text {
    color: #3e3e3e;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 3.25rem; }
    @media only screen and (min-width: 960px) {
      .jobs-home-share__text {
        font-size: 1.5rem;
        line-height: 2.375rem; } }
    .jobs-home-social {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px 22px; }
    @media only screen and (min-width: 768px) {
      .jobs-home-social {
        grid-template-columns: repeat(7, 1fr); } }
    @media only screen and (min-width: 1248px) {
      .jobs-home-social {
        grid-template-columns: repeat(7, 1fr);
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        width: 700px; } }
    .jobs-home-social__icon {
      display: flex; }
  
  .jobs-im-a-lover-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 86px;
    margin-bottom: 50px; }
    @media only screen and (min-width: 960px) {
      .jobs-im-a-lover-top {
        margin-bottom: 70px; } }
    .jobs-im-a-lover-top__image {
      background-image: url("https://static-images.ifood.com.br/image/upload/q_auto:best/webapp/jobs/jobs-image-iam-a-lover_mobile.png?v=8.47.1");
      background-size: cover;
      background-position: top;
      height: 250px;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-top__image {
          background-image: linear-gradient(0deg, rgba(62, 62, 62, 0.7), rgba(62, 62, 62, 0.7)), url("https://static-images.ifood.com.br/image/upload/q_auto:best/webapp/jobs/jobs-image-iam-a-lover.jpg?v=8.47.1");
          height: 480px; } }
    @media only screen and (min-width: 1248px) and (max-width: 1818px) {
        .jobs-im-a-lover-top__image {
          height: 480px;
          background-position: 0 -120px; } }
    .jobs-im-a-lover-top__card {
      position: absolute; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-top__card {
          top: 50%; } }
    .jobs-im-a-lover-top__label {
      color: #ffffff;
      font-weight: 500;
      font-size: 2rem;
      line-height: 2rem;
      padding: 0 0 10px;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-top__label {
          padding: 0 0 20px;
          font-size: 2.5rem;
          line-height: 2.5rem; } }
    .jobs-im-a-lover-top__text {
      color: #ffffff;
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: 300;
      display: block;
      max-width: 210px; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-top__text {
          font-size: 1.5rem;
          line-height: 1.5rem;
          max-width: 100%; } }
    .jobs-im-a-lover-video {
    margin: 0 0 34px; }
    @media only screen and (min-width: 768px) {
      .jobs-im-a-lover-video {
        margin: 0 0 60px; } }
    .jobs-im-a-lover-video__content {
      height: 250px;
      width: 100%;
      padding: 0 20px; }
    .jobs-im-a-lover-video__content iframe {
        width: 100%;
        height: 100%; }
    @media only screen and (min-width: 768px) {
        .jobs-im-a-lover-video__content {
          height: 300px;
          margin-bottom: 2.75rem; } }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-video__content {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          height: 400px;
          margin-bottom: 2.75rem; } }
    @media only screen and (min-width: 1248px) {
        .jobs-im-a-lover-video__content {
          height: 500px; } }
    .jobs-im-a-lover-culture {
    width: 100%;
    margin-bottom: 72px;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-im-a-lover-culture {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-bottom: 100px; } }
    .jobs-im-a-lover-culture__columns {
      display: flex; }
    .jobs-im-a-lover-culture__left-column {
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-culture__left-column {
          width: 50%; } }
    .jobs-im-a-lover-culture__title {
      color: #414143;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 10px;
      font-weight: 300; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-culture__title {
          font-size: 1.25rem;
          line-height: 1.5rem;
          margin-bottom: 32px; } }
    .jobs-im-a-lover-culture__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.875rem;
      margin-bottom: 24px; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-culture__label {
          font-size: 2.25rem;
          line-height: 2.625rem;
          margin-bottom: 48px; } }
    .jobs-im-a-lover-culture__text {
      color: #3e3e3e;
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 300; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-culture__text {
          font-size: 1.125rem;
          line-height: 1.5rem;
          max-width: 500px; } }
    .jobs-im-a-lover-culture__right-column {
      display: none; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-culture__right-column {
          display: flex;
          justify-content: center; } }
    .jobs-im-a-lover-culture__picture {
      display: flex;
      justify-content: center; }
    @media only screen and (max-width: 1247px) {
        .jobs-im-a-lover-culture__picture {
          width: 400px; } }
    .jobs-im-a-lover-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 40px; }
    @media only screen and (min-width: 960px) {
      .jobs-im-a-lover-list {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        padding: 0 20px 40px;
        width: 100%; } }
    .jobs-im-a-lover-list__item {
      flex: 1 0 100%;
      margin-bottom: 24px; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-list__item {
          flex: 1 0 25%; } }
    .jobs-im-a-lover-list__card {
      border-radius: 4px;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06);
      padding: 16px; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-list__card {
          height: 160px;
          padding: 0;
          box-shadow: none;
          display: flex;
          flex-flow: column nowrap; } }
    .jobs-im-a-lover-list__label {
      color: #414143;
      font-weight: 500;
      font-size: 2rem;
      line-height: 2.25rem;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      padding: 0 0 16px;
      display: block; }
    @media only screen and (min-width: 1248px) {
        .jobs-im-a-lover-list__label {
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    @media only screen and (min-width: 1248px) and (max-width: 768px) {
        .jobs-im-a-lover-list__label {
          font-size: 1.75rem;
          line-height: 2.125rem; } }
    .jobs-im-a-lover-list__label:hover {
        color: #ffe115; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-list__label--operational-excellence {
          margin-bottom: 0; } }
    @media only screen and (min-width: 1248px) {
        .jobs-im-a-lover-list__label--empreendedorismo {
          font-size: 1.875rem;
          line-height: 2.625rem; } }
    @media only screen and (min-width: 1248px) and (max-width: 768px) {
        .jobs-im-a-lover-list__label--empreendedorismo {
          font-size: 1.625rem;
          line-height: 2.125rem; } }
    .jobs-im-a-lover-list__icon {
      width: 30px;
      height: 30px;
      display: flex;
      border-radius: 50%;
      background-color: #414143;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;
      color: transparent;
      -webkit-text-stroke: 1px white;
      font-size: 20px;
      font-weight: bolder; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-list__icon {
          display: none; } }
    .jobs-im-a-lover-list__icon:hover {
        background-color: #ffe115; }
    .jobs-im-a-lover-list__text {
      color: #3e3e3e;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: lighter; }
    @media only screen and (min-width: 960px) {
        .jobs-im-a-lover-list__text {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 90%;
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .jobs-im-a-lover-button__content {
    padding: 0 20px;
    margin: 40px 0 60px;
    justify-content: center;
    display: flex;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .jobs-im-a-lover-button__content {
        margin: 52px 0 100px 0; } }
    @media only screen and (max-width: 559px) {
      .jobs-im-a-lover-button__content .btn.btn--size-l .btn__label {
        font-size: 1rem;
        line-height: 1.25rem; } }
    .jobs-im-a-lover-button__content a {
      width: 100%; }
    @media only screen and (min-width: 768px) {
        .jobs-im-a-lover-button__content a {
          width: 379px; } }
    @media only screen and (min-width: 960px) {
      .jobs-im-a-lover-button__content {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-top: 50px;
        margin-bottom: 60px; } }
  
  .jobs-technology-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 86px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 960px) {
      .jobs-technology-top {
        margin-bottom: 0; } }
    .jobs-technology-top__image {
      background-image: linear-gradient(0deg, rgba(62, 62, 62, 0.7), rgba(62, 62, 62, 0.7)), url("https://static-images.ifood.com.br/image/upload/q_auto:best/webapp/jobs/jobs-image-tech.jpg?v=8.47.1");
      background-size: cover;
      background-position: top;
      height: 250px;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-top__image {
          height: 480px; } }
    @media only screen and (min-width: 1248px) and (max-width: 1818px) {
        .jobs-technology-top__image {
          height: 480px;
          background-position: 0 -120px; } }
    .jobs-technology-top__card {
      position: absolute; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-top__card {
          top: 50%; } }
    .jobs-technology-top__label {
      color: #ffffff;
      font-weight: 500;
      font-size: 2rem;
      line-height: 2rem;
      padding: 0 0 10px;
      display: block; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-top__label {
          padding: 0 0 20px;
          font-size: 2.5rem;
          line-height: 2.5rem; } }
    .jobs-technology-top__text {
      color: #ffffff;
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: 300;
      display: block;
      max-width: 210px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-top__text {
          font-size: 1.5rem;
          line-height: 1.5rem;
          max-width: 100%; } }
    .jobs-technology-box {
    position: relative;
    margin: 0 auto 36px auto;
    background-color: white;
    z-index: 70;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-technology-box {
        border-radius: 8px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
        max-width: 870px;
        margin-top: -100px;
        margin-bottom: 92px;
        min-height: 340px;
        align-content: center;
        display: grid; } }
    .jobs-technology-box__card {
      position: relative;
      margin: 0 auto; }
    @media only screen and (min-width: 768px) {
        .jobs-technology-box__card {
          max-width: 540px; } }
    .jobs-technology-box__title {
      color: #414143;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 10px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-box__title {
          margin-bottom: 12px;
          font-size: 1.25rem;
          line-height: 1.5rem; } }
    .jobs-technology-box__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.875rem;
      margin-bottom: 20px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-box__label {
          margin-bottom: 28px;
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-technology-box__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1.125rem;
      line-height: 1.5rem; }
    .jobs-technology-list {
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .jobs-technology-list {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    .jobs-technology-list__columns {
      display: block;
      align-items: center;
      margin-bottom: 36px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__columns {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-gap: 20px 40px;
          margin-bottom: 54px; } }
    .jobs-technology-list__media-column {
      display: flex;
      justify-content: center; }
    .jobs-technology-list__text-column {
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__text-column {
          max-width: 540px; } }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__text-column--inverted {
          grid-row-end: 2;
          padding-right: 20px;
          padding-left: 0; } }
    .jobs-technology-list__media {
      width: 100%;
      margin-bottom: 30px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__media {
          margin-bottom: 0;
          display: grid;
          align-items: center; } }
    .jobs-technology-list__media img,
      .jobs-technology-list__media iframe {
        width: 100%; }
    .jobs-technology-list__media iframe {
        height: 280px; }
    @media only screen and (min-width: 560px) {
          .jobs-technology-list__media iframe {
            height: 330px; } }
    @media only screen and (min-width: 768px) {
          .jobs-technology-list__media iframe {
            height: 400px; } }
    .jobs-technology-list__label {
      color: #414143;
      font-weight: 500;
      font-size: 1.375rem;
      line-height: 1.75rem;
      margin-bottom: 16px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__label {
          margin-bottom: 20px;
          font-size: 2.25rem;
          line-height: 2.625rem; } }
    .jobs-technology-list__text {
      color: #3e3e3e;
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 28px; }
    @media only screen and (min-width: 960px) {
        .jobs-technology-list__text {
          margin-bottom: 40px; } }
    .jobs-technology-list__name {
      color: #414143;
      font-weight: 500;
      font-size: 1.125rem;
      line-height: 1.375rem; }
    @media only screen and (min-width: 768px) {
        .jobs-technology-list__name {
          font-size: 1.25rem;
          line-height: 1.5rem; } }
    .jobs-technology-button {
    margin: 40px 0 60px; }
    .jobs-technology-button__content {
      padding: 0 20px;
      justify-content: center;
      display: flex;
      width: 100%; }
    @media only screen and (max-width: 559px) {
        .jobs-technology-button__content .btn.btn--size-l .btn__label {
          font-size: 1rem;
          line-height: 1.25rem; } }
    .jobs-technology-button__content a {
        width: 100%; }
    @media only screen and (min-width: 768px) {
          .jobs-technology-button__content a {
            width: 379px; } }
    @media only screen and (min-width: 960px) {
        .jobs-technology-button__content {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px; } }
  
  .lp-drone__container {
    position: relative;
    overflow: hidden;
    padding: 64px 20px 24px; }
    @media only screen and (min-width: 960px) {
      .lp-drone__container {
        display: grid;
        padding: 105px 0 0 69px;
        background: #f3ecec;
        grid-template-columns: 425px 1fr; } }
    .lp-drone__container .icon-brand {
      width: 102px;
      margin-bottom: 40px;
      display: none; }
    @media only screen and (min-width: 960px) {
        .lp-drone__container .icon-brand {
          display: block; } }
    .lp-drone__desktop-illustration {
    position: relative;
    display: none; }
    @media only screen and (min-width: 960px) {
      .lp-drone__desktop-illustration {
        display: block; } }
    .lp-drone__buildings-illustration {
    bottom: 4px;
    left: 60px;
    position: relative;
    height: 370px; }
    @media only screen and (min-width: 960px) {
    .lp-drone__header-mobile {
      display: none; } }
    .lp-drone__drone-illustration {
    display: grid;
    justify-items: center;
    align-items: center; }
    @media only screen and (max-width: 959px) {
      .lp-drone__drone-illustration {
        grid-row-end: 2; } }
    @media only screen and (min-width: 960px) {
      .lp-drone__drone-illustration {
        display: none; } }
    .lp-drone__drone-illustration .image-drone {
      width: 250px;
      margin: 20px auto; }
    @media only screen and (min-width: 768px) and (max-width: 1248px) {
        .lp-drone__drone-illustration .image-drone {
          width: 340px;
          margin: 20px auto; } }
    .lp-drone__drone-animated .animation-drone-up {
    -webkit-animation: animation-drone-up 5s ease-in-out infinite;
            animation: animation-drone-up 5s ease-in-out infinite; }
    .lp-drone__drone-animated .animation-drone-bag {
    -webkit-animation: animation-drone-bag 5s ease-out infinite;
            animation: animation-drone-bag 5s ease-out infinite; }
    .lp-drone__intro {
    display: grid;
    gap: 10px; }
    @media only screen and (min-width: 960px) {
      .lp-drone__intro {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (min-width: 1248px) {
      .lp-drone__intro-drone {
        max-width: 600px; } }
    .lp-drone__intro-title {
      color: #3e3e3e;
      font-weight: 500;
      font-size: 1.25rem;
      line-height: 1.625rem;
      margin: 0 0 12px 0;
      text-align: center; }
    @media only screen and (min-width: 960px) {
        .lp-drone__intro-title {
          font-size: 2.5rem;
          line-height: 3rem;
          text-align: left;
          max-width: 377px;
          margin-bottom: 32px; } }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-drone__intro-title {
          font-size: 1.875rem;
          line-height: 2.8125rem; } }
    .lp-drone__intro-text {
      max-width: 406px;
      color: #717171;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 300;
      letter-spacing: -1px;
      margin: 0 auto;
      text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-drone__intro-text {
          font-size: 1.125rem;
          line-height: 1.375rem; } }
    @media only screen and (min-width: 960px) {
        .lp-drone__intro-text {
          color: #3e3e3e;
          text-align: left;
          margin: 0;
          font-size: 1.5rem;
          line-height: 2.25rem; } }
    .lp-drone__intro-image {
      display: none;
      position: absolute;
      z-index: 1; }
    @media only screen and (min-width: 960px) {
        .lp-drone__intro-image {
          display: block; } }
    .lp-drone__intro-image-1 {
        left: 26px;
        top: 60px; }
    .lp-drone__intro-image-1 .image-drone {
          width: 250px; }
    .lp-drone__intro-image-2 {
        left: 383px;
        top: 23px; }
    .lp-drone__intro-image-2 .image-drone {
          width: 175px; }
    .lp-drone__intro-image-3 {
        position: relative;
        left: 718px;
        top: 98px; }
    .lp-drone__intro-image-3 .image-drone {
          width: 125px; }
    @media only screen and (min-width: 960px) {
    .lp-drone__how-to-works {
      padding: 68px 0 100px;
      background-color: #fff; } }
    .lp-drone__btn-requirements {
    color: #ffe115;
    background: none;
    padding: 0 0 0 4px;
    height: auto; }
    .lp-drone__btn-requirements:hover:enabled {
      background: none;
      color: #c2121f;
      transition: 0.5s ease-in-out; }
    .lp-drone__footer .footer {
    margin-top: 0; }
    .lp-drone-how-to-works__box-container {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    justify-content: center;
    display: grid;
    grid-template: 1fr/repeat(3, minmax(240px, 300px));
    gap: 32px; }
    @media only screen and (max-width: 959px) {
      .lp-drone-how-to-works__box-container {
        display: none; }
        .lp-drone-how-to-works__box-container-title {
          display: none; } }
    .lp-drone-how-to-works__box-container-title {
      font-size: 2.5rem;
      font-weight: 500;
      line-height: 3rem;
      color: #3e3e3e;
      text-align: center;
      margin: 0 0 32px 0; }
    .lp-drone-how-to-works__box-container-subtitle {
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 1.875rem;
      color: #3e3e3e;
      text-align: center;
      margin: 0 auto 66px auto;
      max-width: 640px;
      display: none; }
    @media only screen and (min-width: 960px) {
        .lp-drone-how-to-works__box-container-subtitle {
          display: block; } }
    .lp-drone-how-to-works__boxes {
    display: grid;
    justify-items: center;
    text-align: center;
    padding: 40px 20px;
    border-radius: 8px;
    grid-template: 38px 30px 1fr / 1fr;
    gap: 12px;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
    background-color: #ffffff; }
    @media only screen and (min-width: 960px) {
      .lp-drone-how-to-works__boxes {
        grid-template: 1fr 30px 1fr / 1fr;
        gap: 20px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.08); } }
    @media only screen and (min-width: 560px) and (max-width: 768px) {
      .lp-drone-how-to-works__boxes {
        min-height: 270px; } }
    .lp-drone-how-to-works__boxes-number {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
    @media only screen and (min-width: 960px) {
        .lp-drone-how-to-works__boxes-number::before {
          content: '';
          background: #ee4c58;
          -webkit-transform: skew(-1deg, 6deg);
                  transform: skew(-1deg, 6deg);
          border-radius: 200px;
          width: 98px;
          height: 88px; } }
    .lp-drone-how-to-works__boxes-number-text {
        position: absolute;
        text-align: center;
        font-size: 3rem;
        line-height: 1.75rem;
        color: #3e3e3e;
        margin: 0; }
    @media only screen and (min-width: 960px) {
          .lp-drone-how-to-works__boxes-number-text {
            color: #ffffff; } }
    .lp-drone-how-to-works__boxes-title {
      font-size: 1.25rem;
      line-height: 1.625rem;
      font-weight: 500;
      color: #3e3e3e;
      margin: 0; }
    .lp-drone-how-to-works__boxes-text {
      font-size: 1rem;
      line-height: 1.625rem;
      color: #717171;
      margin: 0; }
    @media only screen and (max-width: 959px) {
        .lp-drone-how-to-works__boxes-text {
          max-width: 290px;
          margin: 0 auto; } }
    .lp-drone-carousel-container {
    padding: 20px 0; }
    @media only screen and (min-width: 960px) {
      .lp-drone-carousel-container {
        display: none; } }
    .lp-drone-carousel-container .carousel__slide:first-child {
      padding-left: 20px; }
    .lp-drone-carousel-container .carousel__slide:last-child {
      padding-right: 20px; }
    .lp-drone-carousel__wrapper {
    text-align: center;
    padding: 40px 20px;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
    height: 100%; }
    @media only screen and (min-width: 560px) and (max-width: 768px) {
      .lp-drone-carousel__wrapper {
        min-height: 290px; } }
    .lp-drone-carousel__boxes-number-text {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    font-size: 3rem;
    line-height: 1.75rem;
    color: #3e3e3e;
    display: block; }
    .lp-drone-carousel__boxes-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 500;
    color: #3e3e3e;
    margin: 0;
    padding-bottom: 20px;
    display: block; }
    .lp-drone-carousel__boxes-text {
    font-size: 1rem;
    line-height: 1.625rem;
    color: #717171;
    margin: 0;
    display: block; }
    @media only screen and (max-width: 959px) {
      .lp-drone-carousel__boxes-text {
        max-width: 290px;
        margin: 0 auto; } }
    .lp-drone-requirements {
    padding: 20px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .lp-drone-requirements {
        padding: 40px; } }
    .lp-drone-requirements__title {
      font-size: 1.125rem;
      line-height: 1.375rem;
      color: #3e3e3e;
      font-weight: 500;
      margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
        .lp-drone-requirements__title {
          font-size: 1.125rem;
          line-height: 1.625rem; } }
    .lp-drone-requirements__description {
      color: #717171;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 300;
      margin: 0 auto 30px; }
    @media only screen and (min-width: 768px) {
        .lp-drone-requirements__description {
          max-width: 500px; } }
    @media only screen and (min-width: 320px) {
        .lp-drone-requirements__description {
          font-size: 1rem;
          line-height: 1.375rem;
          max-width: 90%; } }
    @-webkit-keyframes animation-drone-up {
    0% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px); }
    50% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    100% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px); } }
    @keyframes animation-drone-up {
    0% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px); }
    50% {
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
    100% {
      -webkit-transform: translateY(10px);
              transform: translateY(10px); } }
    @-webkit-keyframes animation-drone-bag {
    0% {
      -webkit-transform: translate(2px, 0px) rotate(0);
              transform: translate(2px, 0px) rotate(0); }
    50% {
      -webkit-transform: translate(4px, 0px) rotate(0deg);
              transform: translate(4px, 0px) rotate(0deg); }
    100% {
      -webkit-transform: translate(2px, 0px) rotate(0);
              transform: translate(2px, 0px) rotate(0); } }
    @keyframes animation-drone-bag {
    0% {
      -webkit-transform: translate(2px, 0px) rotate(0);
              transform: translate(2px, 0px) rotate(0); }
    50% {
      -webkit-transform: translate(4px, 0px) rotate(0deg);
              transform: translate(4px, 0px) rotate(0deg); }
    100% {
      -webkit-transform: translate(2px, 0px) rotate(0);
              transform: translate(2px, 0px) rotate(0); } }
  
  .landing-groceries-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    width: 100%;
    padding-top: 28vh; }
    @media (min-width: 768px) {
      .landing-groceries-header {
        padding-top: 70px;
        justify-content: center;
        height: 70vh; } }
    .landing-groceries-header__logo {
      margin: 0; }
    @media (min-width: 768px) {
        .landing-groceries-header__logo {
          margin-bottom: 75px; }
          .landing-groceries-header__logo .icon-brand {
            width: 120px; } }
    .landing-groceries-header__texts {
      width: 95%; }
    .landing-groceries-header__text {
      color: #3e3e3e; }
    .landing-groceries-header__title {
      margin: 35px 0 10px 0;
      line-height: 24px;
      font-size: 1.5rem;
      font-weight: 500; }
    @media (min-width: 768px) {
        .landing-groceries-header__title {
          font-size: 3rem;
          line-height: 100%; } }
    .landing-groceries-header__description {
      margin: 0 0 25px 0;
      font-size: 0.875rem; }
    @media (min-width: 768px) {
        .landing-groceries-header__description {
          font-size: 1.125rem; } }
    .landing-groceries-header__form {
      width: 90%;
      height: 110px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between; }
    @media (min-width: 768px) {
        .landing-groceries-header__form {
          flex-direction: row;
          width: 600px;
          justify-content: space-between; } }
    .landing-groceries-header__field {
      width: 100%;
      height: 48px;
      border-radius: 8px;
      border: none; }
    .landing-groceries-header__button {
      cursor: pointer;
      background-color: #ffe115;
      font-size: 1rem;
      color: #ffffff; }
    @media (min-width: 768px) {
        .landing-groceries-header__button {
          width: 38%; } }
    .landing-groceries-header__input-wrapper {
      background-color: #f2f2f2;
      align-items: center;
      display: flex;
      justify-content: center; }
    @media (min-width: 768px) {
        .landing-groceries-header__input-wrapper {
          width: 60%; } }
    .landing-groceries-header__input {
      color: #717171;
      font-weight: 100;
      width: 85%;
      background-color: transparent;
      border: none;
      margin-left: 6px; }
    .landing-groceries-header__search-icon {
      height: 16px;
      width: 16px; }
    .landing-groceries-header__sign-in {
      position: absolute;
      top: 10px;
      right: 5%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
    @media (min-width: 768px) {
        .landing-groceries-header__sign-in {
          top: 35px; } }
    .landing-groceries-header__sign-in-icon {
        width: 20px;
        color: #3e3e3e;
        margin-right: 5px; }
    .landing-groceries-header__sign-in-text {
        color: #3e3e3e;
        font-size: 1rem;
        line-height: 20px; }
    .landing-groceries-header__tags {
      width: 90%;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 28px 0; }
    @media (min-width: 768px) {
        .landing-groceries-header__tags {
          width: 600px; } }
    .landing-groceries-header__tag {
      margin: 4px 2px;
      background-color: #ffffff;
      color: #717171;
      font-weight: 300;
      font-size: 0.875rem;
      border: 1px solid #f2f2f2;
      padding: 8px 12px;
      border-radius: 100px;
      line-height: 16px; }
    @media (min-width: 768px) {
        .landing-groceries-header__tag {
          margin: 4px; } }
  
  .groceries-landing-page {
    display: flex;
    background-image: url(https://static-images.ifood.com.br/image/upload/f_auto/webapp/landing/groceries-background-mobile.png);
    background-repeat: no-repeat;
    background-position: center -15px;
    min-height: 100vh; }
    @media (min-width: 768px) {
      .groceries-landing-page {
        background-image: url(https://static-images.ifood.com.br/image/upload/f_auto/webapp/landing/groceries-background-desktop.png);
        background-size: cover; } }
    .groceries-landing-page__area {
      display: flex;
      width: 100%;
      height: auto; }
  
  .lp-loop {
    padding: 20px 0 0; }
    @media only screen and (min-width: 768px) {
      .lp-loop {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    @media only screen and (min-width: 960px) {
      .lp-loop__header-mobile {
        display: none; } }
    .lp-loop-banner {
    text-align: center;
    background-color: #f2f2f2;
    max-width: 100%;
    height: 414px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 60px;
    overflow: hidden; }
    @media only screen and (min-width: 960px) {
      .lp-loop-banner {
        height: 514px;
        padding: 0;
        margin: 0; } }
    .lp-loop-banner__dishes-one {
      position: absolute;
      left: -50px;
      max-width: 148px;
      top: -20px; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-loop-banner__dishes-one {
          max-width: 250px;
          bottom: 170px;
          top: initial; } }
    @media only screen and (min-width: 960px) {
        .lp-loop-banner__dishes-one {
          max-width: 36%;
          bottom: -100px;
          top: initial; } }
    .lp-loop-banner__dishes-two {
      position: absolute;
      right: -24px;
      max-width: 140px;
      top: -30px; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-loop-banner__dishes-two {
          max-width: 240px;
          right: -20px;
          top: -45px; } }
    @media only screen and (min-width: 960px) {
        .lp-loop-banner__dishes-two {
          max-width: 36%;
          right: 0;
          top: -75px; } }
    .lp-loop-banner-header {
      height: 100%;
      padding: 80px 20px 0;
      max-width: 412px; }
    @media only screen and (min-width: 960px) {
        .lp-loop-banner-header {
          max-width: 540px; } }
    .lp-loop-banner-header-logo-loop {
        width: 80px;
        display: block;
        margin: 0 auto; }
    @media only screen and (min-width: 960px) {
          .lp-loop-banner-header-logo-loop {
            width: 98px;
            margin: 0 auto 20px; } }
    .lp-loop-banner-header-logo-loop > img {
          width: 100%; }
    .lp-loop-banner__title {
      font-size: 1.875rem;
      line-height: 2.375rem;
      font-weight: 500;
      color: #3e3e3e;
      margin: 0 auto 20px;
      display: block; }
    @media only screen and (min-width: 768px) {
        .lp-loop-banner__title {
          width: 380px;
          font-size: 2rem;
          line-height: 2.5rem; } }
    @media only screen and (min-width: 1248px) {
        .lp-loop-banner__title {
          width: 510px;
          font-size: 2.5rem;
          line-height: 3.125rem;
          margin: 0 auto 32px; } }
    .lp-loop-banner__description {
      font-size: 1.125rem;
      line-height: 1.375rem;
      font-weight: normal;
      color: #717171;
      margin: 0 auto 28px;
      display: block; }
    @media only screen and (min-width: 960px) {
        .lp-loop-banner__description {
          font-size: 1.5rem;
          line-height: 1.875rem;
          max-width: 540px; } }
    .lp-loop-banner__btn-dishes {
      font-size: 1rem;
      line-height: 1.25rem;
      background-color: #ffe115;
      padding: 16px 0;
      display: block;
      margin: 0 auto;
      border-radius: 4px;
      color: white;
      text-decoration: none; }
    @media only screen and (min-width: 960px) {
        .lp-loop-banner__btn-dishes {
          width: 50%; } }
    .lp-loop-banner__btn-dishes:hover {
        transition: all 0.4s ease-out;
        background: #c2121f; }
    .lp-loop-how-works {
    padding: 0 0 34px; }
    @media only screen and (min-width: 768px) {
      .lp-loop-how-works {
        padding: 54px 0 34px; } }
    .lp-loop-how-works__title {
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: 500;
      padding: 0 0 14px;
      margin: 0; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-loop-how-works__title {
          font-size: 2.375rem;
          line-height: 3rem; } }
    @media only screen and (min-width: 960px) {
        .lp-loop-how-works__title {
          font-size: 2.5rem;
          line-height: 3.5rem; } }
    .lp-loop-how-works__description {
      font-size: 1rem;
      line-height: 1.5rem;
      padding: 0 16px 60px;
      margin: 0 auto;
      font-weight: 300; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-loop-how-works__description {
          font-size: 1.25rem;
          line-height: 1.75rem; } }
    @media only screen and (min-width: 960px) {
        .lp-loop-how-works__description {
          font-size: 1.5rem;
          line-height: 2.25rem;
          max-width: 86%; } }
    .lp-loop-how-works__title, .lp-loop-how-works__description {
      text-align: center;
      display: block;
      color: #3e3e3e; }
    .lp-loop-how-works__step {
      padding: 0 0 24px; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-loop-how-works__step-container {
          display: grid;
          grid-template: 1fr/1fr 1fr 1fr;
          grid-gap: 20px; } }
    @media only screen and (min-width: 960px) {
        .lp-loop-how-works__step-container {
          display: grid;
          grid-template: 1fr/1fr 1fr 1fr;
          grid-gap: 60px; } }
    .lp-loop-how-works__step > * {
        display: block;
        text-align: center;
        margin: 0 auto; }
    .lp-loop-how-works__step > svg {
        width: 110px;
        height: 120px; }
    @media only screen and (min-width: 768px) {
          .lp-loop-how-works__step > svg {
            width: 198px;
            height: 158px; } }
    .lp-loop-how-works__step-title {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.375rem;
        color: #232323;
        padding: 0 0 18px;
        margin: 0; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
          .lp-loop-how-works__step-title {
            font-size: 1.25rem;
            line-height: 1.625rem;
            padding: 12px 0 18px; } }
    @media only screen and (min-width: 960px) {
          .lp-loop-how-works__step-title {
            font-size: 1.5rem;
            line-height: 2rem; } }
    .lp-loop-how-works__step-description {
        font-size: 0.875rem;
        font-weight: 300;
        line-height: 1.25rem;
        color: #717171;
        max-width: 260px; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
          .lp-loop-how-works__step-description {
            font-size: 1.25rem;
            line-height: 1.5rem; } }
    @media only screen and (min-width: 768px) {
          .lp-loop-how-works__step-description {
            font-size: 1.125rem;
            line-height: 1.625rem; } }
    .lp-about-loop {
    padding: 0 20px;
    position: relative;
    overflow: hidden; }
    @media only screen and (min-width: 768px) {
      .lp-about-loop {
        padding: 36px 0 0; } }
    .lp-about-loop__title {
      font-size: 1.5rem;
      line-height: 2rem;
      margin: 0 0 16px;
      color: #414143;
      font-weight: 500; }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .lp-about-loop__title {
          font-size: 2.25rem;
          line-height: 2.5rem; } }
    @media only screen and (min-width: 960px) {
        .lp-about-loop__title {
          font-size: 2.5rem;
          line-height: 3rem; } }
    .lp-about-loop__description {
      font-size: 1rem;
      line-height: 1.5rem;
      color: #3e3e3e;
      display: block;
      font-weight: 300;
      padding: 0 0 24px; }
    @media only screen and (min-width: 768px) {
        .lp-about-loop__description {
          max-width: 490px;
          padding: 0;
          font-size: 1.125rem;
          line-height: 26px; } }
    .lp-about-loop__images {
      display: block;
      padding: 56px 0 0;
      position: relative;
      overflow: hidden; }
    @media only screen and (min-width: 768px) {
        .lp-about-loop__images {
          display: grid;
          align-items: center; } }
    @media only screen and (min-width: 960px) and (max-width: 1248px) {
        .lp-about-loop__images {
          grid-template: 1fr/1fr 1fr 1fr 1fr;
          grid-gap: 30px; } }
    @media only screen and (min-width: 960px) {
        .lp-about-loop__images {
          grid-template: 1fr/1fr 1fr 1fr 2fr;
          grid-gap: 60px; } }
    .lp-about-loop__image {
      display: block;
      text-align: center;
      margin: 0 auto;
      padding: 0 0 24px; }
    @media only screen and (min-width: 768px) {
        .lp-about-loop__image {
          padding: 0; } }
    .lp-about-loop__dishe {
      max-width: 240px;
      margin: 0 auto -90px;
      display: block;
      overflow: hidden; }
    @media only screen and (min-width: 960px) and (max-width: 1248px) {
        .lp-about-loop__dishe {
          margin: 0 auto -120px; } }
    @media only screen and (min-width: 1248px) {
        .lp-about-loop__dishe {
          max-width: 450px;
          margin: 0 auto -150px; } }
    .lp-about-loop__title-images {
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 300;
      color: #717171; }
    @media only screen and (min-width: 768px) {
        .lp-about-loop__title-images {
          font-size: 1.125rem;
          line-height: 1.375rem; } }
    .lp-about-loop__space {
      display: block;
      position: relative;
      padding: 32px 0 0; }
    .lp_loop.landing__footer .footer {
    margin-top: 0; }
  
  .pwa-lp-header {
    background: #f2f2f2;
    position: relative;
    overflow: hidden;
    min-height: 100vh; }
    @media only screen and (min-width: 960px) {
      .pwa-lp-header {
        min-height: auto; } }
    .pwa-lp-header-almost-there {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      -webkit-animation: pwa-fade-in-almost-there 250ms ease;
              animation: pwa-fade-in-almost-there 250ms ease;
      height: 100vh; }
    .pwa-lp-header-almost-there__cartoon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 20px 0; }
    .pwa-lp-header-almost-there__title {
        color: #3e3e3e;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: center;
        font-weight: 500;
        width: 220px; }
    .pwa-lp-header-almost-there__description {
        color: #717171;
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: center;
        margin: 12px auto 0;
        width: 286px; }
    .pwa-lp-header-almost-there__description strong {
          display: block; }
    .pwa-lp-header-gate {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: 'cartoon' 'heading' 'items'; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-header-gate {
          grid-template-areas: 'heading cartoon' 'items cartoon';
          grid-template-columns: 2fr 1fr;
          grid-template-rows: 1fr 100%;
          max-width: 1366px !important;
          padding: 30px;
          margin: auto; } }
    .pwa-lp-header__heading {
      grid-area: heading;
      font-size: 1.5rem;
      color: #3e3e3e;
      text-align: center;
      max-width: 290px;
      margin: 20px auto;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-header__heading {
          font-size: 4.375rem;
          margin: 100px 0 0 0;
          font-weight: 500;
          max-width: 788px;
          text-align: left;
          z-index: 1; } }
    .pwa-lp-header .pwa-lp__install-button {
      display: flex;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-header .pwa-lp__install-button {
          display: none; } }
    .pwa-lp-header-items {
      grid-area: items;
      color: #717171;
      padding: 0 20px; }
    .pwa-lp-header-items__item {
        display: flex;
        align-items: center;
        margin: 0 0 16px 0;
        font-weight: 300;
        font-size: 0.875rem; }
    @media only screen and (min-width: 960px) {
          .pwa-lp-header-items__item {
            font-size: 1.5rem; } }
    .pwa-lp-header-items .icon-marmita {
        margin: 0 16px 0 0;
        width: 24px; }
    .pwa-lp-header-items .icon-marmita svg {
          color: #3e3e3e;
          fill: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-header-items {
          margin-top: 130px;
          padding: 0; } }
    .pwa-lp-header__button {
      padding: 32px 20px; }
    .pwa-lp .pwa-lp-cartoon {
    grid-area: cartoon; }
    .pwa-lp .pwa-lp-cartoon-clouds > * {
      position: absolute; }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(1) {
      top: 10px;
      width: 44px;
      -webkit-animation: 9s lp-pwa-moveclouds infinite linear;
              animation: 9s lp-pwa-moveclouds infinite linear; }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(1) svg {
        color: rgba(255, 187, 197, 0.6);
        fill: rgba(255, 187, 197, 0.6); }
    @media only screen and (min-width: 960px) {
        .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(1) {
          top: 50px;
          width: 50px;
          -webkit-animation-duration: 19s;
                  animation-duration: 19s; } }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(2) {
      top: 60px;
      width: 76px;
      -webkit-animation: 8s lp-pwa-moveclouds infinite linear;
              animation: 8s lp-pwa-moveclouds infinite linear; }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(2) svg {
        color: rgba(255, 187, 197, 0.8);
        fill: rgba(255, 187, 197, 0.8); }
    @media only screen and (min-width: 960px) {
        .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(2) {
          top: 250px;
          width: 100px;
          -webkit-animation-duration: 18s;
                  animation-duration: 18s; } }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(3) {
      top: 100px;
      width: 88px;
      height: 80px;
      -webkit-animation: 6s lp-pwa-moveclouds infinite linear;
              animation: 6s lp-pwa-moveclouds infinite linear; }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(3) svg {
        color: #ffbbc5;
        fill: #ffbbc5; }
    @media only screen and (min-width: 960px) {
        .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(3) {
          top: 150px;
          width: 200px;
          -webkit-animation-duration: 16s;
                  animation-duration: 16s; } }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(4) {
      top: 150px;
      width: 88px;
      height: 80px;
      left: -100px;
      -webkit-animation: lp-pwa-moveclouds 8s linear 3s infinite;
              animation: lp-pwa-moveclouds 8s linear 3s infinite; }
    .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(4) svg {
        color: #ffbbc5;
        fill: #ffbbc5; }
    @media only screen and (min-width: 960px) {
        .pwa-lp .pwa-lp-cartoon-clouds > :nth-child(4) {
          top: 300px;
          left: -250px;
          width: 175px;
          -webkit-animation-duration: 18s;
                  animation-duration: 18s; } }
    .pwa-lp .pwa-lp-cartoon__woman-flying {
      height: 50vh;
      position: relative;
      z-index: 1;
      margin: 30px 0 0 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
    @media only screen and (min-width: 960px) {
        .pwa-lp .pwa-lp-cartoon__woman-flying {
          height: 610px; } }
    .pwa-lp .pwa-lp-cartoon__woman-flying svg {
        height: 100%;
        -webkit-animation: lp-pwa-flying 8s infinite ease-in-out;
                animation: lp-pwa-flying 8s infinite ease-in-out; }
    .pwa-lp .pwa-lp-cartoon__woman-flying .pwa-lp-cartoon__shadow {
        background: #e2e2e2;
        width: 48px;
        height: 14px;
        border-radius: 100%;
        -webkit-animation: shadow-scale 8s infinite ease-in-out;
                animation: shadow-scale 8s infinite ease-in-out; }
    .pwa-lp-content {
    padding: 32px 20px; }
    @media only screen and (min-width: 960px) {
      .pwa-lp-content {
        display: flex;
        justify-content: space-around;
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    .pwa-lp-content-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 0 0 60px; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-content-item {
          margin: 70px 0; } }
    .pwa-lp-content-item__icon {
        height: 140px; }
    @media only screen and (min-width: 960px) {
          .pwa-lp-content-item__icon {
            width: 120px;
            height: 170px; } }
    .pwa-lp-content-item__icon svg {
          width: 100%;
          height: 100%; }
    .pwa-lp-content-item__title {
        font-size: 1rem;
        color: #3f3e3e;
        margin: 16px 0; }
    @media only screen and (min-width: 960px) {
          .pwa-lp-content-item__title {
            font-size: 1.5rem; } }
    .pwa-lp-content-item__text {
        color: #717171;
        font-size: 0.875rem;
        line-height: 1.25rem;
        max-width: 224px;
        text-align: center;
        margin: 0;
        font-weight: 300; }
    @media only screen and (min-width: 960px) {
          .pwa-lp-content-item__text {
            font-size: 1.125rem;
            line-height: 1.75rem;
            max-width: 300px; } }
    .pwa-lp-footer {
    background: #ef5753;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 960px) {
      .pwa-lp-footer {
        display: none; } }
    .pwa-lp-footer__text {
      font-size: 2rem;
      color: #fff;
      text-align: center;
      font-weight: 300;
      padding: 32px 20px 64px;
      max-width: 380px;
      line-height: 45px;
      margin: auto; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-footer__text {
          font-size: 2.5rem;
          max-width: 860px;
          padding: 64px 20px; } }
    .pwa-lp-footer__install-button {
      color: #fff;
      width: 240px;
      margin: 0 auto 56px; }
    @media only screen and (min-width: 960px) {
        .pwa-lp-footer__install-button {
          display: none; } }
    .pwa-lp-warning {
    background: #f2f2f2;
    padding: 20px;
    display: block;
    color: #717171;
    font-size: 0.875rem;
    font-weight: 300; }
    @media only screen and (min-width: 960px) {
      .pwa-lp-warning {
        display: none; } }
    .pwa-lp + .footer {
    margin-top: 0; }
    .pwa-lp + .footer .footer__section {
      border-top: none; }
    @-webkit-keyframes shadow-scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    50% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.6; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }
    @keyframes shadow-scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    50% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.6; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }
    @-webkit-keyframes pwa-fade-in-almost-there {
    0% {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
    70% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
    @keyframes pwa-fade-in-almost-there {
    0% {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
    70% {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  .loop-empty-state {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 400px;
    text-align: center;
    min-height: 80vh;
    align-items: center; }
    @media only screen and (min-width: 960px) {
      .loop-empty-state {
        padding-top: 80px; } }
    .loop-empty-state .loop-empty-state__image {
      width: 140px; }
    @media only screen and (min-width: 960px) {
        .loop-empty-state .loop-empty-state__image {
          width: 200px; } }
    .loop-empty-state__title {
      color: #3e3e3e;
      font-size: 1.125rem;
      font-weight: initial;
      line-height: 1.375rem;
      margin-top: 18px;
      width: 200px; }
    @media only screen and (min-width: 960px) {
        .loop-empty-state__title {
          margin-top: 30px; } }
    .loop-empty-state__subtitle {
      color: #3e3e3e;
      width: 280px;
      font-size: 0.875rem;
      font-weight: 100;
      line-height: 1.375rem; }
    .loop-empty-state #part1-cron {
      -webkit-animation: part1-cron-movement 6s infinite 2s ease;
              animation: part1-cron-movement 6s infinite 2s ease; }
    .loop-empty-state #part2-cron {
      -webkit-animation: part2-cron-movement 6s infinite 2s ease;
              animation: part2-cron-movement 6s infinite 2s ease;
      opacity: 0; }
    .loop-empty-state #ear {
      -webkit-animation: ear-movement 5s infinite;
              animation: ear-movement 5s infinite; }
    .loop-empty-state #shadow-neck {
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-animation: shadow-neck 5s infinite;
              animation: shadow-neck 5s infinite; }
    .loop-empty-state #neck {
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-animation: nec-movement 5s infinite;
              animation: nec-movement 5s infinite; }
    .loop-empty-state #part2-bonnet {
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-animation: part2-bonnet-movement 5s infinite;
              animation: part2-bonnet-movement 5s infinite; }
    .loop-empty-state #part1-bonnet {
      -webkit-transform-origin: right;
              transform-origin: right;
      -webkit-animation: part1-bonnet-movement 5s infinite;
              animation: part1-bonnet-movement 5s infinite; }
    .loop-empty-state #bonnet {
      -webkit-animation: bonnet-movement 5s infinite;
              animation: bonnet-movement 5s infinite; }
    .loop-empty-state #head {
      -webkit-animation: head-movement 5s infinite;
              animation: head-movement 5s infinite; }
    .loop-empty-state #mouth,
    .loop-empty-state #eyes {
      -webkit-animation: mouth-eyes-movement 5s infinite;
              animation: mouth-eyes-movement 5s infinite; }
    .loop-empty-state #arms,
    .loop-empty-state #apron,
    .loop-empty-state #shoulders,
    .loop-empty-state #armpit-1,
    .loop-empty-state #armpit-2,
    .loop-empty-state #bonnet + path {
      -webkit-animation: body-movement 3s infinite;
              animation: body-movement 3s infinite; }
    @-webkit-keyframes part1-cron-movement {
    5% {
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    7% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
    @keyframes part1-cron-movement {
    5% {
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    7% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
    @-webkit-keyframes part2-cron-movement {
    0% {
      opacity: 0;
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    5% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    10% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
    @keyframes part2-cron-movement {
    0% {
      opacity: 0;
      -webkit-transform: translateY(4px);
              transform: translateY(4px); }
    5% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    10% {
      opacity: 0;
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
    @-webkit-keyframes bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.85) translateX(8.3px) translateY(8px);
              transform: scale(0.85) translateX(8.3px) translateY(8px); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @keyframes bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.85) translateX(8.3px) translateY(8px);
              transform: scale(0.85) translateX(8.3px) translateY(8px); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @-webkit-keyframes head-movement {
    20%,
    60% {
      -webkit-transform: rotateY(10deg);
              transform: rotateY(10deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @keyframes head-movement {
    20%,
    60% {
      -webkit-transform: rotateY(10deg);
              transform: rotateY(10deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @-webkit-keyframes mouth-eyes-movement {
    20%,
    60% {
      -webkit-transform: rotateY(15deg);
              transform: rotateY(15deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @keyframes mouth-eyes-movement {
    20%,
    60% {
      -webkit-transform: rotateY(15deg);
              transform: rotateY(15deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @-webkit-keyframes part1-bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.8) translateX(-8px) translateY(-7px);
              transform: scale(0.8) translateX(-8px) translateY(-7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @keyframes part1-bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.8) translateX(-8px) translateY(-7px);
              transform: scale(0.8) translateX(-8px) translateY(-7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @-webkit-keyframes part2-bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.9) translateX(8px) translateY(-3.7px);
              transform: scale(0.9) translateX(8px) translateY(-3.7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @keyframes part2-bonnet-movement {
    20%,
    60% {
      -webkit-transform: scale(0.9) translateX(8px) translateY(-3.7px);
              transform: scale(0.9) translateX(8px) translateY(-3.7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @-webkit-keyframes nec-movement {
    20%,
    60% {
      -webkit-transform: rotateY(8deg);
              transform: rotateY(8deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @keyframes nec-movement {
    20%,
    60% {
      -webkit-transform: rotateY(8deg);
              transform: rotateY(8deg); }
    80% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0); } }
    @-webkit-keyframes shadow-neck {
    20%,
    60% {
      -webkit-transform: scale(0.8) translateX(10.8px) translateY(-2.7px);
              transform: scale(0.8) translateX(10.8px) translateY(-2.7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @keyframes shadow-neck {
    20%,
    60% {
      -webkit-transform: scale(0.8) translateX(10.8px) translateY(-2.7px);
              transform: scale(0.8) translateX(10.8px) translateY(-2.7px); }
    80% {
      -webkit-transform: scale(1) translateX(0) translateY(0);
              transform: scale(1) translateX(0) translateY(0); } }
    @-webkit-keyframes ear-movement {
    20%,
    60% {
      -webkit-transform: translateX(1px);
              transform: translateX(1px); }
    80% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
    @keyframes ear-movement {
    20%,
    60% {
      -webkit-transform: translateX(1px);
              transform: translateX(1px); }
    80% {
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
    @-webkit-keyframes body-movement {
    40%,
    60% {
      -webkit-transform: translateY(-0.5px);
              transform: translateY(-0.5px); } }
    @keyframes body-movement {
    40%,
    60% {
      -webkit-transform: translateY(-0.5px);
              transform: translateY(-0.5px); } }
  
  .loop-page {
    position: relative; }
    @media only screen and (max-width: 959px) {
      .loop-page {
        margin-top: 60px; } }
    @media only screen and (min-width: 960px) {
      .loop-page {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px; } }
    @media only screen and (min-width: 960px) {
      .loop-page__header-mobile {
        display: none; } }
    .loop-page__banner {
      height: 200px;
      display: flex;
      background-size: cover;
      background-image: url("https://static-images.ifood.com.br/image/upload/webapp/loop/loop-banner-mobile.jpg?v=8.47.1");
      background-position: center; }
    @media only screen and (min-width: 768px) {
        .loop-page__banner {
          background-image: url("https://static-images.ifood.com.br/image/upload/webapp/loop/loop-banner.jpg?v=8.47.1"); } }
    @media only screen and (min-width: 960px) {
        .loop-page__banner {
          margin-top: 45px; } }
    .loop-page__title-banner {
      display: flex;
      flex-direction: column;
      margin: auto;
      text-align: center; }
    .loop-page__title-banner img {
        width: 75px;
        margin: 0 auto 10px; }
    .loop-page__title-banner p {
        margin: 0;
        align-self: center;
        font-size: 0.9375rem; }
    @media only screen and (min-width: 560px) {
        .loop-page__title-banner > img {
          width: 100px; }
        .loop-page__title-banner p {
          font-size: 1.25rem; } }
    @media only screen and (min-width: 960px) {
        .loop-page__title-banner {
          flex-direction: row;
          text-align: left; }
          .loop-page__title-banner > img {
            margin: auto 20px auto 0;
            width: auto; }
          .loop-page__title-banner p {
            font-size: 1.5rem; } }
    .loop-page__list-container {
      position: relative;
      padding: 38px 20px; }
    @media only screen and (min-width: 960px) {
        .loop-page__list-container {
          padding: 86px 0; } }
    .loop-page__dish-list {
      grid-template-columns: repeat(1, 1fr);
      display: grid;
      grid-gap: 20px; }
    @media only screen and (min-width: 375px) {
        .loop-page__dish-list {
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 20px 10px; } }
    @media only screen and (min-width: 768px) {
        .loop-page__dish-list {
          grid-template-columns: repeat(3, 1fr);
          grid-gap: 20px; } }
    @media only screen and (min-width: 1248px) {
        .loop-page__dish-list {
          grid-template-columns: repeat(4, 1fr);
          grid-gap: 40px 30px; } }
    .loop-page__dish {
      position: relative; }
    .dish-card--loop {
    height: auto;
    grid-gap: 10px;
    min-width: 162px; }
    .dish-card--loop .dish-card__info--top {
      height: 40px;
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
        .dish-card--loop .dish-card__info--top {
          height: 50px; } }
    .dish-card--loop .dish-card__restaurant-logo {
      display: none; }
    .dish-card--loop .dish-card__delivery-time {
      display: none; }
    .dish-card--loop .dish-card__delivery {
      font-size: 0.875rem; }
    @media only screen and (min-width: 768px) {
        .dish-card--loop .dish-card__delivery {
          font-size: 1rem; } }
  
  .loyalty-card-in-progress {
    display: flex;
    flex-direction: column; }
    .loyalty-card-in-progress__steps {
      display: flex;
      justify-content: space-between; }
    .loyalty-card-in-progress__steps p {
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        margin: 0 0 6px;
        font-size: 0.625rem;
        line-height: 0.875rem;
        color: #a6a6a6; }
    .loyalty-card-in-progress__icon svg {
      width: 32px;
      height: 32px; }
  
  .loyalty-card-completed {
    display: flex;
    margin: 20px 0 0;
    justify-content: center;
    align-items: center; }
    .loyalty-card-completed__icon {
      margin-right: 8px; }
    .loyalty-card-completed__title {
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #717171;
      white-space: normal; }
  
  .loyalty-card {
    width: 100%;
    height: 144px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    margin: 8px 0;
    padding: 20px 16px; }
    @media only screen and (min-width: 560px) {
      .loyalty-card {
        max-width: 355px;
        width: 355px;
        margin: 12px 16px;
        padding: 20px; } }
    .loyalty-card__restaurant-info {
      display: flex; }
    .loyalty-card__restaurant-logo {
      width: 42px;
      height: 42px;
      border-radius: 60px;
      border: 1px solid #dcdcdc; }
    @media only screen and (min-width: 768px) {
        .loyalty-card__restaurant-logo {
          width: 60px;
          height: 60px; } }
    .loyalty-card__restaurant-description {
      padding: 4px 0 0 12px; }
    @media only screen and (min-width: 768px) {
        .loyalty-card__restaurant-description {
          padding: 6px 0 0 20px; } }
    .loyalty-card__restaurant-title {
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.375rem;
      color: #3e3e3e;
      margin: 0; }
    .loyalty-card__restaurant-reward {
      margin: 0;
      font-weight: 300;
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #717171; }
  
  .placeholder-loyalty {
    margin: 20px; }
    @media only screen and (min-width: 768px) {
      .placeholder-loyalty {
        display: flex;
        flex-direction: column;
        margin: 80px 30px 20px; } }
    .placeholder-loyalty__how-it-works {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
    @media only screen and (min-width: 1248px) {
        .placeholder-loyalty__how-it-works {
          flex-direction: row; } }
    .placeholder-loyalty__how-it-works-image {
        width: 150px;
        height: 150px;
        border-radius: 150px; }
    .placeholder-loyalty__how-it-works-description-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 337px;
        align-items: center;
        margin: 16px 0; }
    @media only screen and (min-width: 1248px) {
          .placeholder-loyalty__how-it-works-description-wrapper {
            width: 337px;
            margin: 0 0 0 56px;
            align-items: flex-start; } }
    .placeholder-loyalty__cards-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; }
    @media only screen and (min-width: 1248px) {
        .placeholder-loyalty__cards-wrapper {
          display: grid;
          grid-template-columns: repeat(3, 387fr);
          gap: 8px;
          max-width: calc(387px * 3);
          margin: 32px auto 0; } }
    .placeholder-loyalty__text {
      height: 22px;
      margin: 8px 0 0;
      width: 100%; }
    .placeholder-loyalty__text:nth-child(1) {
        width: 200px; }
    .placeholder-loyalty__text:nth-child(3) {
        width: 270px; }
    .placeholder-loyalty__text:nth-child(1), .placeholder-loyalty__text:nth-child(2), .placeholder-loyalty__text:nth-child(3) {
        height: 18px; }
    @media only screen and (min-width: 768px) {
          .placeholder-loyalty__text:nth-child(1), .placeholder-loyalty__text:nth-child(2), .placeholder-loyalty__text:nth-child(3) {
            height: 22px; } }
    .placeholder-loyalty__card {
      width: 100%;
      height: 144px;
      margin: 12px 16px;
      border-radius: 5px; }
    @media only screen and (min-width: 768px) {
        .placeholder-loyalty__card {
          width: 355px; } }
  
  .loyalty {
    padding: 20px; }
    @media only screen and (min-width: 768px) {
      .loyalty {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin: auto;
        padding: 80px 30px 20px; } }
    .loyalty .how-it-works {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
    @media only screen and (min-width: 1248px) {
        .loyalty .how-it-works {
          flex-direction: row;
          justify-content: center;
          text-align: left; } }
    .loyalty .how-it-works__description-wrapper {
        margin: 0; }
    @media only screen and (min-width: 1248px) {
          .loyalty .how-it-works__description-wrapper {
            width: 337px;
            margin-left: 56px; } }
    .loyalty .how-it-works__description-title {
        font-size: 1.375rem;
        color: #3e3e3e;
        font-weight: 500;
        padding: 8px 0;
        margin: 0; }
    @media only screen and (min-width: 768px) {
          .loyalty .how-it-works__description-title {
            font-size: 1.5rem;
            line-height: 1.875rem; } }
    .loyalty .how-it-works__description-text {
        max-width: 355px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: #717171;
        margin: 0; }
    @media only screen and (min-width: 768px) {
          .loyalty .how-it-works__description-text {
            font-size: 1rem;
            line-height: 1.375rem; } }
    .loyalty--is-empty {
      display: flex;
      flex-direction: column;
      align-items: center; }
    .loyalty--is-empty .how-it-works {
        max-width: 310px; }
    @media only screen and (min-width: 768px) {
          .loyalty--is-empty .how-it-works {
            flex-direction: column; } }
    @media only screen and (min-width: 768px) {
          .loyalty--is-empty .how-it-works__description-wrapper {
            max-width: 310px;
            margin-left: 0; } }
    .loyalty--is-empty .how-it-works__description-title {
          text-align: center;
          font-size: 1rem;
          line-height: 1.25rem; }
    .loyalty--is-empty .how-it-works__description-text {
          text-align: center;
          font-size: 0.875rem;
          line-height: 1.25rem; }
    .loyalty .loyalty-cards {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 32px auto; }
    @media only screen and (min-width: 1248px) {
        .loyalty .loyalty-cards {
          display: grid;
          grid-template-columns: repeat(3, 387px);
          max-width: calc(387px * 3);
          justify-items: center; } }
    .loyalty-box-shadow {
    -webkit-animation: animateShadow 3s ease-in-out infinite;
            animation: animateShadow 3s ease-in-out infinite; }
    .loyalty-box {
    -webkit-animation: animateBox 3s ease-in-out infinite;
            animation: animateBox 3s ease-in-out infinite; }
    @-webkit-keyframes animateBox {
    50% {
      -webkit-transform: translateY(5px);
              transform: translateY(5px); } }
    @keyframes animateBox {
    50% {
      -webkit-transform: translateY(5px);
              transform: translateY(5px); } }
    @-webkit-keyframes animateShadow {
    50% {
      -webkit-transform: scale(1.12) translate(-9px, -16.5px);
              transform: scale(1.12) translate(-9px, -16.5px); } }
    @keyframes animateShadow {
    50% {
      -webkit-transform: scale(1.12) translate(-9px, -16.5px);
              transform: scale(1.12) translate(-9px, -16.5px); } }
  
  .offline-page {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .offline-page .offline-page__illustration {
      padding-top: 20px;
      max-width: 200px;
      min-height: 204px;
      align-self: center;
      margin-bottom: 32px; }
    @media only screen and (min-width: 960px) {
        .offline-page .offline-page__illustration {
          min-height: 304px;
          max-width: 300px;
          margin-bottom: 30px; } }
    .offline-page .offline-page__illustration .icon-brand {
        width: 80px;
        margin-bottom: 80px; }
    .offline-page .offline-page__illustration svg {
        width: 100%;
        height: auto; }
    .offline-page__title {
      width: 180px;
      margin: 0 auto 19px;
      line-height: 1.2rem;
      font-size: 1rem; }
    @media only screen and (min-width: 960px) {
        .offline-page__title {
          margin: 0 auto 20px;
          font-size: 1.125rem;
          width: 250px; } }
    .offline-page__subtitle {
      font-size: 0.875rem;
      color: #717171;
      margin: 0 0 20px;
      font-weight: 100;
      line-height: 1.3rem;
      width: 180px;
      align-self: center; }
    @media only screen and (min-width: 960px) {
        .offline-page__subtitle {
          margin: 0 0 20px;
          font-size: 1rem;
          width: 250px; } }
  
  .ifood-box-order {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    align-items: center;
    display: flex;
    width: calc(100% - 15px); }
    .ifood-box-order__title {
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 100;
      color: #717171;
      padding: 0 6px 0 0; }
    .ifood-box-order .ifood-box-code {
      margin: 0;
      padding: 0 20px 0 0px; }
    .ifood-box-order .ifood-box-code__title {
        color: #ffe115;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 500; }
  
  .order-card {
    display: flex;
    color: #a6a5a5;
    font-size: 0.875rem;
    font-weight: lighter;
    line-height: 1.2em;
    position: relative;
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 320px) {
      .order-card {
        padding: 0 0 20px; } }
    @media only screen and (min-width: 960px) {
      .order-card {
        padding: 0; } }
    .order-card__date-wrapper {
      padding-right: 20px; }
    .order-card__date {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      width: 54px;
      height: 54px;
      padding: 5px;
      background-color: #f2f2f2;
      border-radius: 4px; }
    .order-card__date > span {
        display: block;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #a6a6a6; }
    .order-card__date > span:first-child {
          color: #3e3e3e;
          font-size: 1.125rem;
          line-height: 1.375rem;
          font-weight: 500; }
    .order-card__details-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%; }
    @media only screen and (min-width: 768px) {
        .order-card__details-wrapper {
          min-width: 300px; } }
    .order-card__details {
      text-align: left; }
    .order-card__restaurant-name {
      color: #3f3e3e;
      font-size: 1.125rem;
      font-weight: 500;
      margin-bottom: 5px;
      min-height: 15px;
      line-height: 1.3125rem;
      width: 90%; }
    .order-card__order-details {
      min-height: 10px;
      font-size: 0.875rem;
      line-height: 1.125rem;
      color: #717171; }
    @media only screen and (min-width: 960px) {
        .order-card__order-details {
          min-height: 20px; } }
    .order-card__status {
      color: #3f3e3e;
      font-size: 0.875rem;
      line-height: 1.125rem;
      padding: 12px 0 0; }
    .order-card__follow {
      color: #3f3e3e;
      font-size: 0.875rem;
      padding: 20px 0 0;
      align-items: center;
      margin: 20px 0 0;
      position: relative;
      border-top: 1px solid #e0e0e0;
      display: grid;
      grid-template-columns: 20px 1fr;
      grid-auto-flow: column dense; }
    @media only screen and (min-width: 768px) {
        .order-card__follow {
          height: auto;
          padding: 20px 20px 0 0; } }
    @media only screen and (min-width: 1248px) {
        .order-card__follow {
          margin: 0;
          display: flex; } }
    .order-card__follow .text {
        font-size: 0.75rem;
        font-weight: 100;
        color: #3e3e3e; }
    .order-card__follow .pulse {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #ffe115;
        box-shadow: 0 0 0 #650910;
        -webkit-animation: pulse 2s infinite;
                animation: pulse 2s infinite;
        margin: 0 10px 0 0; }
    .order-card__follow .icon-marmita {
        height: 15px;
        width: 16px;
        position: absolute;
        right: 0; }
    @media only screen and (max-width: 559px) {
          .order-card__follow .icon-marmita {
            top: 50%; } }
    .order-card-something-wrong .something-wrong {
      padding: 0; }
    .order-card-something-wrong .something-wrong__title {
        margin: 10px auto 4px; }
    .order-card-something-wrong .something-wrong__image > svg {
        width: 120px;
        height: 100px; }
  
  .orders {
    padding: 20px;
    min-height: 196px; }
    @media only screen and (min-width: 960px) {
      .orders {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin: auto;
        padding: 0 30px 20px; } }
    .orders__item-placeholder {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      background-color: #f6f5f5;
      height: 70px;
      margin: 20px 0; }
    .orders__title {
      display: none;
      font-size: 1.5625rem;
      margin-top: 40px;
      color: #414143; }
    @media only screen and (min-width: 960px) {
        .orders__title {
          display: block;
          display: flex;
          flex-wrap: wrap; } }
    @media only screen and (min-width: 1440px) {
      .orders__items-list {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 960px) and (max-width: 1440px) {
      .orders__items-list {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (min-width: 960px) {
      .orders__items-list {
        margin-top: 40px;
        display: grid;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px; } }
    .orders__item {
      border-bottom: 2px solid #f6f5f5;
      padding: 20px 0;
      display: grid;
      align-items: flex-start;
      justify-content: center;
      grid-template: 1fr / 1fr; }
    @media only screen and (min-width: 768px) {
        .orders__item {
          padding: 20px 20px; }
          .orders__item:last-child {
            border-bottom: 1px solid #f6f5f5; } }
    @media only screen and (min-width: 960px) {
        .orders__item {
          min-height: 200px;
          border: 1px solid #dcdcdc;
          border-radius: 4px;
          gap: 14px; }
          .orders__item:last-child {
            border-bottom: 1px solid #dcdcdc; } }
    .orders__item a {
        color: #a6a5a5;
        text-decoration: none; }
    .orders__blank-state {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      flex-direction: column;
      text-align: center;
      margin: auto;
      height: calc(100vh - 120px); }
    @media only screen and (min-width: 1248px) {
        .orders__blank-state {
          height: calc(100vh - 188px); } }
    .orders__blank-state .blank-state__title {
        font-size: 1rem;
        font-weight: 400;
        color: #3e3e3e;
        margin: 30px 0 10px 0; }
    .orders__blank-state .blank-state__description {
        font-size: 0.9375rem;
        font-weight: 300;
        color: #717171;
        width: 80%;
        margin: 0 0 15px;
        line-height: 20px;
        display: block; }
    .orders .pwa-banner-install {
      margin: 40px 0; }
    .orders-something-wrong .something-wrong__image > svg {
      width: 200px;
      height: 200px; }
    @media only screen and (min-width: 1248px) {
      .orders .placeholder-orders-container {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 960px) and (max-width: 1248px) {
      .orders .placeholder-orders-container {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (min-width: 960px) {
      .orders .placeholder-orders-container {
        margin-top: 40px;
        display: grid;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px; } }
  
  .payment-methods__content {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px 20px 0 20px; }
  
  .payment-methods__title {
    display: none; }
  
  @media only screen and (min-width: 960px) {
      .payment-methods__title {
        display: block;
        margin-bottom: 0;
        text-transform: initial;
        text-align: initial;
        letter-spacing: -1px;
        font-weight: 500;
        font-size: 2.125rem;
        line-height: 2.625em; } }
  
  @media only screen and (min-width: 960px) {
    .payment-methods .nav-header {
      display: none; } }
  
  .payment-methods .main-layout {
    padding: 0; }
  
  .reauth__message {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    text-align: center; }
  
  .rating-counter {
    text-align: left;
    width: 100%;
    margin: 15px 0 25px; }
    @media only screen and (min-width: 960px) {
      .rating-counter {
        margin: 0;
        display: flex;
        align-items: center; } }
    .rating-counter__average {
      font-size: 4.375rem;
      font-weight: 500;
      color: #3f3e3e;
      margin-top: 0;
      margin-bottom: 12px;
      line-height: 1; }
    @media only screen and (min-width: 960px) {
        .rating-counter__average {
          color: #e7a74e;
          line-height: 1.5625em;
          font-size: 1.875rem;
          margin: 0 10px 0 0; } }
    .rating-counter__total {
      font-size: 0.9375rem;
      margin-top: 0;
      margin-bottom: 0;
      color: #a6a29f;
      font-weight: 300;
      position: relative;
      top: 3px; }
    @media only screen and (min-width: 960px) {
        .rating-counter__total {
          line-height: 1.5625em;
          font-size: 1rem;
          margin: 0 0 0 10px; } }
  
  .rating-stars {
    width: 120px;
    line-height: 1; }
    @media only screen and (min-width: 960px) {
      .rating-stars {
        height: 25px;
        display: flex;
        align-items: flex-end; } }
    .rating-stars > svg {
      height: auto;
      width: 100%; }
  
  .rating-evaluation-header {
    display: grid;
    font-size: 0.9375rem;
    grid-template-columns: repeat(4, -webkit-max-content);
    grid-template-columns: repeat(4, max-content);
    grid-template-areas: 'rating-username rating-username rating-username' 'rating-rate rating-stars rating-date'; }
    @media only screen and (min-width: 960px) {
      .rating-evaluation-header {
        font-size: 0.9375rem; } }
    .rating-evaluation-header__username {
      font-size: 1rem;
      color: #3f3e3e;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 5px;
      display: block;
      text-transform: capitalize;
      grid-area: rating-username; }
    @media only screen and (min-width: 960px) {
        .rating-evaluation-header__username {
          font-size: 1.125rem; } }
    .rating-evaluation-header .rating-stars {
      display: inline-block;
      margin: 0 5px;
      -webkit-transform: translateY(1px);
              transform: translateY(1px);
      width: 70px;
      grid-area: rating-stars; }
    .rating-evaluation-header__rate {
      font-weight: 500;
      color: #e7a74e;
      grid-area: rating-rate; }
    .rating-evaluation-header__date {
      display: inline;
      font-weight: 300;
      color: #a6a29f;
      grid-area: rating-date; }
    @media only screen and (min-width: 960px) {
        .rating-evaluation-header__date {
          line-height: 1.375em;
          font-size: 1rem; } }
  
  .rating-restaurant-answer {
    background-color: #f5f0eb;
    padding: 20px;
    border-radius: 4px;
    margin-top: 15px;
    font-size: 0.9375rem;
    line-height: 1.46; }
    @media only screen and (min-width: 960px) {
      .rating-restaurant-answer {
        background-color: transparent;
        padding: 5px 30px 0; } }
    .rating-restaurant-answer__name {
      margin: 0 0 10px 0;
      font-weight: 500;
      color: #3f3e3e;
      font-size: 0.875rem; }
    .rating-restaurant-answer__answer {
      font-weight: 300;
      margin: 0;
      font-size: 0.875rem; }
  
  .rating-evaluations {
    padding: 0;
    width: 100%; }
    .rating-evaluations .rating-evaluation {
      width: 100%; }
    .rating-evaluations .rating-evaluation__wrapper {
        border-bottom: 1px solid #eaeaea;
        padding: 20px 0; }
    .rating-evaluations .rating-evaluation__wrapper:last-child {
          border-bottom: 0; }
    .rating-evaluations .rating-evaluation__user {
        font-weight: 300;
        color: #717171;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 1.46; }
    .rating-evaluations__answers {
      line-height: normal;
      font-size: 0.875rem;
      color: #595856; }
  
  .rating-container {
    position: relative;
    padding: 40px 20px 0; }
    @media only screen and (min-width: 960px) {
      .rating-container {
        padding: 40px 30px;
        position: relative;
        display: block;
        height: auto; }
        .rating-container::before {
          left: 30px;
          content: '';
          width: calc(100% - 30px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          top: 0;
          border-top: 1px solid #dadada; } }
    @media only screen and (min-width: 1248px) {
      .rating-container {
        padding-right: 0;
        max-width: calc(1366px - 430px);
        margin: auto; } }
    .rating-container__title {
      line-height: normal;
      color: #3f3e3e;
      margin: 0;
      font-size: 1.125rem; }
    @media only screen and (min-width: 960px) {
        .rating-container__title {
          font-size: 2.25rem;
          text-align: left;
          letter-spacing: -1px; } }
    .rating-container__load-more {
      margin: 20px 0 0;
      background: transparent;
      border: 1px solid #eaeaea;
      font-size: 1rem;
      font-weight: normal; }
    .rating-container__load-more:hover:enabled {
        background: #eaeaea; }
  
  .restaurant-status {
    color: #717171;
    display: flex;
    width: 100%;
    align-items: center;
    border-radius: 4px;
    border: 1px solid rgba(113, 113, 113, 0.1);
    background-color: #f6f5f5;
    margin-top: 15px; }
    @media only screen and (min-width: 960px) {
      .restaurant-status {
        margin: 0;
        position: relative;
        top: -30px;
        left: -30px;
        height: 150px;
        width: calc(100% + 30px * 2);
        border-radius: 0;
        border: none;
        background: rgba(0, 0, 0, 0.7);
        order: -1;
        color: #f7f7f7;
        margin-top: 0; } }
    @media only screen and (min-width: 1248px) {
      .restaurant-status {
        width: 100%;
        margin-left: 30px; } }
    @media only screen and (min-width: 960px) {
      .restaurant-status--covered {
        left: 0;
        width: calc(100% + 30px);
        position: absolute;
        top: -180px; } }
    @media only screen and (min-width: 1248px) {
      .restaurant-status--covered {
        width: calc(100% - 30px); } }
    .restaurant-status__icon-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 42px;
      width: 42px;
      border-radius: 100%;
      border: 1px solid rgba(113, 113, 113, 0.1);
      margin: 20px; }
    @media only screen and (min-width: 960px) {
        .restaurant-status__icon-container {
          border: 1px solid #f7f7f7;
          margin: 30px;
          height: 70px;
          width: 70px; } }
    .restaurant-status__icon {
      height: 42px;
      width: 42px; }
    @media only screen and (min-width: 960px) {
        .restaurant-status__icon {
          height: 110px;
          width: 110px; }
          .restaurant-status__icon svg {
            color: #f7f7f7;
            fill: #f7f7f7; } }
    .restaurant-status__description-title {
      font-size: 1rem;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .restaurant-status__description-title {
          font-size: 1.5625rem; } }
    .restaurant-status__description-message {
      font-size: 0.9375rem;
      font-weight: 300; }
    @media only screen and (min-width: 960px) {
        .restaurant-status__description-message {
          font-size: 1.25rem;
          margin-top: 6px; } }
    .restaurant-status__description-message--out-of-range {
        cursor: pointer; }
    @media only screen and (max-width: 959px) {
      .restaurant-status--green .restaurant-status__icon-container {
        border-color: #50a773; }
      .restaurant-status--green .restaurant-status__icon svg {
        color: #50a773;
        fill: #50a773; } }
    @media only screen and (max-width: 959px) {
      .restaurant-status--red .restaurant-status__icon-container {
        border-color: #b42b2b; }
      .restaurant-status--red .restaurant-status__icon svg {
        color: #b42b2b;
        fill: #b42b2b; } }
  
  .voucher-widget__available-voucher {
    padding: 8px 12px;
    margin-bottom: 16px;
    color: #2e6788;
    background: #eef3f5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0.75rem;
    border-radius: 4px;
    font-weight: 300; }
    .voucher-widget__available-voucher .icon-marmita {
      height: 12px;
      width: 12px;
      margin-right: 6px; }
    .voucher-widget__available-voucher .icon-marmita svg {
        color: #2e6788;
        fill: #2e6788; }
    @media only screen and (min-width: 960px) {
      .voucher-widget__available-voucher {
        font-size: 0.875rem; } }
  
  .restaurant-schedule .marmita-collapse {
    left: -20px;
    margin-bottom: 20px;
    position: relative;
    width: 100vw; }
    @media only screen and (min-width: 960px) {
      .restaurant-schedule .marmita-collapse {
        width: 100%; }
        .restaurant-schedule .marmita-collapse canvas {
          display: none; } }
    .restaurant-schedule .marmita-collapse__button {
      color: #595856; }
    .restaurant-schedule .marmita-collapse__title {
      font-size: 1rem;
      font-weight: 500; }
    .restaurant-schedule .marmita-collapse__content {
      max-height: 45px;
      transition: max-height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .restaurant-schedule .marmita-collapse--open .marmita-collapse__content {
      max-height: 350px;
      transition: max-height 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .restaurant-schedule .marmita-collapse--open .restaurant-schedule__collapse-content--hidden {
      height: 100%;
      line-height: 20px;
      -webkit-animation: fadeIn 0.5s ease 1 forwards;
              animation: fadeIn 0.5s ease 1 forwards; }
    .restaurant-schedule__collapse-content {
    display: flex; }
    .restaurant-schedule__collapse-content--hidden {
      transition: height 0.3s ease;
      height: 0;
      opacity: 0; }
    .restaurant-schedule__collapse-content span {
      display: inline-block;
      font-size: 0.9375rem;
      font-weight: 300;
      margin-bottom: 10px;
      margin-top: 10px; }
    .restaurant-schedule__collapse-content span:last-child {
        margin-bottom: 0; }
    .restaurant-schedule__collapse-content__day {
      width: 80px; }
  
  .restaurant-info-more {
    transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .restaurant-info-more {
        padding: 0; } }
    .restaurant-info-more__description {
      color: #3f3e3e;
      font-size: 0.9375rem;
      font-weight: 300;
      line-height: 18px;
      margin: 20px 0; }
    @media only screen and (min-width: 960px) {
        .restaurant-info-more__description {
          display: none; } }
    .restaurant-info-more__super {
      display: flex;
      flex-direction: column;
      padding: 20px;
      background: #f7f7f7;
      margin-bottom: 20px;
      max-width: 500px;
      width: 100%;
      border-radius: 4px; }
    .restaurant-info-more__super .icon-marmita {
        margin-right: 20px; }
    .restaurant-info-more__super .icon-marmita svg {
          color: #e0040b;
          fill: #e0040b; }
    .restaurant-info-more__super-wrapper {
        display: flex;
        align-items: center; }
    .restaurant-info-more__super-wrapper svg {
          width: 30px; }
    .restaurant-info-more__super-divisor {
        margin-top: 10px; }
    .restaurant-info-more__super-title {
        color: #3e3e3e;
        font-size: 0.9375rem;
        font-weight: bold;
        margin: 0; }
    .restaurant-info-more__super-description {
        color: #3e3e3e;
        font-size: 0.8125rem;
        line-height: 18px;
        margin: 5px 0 0 0;
        font-weight: 200; }
    .restaurant-info-more__payment {
      padding-bottom: 20px;
      color: #595856; }
    .restaurant-info-more__payment-type-title {
      font-size: 1rem;
      font-weight: 500;
      margin: 0 0 20px 0; }
    .restaurant-info-more__payment-type {
      padding: 20px 0;
      border-top: 1px solid #f5f0eb; }
    .restaurant-info-more__payment-type:last-child {
        border-bottom: 1px solid #f5f0eb; }
    .restaurant-info-more__payment-type-card {
      align-items: center;
      background: #f5f0eb;
      border-radius: 4px;
      color: #3f3e3e;
      display: inline-flex;
      font-size: 0.75rem;
      font-weight: 300;
      justify-content: space-between;
      margin: 0 10px 10px 0;
      padding: 10px; }
    .restaurant-info-more__payment-type-card .icon-marmita {
        height: 16px;
        margin-right: 5px;
        width: 20px; }
    .restaurant-info-more__payment-subtype {
      font-size: 1rem;
      margin: 20px 0 10px; }
    .restaurant-info-more__footer-hint {
      color: #a6a5a5;
      font-size: 0.8125rem;
      line-height: 18px;
      margin: auto 0;
      padding-bottom: 20px; }
    @media only screen and (max-width: 959px) {
        .restaurant-info-more__footer-hint {
          text-align: center; } }
    .restaurant-info-more__others-information {
      padding: 0 0 32px; }
    .restaurant-info-more__others-information-title {
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #3e3e3e;
        margin: 0 0 16px; }
    .restaurant-info-more__others-information-address {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 100;
        color: #3e3e3e;
        display: block;
        padding: 0 0 10px; }
    .payment-tag {
    display: inline-block;
    background-color: #f6f5f5;
    padding: 8px;
    margin: 4px 4px 4px 0;
    border-radius: 4px; }
    .payment-tag img {
      display: inline-block;
      height: 20px;
      margin-right: 8px;
      position: relative; }
    .payment-tag img,
    .payment-tag small {
      font-size: 1rem;
      line-height: 1em;
      vertical-align: middle; }
  
  .restaurant-info {
    border-bottom: 8px solid #f7f7f7;
    border-radius: 4px 4px 0 0;
    color: #595856;
    padding: 20px 20px 0 20px;
    margin-top: 60px;
    position: relative;
    top: -5px;
    margin-bottom: -5px;
    min-height: 165px;
    display: flex;
    flex-direction: column; }
    .restaurant-info > *:nth-child(n + 8) {
      order: 1; }
    @media only screen and (min-width: 960px) {
      .restaurant-info.restaurant-info--has-status {
        padding: 150px 30px 20px 0; } }
    @media only screen and (min-width: 768px) {
      .restaurant-info {
        padding: 40px 20px 0 20px; } }
    @media only screen and (min-width: 960px) {
      .restaurant-info {
        border-bottom: 0;
        border-radius: 0;
        padding: 0;
        margin: 30px 0 0;
        top: 0; } }
    @media only screen and (min-width: 1248px) {
      .restaurant-info {
        max-width: calc(1366px - 430px);
        margin: auto;
        margin-top: 30px; } }
    .restaurant-info__wrapper-padded {
      position: relative;
      display: flex;
      flex-direction: column;
      padding-top: 15px; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__wrapper-padded {
          padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-info__wrapper-padded {
          padding-right: 0; } }
    .restaurant-info__cover {
      display: none;
      position: relative;
      top: -30px;
      height: 150px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__cover {
          display: flex; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-info__cover {
          margin-left: 30px;
          width: calc(100% - 30px); } }
    .restaurant-info__logo {
      background: #fff;
      border-radius: 100%;
      border: 1px solid #f5f0eb;
      height: 50px;
      width: 50px;
      left: 50%;
      overflow: hidden;
      position: absolute;
      top: -40px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
    @media only screen and (min-width: 768px) {
        .restaurant-info__logo {
          top: -60px; } }
    @media only screen and (min-width: 960px) {
        .restaurant-info__logo {
          display: none; } }
    .restaurant-info__logo img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .restaurant-info__title {
      align-items: center;
      color: #3f3e3e;
      display: flex;
      font-size: 1.25rem;
      margin: 0 0 2px 0;
      font-weight: normal;
      min-width: 60%; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__title {
          font-size: 2rem;
          letter-spacing: -1px; } }
    .restaurant-info__description {
      display: none;
      line-height: 23px;
      font-size: 1rem;
      font-weight: 400;
      color: #717171;
      margin: 2px 0 8px 0;
      padding: 0;
      width: 100%; }
    .restaurant-info__description p {
        margin: 0; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__description {
          display: block;
          cursor: pointer; }
          .restaurant-info__description p {
            margin-bottom: 14px; } }
    .restaurant-info__subtitle {
      color: #717171;
      font-size: 0.875rem;
      margin: 0 0 4px 0;
      min-width: 50%; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__subtitle {
          font-size: 1rem;
          font-weight: 300;
          margin-bottom: 0; } }
    .restaurant-info__subtitle .btn.btn--link {
        color: inherit;
        font-size: inherit;
        margin: 0 0 4px 0;
        font-weight: inherit; }
    .restaurant-info__subtitle .btn {
        padding: 0;
        height: 19px;
        vertical-align: middle; }
    .restaurant-info .restaurant-rating {
      min-height: 15px;
      min-width: 15px;
      font-weight: 400;
      height: auto; }
    .restaurant-info .restaurant-rating__button {
        height: auto;
        padding: 2px;
        font-size: 1rem; }
    @media only screen and (min-width: 960px) {
        .restaurant-info .restaurant-rating {
          position: relative;
          top: 0;
          right: 0; } }
    .restaurant-info__super {
      bottom: 50px;
      color: #e0040b;
      font-size: 0.875rem;
      right: 20px;
      vertical-align: baseline; }
    .restaurant-info__super svg {
        color: #e0040b;
        fill: #e0040b; }
    .restaurant-info__super--desktop {
        display: none; }
    @media only screen and (min-width: 960px) {
        .restaurant-info__super {
          position: unset;
          padding-left: 15px;
          vertical-align: middle; }
          .restaurant-info__super .icon-marmita {
            display: flex; }
            .restaurant-info__super .icon-marmita svg {
              height: 24px;
              width: 24px; }
          .restaurant-info__super--desktop {
            display: unset; }
          .restaurant-info__super--mobile {
            display: none; } }
    @media only screen and (min-width: 960px) {
      .restaurant-info .marmita-minitag {
        font-size: 0.625rem;
        height: 25px;
        line-height: 23px;
        color: #3e3e3e; } }
    .restaurant-info .btn.btn--link.restaurant-info__link-more {
      color: #a6a6a6;
      display: block;
      font-size: 0.875rem;
      font-weight: 500;
      text-decoration: none;
      padding: 8px 0;
      height: auto;
      margin: 8px 0; }
    @media only screen and (min-width: 960px) {
        .restaurant-info .btn.btn--link.restaurant-info__link-more {
          margin: 0 0 20px 0; } }
    @media only screen and (min-width: 960px) {
      .restaurant-info .restaurant-status {
        order: -1; } }
    .restaurant-info.restaurant-info--loading > * {
      display: inline-block; }
    .restaurant-info.restaurant-info--loading .restaurant-info__link-more {
      display: block;
      margin: 30px 0 0;
      width: 50px; }
    @media only screen and (min-width: 960px) {
      .restaurant-info.restaurant-info--loading {
        flex-direction: column; }
        .restaurant-info.restaurant-info--loading .restaurant-info__logo {
          display: none; }
        .restaurant-info.restaurant-info--loading .restaurant-rating {
          display: block;
          width: 100px;
          margin: 10px 0; } }
    .restaurant-info__rating {
      margin-bottom: 8px; }
    .restaurant-info__rating .restaurant-rating__button {
        padding-left: 0; }
  
  @media only screen and (max-width: 959px) {
    .menu-search-hint-container .marmita-hint {
      width: calc(100% - 40px);
      border-radius: 0 0 4px 4px; } }
  
  .restaurant-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    overflow: hidden;
    z-index: 9997; }
    .restaurant-header:not(.restaurant-header--transparent) {
      border: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
      .restaurant-header {
        display: none; } }
    .restaurant-header .nav-header {
      transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .restaurant-header .nav-header__title {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .restaurant-header .nav-header__right-button {
        left: 0; }
    .restaurant-header .nav-header__right-button .icon-marmita {
          -webkit-transform: scale(1);
                  transform: scale(1);
          height: 22px;
          width: 22px; }
    .restaurant-header--transparent {
      z-index: unset; }
    .restaurant-header--transparent .nav-header {
        background: transparent; }
    .restaurant-header--transparent .nav-header__title {
          -webkit-transform: translateY(50px);
                  transform: translateY(50px); }
    .restaurant-header--transparent .nav-header .btn-icon .icon-marmita svg {
          color: #fff;
          fill: #fff; }
    .restaurant-header__image-container--with-cover:before {
      display: none; }
    .restaurant-header__image-container--with-cover .restaurant-header__image {
      opacity: 1;
      -webkit-filter: none;
              filter: none; }
    .restaurant-header__image-container {
      background: #fed298;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .restaurant-header__image-container:after {
        background: rgba(0, 0, 0, 0.2);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    .restaurant-header__image {
      display: block;
      -webkit-filter: blur(20px);
              filter: blur(20px);
      height: auto;
      left: 50%;
      opacity: 0.7;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 110%; }
    .restaurant-header__image-fallback {
      background: #e5e5e5;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    .restaurant-header .marmita-hint--bottom:before {
      left: unset;
      right: 8px; }
  
  .fast-menu-mobile {
    position: relative; }
    .fast-menu-mobile .marmita-scrollbox {
      height: 46px; }
    @media only screen and (min-width: 768px) {
      .fast-menu-mobile .marmita-scrollbox__container {
        padding: 0 20px; } }
    .fast-menu-mobile .btn {
      display: inline-block;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      color: #a6a5a5;
      height: 44px;
      margin: 0;
      padding: 0 10px;
      border-radius: 0; }
    .fast-menu-mobile--selected {
      border-bottom: 2px solid #ffe115; }
    .fast-menu-mobile--selected .btn {
        color: #ffe115; }
  
  .delivery-methods-modal {
    padding: 20px 10px 8px; }
    @media (min-width: 768px) {
      .delivery-methods-modal {
        width: 400px;
        height: 300px; } }
    .delivery-methods-modal__title {
      font-size: 1.125rem;
      line-height: 1.375rem;
      color: #3e3e3e;
      margin: 0 0 15px 0;
      padding: 0;
      text-align: center;
      font-weight: 500; }
    .delivery-methods-modal__confirm-btn {
      margin: 32px auto 0;
      width: 90%;
      display: block; }
    .delivery-methods-modal__option {
      display: flex;
      align-items: center;
      position: relative;
      padding: 0 18px;
      border-radius: 8px;
      background: #fff;
      border: 1px solid #fff; }
    .delivery-methods-modal__option--checked {
        border: solid 1px #ffe115; }
    .delivery-methods-modal__option--disabled {
        opacity: 0.5; }
    .delivery-methods-modal__option-label {
      display: flex;
      flex-direction: column;
      margin-left: 13px; }
    .delivery-methods-modal__label-title {
      font-size: 0.875rem;
      line-height: 20px;
      color: #3e3e3e; }
    .delivery-methods-modal__label-description {
      font-size: 0.875rem;
      line-height: 18px;
      color: #717171; }
    .delivery-methods-modal__radio {
      -webkit-appearance: none;
      margin: 0 0 0 auto;
      width: 24px;
      height: 24px;
      border-radius: 100%;
      background: #f2f2f2;
      border-color: #f2f2f2;
      cursor: pointer; }
    .delivery-methods-modal__radio:checked {
        border: solid 6px #ffe115;
        background-color: #ffffff; }
  
  .restaurant-scheduling-button {
    display: grid;
    grid-template-columns: 1fr 14px;
    align-items: center;
    padding: 12px 10px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    cursor: pointer; }
    .restaurant-scheduling-button:disabled {
      cursor: default; }
    .restaurant-scheduling-button__wrapper {
      display: grid; }
    .restaurant-scheduling-button__subtitle {
      display: flex;
      align-items: center;
      margin-top: 2px; }
    .restaurant-scheduling-button__day {
      font-size: 0.75rem;
      font-weight: 100;
      text-align: left;
      color: #3e3e3e; }
    .restaurant-scheduling-button__time {
      text-align: left;
      color: #717171;
      font-size: 0.75rem;
      padding: 0 2px 0 0px; }
    .restaurant-scheduling-button__price {
      color: #717171;
      font-size: 0.75rem; }
    .restaurant-scheduling-button__price--free {
        color: #50a773; }
    .restaurant-scheduling-button__icon {
      height: 24px;
      width: 24px; }
    .restaurant-scheduling-button__icon svg {
        color: #ffe115;
        fill: #ffe115; }
  
  .restaurant-delivery-button {
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    display: grid;
    grid-template: 1fr/ 1fr 20px;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #3f3e3e; }
    @media (min-width: 768px) {
      .restaurant-delivery-button {
        cursor: pointer; } }
    @media only screen and (min-width: 960px) {
      .restaurant-delivery-button {
        grid-template: 1fr / 20px 1fr 20px; } }
    .restaurant-delivery-button__icon {
      display: none; }
    @media only screen and (min-width: 960px) {
        .restaurant-delivery-button__icon {
          display: block; } }
    .restaurant-delivery-button__arrow-icon {
      max-width: 24px;
      fill: #ffe115;
      color: #ffe115; }
  
  .restaurant-scheduling {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
    padding: 20px 16px; }
    @media (max-width: 370px) {
      .restaurant-scheduling {
        justify-content: center; } }
    @media only screen and (min-width: 375px) and (max-width: 960px) {
      .restaurant-scheduling {
        grid-template-columns: 40% 1fr; } }
    @media (min-width: 768px) {
      .restaurant-scheduling {
        padding: 0;
        margin-left: auto; } }
    @media only screen and (min-width: 960px) {
      .restaurant-scheduling {
        grid-template-columns: 140px 1fr; } }
  
  .restaurant-menu-group {
    position: relative; }
    .restaurant-menu-group::before {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      left: 20px;
      top: 0;
      border-top: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
      .restaurant-menu-group {
        padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
      .restaurant-menu-group {
        max-width: calc(1366px - 430px);
        margin: auto; } }
    @media only screen and (min-width: 1440px) {
      .restaurant-menu-group {
        padding-right: 0; } }
    .restaurant-menu-group::before {
      display: none; }
    .restaurant-menu-group__title {
      position: relative;
      font-weight: 500;
      font-size: 1.125rem;
      padding: 32px 20px 20px 20px;
      margin: 0;
      color: #3f3e3e;
      width: 100%; }
    .restaurant-menu-group__title::after {
        content: '';
        width: calc(100% - 40px);
        height: 0;
        display: block;
        background: transparent;
        position: absolute;
        left: 20px;
        bottom: 0;
        border-top: 1px solid #f5f0eb; }
    @media only screen and (min-width: 743px) {
        .restaurant-menu-group__title:after {
          display: none; } }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group__title {
          font-size: 1.5rem;
          letter-spacing: -1px;
          padding: 40px 0 20px 0; } }
    .restaurant-menu-group__container {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(1, minmax(320px, 1fr));
      grid-gap: 0;
      margin: 0; }
    @media only screen and (min-width: 560px) {
        .restaurant-menu-group__container {
          grid-template-columns: repeat(1, minmax(420px, 1fr)); } }
    @media only screen and (min-width: 743px) {
        .restaurant-menu-group__container {
          grid-template-columns: repeat(2, minmax(320px, 1fr));
          grid-gap: 30px;
          padding: 0 20px; } }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group__container {
          grid-template-columns: repeat(2, 1fr);
          padding: 0; } }
  
  .restaurant-menu-group-market {
    position: relative; }
    .restaurant-menu-group-market::before {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      left: 20px;
      top: 0;
      border-top: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
      .restaurant-menu-group-market {
        padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
      .restaurant-menu-group-market {
        max-width: calc(1366px - 430px);
        margin: auto; } }
    @media only screen and (min-width: 1440px) {
      .restaurant-menu-group-market {
        padding-right: 0; } }
    .restaurant-menu-group-market::before {
      display: none; }
    .restaurant-menu-group-market__title {
      position: relative;
      font-weight: 500;
      font-size: 1.125rem;
      padding: 32px 20px 20px 20px;
      margin: 0;
      color: #3f3e3e;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .restaurant-menu-group-market__title::after {
        content: '';
        width: calc(100% - 40px);
        height: 0;
        display: block;
        background: transparent;
        position: absolute;
        left: 20px;
        bottom: 0;
        border-top: 1px solid #f5f0eb; }
    @media only screen and (min-width: 743px) {
        .restaurant-menu-group-market__title:after {
          display: none; } }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__title {
          font-size: 1.5rem;
          letter-spacing: -1px;
          padding: 40px 0 20px 0; } }
    .restaurant-menu-group-market .carousel__controller--right {
      right: -25px;
      top: 40%; }
    .restaurant-menu-group-market .carousel__controller--left {
      left: -25px;
      top: 40%; }
    .restaurant-menu-group-market .see-all-cards {
      display: flex;
      border: 1px solid #f2f2f2;
      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      padding: 0;
      height: 264px;
      min-width: 160px;
      align-items: center;
      justify-content: center; }
    @media only screen and (min-width: 560px) {
        .restaurant-menu-group-market .see-all-cards {
          min-width: 180px; } }
    @media only screen and (min-width: 768px) {
        .restaurant-menu-group-market .see-all-cards {
          height: 300px; } }
    .restaurant-menu-group-market__container {
      width: 100%;
      display: grid;
      grid-gap: 0;
      margin: 0;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
    @media only screen and (min-width: 743px) {
        .restaurant-menu-group-market__container {
          grid-gap: 30px;
          padding: 0 20px;
          grid-template-columns: repeat(4, minmax(160px, 1fr)); } }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__container {
          grid-gap: 12px;
          padding: 0; } }
    .restaurant-menu-group-market__container .restaurant-menu-group-market__title {
        padding-top: 60px; }
    .restaurant-menu-group-market .dish-card--vertical {
      grid-gap: 8px;
      height: 264px;
      grid-template: 'image' 146px 'info' 1fr; }
    @media only screen and (min-width: 560px) {
        .restaurant-menu-group-market .dish-card--vertical {
          min-width: 180px; } }
    @media only screen and (min-width: 768px) {
        .restaurant-menu-group-market .dish-card--vertical {
          height: 300px;
          grid-gap: 16px;
          grid-template: 'image' 150px 'info' 1fr; } }
    .restaurant-menu-group-market .dish-card--vertical .dish-card__image {
        height: 100%; }
    .restaurant-menu-group-market .dish-card--vertical .dish-card__closed-overlay {
        height: 146px; }
    @media only screen and (min-width: 768px) {
          .restaurant-menu-group-market .dish-card--vertical .dish-card__closed-overlay {
            height: 150px; } }
    .restaurant-menu-group-market .dish-card--vertical .dish-card__info {
        grid-auto-rows: auto; }
    .restaurant-menu-group-market .dish-card--vertical .dish-card__info--top {
        margin-bottom: 0px;
        height: 76px; }
    .restaurant-menu-group-market .marmita-scrollbox {
      height: 300px; }
    .restaurant-menu-group-market .marmita-scrollbox__item {
        display: flex;
        align-items: center; }
    .restaurant-menu-group-market .marmita-scrollbox__container {
        grid-auto-flow: column;
        display: grid;
        grid-gap: 12px;
        margin: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0 20px; }
    @media only screen and (min-width: 560px) {
          .restaurant-menu-group-market .marmita-scrollbox__container {
            grid-template-columns: repeat(auto-fit, 180px); } }
    @media only screen and (min-width: 743px) {
          .restaurant-menu-group-market .marmita-scrollbox__container {
            padding: 0 20px;
            grid-template-columns: repeat(auto-fit, 180px); } }
    @media only screen and (min-width: 960px) {
          .restaurant-menu-group-market .marmita-scrollbox__container {
            padding: 0; } }
    .restaurant-menu-group-market .marmita-scrollbox__container > * {
          margin-right: 0;
          margin-left: 0; }
    .restaurant-menu-group-market__list {
      position: relative;
      padding: 130px 0 40px 0; }
    .restaurant-menu-group-market__list .restaurant-menu-group__title {
        display: none; }
    .restaurant-menu-group-market__list-header-wrapper {
      padding: 0 20px;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__list-header-wrapper {
          padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-menu-group-market__list-header-wrapper {
          max-width: calc(1366px - 430px);
          margin: auto; } }
    @media only screen and (min-width: 1440px) {
        .restaurant-menu-group-market__list-header-wrapper {
          padding-right: 0; } }
    .restaurant-menu-group-market__list-header-wrapper .btn-icon {
        width: 30px;
        height: 30px; }
    .restaurant-menu-group-market__list-header-wrapper .btn-icon .icon-marmita {
          height: 24px;
          width: 24px; }
    @media only screen and (min-width: 960px) {
          .restaurant-menu-group-market__list-header-wrapper .btn-icon {
            width: 40px;
            height: 40px; }
            .restaurant-menu-group-market__list-header-wrapper .btn-icon .icon-marmita {
              height: 40px;
              width: 40px; } }
    .restaurant-menu-group-market__list-title {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__list-title {
          position: relative;
          -webkit-transform: none;
                  transform: none;
          left: auto;
          top: auto; } }
    .restaurant-menu-group-market__list-header {
      position: fixed;
      top: 0;
      height: 60px;
      width: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background-color: white;
      z-index: 10;
      box-shadow: inset 0 -1px 0 #dcdcdc;
      color: #3e3e3e;
      font-size: 1rem;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__list-header {
          height: 80px;
          font-weight: 500;
          font-size: 1.5rem;
          letter-spacing: -1px; } }
    .restaurant-menu-group-market__list-header-search-wrapper {
      width: 100%;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__list-header-search-wrapper {
          padding: 0 30px;
          margin: auto;
          flex-direction: row; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-menu-group-market__list-header-search-wrapper {
          max-width: calc(1366px - 430px);
          margin: auto; } }
    @media only screen and (min-width: 1440px) {
        .restaurant-menu-group-market__list-header-search-wrapper {
          padding-right: 0; } }
    .restaurant-menu-group-market__list-header-search-wrapper .restaurant-menu-search {
        border-bottom: 1px solid #e6e6e6;
        border-radius: 0;
        width: 100%; }
    .restaurant-menu-group-market__list-header-search-wrapper .restaurant-menu-search input {
          height: 50px;
          border-radius: 0;
          padding-right: 68px; }
    @media only screen and (min-width: 960px) {
            .restaurant-menu-group-market__list-header-search-wrapper .restaurant-menu-search input {
              border: 1px solid #f2f2f2;
              background: #f7f7f7;
              border-radius: 4px; } }
    .restaurant-menu-group-market__list-header-search-wrapper .restaurant-menu-search__field {
          width: 100%; }
    @media only screen and (min-width: 960px) {
          .restaurant-menu-group-market__list-header-search-wrapper .restaurant-menu-search {
            width: 45%;
            position: absolute;
            right: 140px;
            top: -62px;
            border-bottom: none; } }
    .restaurant-menu-group-market__list-modal {
    background-color: rgba(255, 255, 255, 0.7); }
    .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open {
      border-radius: 0; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open {
          width: 100%;
          max-width: 940px;
          height: calc(100% - 40px);
          top: 20px;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          left: 50%;
          position: absolute;
          border: 1px solid #f2f2f2;
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
          border-radius: 4px; }
          .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open .marmita-modal__inner-content {
            scrollbar-color: #dcdcdc transparent; }
            .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open .marmita-modal__inner-content::-webkit-scrollbar-track {
              border-radius: 50px;
              background-color: transparent; }
            .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open .marmita-modal__inner-content::-webkit-scrollbar {
              width: 4px;
              background-color: transparent; }
            .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open .marmita-modal__inner-content::-webkit-scrollbar-thumb {
              border-radius: 50px;
              background-color: #dcdcdc; } }
    @media only screen and (min-width: 960px) and (min-width: 1248px) {
      .restaurant-menu-group-market__list-modal > .ReactModal__Content--after-open {
        max-width: 1070px; } }
  
  .restaurant-promotions {
    background: white;
    padding: 0 0 15px 0;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .restaurant-promotions {
        padding: 0 0 15px 0; } }
    @media only screen and (min-width: 560px) {
      .restaurant-promotions .dish-card--vertical {
        height: 336px;
        grid-gap: 23px; }
      .restaurant-promotions .dish-card__price {
        padding-top: 3px; } }
    @media only screen and (max-width: 959px) {
      .restaurant-promotions .carousel__wrapper {
        padding: 0 20px; } }
    .restaurant-promotions .carousel__controller--left {
      -webkit-transform: translateY(-52px) rotateZ(90deg);
              transform: translateY(-52px) rotateZ(90deg); }
    @media only screen and (min-width: 560px) {
        .restaurant-promotions .carousel__controller--left {
          -webkit-transform: translateY(-34px) rotateZ(90deg);
                  transform: translateY(-34px) rotateZ(90deg); } }
    @media only screen and (min-width: 960px) {
        .restaurant-promotions .carousel__controller--left {
          left: -25px; } }
    .restaurant-promotions .carousel__controller--right {
      -webkit-transform: translateY(-52px) rotateZ(-90deg);
              transform: translateY(-52px) rotateZ(-90deg); }
    @media only screen and (min-width: 560px) {
        .restaurant-promotions .carousel__controller--right {
          -webkit-transform: translateY(-34px) rotateZ(-90deg);
                  transform: translateY(-34px) rotateZ(-90deg); } }
    @media only screen and (min-width: 960px) {
        .restaurant-promotions .carousel__controller--right {
          right: -25px; } }
    .restaurant-promotions .restaurant-menu-group__title {
      padding: 32px 0px 20px 20px; }
    .restaurant-promotions .restaurant-menu-group__title:after {
        display: none; }
    @media only screen and (min-width: 960px) {
        .restaurant-promotions .restaurant-menu-group__title {
          padding-left: 0; } }
  
  .restaurant-menu {
    padding-bottom: 40px; }
    .restaurant-menu__header {
      align-items: center;
      background-color: white;
      z-index: 9994;
      transition: height ease-in-out 200ms; }
    .restaurant-menu__header--sticky {
        border-bottom: 1px solid #e6e6e6; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu__header {
          display: flex;
          height: 64px; } }
    .restaurant-menu__header-wrapper {
        width: 100%; }
    @media only screen and (min-width: 768px) {
          .restaurant-menu__header-wrapper {
            display: flex;
            padding: 0 30px; } }
    @media only screen and (min-width: 1248px) {
          .restaurant-menu__header-wrapper {
            padding-right: 0;
            max-width: calc(1366px - 430px);
            margin: auto; } }
    .restaurant-menu__header .marmita-dropdown-menu__list {
        max-height: calc(3.5 * 56px); }
    @media only screen and (min-width: 960px) {
          .restaurant-menu__header .marmita-dropdown-menu__list {
            max-height: calc(6.5 * 56px); } }
    .restaurant-menu__header .marmita-dropdown-menu .btn {
        padding: 0 20px; }
    @media only screen and (min-width: 960px) {
          .restaurant-menu__header .marmita-dropdown-menu .btn {
            padding: 0;
            padding-left: 30px;
            height: 100%; } }
    .restaurant-menu__fast-menu {
      flex: 2;
      border-bottom: 1px solid #e6e6e6; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu__fast-menu {
          transition: all ease-in-out 200ms;
          max-width: 0;
          visibility: hidden; }
          .restaurant-menu__fast-menu--sticky {
            visibility: visible;
            display: flex;
            max-width: 1000px;
            height: 64px; } }
    .restaurant-menu__menu-search {
      display: flex;
      position: relative;
      flex: 3;
      align-items: center;
      margin-top: 8px;
      transition: all ease-in-out 200ms, border 0ms;
      max-width: 500px;
      border-bottom: 1px solid #e6e6e6; }
    @media only screen and (min-width: 960px) {
        .restaurant-menu__menu-search {
          border: 1px solid #e6e6e6;
          border-radius: 4px;
          display: flex;
          margin-top: 0; } }
    .restaurant-menu__menu-search--sticky {
        border: none;
        width: 100%;
        height: 64px; }
    .restaurant-menu__scheduling {
      visibility: visible;
      max-width: 1000px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-left: auto;
      transition: all ease-in-out 200ms; }
    .restaurant-menu__scheduling--sticky {
        visibility: hidden;
        max-width: 0; }
    @media only screen and (max-width: 959px) {
      .restaurant-menu--hidden-search .restaurant-menu__fast-menu {
        border-bottom: none; }
      .restaurant-menu--hidden-search .restaurant-menu__menu-search {
        height: 0;
        opacity: 0;
        pointer-events: none;
        margin-top: 0; } }
    @media only screen and (max-width: 559px) {
      .restaurant-menu .dish-card--horizontal {
        padding: 10px 20px; } }
  
  .voucher-header {
    position: fixed;
    width: 100vw;
    top: 80px;
    background-color: #f2f2f2;
    z-index: 9996; }
    .voucher-header-band {
      background-color: #50a773;
      width: 100%;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .voucher-header-band .icon-marmita--voucher-header {
        width: 40px; }
    .voucher-header-container {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px;
      display: grid;
      grid-template-columns: 1fr;
      justify-content: space-between;
      grid-gap: 30px;
      padding: 20px 40px; }
    @media only screen and (min-width: 960px) {
        .voucher-header-container {
          padding: 20px 30px 20px 50px;
          grid-template-columns: repeat(3, minmax(266px, 380px)); } }
    .voucher-header__title {
      font-size: 1.125em;
      color: white;
      padding: 0 28px; }
    .voucher-header-bg {
      position: fixed;
      top: 0;
      height: 100%;
      width: 100%;
      z-index: 9994;
      background-color: #3e3e3e;
      opacity: 0.8; }
    .voucher-header-bg + div {
        margin-top: 80px; }
    .voucher-header-bg--hidden {
        display: none; }
    .voucher-header-mobile {
    display: flex;
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .voucher-header-mobile {
        padding: 32px 0 0; } }
    @media only screen and (min-width: 960px) {
      .voucher-header-mobile {
        padding: 20px 0 0; } }
    .voucher-header-mobile .voucher-slim-card {
      height: 62px;
      margin: 0 20px; }
    .voucher-header-mobile .voucher-slim-card__title {
        font-size: 0.875em; }
    .voucher-list-container {
    max-height: calc(100vh - 140px);
    overflow: scroll;
    overflow-x: hidden;
    transition: max-height 200ms linear;
    visibility: visible; }
    .voucher-list-container--hidden {
      max-height: 0;
      visibility: 0;
      overflow: hidden; }
  
  .restaurant-container {
    display: block; }
    @media only screen and (min-width: 960px) {
      .restaurant-container {
        display: flex;
        padding: 0; } }
    .restaurant-container .restaurant-column {
      flex-basis: 100%;
      width: 100%; }
    @media only screen and (min-width: 1248px) {
        .restaurant-container .restaurant-column {
          padding-bottom: 30px;
          max-width: calc(100% - 430px); } }
    .restaurant-container .order-column {
      display: none;
      box-shadow: -3px 0 10px -5px rgba(0, 0, 0, 0.3);
      z-index: 9994;
      background: #fff; }
    @media only screen and (min-width: 1248px) {
        .restaurant-container .order-column--default {
          display: flex; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-container .order-column--less-space {
          display: flex; } }
    @media only screen and (min-width: 1248px) {
        .restaurant-container .order-column {
          flex-basis: 430px; } }
    .restaurant-container .order-column .restaurant-cart {
        height: 100vh; }
    .restaurant-container__error-message {
      margin-top: 70px; }
    .voucher-header-restaurant-wrapper {
    position: absolute; }
    @media only screen and (min-width: 1248px) {
      .voucher-header-restaurant-wrapper {
        width: calc(100% - 430px); } }
    .voucher-header-restaurant-wrapper .voucher-header {
      position: relative;
      top: 0; }
    .voucher-header-restaurant-wrapper .voucher-header-band {
        width: 100vw; }
    .voucher-header-restaurant-wrapper ~ .restaurant-container {
      position: relative;
      top: 60px; }
  
  .restaurants-by-city-container {
    padding: 0; }
    .restaurants-by-city-container .restaurants-list__container {
      padding: 20px 20px 0; }
    .restaurants-by-city-container__title {
      display: none; }
    .restaurants-by-city-container__nav {
      display: block; }
    @media only screen and (min-width: 960px) {
      .restaurants-by-city-container {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        padding-top: 30px; }
        .restaurants-by-city-container__title {
          display: block;
          font-weight: 500;
          font-size: 2rem;
          letter-spacing: -1px;
          margin: 0 0 30px; }
          .restaurants-by-city-container__title-cuisine {
            text-transform: capitalize; }
          .restaurants-by-city-container__title-city {
            text-transform: capitalize;
            color: #ffe115; }
        .restaurants-by-city-container__nav {
          display: none; } }
    .restaurants-by-city-container__load-more-container {
      margin: 36px auto; }
    .restaurants-by-city-container__load-more {
      background: transparent;
      border: 1px solid #eaeaea;
      font-size: 1rem;
      font-weight: normal; }
    .restaurants-by-city-container__load-more:hover:enabled {
        background: #eaeaea; }
    .restaurants-by-city-container .desktop-filters {
      padding: 0; }
  
  @media only screen and (max-width: 959px) {
    .address-hint-container .marmita-hint {
      width: calc(100% - 40px);
      border-radius: 0 0 4px 4px; } }
  
  .restaurant-by-city-seo-text {
    line-height: 1.625rem;
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .restaurant-by-city-seo-text {
        padding: 0 30px; } }
    .restaurant-by-city-seo-text__title {
      font-size: 1.25rem;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .restaurant-by-city-seo-text__title {
          font-size: 1.375rem; } }
    .restaurant-by-city-seo-text__description {
      color: #717171;
      font-size: 1rem;
      text-align: justify;
      margin: 16px 0 0 0; }
    .restaurant-by-city-seo-text__description a {
        color: #ffe115;
        text-decoration: none; }
    .restaurant-by-city-seo-text__city {
      color: #ffe115;
      font-weight: 500; }
  
  .categories-list {
    padding: 10px 20px; }
    @media only screen and (min-width: 960px) {
      .categories-list {
        padding: 40px 20px; } }
    .categories-list__title {
      font-size: 18px;
      margin: 0 0 20px; }
    .categories-list__wrapper {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 20px; }
    @media only screen and (min-width: 320px) and (max-width: 560px) {
        .categories-list__wrapper {
          grid-template-columns: 1fr 1fr; } }
    @media only screen and (min-width: 560px) and (max-width: 960px) {
        .categories-list__wrapper {
          grid-template-columns: 1fr 1fr 1fr; } }
    @media only screen and (min-width: 960px) {
        .categories-list__wrapper {
          grid-template-columns: 1fr 1fr 1fr 1fr;
          grid-gap: 40px; } }
    .categories-list .cuisine-item {
      position: relative;
      height: 180px;
      border-radius: 10px;
      overflow: hidden; }
    @media only screen and (min-width: 320px) and (max-width: 375px) {
        .categories-list .cuisine-item {
          height: 90px; } }
    @media only screen and (min-width: 375px) and (max-width: 560px) {
        .categories-list .cuisine-item {
          height: 120px; } }
    @media only screen and (min-width: 560px) and (max-width: 768px) {
        .categories-list .cuisine-item {
          height: 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 960px) {
        .categories-list .cuisine-item {
          height: 120px; } }
    @media only screen and (min-width: 960px) {
        .categories-list .cuisine-item {
          height: 170px; } }
    .categories-list .cuisine-item figure {
        margin: 0;
        width: 100%;
        height: 100%; }
    .categories-list .cuisine-item a {
        width: 100%;
        height: 100%;
        display: block; }
    .categories-list .cuisine-item a::before {
          content: '';
          background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%), rgba(0, 0, 0, 0.2);
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
    .categories-list .cuisine-item .cuisine-item__image {
        width: 100%;
        height: 100%; }
    .categories-list .cuisine-item .cuisine-item__title {
        position: absolute;
        top: 14px;
        left: 14px;
        color: #fff;
        font-size: 18px; }
    @media only screen and (min-width: 320px) and (max-width: 375px) {
          .categories-list .cuisine-item .cuisine-item__title {
            left: 10px;
            font-size: 14px; } }
  
  @media only screen and (min-width: 960px) {
    .search {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px; } }
  
  .search .search__header ~ :not(.marmita-spinner--absolute-center), .search .search-empty, .search .marmita-tab, .search .marmita-tab__panel-container, .search .marmita-tab__panel {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  
  .search__header {
    position: fixed;
    width: 100%;
    padding: 20px 20px 5px;
    z-index: 9997;
    background: #fff;
    box-shadow: 0 0 3px 3px #fff; }
  
  @media only screen and (min-width: 960px) {
      .search__header {
        display: none; } }
  
  .search__header ~ :not(.marmita-spinner--absolute-center) {
      padding-top: 90px; }
  
  @media only screen and (min-width: 960px) {
        .search__header ~ :not(.marmita-spinner--absolute-center) {
          padding-top: 0; } }
  
  @media only screen and (max-width: 767px) {
        .search__header ~ :not(.marmita-spinner--absolute-center) {
          padding: 75px 0 40px; } }
  
  .search__header.open {
      height: calc(100% - 50px); }
  
  .search__header.open .search-input {
        height: 100%;
        display: flex;
        flex-direction: column; }
  
  .search__header.open .search-targeted {
        position: initial;
        width: 100%;
        height: 100%;
        border: 0;
        box-shadow: none;
        padding: 20px 0; }
  
  .search .search-empty {
    text-align: center;
    justify-content: center; }
  
  .search .search-empty__message {
      margin-bottom: 3px;
      font-size: 1em;
      font-weight: normal; }
  
  .search .search-empty__description {
      font-size: 0.9em;
      font-weight: lighter;
      color: #a6a5a5; }
  
  .search .marmita-tab__label {
    margin: 0 40px 0 0;
    padding: 0; }
  
  .search .marmita-tab__tablist-container {
    display: flex;
    margin-bottom: 10px; }
  
  @media only screen and (min-width: 960px) {
      .search .marmita-tab__tablist-container {
        margin-bottom: 30px; } }
  
  .search__by {
    display: none;
    margin: 30px 0 20px 0;
    font-size: 1.5625rem;
    font-weight: 500; }
  
  @media only screen and (min-width: 960px) {
      .search__by {
        display: block; } }
  
  .search__term {
    color: #ffe115;
    margin: 0 0 0 5px; }
  
  .search .desktop-filters {
    display: none; }
  
  .search .restaurants-list__container {
    padding: 0 20px; }
  
  @media only screen and (min-width: 960px) {
      .search .restaurants-list__container {
        padding: 0 0 20px; } }
  
  .user-info-edit__test-input {
    display: flex;
    flex-flow: nowrap row;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: #ccc solid 1px; }
  
  .user-info-edit .marmita-toggle__checkbox:checked + .marmita-toggle__slider {
    background-color: #50a773; }
  
  .user-info-edit__test-text {
    font-weight: 300;
    font-size: 14px;
    color: #717171; }
  
  .user-info-edit__test-label--disabled {
    opacity: 0.4; }
  
  .user-info-edit-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .user-info-edit-form__wrapper {
      width: 100%;
      max-width: 450px;
      padding: 0 20px; }
    .user-info-edit-form__wrapper .user-info-edit-title {
        display: none;
        align-self: flex-start;
        font-size: 1.5625rem;
        font-weight: 500;
        margin: 40px 0;
        color: #414143; }
    @media only screen and (min-width: 960px) {
          .user-info-edit-form__wrapper .user-info-edit-title {
            display: block; } }
  
  .voucher-wallet-container {
    padding: 0 0 20px; }
    @media only screen and (min-width: 960px) {
      .voucher-wallet-container {
        padding: 0 0 60px; } }
    .voucher-wallet-container__card {
      display: grid;
      grid-template-columns: 1fr;
      justify-content: space-between;
      grid-gap: 32px;
      padding: 20px; }
    @media only screen and (min-width: 960px) {
        .voucher-wallet-container__card {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          padding-top: 30px;
          grid-template-columns: repeat(3, minmax(266px, 380px)); } }
    .voucher-wallet-container__card .voucher-card {
        -webkit-animation: 300ms MovingFadeInLeft;
                animation: 300ms MovingFadeInLeft; }
    .voucher-wallet-container__card--inactive {
        color: #717171; }
    .voucher-wallet-container__card--inactive .voucher-card {
          -webkit-animation: 300ms MovingFadeInRight;
                  animation: 300ms MovingFadeInRight; }
    .voucher-wallet-container__card--inactive .voucher-card__icon {
            -webkit-filter: grayscale(80%);
                    filter: grayscale(80%);
            opacity: 0.3; }
    .voucher-wallet-container__card--inactive .voucher-card__title {
            color: #717171; }
    .voucher-wallet-container__tab {
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .voucher-wallet-container__tab {
          width: auto;
          margin-right: 64px;
          padding: 0;
          color: #a6a6a6; } }
    .voucher-wallet-container__tab .btn__label {
        font-size: 0.875rem;
        color: #a6a6a6;
        font-weight: 500;
        text-transform: uppercase; }
    @media only screen and (min-width: 960px) {
          .voucher-wallet-container__tab .btn__label {
            font-size: 1.25rem;
            text-transform: none; }
            .voucher-wallet-container__tab .btn__label:hover {
              color: #8d8d8d; } }
    .voucher-wallet-container__tab--active {
        border-bottom-color: #ffe115; }
    .voucher-wallet-container__tab--active .btn__label {
          color: #ffe115; }
    @media only screen and (min-width: 960px) {
          .voucher-wallet-container__tab--active {
            color: #3e3e3e;
            border-bottom-color: #3e3e3e; }
            .voucher-wallet-container__tab--active .btn__label {
              color: #3e3e3e; }
              .voucher-wallet-container__tab--active .btn__label:hover {
                color: #3e3e3e; } }
    .voucher-wallet-container__tab-container {
        padding: 60px 0 0;
        display: flex; }
    @media only screen and (min-width: 960px) {
          .voucher-wallet-container__tab-container {
            width: 100%;
            max-width: 1366px !important;
            margin: auto;
            padding: 0 30px; } }
    .voucher-wallet-container__tab-container button:nth-child(2) {
          padding: 0; }
    .voucher-line-separator {
    width: 100%;
    display: block;
    border-bottom: 1px solid #dcdcdc; }
    .voucher-without-voucher {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    padding-top: 30px;
    padding-bottom: 40px; }
    .voucher-without-voucher__title {
      font-size: 1.125rem;
      color: #3e3e3e;
      font-weight: 500;
      margin: 0 0 12px; }
    @media only screen and (min-width: 960px) {
        .voucher-without-voucher__title {
          font-size: 1.5625rem; } }
    .voucher-without-voucher__sub-title {
      font-size: 1rem;
      line-height: 1.375rem;
      font-weight: 100;
      color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .voucher-without-voucher__sub-title {
          font-size: 1.125rem; } }
    .voucher-wallet-load-more {
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    margin-top: 40px; }
    .voucher-wallet-load-more__btn {
      width: 100%;
      border: 1px solid #eaeaea;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
    .voucher-wallet-load-more__btn:hover {
        background-color: #ffe115;
        color: white;
        transition: 0.9s ease-in-out; }
  
  .voucher-wallet {
    position: relative; }
    @media only screen and (min-width: 960px) {
      .voucher-wallet {
        width: 100%;
        max-width: 1366px !important;
        margin: auto;
        padding: 0 30px;
        margin-top: 32px; }
        .voucher-wallet .nav-header {
          display: none; } }
    .voucher-wallet-banner {
      background-color: #50a773;
      background-image: url("https://static-images.ifood.com.br/image/upload/webapp/bg-voucher-wallet.svg?v=8.47.1");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: right;
      height: 200px;
      padding: 0 20px;
      display: none;
      border-radius: 4px; }
    @media only screen and (min-width: 960px) {
        .voucher-wallet-banner {
          padding: 0;
          display: flex;
          align-items: center;
          justify-content: center; } }
    .voucher-wallet-banner__title {
        font-size: 1.875rem;
        color: white;
        text-align: center;
        margin: 0;
        padding-left: 30px;
        font-weight: 500;
        line-height: 41px; }
    @media only screen and (min-width: 960px) {
          .voucher-wallet-banner__title {
            font-size: 1.5rem; } }
    .voucher-wallet-banner__icon {
        width: 60px; }
    .voucher-wallet__title {
      font-size: 1.5rem;
      color: #3e3e3e;
      font-weight: 500;
      padding: 40px 0 0;
      margin: 0;
      display: none; }
    @media only screen and (min-width: 960px) {
        .voucher-wallet__title {
          display: block; } }
  
  .voucher-seo-text {
    line-height: 1.625rem;
    max-width: 1366px;
    margin: 10px auto;
    padding: 0 20px; }
    @media only screen and (min-width: 960px) {
      .voucher-seo-text {
        padding: 0 30px; } }
    .voucher-seo-text__title {
      font-size: 1.25rem;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .voucher-seo-text__title {
          font-size: 1.375rem; } }
    .voucher-seo-text__description {
      color: #717171;
      font-size: 1rem;
      text-align: justify;
      margin: 16px 0 0 0; }
  
  .voucher-lp__banner {
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-flow: nowrap column;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 8px;
    margin-top: 32px;
    padding: 32px 20px 0; }
    @media only screen and (min-width: 768px) {
      .voucher-lp__banner {
        max-width: 1326px; } }
    @media only screen and (min-width: 1366px) {
      .voucher-lp__banner {
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__banner {
        padding: 0 56px;
        justify-content: stretch;
        flex-direction: row;
        text-align: start; } }
    .voucher-lp__banner-text {
    display: flex;
    flex-flow: nowrap column;
    align-items: center;
    color: #3e3e3e; }
    @media only screen and (min-width: 768px) {
      .voucher-lp__banner-text {
        padding-top: 56px;
        padding-bottom: 32px;
        align-items: flex-start; } }
    .voucher-lp__banner-text h1 {
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.2em;
      margin-top: 0;
      margin-bottom: 12px;
      max-width: 190px; }
    @media only screen and (min-width: 560px) {
        .voucher-lp__banner-text h1 {
          font-size: 2rem; } }
    @media only screen and (min-width: 1248px) {
        .voucher-lp__banner-text h1 {
          font-size: 2.5rem; } }
    @media only screen and (min-width: 560px) {
        .voucher-lp__banner-text h1 {
          max-width: 300px; } }
    @media only screen and (min-width: 1248px) {
        .voucher-lp__banner-text h1 {
          max-width: 330px; } }
    .voucher-lp__banner-text h1 + * {
      font-size: 0.875rem;
      font-weight: 300;
      line-height: 1.4em;
      font-weight: 100;
      margin: 0;
      max-width: 300px;
      color: #3e3e3e; }
    @media only screen and (min-width: 560px) {
        .voucher-lp__banner-text h1 + * {
          font-size: 1.25rem; } }
    @media only screen and (min-width: 1248px) {
        .voucher-lp__banner-text h1 + * {
          font-size: 1.5rem; } }
    @media only screen and (min-width: 560px) {
        .voucher-lp__banner-text h1 + * {
          max-width: 400px; } }
    @media only screen and (min-width: 768px) {
        .voucher-lp__banner-text h1 + * {
          color: #717171; } }
    @media only screen and (min-width: 1248px) {
        .voucher-lp__banner-text h1 + * {
          max-width: 500px; } }
    .voucher-lp__banner-image {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .voucher-lp__banner-image > * {
      display: inline-block;
      max-width: 150px;
      margin-bottom: -5px; }
    @media only screen and (min-width: 768px) {
        .voucher-lp__banner-image > * {
          max-width: 220px;
          margin-left: 10px;
          margin-right: 10px; } }
    .voucher-lp__banner-image svg {
      max-width: 100%;
      height: auto; }
    .voucher-lp__message {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2em;
    color: #3e3e3e;
    max-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .voucher-lp__message {
        max-width: 1326px; } }
    @media only screen and (min-width: 1366px) {
      .voucher-lp__message {
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 560px) {
      .voucher-lp__message {
        font-size: 2rem; } }
    @media only screen and (min-width: 1248px) {
      .voucher-lp__message {
        font-size: 2.5rem; } }
    @media only screen and (min-width: 560px) {
      .voucher-lp__message {
        max-width: 330px; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__message {
        max-width: 1326px; } }
    @media only screen and (min-width: 1248px) {
      .voucher-lp__message {
        font-size: 2rem; } }
    .voucher-lp__message + * {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 240px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.4em;
    color: #3e3e3e;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 560px) {
      .voucher-lp__message + * {
        max-width: 500px; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__message + * {
        max-width: 680px; } }
    @media only screen and (min-width: 960px) {
      .voucher-lp__message + * {
        max-width: 800px; } }
    @media only screen and (min-width: 560px) {
      .voucher-lp__message + * {
        font-size: 1.25rem; } }
    @media only screen and (min-width: 1248px) {
      .voucher-lp__message + * {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__message + * {
        color: #717171; } }
    .voucher-lp__card-list {
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-flow: nowrap column;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .voucher-lp__card-list {
        max-width: 1326px; } }
    @media only screen and (min-width: 1366px) {
      .voucher-lp__card-list {
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__card-list {
        flex-direction: row;
        justify-content: center; } }
    .voucher-lp__card {
    margin: 22px 16px; }
    .voucher-lp__safety-tip {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 240px;
    color: #3e3e3e;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    margin: 40px auto; }
    @media only screen and (min-width: 560px) {
      .voucher-lp__safety-tip {
        max-width: 500px; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__safety-tip {
        max-width: 680px; } }
    @media only screen and (min-width: 960px) {
      .voucher-lp__safety-tip {
        max-width: 800px; } }
    @media only screen and (min-width: 560px) {
      .voucher-lp__safety-tip {
        font-size: 1rem; } }
    @media only screen and (min-width: 768px) {
      .voucher-lp__safety-tip {
        color: #717171; } }
    .voucher-lp__safety-tip a {
      color: #ffe115;
      text-decoration: none; }
    .voucher-lp-card {
    display: block;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    padding: 20px;
    width: 240px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.08); }
    .voucher-lp-card__image {
      display: block;
      height: 100px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px; }
    .voucher-lp-card__image div,
      .voucher-lp-card__image svg {
        height: 100%; }
    .voucher-lp-card__heading {
      font-size: 0.875rem;
      font-weight: 500;
      color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .voucher-lp-card__heading {
          font-size: 1.25rem; } }
    .voucher-lp-card__message {
      font-size: 0.75rem;
      font-weight: normal;
      color: #3e3e3e;
      line-height: 1rem;
      max-width: 160px;
      margin-left: auto;
      margin-right: auto; }
    @media only screen and (min-width: 768px) {
        .voucher-lp-card__message {
          font-weight: 300;
          font-size: 1rem;
          line-height: 1.25rem;
          max-width: none;
          color: #717171; } }
    .voucher-lp-card__cta {
      font-size: 0.875rem;
      font-weight: 500;
      padding: 16px;
      margin-bottom: 0;
      background-color: #f7f7f7;
      border-radius: 4px;
      color: #ffe115; }
  
  .has-ifood-box {
    padding: 32px 0; }
    @media only screen and (min-width: 768px) {
      .has-ifood-box {
        padding: 12px 0 32px; } }
    .has-ifood-box-header {
      display: grid;
      grid-template: 1fr / 20px 1fr;
      align-items: center;
      justify-content: center; }
    .has-ifood-box-header__title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: #3e3e3e;
        margin: 0; }
    @media only screen and (min-width: 768px) {
          .has-ifood-box-header__title {
            font-size: 1.125rem; } }
    .has-ifood-box__text {
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 300;
      color: #a6a6a6;
      margin: 0;
      padding: 10px 0 0; }
    @media only screen and (min-width: 768px) {
        .has-ifood-box__text {
          font-size: 1rem;
          max-width: 500px; } }
  
  .ifood-box-header {
    display: grid;
    align-items: center;
    grid-template: 1fr / 34px 1fr;
    border-bottom: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 0 20px 20px; }
    .ifood-box-header__info-place {
      display: grid;
      justify-content: right;
      color: #3e3e3e; }
    .ifood-box-header__place {
      text-align: right; }
    .ifood-box-header__locale {
      font-weight: 500; }
  
  .ifood-box-qrcode {
    display: grid;
    align-items: center;
    justify-content: center; }
  
  .ifood-box-content-waiting {
    padding: 20px 0;
    display: grid;
    grid-template: 35px 1fr 30px / 1fr;
    gap: 20px; }
    @media only screen and (min-width: 960px) {
      .ifood-box-content-waiting {
        grid-template: 35px 30px / 1fr;
        grid-auto-flow: row dense; } }
    .ifood-box-content-waiting__title {
      font-size: 0.875rem;
      line-height: 1.125rem;
      font-weight: 300;
      color: #3e3e3e;
      text-align: center;
      max-width: 200px;
      margin: 0 auto; }
    @media only screen and (min-width: 768px) {
        .ifood-box-content-waiting__title {
          max-width: 100%; } }
  
  .ifood-box-how-to-work {
    width: 90%;
    margin: 0 auto; }
    .ifood-box-how-to-work__btn {
      width: 100%;
      background-color: #ffffff;
      color: #ffe115;
      border: 1px solid #dcdcdc;
      border-radius: 4px; }
    .ifood-box-how-to-work__btn:hover {
        color: #ffffff;
        transition: 1s all;
        background-color: #ffe115; }
    .ifood-box-how-to-work-modal {
    text-align: center;
    padding: 20px; }
    .ifood-box-how-to-work-modal__title {
      color: #3e3e3e;
      font-weight: 500;
      font-size: 1.5rem;
      line-height: 1.625rem;
      margin: 24px 10px 20px; }
    .ifood-box-how-to-work-modal__description {
      font-weight: 300;
      font-size: 1rem;
      line-height: 1.25rem;
      margin: 0 auto 20px;
      color: #717171; }
    .ifood-box-how-to-work-modal__description-strong {
        font-weight: 500; }
    @media only screen and (min-width: 768px) {
        .ifood-box-how-to-work-modal__description {
          max-width: 360px; } }
    .ifood-box-how-to-work-modal__btn-understand {
      display: block;
      color: #ffe115;
      background-color: #ffffff;
      margin: 30px auto 0; }
    .ifood-box-how-to-work-modal__btn-understand:hover {
        color: #ffffff;
        background-color: #ffe115;
        transition: 1s all; }
  
  .ifood-box-container {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 20px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
    margin: 20px 0; }
  
  .order-details {
    font-size: 0.875rem;
    background-color: #f6f5f5;
    line-height: normal; }
    .order-details .ifood-box-code span {
      font-size: 1.125rem;
      line-height: 1.375rem;
      font-weight: 500; }
    @media only screen and (min-width: 768px) {
        .order-details .ifood-box-code span {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    .order-details__page-title {
      font-size: 1.5rem;
      letter-spacing: -1px;
      margin-bottom: 40px;
      text-align: center;
      display: none; }
    @media only screen and (min-width: 960px) {
      .order-details__page-title {
        display: block; } }
    .order-details-something-wrong {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 60px 0px; }
    @media only screen and (min-width: 960px) {
      .order-details {
        font-size: 1rem;
        width: 470px;
        margin: auto; } }
    @media only screen and (min-width: 960px) {
      .order-details__header {
        padding-top: 40px; } }
    .order-details__justified, .order-details__text {
      display: flex;
      justify-content: space-between; }
    .order-details__text {
      font-weight: 100;
      line-height: 1.625rem;
      margin: 0;
      color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .order-details__text {
          flex-direction: column;
          border-bottom: 1px solid #f6f5f5;
          padding: 10px 0; } }
    .order-details__title {
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 5px;
      color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .order-details__title {
          font-size: 1.875rem;
          margin: 10px 0; } }
    @media only screen and (min-width: 960px) {
      .order-details__label {
        color: #717171;
        font-weight: 300;
        font-size: 1rem;
        line-height: normal; } }
    .order-details__label:first-child {
      text-align: left; }
    .order-details__label:first-child ~ :last-child {
        text-align: right;
        color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
          .order-details__label:first-child ~ :last-child {
            text-align: left; } }
    .order-details__link {
      color: #ffe115;
      cursor: pointer;
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 5px;
      text-decoration: none;
      display: block; }
    @media only screen and (min-width: 960px) {
        .order-details__link {
          font-weight: normal;
          margin-bottom: 24px; } }
    .order-details__section {
      background-color: white;
      color: #717171;
      font-weight: lighter;
      margin: 10px 0;
      padding: 20px; }
    @media only screen and (min-width: 960px) {
        .order-details__section {
          margin: 1px 0;
          padding: 0; } }
    .order-details__section:first-child {
        padding-top: 0;
        margin-top: 0; }
    .order-details__section:last-child {
        position: relative;
        margin-bottom: 0;
        padding: 20px 20px 0; }
    .order-details__section-header {
      margin-bottom: 10px; }
    .order-details__section-header-text strong {
        font-weight: normal; }
    @media only screen and (min-width: 960px) {
          .order-details__section-header-text strong {
            color: #3e3e3e;
            display: block;
            padding-top: 10px; } }
    .order-details__section-title {
      font-size: 1rem;
      font-weight: 500;
      margin-bottom: 5px;
      color: #3f3e3e; }
    @media only screen and (min-width: 960px) {
        .order-details__section-title {
          font-weight: 300;
          color: #717171; } }
    .order-details__follow {
      display: block;
      padding: 20px 20px 10px;
      background-color: white;
      margin: 0 0 10px; }
    @media only screen and (min-width: 960px) {
        .order-details__follow {
          margin: 0;
          padding: 0 0 10px; } }
    .order-details__called {
      display: block;
      padding: 10px 0 20px;
      background-color: white; }
    @media only screen and (min-width: 960px) {
        .order-details__called {
          padding: 0 0 10px; } }
    .order-details__restaurant-phone-number {
      display: none; }
    .order-details__restaurant-phone-number--active {
        display: block; }
    .order-details-cart {
    color: #717171;
    font-weight: lighter; }
    .order-details-cart__item {
      padding: 10px 0;
      border-top: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
        .order-details-cart__item {
          border-top: 1px solid #f6f5f5;
          padding: 25px 0; } }
    .order-details-cart__item:last-child {
        border-bottom: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
          .order-details-cart__item:last-child {
            border-bottom: 1px solid #f6f5f5; } }
    .order-details-cart__item-name {
      font-weight: 500;
      color: #3f3e3e; }
    .order-details-cart__item-name :first-child {
        margin-right: 15px; }
    .order-details-cart__garnishes-list {
      margin-top: 8px; }
    @media only screen and (min-width: 960px) {
        .order-details-cart__garnishes-list {
          margin-top: 15px; } }
    .order-details-cart__garnish {
      color: #717171;
      font-size: 0.875rem;
      list-style-type: disc;
      list-style-position: inside;
      padding-left: 2px; }
    @media only screen and (min-width: 960px) {
        .order-details-cart__garnish {
          list-style: none;
          display: inline-block; } }
    @media only screen and (min-width: 960px) {
        .order-details-cart__garnish::after {
          content: ','; } }
    @media only screen and (min-width: 960px) {
        .order-details-cart__garnish:last-of-type::after {
          content: none; } }
    .order-details-cart__garnish span {
        margin-left: -10px; }
    @media only screen and (min-width: 960px) {
          .order-details-cart__garnish span {
            margin-left: 0; } }
    .order-details-cart__garnish, .order-details-cart__observation {
      line-height: 1.4em;
      padding: 8px 0 0; }
    @media only screen and (min-width: 960px) {
        .order-details-cart__garnish, .order-details-cart__observation {
          line-height: normal; } }
    .order-details-cart__total-amount {
      font-size: 1rem;
      font-weight: 500;
      color: #3f3e3e; }
    .order-details-cart__footer {
      padding: 10px 0;
      line-height: 1.8em;
      border-bottom: 1px solid #f5f0eb; }
    @media only screen and (min-width: 960px) {
        .order-details-cart__footer {
          padding: 15px 0; } }
    .order-details-cart__footer p {
        margin: 0; }
    @media only screen and (min-width: 960px) {
          .order-details-cart__footer p {
            margin: 10px 0; } }
    .order-details-address,
  .order-details-more {
    padding: 20px;
    border-bottom: 1px solid #f6f5f5;
    background-color: white;
    margin-bottom: 10px; }
    @media only screen and (min-width: 960px) {
      .order-details-address,
      .order-details-more {
        border-bottom: 0;
        color: #3e3e3e;
        font-weight: normal;
        margin: 0;
        padding: 0; } }
    @media only screen and (min-width: 960px) {
    .order-details-address {
      padding-top: 25px;
      margin: 0; } }
    @media only screen and (min-width: 960px) {
    .order-details-address p {
      margin: 0; } }
    @media only screen and (min-width: 960px) {
    .order-details-address .order-details__section-header {
      margin-bottom: 0; } }
    @media only screen and (min-width: 960px) {
    .order-details-more {
      padding: 25px 0; } }
    .order-details-card {
    text-align: center;
    padding: 20px;
    background-color: white;
    margin-bottom: 10px; }
    @media only screen and (min-width: 960px) {
      .order-details-card {
        margin: 0;
        border-bottom: 1px solid #f6f5f5; } }
  
  .orders-in-progress-status {
    position: relative; }
    @media only screen and (min-width: 960px) {
      .orders-in-progress-status {
        max-width: 90%; } }
    .orders-in-progress-status .order-step {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0 0; }
    @media only screen and (min-width: 960px) {
        .orders-in-progress-status .order-step__phone-link-wrapper {
          display: none; } }
    .orders-in-progress-status .order-step__phone-link {
        color: #a6a6a6; }
    .orders-in-progress-status .order-step--prevision .order-step__title, .orders-in-progress-status .order-step--done .order-step__title, .orders-in-progress-status .order-step--cancelled .order-step__title {
        color: #3f3e3e; }
    .orders-in-progress-status .order-step--prevision .order-step__status *, .orders-in-progress-status .order-step--done .order-step__status *, .orders-in-progress-status .order-step--cancelled .order-step__status * {
        opacity: 1; }
    .orders-in-progress-status .order-step--prevision .order-step__status .icon-marmita svg {
        color: #a6a29f;
        fill: #a6a29f; }
    @media only screen and (min-width: 960px) {
        .orders-in-progress-status .order-step--prevision .order-step__status .icon-marmita {
          height: 24px;
          width: 24px; } }
    .orders-in-progress-status .order-step--done .order-step__status {
        border-color: transparent; }
    .orders-in-progress-status .order-step--done .order-step__status .icon-marmita svg {
          color: #ffe115;
          fill: #ffe115; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress-status .order-step--done .order-step__status .icon-marmita {
            height: 24px;
            width: 24px; } }
    .orders-in-progress-status .order-step--done .order-step__status--time {
          background-color: transparent; }
    .orders-in-progress-status .order-step--cancelled .order-step__status {
        border-color: transparent; }
    .orders-in-progress-status .order-step--cancelled .order-step__status .icon-marmita svg {
          color: #3f3e3e;
          fill: #3f3e3e; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress-status .order-step--cancelled .order-step__status .icon-marmita {
            height: 24px;
            width: 24px; } }
    .orders-in-progress-status .order-step--cancelled .order-step__status--time {
          background-color: transparent; }
    .orders-in-progress-status .order-step__status {
        flex-basis: 20px;
        height: 20px;
        border-radius: 100%;
        border: 1px solid #a6a29f; }
    .orders-in-progress-status .order-step__status--time {
          border: none;
          background-color: transparent; }
    .orders-in-progress-status .order-step__title {
        display: flex;
        align-items: flex-end;
        color: #a6a6a6;
        font-weight: bold;
        margin-left: 10px;
        padding: 0 0 10px; }
    .orders-in-progress-status .order-step__title--time {
          text-transform: capitalize; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress-status .order-step__title {
            font-size: 1.125rem;
            margin-left: 35px; } }
    .orders-in-progress-status .order-step__detail {
        color: #a6a6a6;
        font-size: 0.875rem;
        line-height: 0.875rem;
        flex-basis: 100%;
        min-height: 10px;
        padding: 0 0 0 30px;
        position: relative; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress-status .order-step__detail {
            padding: 0 0 0 60px;
            padding-bottom: 30px; } }
    .orders-in-progress-status .order-step__detail::before {
          content: '';
          position: absolute;
          top: 7px;
          bottom: 0;
          left: 9px;
          margin: auto;
          width: 2px;
          background: #f5e9da; }
    @media only screen and (min-width: 960px) {
            .orders-in-progress-status .order-step__detail::before {
              background-color: #dcdcdc;
              width: 3px;
              left: 12px;
              -webkit-transform: translateY(5px);
                      transform: translateY(5px); } }
    .orders-in-progress-status .order-step__detail-time {
          display: block;
          padding: 4px 0; }
    .orders-in-progress-status .order-step__detail-text {
          display: block;
          font-size: 1rem;
          line-height: 1.25rem;
          padding: 10px 0; }
    .orders-in-progress-status .order-step__detail-text--next-step {
            min-height: 26px; }
    .orders-in-progress-status .order-step__detail-address {
          display: block; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress-status .order-step__detail {
            font-size: 1rem; } }
    .orders-in-progress-status .order-step:last-of-type .order-step__detail::before {
        display: none; }
    .orders-in-progress-status .notice-withdrawal {
      font-size: 0.875rem;
      line-height: 1.25rem;
      color: #3e3e3e;
      text-align: center;
      background: #f7f7f7;
      border-radius: 4px;
      border: 1px solid #dcdcdc;
      width: 100%;
      padding: 20px;
      margin: 20px 0; }
    @media only screen and (min-width: 960px) {
        .orders-in-progress-status .notice-withdrawal {
          width: calc(90% - 60px);
          margin: 20px 0 20px 60px; } }
    .orders-in-progress-status .notice-withdrawal__title {
        display: block;
        font-weight: bold;
        padding: 0 0 10px; }
    .order-steps__wrapper {
    transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    min-height: 320px; }
    @media only screen and (min-width: 960px) {
      .order-steps__wrapper {
        min-height: 380px; } }
    .order-steps__wrapper .order-step__title,
    .order-steps__wrapper .order-step__detail {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  
  .order-step__restaurant-phone {
    display: none;
    flex-direction: column;
    position: absolute;
    bottom: 55px;
    margin-top: 20px;
    font-size: 0.875rem;
    font-weight: 300; }
    @media only screen and (min-width: 960px) {
      .order-step__restaurant-phone {
        display: flex; } }
    .order-step__restaurant-phone .btn {
      padding: 5px;
      margin: 0;
      height: auto;
      position: relative;
      left: -5px;
      font-size: 0.875rem;
      font-weight: normal; }
    .order-step__restaurant-phone .btn canvas {
        display: none; }
    .order-step__restaurant-phone-number {
    position: absolute;
    bottom: -20px;
    visibility: hidden;
    opacity: 0;
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .order-step__restaurant-phone-number--active {
    transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    visibility: visible;
    opacity: 1; }
  
  .orders-in-progress {
    position: relative; }
    .orders-in-progress__blank-state {
      width: 100%;
      max-width: 1366px !important;
      margin: auto;
      padding: 0 30px;
      margin: 40px auto;
      display: grid;
      align-items: center;
      justify-content: center; }
    .orders-in-progress__blank-state .blank-state {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        flex-direction: column;
        text-align: center;
        margin: auto;
        height: calc(100vh - 120px); }
    @media only screen and (min-width: 1248px) {
          .orders-in-progress__blank-state .blank-state {
            height: calc(100vh - 188px); } }
    .orders-in-progress__blank-state .blank-state__title {
          font-size: 1rem;
          font-weight: 400;
          color: #3e3e3e;
          margin: 30px 0 10px 0;
          text-align: center; }
    .orders-in-progress__blank-state .blank-state__description {
          font-size: 0.9375rem;
          font-weight: 300;
          color: #717171;
          margin: 0 0 15px;
          line-height: 20px;
          display: block;
          text-align: center; }
    .orders-in-progress__blank-state .animated-pans {
        align-items: center;
        justify-content: center;
        display: flex; }
    .orders-in-progress__page-title {
      font-size: 1.5rem;
      letter-spacing: -1px;
      margin-bottom: 40px;
      text-align: center;
      display: none; }
    @media only screen and (min-width: 960px) {
      .orders-in-progress__page-title {
        display: block; } }
    .orders-in-progress-something-wrong .something-wrong svg {
      width: 200px;
      height: 200px; }
    .orders-in-progress-something-wrong .something-wrong__btn-go-back {
      max-width: 400px;
      margin: 40px 20px; }
    @media only screen and (min-width: 375px) {
        .orders-in-progress-something-wrong .something-wrong__btn-go-back {
          margin: 40px auto; } }
    .orders-in-progress .order {
      margin: 0 20px;
      position: relative;
      min-height: 400px; }
    @media only screen and (min-width: 960px) {
        .orders-in-progress .order {
          padding: 10px 0 20px 0; } }
    @media only screen and (min-width: 960px) {
        .orders-in-progress .order {
          display: flex;
          padding: 0;
          margin: 0 auto;
          min-height: 0;
          max-width: 1366px !important; } }
    .orders-in-progress .order__page-title {
        font-size: 1.5rem;
        letter-spacing: -1px;
        margin-bottom: 40px;
        font-weight: normal;
        display: none; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress .order__page-title {
            display: block;
            margin: 0 0 20px; } }
    @media only screen and (min-width: 960px) {
        .orders-in-progress .order__details {
          display: flex;
          flex: 1;
          height: 560px;
          justify-content: center; } }
    @media only screen and (min-width: 960px) {
        .orders-in-progress .order__details-container {
          display: flex;
          width: 100%;
          max-width: 560px;
          justify-content: center;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%), linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%), url("https://static-images.ifood.com.br/image/upload/webapp/waiting/waiting-bg.png?v=8.47.1"); } }
    @media only screen and (min-width: 960px) {
        .orders-in-progress .order__details-wrapper {
          display: flex;
          flex-direction: column;
          padding: 0 20px;
          justify-content: center;
          position: relative;
          width: 80%; } }
    .orders-in-progress .order__status {
        padding: 0 0 20px; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress .order__status {
            display: flex;
            flex-direction: column;
            flex: 1;
            justify-content: center;
            position: relative;
            margin: 30px 0; } }
    .orders-in-progress .order:not(:last-child)::before {
        content: '';
        background: #f5f0eb;
        height: 10px;
        position: absolute;
        width: 100vw;
        left: -20px;
        bottom: 0; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress .order:not(:last-child)::before {
            height: 1px;
            width: 100%;
            left: 0;
            background-color: #dcdcdc; } }
    .orders-in-progress .order__title {
        color: #3f3e3e;
        font-size: 1.375rem;
        font-weight: 500;
        margin: 0;
        padding: 20px 0; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress .order__title {
            font-size: 2.5rem;
            letter-spacing: -1px; } }
    .orders-in-progress .order__link {
        font-size: 1pxrem;
        color: #ffe115;
        text-decoration: none;
        padding: 10px 0; }
    @media only screen and (min-width: 960px) {
          .orders-in-progress .order__link {
            font-size: 1.125rem;
            margin-left: 2px; } }
    .orders-in-progress__loading {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: calc(100vh - 250px); }
  
  .pwa-banner-flying {
    background: #f7f7f7;
    border-radius: 4px;
    display: grid;
    grid-column-gap: 16px;
    grid-template-rows: 312px 50px 60px 1fr;
    grid-template-areas: 'cartoon' 'title' 'subtitle' 'buttons'; }
    .pwa-banner-flying-cartoon {
      grid-area: cartoon;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative; }
    .pwa-banner-flying-cartoon .woman-flying-ballon {
        height: 300px;
        -webkit-animation: lp-pwa-flying 8s infinite ease-in-out;
                animation: lp-pwa-flying 8s infinite ease-in-out;
        z-index: 1;
        position: relative;
        top: 30px; }
    .pwa-banner-flying-cartoon__clouds {
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0; }
    .pwa-banner-flying-cartoon__clouds .icon-marmita {
          margin: 0 16px 0 0;
          width: 24px; }
    .pwa-banner-flying-cartoon__clouds .icon-marmita svg {
            color: #3e3e3e;
            fill: #3e3e3e; }
    .pwa-banner-flying-cartoon__clouds > * {
          position: absolute; }
    .pwa-banner-flying-cartoon__clouds > :nth-child(1) {
          top: 20px;
          width: 44px;
          -webkit-animation: 12s lp-pwa-moveclouds infinite linear;
                  animation: 12s lp-pwa-moveclouds infinite linear; }
    .pwa-banner-flying-cartoon__clouds > :nth-child(1) svg {
            color: rgba(255, 187, 197, 0.4);
            fill: rgba(255, 187, 197, 0.4); }
    .pwa-banner-flying-cartoon__clouds > :nth-child(2) {
          top: 70px;
          width: 76px;
          left: -76px;
          -webkit-animation: 10s lp-pwa-moveclouds infinite linear;
                  animation: 10s lp-pwa-moveclouds infinite linear; }
    .pwa-banner-flying-cartoon__clouds > :nth-child(2) svg {
            color: rgba(255, 187, 197, 0.6);
            fill: rgba(255, 187, 197, 0.6); }
    .pwa-banner-flying-cartoon__clouds > :nth-child(3) {
          top: 110px;
          width: 88px;
          height: 80px;
          left: -88px;
          -webkit-animation: 12s lp-pwa-moveclouds 2s infinite linear;
                  animation: 12s lp-pwa-moveclouds 2s infinite linear; }
    .pwa-banner-flying-cartoon__clouds > :nth-child(3) svg {
            color: rgba(255, 187, 197, 0.8);
            fill: rgba(255, 187, 197, 0.8); }
    .pwa-banner-flying-cartoon__clouds > :nth-child(4) {
          top: 170px;
          width: 88px;
          height: 80px;
          left: -88px;
          -webkit-animation: 12s lp-pwa-moveclouds 5s infinite linear;
                  animation: 12s lp-pwa-moveclouds 5s infinite linear; }
    .pwa-banner-flying-cartoon__clouds > :nth-child(4) svg {
            color: #ffbbc5;
            fill: #ffbbc5; }
    .pwa-banner-flying-almost-there {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      -webkit-animation: pwa-fade-in-almost-there 250ms ease;
              animation: pwa-fade-in-almost-there 250ms ease;
      height: 50vh;
      max-width: 280px;
      margin: auto; }
    .pwa-banner-flying-almost-there__cartoon {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 20px 0; }
    .pwa-banner-flying-almost-there__title {
        color: #3e3e3e;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: center;
        font-weight: 500;
        width: 220px; }
    .pwa-banner-flying-almost-there__description {
        color: #717171;
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-align: center;
        margin: 12px auto 0;
        width: 286px; }
    .pwa-banner-flying-almost-there__description strong {
          display: block; }
    .pwa-banner-flying__title {
      grid-area: title;
      font-size: 1rem;
      line-height: 1.375rem;
      max-width: 200px;
      margin: auto;
      text-align: center;
      font-weight: 500;
      color: #3e3e3e; }
    .pwa-banner-flying__subtitle {
      grid-area: subtitle;
      font-size: 0.875rem;
      max-width: 250px;
      text-align: center;
      font-weight: 300;
      color: #717171;
      margin: 12px auto 0; }
    .pwa-banner-flying-buttons {
      grid-area: buttons;
      display: flex;
      flex-direction: column;
      padding: 10px 0 20px; }
    .pwa-banner-flying-buttons__add, .pwa-banner-flying-buttons__dismiss {
        max-width: 215px;
        width: 100%;
        margin: auto; }
    .pwa-banner-flying-buttons__dismiss {
        max-width: 315px;
        margin: 10px auto 0;
        font-weight: 300; }
  
  .pwa-banner-splash {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background: #f7f7f7;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 50px); }
    .pwa-banner-splash.pwa-banner-splash--closing {
      -webkit-animation: 400ms fadeOut 700ms ease;
              animation: 400ms fadeOut 700ms ease; }
    .pwa-banner-splash.pwa-banner-splash--closing .pwa-banner-splash-close {
        -webkit-animation: 1.5s pwa-banner-splash-close ease;
                animation: 1.5s pwa-banner-splash-close ease; }
    .pwa-banner-splash.pwa-banner-splash--closing .pwa-banner-splash-close .btn-icon {
          display: none; }
    .pwa-banner-splash-close {
      background: #fff;
      border-radius: 100%;
      height: 104px;
      width: 104px;
      position: absolute;
      right: -30px;
      top: -20px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10; }
    .pwa-banner-splash-close .btn-icon {
        position: relative;
        left: -6px;
        top: 5px; }
    .pwa-banner-splash-order {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 65px 0 0 0; }
    .pwa-banner-splash-order__icon {
        height: 48px;
        width: 48px;
        background: #50a773;
        border-radius: 100%;
        margin: 0 0 16px 0;
        box-shadow: 0 0 0 0 #50a773;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-animation: pulse-confirm 2s ease;
                animation: pulse-confirm 2s ease; }
    .pwa-banner-splash-order__icon svg {
          color: #fff;
          fill: #fff; }
    .pwa-banner-splash-order__text {
        font-size: 1.25pxrem;
        font-weight: 500;
        color: #3e3e3e; }
    @-webkit-keyframes pwa-banner-splash-close {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    100% {
      -webkit-transform: scale(50);
              transform: scale(50); } }
    @keyframes pwa-banner-splash-close {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1); }
    100% {
      -webkit-transform: scale(50);
              transform: scale(50); } }
    @-webkit-keyframes pwa-banner-splash-confirm {
    0% {
      -webkit-transform: scale(0.5) rotate(100deg);
              transform: scale(0.5) rotate(100deg); }
    80% {
      -webkit-transform: scale(1.2) rotate(-20deg);
              transform: scale(1.2) rotate(-20deg); }
    100% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); } }
    @keyframes pwa-banner-splash-confirm {
    0% {
      -webkit-transform: scale(0.5) rotate(100deg);
              transform: scale(0.5) rotate(100deg); }
    80% {
      -webkit-transform: scale(1.2) rotate(-20deg);
              transform: scale(1.2) rotate(-20deg); }
    100% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); } }
    @-webkit-keyframes pulse-confirm {
    0% {
      -webkit-transform: scale(0.65) rotate(100deg);
              transform: scale(0.65) rotate(100deg);
      box-shadow: 0 0 0 0 rgba(80, 167, 115, 0.7); }
    10% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); }
    70% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0);
      box-shadow: 0 0 0 10px rgba(80, 167, 115, 0); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      box-shadow: 0 0 0 0 rgba(80, 167, 115, 0); } }
    @keyframes pulse-confirm {
    0% {
      -webkit-transform: scale(0.65) rotate(100deg);
              transform: scale(0.65) rotate(100deg);
      box-shadow: 0 0 0 0 rgba(80, 167, 115, 0.7); }
    10% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0); }
    70% {
      -webkit-transform: scale(1) rotate(0);
              transform: scale(1) rotate(0);
      box-shadow: 0 0 0 10px rgba(80, 167, 115, 0); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      box-shadow: 0 0 0 0 rgba(80, 167, 115, 0); } }
  
  .waiting-page {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media only screen and (min-width: 960px) {
      .waiting-page {
        justify-content: flex-start;
        min-height: auto; } }
    .waiting-page .headers--mobile {
      position: fixed;
      width: 100%;
      background-color: white;
      z-index: 9997; }
    .waiting-page .orders-in-progress {
      padding-top: 70px; }
    @media only screen and (min-width: 960px) {
        .waiting-page .orders-in-progress {
          padding-top: 0; } }
    .waiting-page .download-app {
      justify-content: space-between; }
    @media only screen and (min-width: 960px) {
        .waiting-page .download-app {
          display: none; } }
    .waiting-page .download-app__links {
        left: 20px; }
    .waiting-page .download-app__links .btn-icon {
          margin: 0 8px 0 0; }
    .waiting-page-pwa {
      padding: 60px 20px; }
  
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  
  @keyframes fadeIn {
    from {
      opacity: 0; }
    to {
      opacity: 1; } }
  
  @-webkit-keyframes fadeOut {
    from {
      opacity: 1;
      visibility: visible; }
    to {
      opacity: 0;
      visibility: hidden; } }
  
  @keyframes fadeOut {
    from {
      opacity: 1;
      visibility: visible; }
    to {
      opacity: 0;
      visibility: hidden; } }
  
  @-webkit-keyframes fadeInOverlay {
    from {
      opacity: 0; }
    to {
      opacity: 1;
      z-index: 10001; } }
  
  @keyframes fadeInOverlay {
    from {
      opacity: 0; }
    to {
      opacity: 1;
      z-index: 10001; } }
  
  @-webkit-keyframes slideInFromLeft {
    from {
      -webkit-transform: translateX(-50vw);
              transform: translateX(-50vw);
      opacity: 0; }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  
  @keyframes slideInFromLeft {
    from {
      -webkit-transform: translateX(-50vw);
              transform: translateX(-50vw);
      opacity: 0; }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  
  @-webkit-keyframes slideInFromRight {
    from {
      -webkit-transform: translateX(50vw);
              transform: translateX(50vw);
      opacity: 0; }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  
  @keyframes slideInFromRight {
    from {
      -webkit-transform: translateX(50vw);
              transform: translateX(50vw);
      opacity: 0; }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; } }
  
  @-webkit-keyframes slideUpContextCard {
    from {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @keyframes slideUpContextCard {
    from {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    to {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @-webkit-keyframes showContent {
    0% {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    50% {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @keyframes showContent {
    0% {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    50% {
      -webkit-transform: translateY(70px);
              transform: translateY(70px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @-webkit-keyframes showContentMaximized {
    0% {
      -webkit-transform: translateY(400px);
              transform: translateY(400px); }
    10% {
      -webkit-transform: translateY(400px);
              transform: translateY(400px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @keyframes showContentMaximized {
    0% {
      -webkit-transform: translateY(400px);
              transform: translateY(400px); }
    10% {
      -webkit-transform: translateY(400px);
              transform: translateY(400px); }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0); } }
  
  @-webkit-keyframes placeholderAnimate {
    0% {
      background-position: -650px 0; }
    100% {
      background-position: 650px 0; } }
  
  @keyframes placeholderAnimate {
    0% {
      background-position: -650px 0; }
    100% {
      background-position: 650px 0; } }
  
  @-webkit-keyframes fadeInCirc {
    from {
      opacity: 0;
      -webkit-transform: rotate(60deg) scale(0.5);
              transform: rotate(60deg) scale(0.5); }
    to {
      opacity: 1;
      -webkit-transform: rotate(0deg) scale(1);
              transform: rotate(0deg) scale(1); } }
  
  @keyframes fadeInCirc {
    from {
      opacity: 0;
      -webkit-transform: rotate(60deg) scale(0.5);
              transform: rotate(60deg) scale(0.5); }
    to {
      opacity: 1;
      -webkit-transform: rotate(0deg) scale(1);
              transform: rotate(0deg) scale(1); } }
  
  @-webkit-keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
              transform: scale(0.3); }
    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    80% {
      -webkit-transform: scale(0.89);
              transform: scale(0.89); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
              transform: scale(0.3); }
    50% {
      opacity: 1;
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    80% {
      -webkit-transform: scale(0.89);
              transform: scale(0.89); }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  
  @-webkit-keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(101, 9, 16, 0.4); }
    70% {
      box-shadow: 0 0 0 10px rgba(101, 9, 16, 0); }
    100% {
      box-shadow: 0 0 0 0 rgba(101, 9, 16, 0); } }
  
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(101, 9, 16, 0.4); }
    70% {
      box-shadow: 0 0 0 10px rgba(101, 9, 16, 0); }
    100% {
      box-shadow: 0 0 0 0 rgba(101, 9, 16, 0); } }
  
  @-webkit-keyframes shadow-scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    50% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.6; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }
  
  @keyframes shadow-scale {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; }
    50% {
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
      opacity: 0.6; }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1; } }
  
  @-webkit-keyframes lp-pwa-moveclouds {
    0% {
      left: -150px; }
    100% {
      left: 100%; } }
  
  @keyframes lp-pwa-moveclouds {
    0% {
      left: -150px; }
    100% {
      left: 100%; } }
  
  @-webkit-keyframes lp-pwa-flying {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    50% {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); } }
  
  @keyframes lp-pwa-flying {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    50% {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px); }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); } }
  
  @-webkit-keyframes MovingFadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px); }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  
  @keyframes MovingFadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px); }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  
  @-webkit-keyframes MovingFadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translateX(20px);
              transform: translateX(20px); }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  
  @keyframes MovingFadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translateX(20px);
              transform: translateX(20px); }
    to {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); } }
  
  @-webkit-keyframes AnimateProgress {
    0% {
      width: 0; }
    100% {
      width: 100%; } }
  
  @keyframes AnimateProgress {
    0% {
      width: 0; }
    100% {
      width: 100%; } }
  
  .oauth-access-status {
    padding: 114px 20px 0;
    text-align: center;
    margin: auto;
    top: 100%;
    left: 0;
    right: 0;
    position: absolute; }
    @media only screen and (min-width: 960px) {
      .oauth-access-status {
        width: 874px;
        height: 100%;
        padding: 0;
        display: grid;
        text-align: left; } }
    @media only screen and (min-width: 1248px) {
      .oauth-access-status {
        width: 1024px; } }
    .oauth-access-status__user-info {
      align-self: center;
      height: 410px; }
    @media only screen and (min-width: 960px) {
        .oauth-access-status__user-info {
          max-width: 550px; } }
    .oauth-access-status__icons {
      display: grid;
      grid-gap: 12px;
      grid-template-columns: repeat(2, 60px);
      align-self: end;
      justify-content: center; }
    @media only screen and (min-width: 960px) {
        .oauth-access-status__icons {
          justify-content: start; } }
    .oauth-access-status__icons .icon-marmita {
        height: 60px;
        width: 60px;
        border: 7px solid #f2f2f2;
        border-radius: 50%;
        margin-right: 12px; }
    .oauth-access-status .icon-marmita--logo-ifood-smile {
      background-color: #ffe115;
      padding: 10px; }
    .oauth-access-status .icon-marmita--logo-ifood-smile svg {
        fill: #fff; }
    .oauth-access-status .icon-marmita--close {
      background: #717171; }
    .oauth-access-status .icon-marmita--close svg {
        fill: #fff; }
    .oauth-access-status__title {
      align-self: start;
      font-size: 1.125rem;
      line-height: 22px;
      font-weight: 500;
      color: #3e3e3e; }
    @media only screen and (min-width: 960px) {
        .oauth-access-status__title {
          font-size: 2.25rem;
          line-height: 45px; } }
    .oauth-access-status__subtitle {
      font-size: 0.875rem;
      line-height: 24px;
      color: #717171;
      font-weight: 300;
      margin: auto; }
    @media only screen and (min-width: 960px) {
        .oauth-access-status__subtitle {
          font-size: 1.125rem;
          margin: 0; } }
  
  .oauth-request-access {
    opacity: 1;
    transition: opacity 0.1s; }
    @media only screen and (min-width: 960px) {
      .oauth-request-access {
        height: 100%;
        display: grid;
        grid-gap: 64px;
        justify-content: center;
        grid-template-columns: 400px 410px; } }
    @media only screen and (min-width: 1248px) {
      .oauth-request-access {
        grid-template-columns: 550px 410px; } }
    .oauth-request-access__user-info {
      align-self: center;
      max-width: 280px;
      margin: auto auto 40px; }
    @media only screen and (min-width: 960px) {
        .oauth-request-access__user-info {
          max-width: 550px;
          height: 410px;
          margin: auto 0; } }
    .oauth-request-access__icons {
      display: grid;
      margin-bottom: 24px;
      grid-gap: 12px;
      align-self: end;
      justify-content: center;
      grid-template-columns: repeat(2, 60px); }
    @media only screen and (min-width: 960px) {
        .oauth-request-access__icons {
          justify-content: start; } }
    .oauth-request-access__icons .icon-marmita {
        height: 60px;
        width: 60px;
        border: 7px solid #f2f2f2;
        border-radius: 50%;
        margin-right: 12px; }
    .oauth-request-access__icons .icon-marmita--logo-ifood-smile {
        background-color: #ffe115;
        padding: 10px; }
    .oauth-request-access__icons .icon-marmita--logo-ifood-smile svg {
          fill: #fff; }
    .oauth-request-access__title {
      max-width: 550px;
      align-self: start;
      font-weight: 500;
      color: #3e3e3e;
      font-size: 1.125rem;
      text-align: center; }
    @media only screen and (min-width: 960px) {
        .oauth-request-access__title {
          font-size: 2.25rem;
          text-align: left; } }
    .oauth-request-access-permissions {
      padding: 0 16px;
      max-width: 410px;
      background: #fff;
      border-radius: 8px;
      margin: auto; }
    @media only screen and (min-width: 960px) {
        .oauth-request-access-permissions {
          padding: 32px;
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06); } }
    .oauth-request-access-permissions__item {
        margin-bottom: 26px;
        padding-bottom: 16px; }
    .oauth-request-access-permissions__item:not(:last-of-type) {
          border-bottom: 1px solid #f2f2f2; }
    .oauth-request-access-permissions__title {
        font-weight: 500;
        font-size: 1rem;
        color: #3e3e3e; }
    .oauth-request-access-permissions__subtitle {
        font-size: 0.875rem;
        color: #717171; }
  
  .oauth-new-user {
    max-width: 600px;
    margin: 0 auto;
    grid-template-rows: 260px 1fr 1fr;
    display: grid;
    text-align: center; }
    .oauth-new-user .icon-marmita {
      height: 200px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding-bottom: 40px; }
    .oauth-new-user .icon-marmita:before {
        content: '';
        background-color: #fdedee;
        position: absolute;
        z-index: -1;
        border-radius: 50%;
        width: 590px;
        height: 630px;
        -webkit-transform: translate(-50%, -70%);
                transform: translate(-50%, -70%);
        left: 50%;
        top: 0; }
    .oauth-new-user .icon-marmita svg {
        width: 80px;
        height: 44px;
        fill: #ffe115; }
    .oauth-new-user__title {
      padding: 0 16px;
      font-size: 1.25rem; }
    .oauth-new-user__subtitle {
      font-size: 1rem;
      padding: 0 16px;
      color: #717171; }
  
  .oauth-request-permission {
    min-height: 100vh;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    scroll-behavior: smooth;
    max-height: 800px; }
    .oauth-request-permission--show-status {
      max-height: 100vh; }
    .oauth-request-permission--show-status .oauth-request-access {
        opacity: 0; }
    .oauth-request-permission--show-status .oauth-access-status {
        -webkit-animation: request-status-in 0.5s ease-out forwards;
                animation: request-status-in 0.5s ease-out forwards; }
    @media only screen and (min-width: 960px) {
      .oauth-request-permission {
        height: 100vh;
        padding-top: 0; } }
    .oauth-request-permission .icon-marmita--logo-ifood-plain {
      width: 80px;
      height: 44px;
      display: flex;
      margin: 0 auto 50px; }
    @media only screen and (min-width: 960px) {
        .oauth-request-permission .icon-marmita--logo-ifood-plain {
          top: 50px;
          left: 50px;
          position: absolute; } }
    .oauth-request-permission .icon-marmita--logo-ifood-plain svg {
        fill: #ffe115; }
    .oauth-request-permission .toast {
      position: fixed; }
    @-webkit-keyframes request-status-in {
    0% {
      top: 100%; }
    100% {
      top: 0; } }
    @keyframes request-status-in {
    0% {
      top: 100%; }
    100% {
      top: 0; } }
  
  .context-card {
    z-index: 9998;
    position: relative;
    visibility: hidden; }
    .context-card.context-card--visible {
      visibility: visible; }
    .context-card.context-card--visible + [class*='-layout'],
      .context-card.context-card--visible + * + [class*='-layout'] {
        padding: 0 0 75px; }
    .context-card.context-card--opened ~ .tab-bar {
      display: none; }
    @media only screen and (min-width: 768px) {
      .context-card .remove-voucher-button {
        font-size: 0.875rem; } }
    .context-card__minimized {
      width: 100vw;
      position: fixed;
      bottom: 0;
      background-color: #ffe115;
      z-index: 9994; }
    .context-card__minimized.context-card__minimized--hidden {
        -webkit-transform: translateY(80px);
                transform: translateY(80px); }
    .context-card__minimized.context-card__minimized--tab-bar-spacing {
        bottom: 50px; }
    .context-card__maximized {
      background-color: #fff;
      transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      position: fixed;
      width: 100vw;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      overflow: hidden; }
    .context-card__maximized.context-card__maximized--opened {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        z-index: 9999; }
    .context-card__maximized.context-card__maximized--opened + .context-card__overlay {
          visibility: visible;
          opacity: 0.5; }
    .context-card__maximized.context-card__maximized--opened .context-card__content {
          -webkit-animation: showContentMaximized 600ms cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
                  animation: showContentMaximized 600ms cubic-bezier(0.075, 0.82, 0.165, 1) forwards; }
    .context-card__maximized .context-card__content {
        height: calc(100% - 60px);
        overflow: hidden; }
    .context-card__overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      visibility: hidden;
      margin: auto;
      opacity: 0;
      transition: 300ms;
      background: #000; }
    .context-card .context-card__btn-open {
      border: none;
      background: transparent;
      width: 100%;
      display: block; }
  
  .observation-modal__container {
    padding: 0 20px; }
  
  .observation-modal__header {
    color: #f5e9da; }
  
  .observation-modal__header .nav-header--transparent .btn-icon .icon-marmita svg {
      color: #fed298;
      fill: #fed298; }
  
  .observation-modal__header .nav-header__title {
      color: #f5e9da; }
  
  .observation-modal__textarea {
    padding: 10px 0;
    margin-top: 22px;
    background: transparent;
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.5;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    min-height: 15rem;
    height: 15rem;
    border: none;
    resize: none;
    font-weight: 500; }
  
  .observation-modal__textarea::-webkit-input-placeholder {
      font-weight: 500;
      opacity: 1;
      color: #fed298; }
  
  .observation-modal__textarea:-ms-input-placeholder {
      font-weight: 500;
      opacity: 1;
      color: #fed298; }
  
  .observation-modal__textarea::-ms-input-placeholder {
      font-weight: 500;
      opacity: 1;
      color: #fed298; }
  
  .observation-modal__textarea::placeholder {
      font-weight: 500;
      opacity: 1;
      color: #fed298; }
  
  .observation-modal__btn-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px; }
  
  .observation-modal__btn-save.btn {
    background-color: #f5e9da; }
  
  .observation-modal__btn-save.btn:disabled {
      background: #fed298;
      color: #ffe115; }
  
  .cart-item {
    display: flex;
    flex-direction: row;
    padding: 20px;
    position: relative; }
    .cart-item__information {
      color: #a6a5a5;
      font-size: 0.9375rem;
      font-weight: lighter;
      line-height: 22px;
      vertical-align: middle;
      width: 100%;
      overflow: hidden; }
    .cart-item__information__title {
        display: flex;
        align-items: flex-end;
        color: #272727;
        font-size: 1rem;
        font-weight: normal;
        word-wrap: normal; }
    .cart-item__information ul {
        list-style-position: inside;
        margin: 0;
        padding: 0; }
    .cart-item__information li {
        padding-left: 2px; }
    .cart-item__pricing {
      white-space: nowrap;
      line-height: 1.375rem;
      margin-left: 5px; }
    .cart-item__pricing span {
        vertical-align: baseline; }
    .cart-item__edit {
      width: 40px;
      height: 22px; }
    .cart-item__edit .btn-icon {
        top: -10px; }
    .cart-item__edit__modal-title {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.125rem;
        font-weight: 500;
        text-align: center;
        padding: 5px 20px 20px;
        width: 100%; }
    .cart-item__edit__modal-button {
        display: block;
        font-weight: 500;
        margin: 0; }
    .cart-item__edit__modal-button::before {
          content: '';
          width: calc(100% - 40px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          left: 20px;
          top: 0;
          border-top: 1px solid #f5f0eb; }
    .cart-item__edit__modal-button:last-of-type::after {
          content: '';
          width: calc(100% - 40px);
          height: 0;
          display: block;
          background: transparent;
          position: absolute;
          left: 20px;
          bottom: 0;
          border-top: 1px solid #f5f0eb; }
    .cart-item::before {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      left: 20px;
      top: 0;
      border-top: 1px solid #f5f0eb; }
  
  .cart-summary {
    display: flex;
    flex-direction: column;
    padding: 20px; }
    .cart-summary__voucher {
      display: flex;
      justify-content: space-between;
      color: #a6a5a5;
      font-size: 0.9375rem;
      font-weight: lighter;
      line-height: 22px;
      height: 22px; }
    .cart-summary__voucher span.value-credit {
        color: #50a773; }
    .cart-summary__delivery {
      display: flex;
      justify-content: space-between;
      color: #a6a5a5;
      font-size: 0.9375rem;
      font-weight: lighter;
      line-height: 22px;
      height: 22px; }
    .cart-summary__delivery__button {
        top: -13px;
        width: 40px;
        height: 40px;
        border-radius: 100%; }
    .cart-summary__delivery__button::before {
          content: '';
          height: 17px;
          width: 17px;
          border-radius: 100%;
          display: block;
          background: transparent;
          position: absolute;
          border: 1px solid #a6a5a5; }
    .cart-summary__delivery span {
        display: flex;
        align-items: flex-start;
        vertical-align: top; }
    .cart-summary__total_amount {
      display: flex;
      justify-content: space-between;
      color: #a6a5a5;
      font-size: 0.9375rem;
      font-weight: lighter;
      line-height: 22px;
      height: 22px; }
    .cart-summary__total_amount__button {
        top: -13px;
        width: 40px;
        height: 40px;
        border-radius: 100%; }
    .cart-summary__total_amount__button::before {
          content: '';
          height: 17px;
          width: 17px;
          border-radius: 100%;
          display: block;
          background: transparent;
          position: absolute;
          border: 1px solid #a6a5a5; }
    .cart-summary__total_amount span {
        display: flex;
        align-items: flex-start;
        vertical-align: top; }
    .cart-summary__total-cost {
      display: flex;
      justify-content: space-between;
      font-size: 1.125rem;
      font-weight: bold;
      line-height: 22px;
      margin-top: 5px; }
  
  .cart__title {
    font-size: 1.375rem;
    font-weight: bold;
    padding: 12px 20px 12px; }
  
  .cart__add-item-button::before {
    content: '';
    width: calc(100% - 40px);
    height: 0;
    display: block;
    background: transparent;
    position: absolute;
    left: 20px;
    top: 0;
    border-top: 1px solid #f5f0eb; }
  
  .cart__add-item-button::after {
    content: '';
    width: calc(100% - 40px);
    height: 0;
    display: block;
    background: transparent;
    position: absolute;
    left: 20px;
    bottom: 0;
    border-top: 1px solid #f5f0eb; }
  
  .cart__min-checkout {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #a6a5a5;
    font-size: 0.9375rem;
    font-weight: lighter;
    line-height: 22px; }
  
  .cart__min-checkout--value {
      font-weight: normal; }
  
  .cart__min-checkout::before {
      content: '';
      width: calc(100% - 40px);
      height: 0;
      display: block;
      background: transparent;
      position: absolute;
      top: 0;
      left: 20px;
      border-top: 1px solid #f5f0eb; }
  
  .cart__empty {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #a6a5a5;
    font-size: 0.9375rem;
    font-weight: lighter;
    line-height: 22px; }
  
  .google-sign-in {
    height: 50px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 0; }
    .google-sign-in .icon-marmita {
      position: absolute;
      left: 16px; }
  
  .sign-in-onboard {
    text-align: center;
    display: flex;
    flex-direction: column; }
    @media only screen and (min-width: 960px) {
      .sign-in-onboard {
        padding: 30px 0; } }
    .sign-in-onboard__title {
      font-size: 1.5rem;
      line-height: 30px;
      color: #414143;
      margin: 0 0 20px;
      font-weight: 500;
      letter-spacing: 0.0246em; }
    @media only screen and (min-width: 960px) {
        .sign-in-onboard__title {
          font-size: 2.5rem;
          letter-spacing: -0.0024em;
          margin: 0 0 30px;
          line-height: 50px; } }
    .sign-in-onboard__subtitle {
      font-size: 1rem;
      font-weight: initial;
      color: #717171;
      margin: 0 0 22px; }
    @media only screen and (min-width: 960px) {
        .sign-in-onboard__subtitle {
          font-size: 1.5rem;
          margin: 0 0 42px; } }
    .sign-in-onboard__email {
      border: 1px solid #dcdcdc;
      color: #a6a6a6;
      border-radius: 4px; }
    @media only screen and (min-width: 960px) {
      .sign-in-onboard .btn {
        cursor: pointer; } }
    .sign-in-onboard .btn:not(:last-of-type) {
      margin-bottom: 20px; }
  
  .sign-in-email {
    color: #717171;
    display: grid;
    padding-top: 70px; }
    @media only screen and (min-width: 960px) {
      .sign-in-email {
        padding-top: 30px; } }
    .sign-in-email__title {
      font-size: 1.125rem;
      text-align: center;
      margin: 0 0 20px;
      justify-self: center; }
    @media only screen and (min-width: 960px) {
        .sign-in-email__title {
          max-width: 320px; } }
  
  .sign-in-otp-failure {
    display: flex;
    flex-direction: column;
    padding-top: 70px; }
    @media only screen and (min-width: 960px) {
      .sign-in-otp-failure {
        padding-top: 30px; } }
    .sign-in-otp-failure__title {
      font-size: 1.125rem;
      line-height: 30px;
      font-weight: 500;
      text-align: center;
      color: #3e3e3e;
      margin: 0 0 22px; }
    @media only screen and (min-width: 960px) {
        .sign-in-otp-failure__title {
          font-size: 1.5rem; } }
    .sign-in-otp-failure__subtitle {
      font-size: 0.875rem;
      line-height: 22px;
      margin: 0 0 26px;
      text-align: center;
      color: #717171; }
    @media only screen and (min-width: 960px) {
        .sign-in-otp-failure__subtitle {
          font-size: 1.125rem; } }
    .sign-in-otp-failure__email {
      font-size: 1rem;
      line-height: 22px;
      text-align: center;
      color: #3e3e3e;
      margin: 0 0 26px;
      word-break: break-all; }
    @media only screen and (min-width: 960px) {
        .sign-in-otp-failure__email {
          font-size: 1.125rem; } }
    .sign-in-otp-failure__change-email {
      margin-bottom: 34px;
      height: auto; }
    .sign-in-otp-failure__resend {
      margin-bottom: 34px; }
  
  .sign-in-otp {
    width: 100%;
    padding: 48px 0 0;
    padding-top: 70px; }
    @media only screen and (min-width: 960px) {
      .sign-in-otp {
        padding-top: 30px; } }
    .sign-in-otp__title {
      font-size: 1rem;
      text-align: center;
      margin: 0 0 10px;
      color: #717171; }
    @media only screen and (min-width: 960px) {
        .sign-in-otp__title {
          font-size: 1.125rem; } }
    .sign-in-otp__email {
      font-size: 1rem;
      line-height: 1.375rem;
      text-align: center;
      margin: 0 0 26px;
      word-break: break-all; }
    @media only screen and (min-width: 960px) {
        .sign-in-otp__email {
          font-size: 1.125rem; } }
    .sign-in-otp__field {
      position: relative;
      display: grid;
      grid-gap: 8px;
      grid-template-columns: repeat(5, -webkit-min-content);
      grid-template-columns: repeat(5, min-content);
      justify-content: center; }
    .sign-in-otp__field-char {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 40px;
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        font-size: 1em;
        text-indent: calc(50% - 0.375em);
        line-height: 1.125em; }
    @media only screen and (min-width: 960px) {
          .sign-in-otp__field-char {
            width: 60px;
            height: 50px;
            text-indent: 1.5em; } }
    .sign-in-otp__field-char--active {
          border: 1.5px solid #3e3e3e; }
    .sign-in-otp__field-char--error {
          border: 1px solid #ee4c58; }
    .sign-in-otp__field input[type='number']::-webkit-inner-spin-button,
      .sign-in-otp__field input[type='number']::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
    .sign-in-otp__btn-continue {
      margin-top: 20px; }
    .sign-in-otp__btn-no-code {
      margin-top: 20px;
      height: 20px; }
  
  .sign-in-challenge {
    color: #717171;
    padding: 40px 0 0;
    display: grid;
    padding-top: 70px; }
    @media only screen and (min-width: 960px) {
      .sign-in-challenge {
        padding-top: 30px; } }
    .sign-in-challenge__title {
      font-size: 1rem;
      text-align: center;
      margin: 0 0 10px;
      color: #717171;
      max-width: 320px;
      justify-self: center; }
    @media only screen and (min-width: 960px) {
        .sign-in-challenge__title {
          font-size: 1.125rem; } }
    .sign-in-challenge__email {
      font-size: 1rem;
      line-height: 1.25rem;
      text-align: center;
      margin: 0 0 26px;
      color: #3f3e3e;
      text-transform: lowercase;
      word-break: break-all; }
    @media only screen and (min-width: 960px) {
        .sign-in-challenge__email {
          font-size: 1.125rem; } }
    .sign-in-challenge__next-btn {
      width: 100%; }
  
  .sign-up {
    color: #717171;
    padding-top: 70px; }
    @media only screen and (min-width: 960px) {
      .sign-up {
        padding-top: 30px; } }
    .sign-up__title {
      text-align: center;
      color: #3e3e3e;
      margin: 0 0 34px;
      font-size: 1.5rem;
      display: none; }
    @media only screen and (min-width: 960px) {
        .sign-up__title {
          display: block; } }
    .sign-up-privacity {
      font-size: 0.875rem;
      margin: 0 0 25px; }
    .sign-up-privacity__link {
        padding: 0;
        margin: 0;
        height: auto;
        font-weight: normal; }
    .sign-up__register-btn {
      margin-bottom: 25px; }
    .sign-up-newsletter {
      display: flex;
      margin: 20px 0;
      align-items: center;
      font-size: 0.875rem; }
    .sign-up-newsletter__checkbox {
        margin-right: 5px; }
    .sign-up__modal {
      max-height: 80vh;
      overflow-y: scroll;
      scrollbar-color: #dcdcdc transparent; }
    .sign-up__modal::-webkit-scrollbar-track {
        border-radius: 50px;
        background-color: transparent; }
    .sign-up__modal::-webkit-scrollbar {
        width: 4px;
        background-color: transparent; }
    .sign-up__modal::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #dcdcdc; }
    .sign-up__has-account {
      font-size: 0.9375rem;
      text-align: center;
      color: #3e3e3e;
      font-weight: 500; }
    .sign-up__has-account .btn {
        padding: 0; }
  
  .authentication-steps {
    display: flex;
    position: relative;
    justify-self: center;
    width: 100%; }
    @media only screen and (min-width: 960px) {
      .authentication-steps {
        width: 510px;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05), 0px 4px 16px rgba(0, 0, 0, 0.06);
        border-radius: 8px;
        padding: 36px 50px;
        background-color: #fff;
        align-self: center; } }
    .authentication-steps__title {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      top: 34px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500; }
    @media only screen and (min-width: 960px) {
        .authentication-steps__title {
          display: none; } }
    .authentication-steps .steps-router {
      overflow: visible; }
    .authentication-steps .steps-router__step {
      overflow: visible;
      position: relative; }
    .authentication-steps .steps-router__step--invisible {
      position: absolute;
      visibility: hidden;
      opacity: 0; }
    .authentication-steps .authentication-steps__back-btn {
      width: 50px;
      height: 50px;
      margin: 0;
      position: absolute;
      left: -20px;
      top: 11px;
      z-index: 2; }
    @media only screen and (min-width: 960px) {
        .authentication-steps .authentication-steps__back-btn {
          left: -5px; } }
    .authentication-steps .authentication-steps__back-btn .icon-marmita {
        width: 8px;
        height: 16px; }
    .authentication-steps .toast {
      position: absolute;
      top: 11px;
      width: 100%; }
    @media only screen and (min-width: 960px) {
        .authentication-steps .toast {
          width: calc(100% - 26px); } }
  
  .authentication {
    display: flex;
    position: relative;
    z-index: 0;
    width: 100%;
    flex-direction: column; }
    @media only screen and (min-width: 960px) {
      .authentication {
        height: 100vh;
        overflow: hidden; } }
    .authentication__home-btn {
      display: none;
      position: absolute;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      width: 90px;
      height: 45px;
      border-radius: 0;
      z-index: 3;
      top: 44px; }
    .authentication__home-btn .icon-marmita {
        width: 100%;
        height: 100%; }
    @media only screen and (min-width: 960px) {
        .authentication__home-btn {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          left: 44px;
          display: block; } }
    .authentication__wrapper {
      position: relative;
      display: grid;
      width: 100%;
      height: 100%;
      padding: 0 20px;
      grid-template-rows: 1fr;
      row-gap: 20px; }
    @media only screen and (min-width: 960px) {
        .authentication__wrapper {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          row-gap: 0;
          grid-template-rows: unset;
          grid-template-columns: 1fr 1fr; } }
    .authentication__illustration {
      position: relative;
      display: none;
      justify-content: center; }
    @media only screen and (min-width: 960px) {
        .authentication__illustration {
          display: flex; } }
    .authentication__illustration:before {
        content: '';
        min-width: 130vh;
        min-height: 135vh;
        width: 130vw;
        height: 130vw;
        z-index: -1;
        position: absolute;
        background-color: #fdedee;
        border-radius: 0 100% 100%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        bottom: 0; }
    @media only screen and (min-width: 960px) {
          .authentication__illustration:before {
            right: 0;
            bottom: unset;
            left: auto;
            min-width: 130vh;
            min-height: 135vh;
            max-width: 80vw;
            max-height: 80vw;
            width: 80vw;
            height: 80vw;
            -webkit-transform: translate(15vw, -23%);
                    transform: translate(15vw, -23%); } }
    .authentication__illustration div {
        display: flex;
        justify-content: center;
        max-width: 500px;
        margin-bottom: 20px; }
    .authentication__illustration div svg {
          min-width: 250px;
          width: 75%;
          height: 100%; }
    @media only screen and (min-width: 960px) {
            .authentication__illustration div svg {
              width: 100%; } }
    @media only screen and (min-width: 960px) {
          .authentication__illustration div {
            margin-bottom: 0;
            max-width: auto;
            width: 90%;
            z-index: -1;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); } }
    .authentication--landing .authentication__home-btn {
      display: block; }
    .authentication--landing .authentication__illustration {
      display: flex; }
    .authentication--landing .authentication__wrapper {
      grid-template-rows: 1fr 1fr; }
    @media only screen and (min-width: 960px) {
        .authentication--landing .authentication__wrapper {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px;
          grid-template-rows: unset; } }
  
  .checkout__signin {
    padding: 20px; }
  
  .checkout__order {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    padding: 0 0 70px;
    position: relative;
    z-index: 2; }
  
  .checkout__order--is-loop {
      min-height: calc(100% - 60px - 97px); }
  
  .checkout__container-scroll {
    overflow: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%; }
  
  @media only screen and (min-width: 960px) {
      .checkout__container-scroll .checkout > * {
        border-bottom: 10px solid #f5f0eb; } }
  
  .checkout__delivery {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 1;
    top: 0; }
  
  .checkout__warning-minimum-order {
    border-top: 1px solid #f5f0eb;
    padding: 20px 10px;
    color: #a6a5a5;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: lighter;
    line-height: 22px; }
  
  .checkout__warning-minimum-order strong {
      margin: 0 0 0 1px; }
  
  .checkout__scheduling {
    padding: 0 20px; }
  
  .loyalty-card-notification {
    display: grid;
    grid-template: 1fr 1fr / 1fr;
    justify-items: center;
    text-align: center;
    grid-auto-flow: column dense;
    gap: 16px;
    padding: 12px;
    align-items: center;
    background-color: #ffffff;
    max-width: 345px;
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    @media only screen and (min-width: 768px) {
      .loyalty-card-notification {
        text-align: left;
        grid-template: 1fr / 50px 1fr;
        border: 1px solid #f7f7f7; } }
    .loyalty-card-notification__title {
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 500;
      color: #3e3e3e;
      margin: 0 0 8px; }
    .loyalty-card-notification__description {
      display: block;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 300;
      color: #717171;
      padding: 0 0 12px; }
    .loyalty-card-notification__pill-progress {
      padding: 0 0 8px; }
    .loyalty-card-notification__icon svg {
      width: 120px;
      height: 120px; }
    @media only screen and (min-width: 768px) {
        .loyalty-card-notification__icon svg {
          width: 60px;
          height: 60px; } }
    .loyalty-card-notification__btn-see-loyalty {
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 500;
      color: #ffe115;
      background-color: #ffffff;
      border: 0;
      cursor: pointer; }
  
  .user-nav-modal-overlay {
    z-index: 9997; }
  
  .user-navigation-modal__header {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid #f5f0eb;
    padding: 10px 20px;
    height: 65px;
    display: flex;
    z-index: 9997; }
  
  .user-navigation-modal__control {
    display: flex;
    align-items: center; }
  
  .user-navigation-modal__control svg {
      color: #ffe115;
      fill: #ffe115; }
  
  .user-navigation-modal__control .control__back-icon {
      height: 30px;
      width: 20px; }
  
  .user-navigation-modal__control .control__back-icon svg {
        width: 30px;
        position: relative;
        left: -9px; }
  
  .user-navigation-modal__user-name {
    margin: 0 0 0 20px;
    font-size: 1.125em;
    font-weight: bold;
    color: #3f3e3e;
    display: flex;
    align-items: center; }
  
  .user-navigation-modal .pwa-banner-install {
    margin: 0 0 50px; }
  
  .tab-bar {
    position: fixed;
    bottom: 0;
    height: 50px;
    display: flex;
    justify-content: space-around;
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.24);
    z-index: 10000; }
    .tab-bar--with-home-button {
      height: 70px;
      padding-bottom: 20px; }
    @media only screen and (min-width: 960px) {
      .tab-bar {
        display: none; } }
    .tab-bar .tab-bar-item {
      position: relative;
      overflow: hidden;
      padding: 8px 0;
      width: 70px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: #3f3e3e;
      text-decoration: none;
      border: none;
      background: none; }
    .tab-bar .tab-bar-item__badge {
        background: #ffe115;
        border-radius: 10px;
        position: absolute;
        color: #fff;
        font-size: 0.5rem;
        line-height: 0.5rem;
        height: 16px;
        top: 2px;
        -webkit-transform: translateX(8px);
                transform: translateX(8px);
        z-index: 1;
        min-width: 16px;
        border: 2px solid #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1px 3px 0 3px; }
    .tab-bar .tab-bar-item__icon {
        position: relative; }
    .tab-bar .tab-bar-item__icon .icon-marmita {
          width: 21px; }
    .tab-bar .tab-bar-item__icon .icon-marmita svg {
            color: #3f3e3e; }
    .tab-bar .tab-bar-item--has-notifications {
        position: absolute;
        right: 19px;
        top: 0; }
    .tab-bar .tab-bar-item canvas {
        z-index: 1; }
    .tab-bar .tab-bar-item__title {
        color: #3e3e3e;
        font-weight: 300;
        font-size: 0.75rem;
        line-height: 0.875rem; }
    .tab-bar .tab-bar-item__title--active {
          font-weight: 500; }
  
  .notification {
    position: relative;
    height: 100vh; }
    .notification iframe {
      width: 100vw;
      height: 100%;
      border: 0; }
  
  .restaurant-card-empty-icon {
    display: inline-block;
    position: relative; }
    .restaurant-card-empty-icon svg {
      width: 100%;
      height: 100%; }
  
  .restaurant-simple-card {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    padding: 19px 20px 16px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    min-width: 83vw; }
    .restaurant-simple-card .restaurant-logo-container {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      min-width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: white;
      overflow: hidden; }
    @media only screen and (min-width: 960px) {
        .restaurant-simple-card .restaurant-logo-container {
          width: 60px;
          min-width: 60px;
          height: 60px; } }
    .restaurant-simple-card .restaurant-logo-container--placeholder {
        background-color: #dbdad9; }
    .restaurant-simple-card .restaurant-logo-container--placeholder svg {
          color: #fff;
          fill: #fff; }
    .restaurant-simple-card .restaurant-logo {
      max-height: 100%; }
    .restaurant-simple-card .restaurant-info-container {
      text-align: left;
      flex-grow: 1;
      padding-left: 20px;
      overflow: hidden; }
    .restaurant-simple-card .restaurant-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: flex;
      font-weight: 400;
      color: #717171;
      font-size: 1rem;
      justify-content: space-between;
      align-items: baseline;
      min-width: 0; }
    .restaurant-simple-card .restaurant-delivery-time {
      font-weight: 300;
      color: #a6a5a5;
      font-size: 0.875rem;
      line-height: 1.25em;
      margin-top: 0;
      margin-bottom: 0.25em; }
    @media only screen and (min-width: 960px) {
        .restaurant-simple-card .restaurant-delivery-time {
          font-size: 0.875rem;
          line-height: 1.375em; } }
    .restaurant-simple-card .restaurant-tag {
      margin-top: 2px; }
    .restaurant-simple-card--closed {
      background: #f6f5f5;
      opacity: 0.7; }
    .restaurant-simple-card--closed .restaurant-logo {
        -webkit-filter: grayscale(1);
                filter: grayscale(1); }
    .restaurant-simple-card--closed .restaurant-name {
        color: #666565; }
  
  .restaurant-recent-list {
    border-bottom: 10px solid #f2f2f2; }
    @media only screen and (min-width: 768px) {
      .restaurant-recent-list {
        border-bottom: none; } }
    .restaurant-recent-list__wrapper {
      padding: 4px 0 0; }
    @media only screen and (min-width: 960px) {
        .restaurant-recent-list__wrapper {
          width: 100%;
          max-width: 1366px !important;
          margin: auto;
          padding: 0 30px; } }
    @media only screen and (min-width: 768px) {
        .restaurant-recent-list__wrapper {
          border-bottom: none;
          padding: 0 30px 64px; } }
    .restaurant-recent-list__header {
      display: block;
      padding: 0 20px; }
    @media only screen and (min-width: 960px) {
        .restaurant-recent-list__header {
          padding: 0; } }
    @media only screen and (min-width: 768px) {
        .restaurant-recent-list__header {
          padding: 0; } }
    .restaurant-recent-list__header .title {
        font-size: 1.125rem;
        color: #414143;
        line-height: 1;
        font-weight: 400; }
    @media only screen and (min-width: 768px) {
          .restaurant-recent-list__header .title {
            font-size: 1.25rem;
            font-weight: 500;
            letter-spacing: -1px; } }
    @media only screen and (min-width: 960px) {
          .restaurant-recent-list__header .title {
            margin: 0 0 32px; } }
    .restaurant-recent-list .restaurant-simple-card {
      min-width: 260px; }
    @media only screen and (max-width: 767px) {
        .restaurant-recent-list .restaurant-simple-card {
          width: 80vw; } }
    .restaurant-recent-list .marmita-scrollbox {
      height: 100%; }
    .restaurant-recent-list .carousel__controller--left {
      -webkit-transform: translateY(-20px) rotateZ(90deg);
              transform: translateY(-20px) rotateZ(90deg); }
    @media only screen and (min-width: 768px) {
        .restaurant-recent-list .carousel__controller--left {
          -webkit-transform: translateY(-20px) rotateZ(90deg);
                  transform: translateY(-20px) rotateZ(90deg); } }
    @media only screen and (min-width: 960px) {
        .restaurant-recent-list .carousel__controller--left {
          left: -25px; } }
    .restaurant-recent-list .carousel__controller--right {
      -webkit-transform: translateY(-20px) rotateZ(-90deg);
              transform: translateY(-20px) rotateZ(-90deg); }
    @media only screen and (min-width: 768px) {
        .restaurant-recent-list .carousel__controller--right {
          -webkit-transform: translateY(-20px) rotateZ(-90deg);
                  transform: translateY(-20px) rotateZ(-90deg); } }
    @media only screen and (min-width: 960px) {
        .restaurant-recent-list .carousel__controller--right {
          right: -25px; } }
  
  .restaurants-list__load-more-container {
    padding: 0 20px;
    width: 100%;
    max-width: 1366px !important;
    margin: auto;
    padding: 0 30px;
    margin: 36px auto; }
    @media only screen and (min-width: 1248px) {
      .restaurants-list__load-more-container {
        padding: 0 40px 0 48px; } }
    @media only screen and (min-width: 960px) {
      .restaurants-list__load-more-container {
        padding: 0 30px; } }
    @media only screen and (max-width: 767px) {
      .restaurants-list__load-more-container {
        display: block;
        padding: 0 20px; } }
    .restaurants-list__load-more {
    background: transparent;
    border: 1px solid #eaeaea;
    font-size: 1rem;
    font-weight: normal; }
    .restaurants-list__load-more:hover:enabled {
      background: #eaeaea; }