/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/block/FoodMenu/style.css ***!
  \*****************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

:root {
  --clr-primary: #00634e;
  --clr-primary-rgb: 0, 99, 78;
  --clr-grey: #f4f4f4;
  --clr-secondary: var(--clr-grey);
  --clr-tertiary: #9dcff0;
  --clr-fourth: #7eb975;
  --clr-fifth: #fae46b;
  --clr-sixth: #e08982;
  --clr-accent: var(--clr-grey);
  --clr-grey-200: #ddd;
  --clr-grey-500: #a5b2af;
  --clr-grey-900: #373d42;
  --clr-grey-dark: #666766;
  --clr-grey-dark-muted: #898989;
  --clr-error: #e56b6b;
  --clr-success: var(--clr-fourth);
  --clr-warning: var(--clr-fifth);
  --clr-info: var(--clr-tertiary);
  --clr-white: #fff;
  --clr-black: #121211;
  --clr-pure-black: #000;
  --clr-muted: #dddfe4;
  --clr-muted-transparent: var(--clr-grey);
  --clr-border: transparent;
  --clr-list-marker: var(--clr-primary);
  --clr-marker: var(--clr-primary);
  --clr-headline: var(--clr-text);
  --clr-text: var(--clr-black);
  --clr-text-secondary: var(--clr-white);
  --clr-text-muted: var(--clr-grey-dark-muted);
  --clr-link: var(--clr-text);
  --clr-divider: var(--clr-secondary);
  --clr-label: var(--clr-text);
  --bg-clr-page: #f8fafb;
  --bg-clr-one: var(--clr-white);
  --bg-clr-two: var(--clr-secondary);
  --bg-clr-three: var(--clr-tertiary);
  --bg-clr-four: var(--clr-fourth);
  --bg-clr-five: var(--clr-fifth);
  --bg-clr-six: var(--clr-sixth);
  --bg-clr-seven: var(--clr-primary);
  --bg-clr-eight: #a73d3e;
  --bg-clr-input: var(--clr-white);
  --clr-input: var(--clr-grey-dark-muted);
  --border-clr-input: var(--clr-text);
  --underline-color: var(--clr-primary);
}

/** Checkbox and Radio Mixins */

[name='FoodMenu'] {

  /* Tab Navigation */

  /* Content Area */

  /* Food Items - Two column on desktop */

  /* Variants */

  /* Empty State */
}

[name='FoodMenu'] .wrapper {
    max-width: var(--container-width);
    margin-inline: auto;
  }

[name='FoodMenu'] .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-block-end: var(--gutter);
  }

@media screen and (width >= 1024px) {

[name='FoodMenu'] .tabs {
      gap: 24px
  }
    }

[name='FoodMenu'] .tab {
    padding: 16px 20px;
    background: var(--clr-white);
    border-radius: var(--border-radius, 10px);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%);
    cursor: pointer;
  }

[name='FoodMenu'] .tab:hover,
    [name='FoodMenu'] .tab:focus-visible,
    [name='FoodMenu'] .tab.is-active {
      color: var(--clr-white);
      background-color: var(--clr-text);
      border-color: var(--clr-text);
    }

[name='FoodMenu'] .tab:focus-visible {
      outline: 2px solid var(--color-primary, #121212);
      outline-offset: 2px;
    }

[name='FoodMenu'] .content .swiper {
      overflow: hidden;
    }

[name='FoodMenu'] .content .swiper-slide {
      height: auto;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease,
      visibility 0.3s ease;
    }

[name='FoodMenu'] .content .swiper-slide.swiper-slide-active {
        opacity: 1;
        visibility: visible;
      }

[name='FoodMenu'] .panel {
    background-color: var(--clr-white);
    padding: 24px;
    border-radius: var(--border-radius, 10px);
  }

[name='FoodMenu'] .category-title {
    font-family: 'Source Sans Pro', serif;
    font-size: 32px;
    font-weight: var(--fw-semibold);
    line-height: 38px;
    margin-block-end: 8px;
  }

[name='FoodMenu'] .category-description {
    margin: 0;
    margin-block-end: var(--gutter);
  }

[name='FoodMenu'] .items {
    display: flex;
    flex-direction: column;
  }

@media screen and (width >= 1024px) {

[name='FoodMenu'] .items {
      display: block;
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 48px;
           column-gap: 48px
  }
    }

[name='FoodMenu'] .item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-block: 16px;
    border-top: 1px solid var(--color-border, #d0d0d0);
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

[name='FoodMenu'] .item-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

[name='FoodMenu'] .item-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
  }

[name='FoodMenu'] .item-title {
    font-family: 'Source Sans Pro', serif;
    margin: 0;
    font-weight: var(--fw-semibold);
    font-size: 18px;
    line-height: 22px;
  }

[name='FoodMenu'] .item-price {
    font-size: var(--font-size-base);
    font-weight: 400;
    color: var(--color-text, #121212);
    white-space: nowrap;
    flex-shrink: 0;
  }

[name='FoodMenu'] .item-description > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

[name='FoodMenu'] .item-description > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='FoodMenu'] .item-description > h2,
  [name='FoodMenu'] .item-description > h3,
  [name='FoodMenu'] .item-description > h4,
  [name='FoodMenu'] .item-description > h5,
  [name='FoodMenu'] .item-description > h6 {
    margin-block-start: 0;
  }

[name='FoodMenu'] .item-description {

    font-size: var(--font-size-sm);
    color: var(--color-text-muted, #666);
    line-height: 1.5;
}

[name='FoodMenu'] .item-description p {
      margin: 0;
    }

[name='FoodMenu'] .variants {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-block-start: 8px;
  }

[name='FoodMenu'] .variant {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
  }

[name='FoodMenu'] .variant-description {
    font-size: var(--font-size-sm);
    color: var(--color-text-muted, #666);
  }

[name='FoodMenu'] .variant-description p {
      margin: 0;
      display: inline;
    }

[name='FoodMenu'] .variant-price {
    font-size: var(--font-size-sm);
    font-weight: 400;
    color: var(--color-text, #121212);
    white-space: nowrap;
    flex-shrink: 0;
  }

[name='FoodMenu'] .variant-price small {
      font-weight: 400;
      color: var(--color-text-muted, #666);
      margin-inline-end: 4px;
    }

[name='FoodMenu'] .empty {
    text-align: center;
    color: var(--color-text-muted, #666);
    padding: var(--spacing-lg);
  }

[name='FoodMenu'] [name='SliderScrollbar'].swiper-scrollbar.swiper-scrollbar-horizontal {
    --swiper-scrollbar-size: 10px;
    --swiper-scrollbar-bg-color: rgb(0 0 0 / 38%);

    position: relative;
    top: unset;
    left: unset;
    margin-block-end: 24px;
  }

[name='FoodMenu'] [name='SliderScrollbar'].swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
      --swiper-scrollbar-drag-bg-color: var(--clr-white);
    }


/*# sourceMappingURL=style.min.css.map*/