/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/gallery-widget/gallery-widget.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gallery-widget_container__YMTf6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.gallery-widget_event__oLOV6 {
  grid-area: 1/1/3/2;
  width: 100%;
  height: 100%;
}

.gallery-widget_birthday__bFFpN {
  grid-area: 1/2/2/4;
}

.gallery-widget_gallery__aSGWu {
  grid-area: 2/2/3/3;
}

.gallery-widget_other__ojrsB {
  grid-area: 2/3/3/4;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/form-input/form-input.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-input_label__UmP8P {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  color: #f1eeeb;
  background: rgba(230, 225, 221, 0.1);
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 0.7rem;
  padding: 20px 30px;
}

.form-input_input__BJfCh {
  display: flex;
  font-family: var(--font-montserrat);
  font-weight: 500;
  border: none;
  background: transparent;
  color: rgb(164, 164, 164);
  width: 100%;
}
.form-input_input__BJfCh::placeholder {
  color: currentColor;
}
.form-input_input__BJfCh:focus {
  outline: none;
}

.form-input_input__BJfCh[type=date] {
  color-scheme: dark;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .form-input_input__BJfCh {
    font-size: 0.9rem;
  }
  .form-input_input__BJfCh::placeholder {
    font-size: 0.8rem;
  }
  .form-input_label__UmP8P {
    padding: 10px 20px;
  }
}
@media (max-width: 768px) {
  .form-input_input__BJfCh {
    font-size: 0.9rem;
  }
  .form-input_input__BJfCh::placeholder {
    font-size: 0.8rem;
  }
  .form-input_label__UmP8P {
    padding: 10px 20px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/reservation-form/reservation-form.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.reservation-form_form__qVXUC {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.reservation-form_item__xPBV9 {
  flex: 1 1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/form-textarea/form-textarea.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-textarea_wrapper__iTvxR {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #f1eeeb;
  background: rgba(230, 225, 221, 0.1);
  font-family: var(--font-montserrat-alternates);
  font-weight: 700;
  font-size: 0.7rem;
  padding: 20px 30px;
}

.form-textarea_input__jH8sJ {
  display: flex;
  font-family: var(--font-montserrat);
  font-weight: 500;
  border: none;
  background: transparent;
  color: rgb(164, 164, 164);
  resize: none;
}
.form-textarea_input__jH8sJ::placeholder {
  color: rgb(164, 164, 164);
}
.form-textarea_input__jH8sJ:focus {
  outline: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/components/custom-button/custom-button.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-button_button__HDp2W {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--foreground);
  color: var(--background);
  font-family: var(--font-montserrat-alternates);
  border-radius: 30px;
  padding: 20px 30px;
  border: none;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!./src/routes/reserve/reserve-page.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.reserve-page_wrapper__h6rY9 {
  display: grid;
  height: 100%;
  width: 100%;
  padding: 70px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 2fr 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 50px;
  grid-template-areas: "reserveTable reserveTable reserveBanquet reserveBanquet" "reserveTable reserveTable gallery gallery" ". location workingTime .";
}

.reserve-page_reserveTable__tLnsi {
  grid-area: reserveTable;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.reserve-page_reserveTable__tLnsi h2 {
  font-family: var(--font-montserrat-alternates);
  font-size: 2.5rem;
  font-weight: 700;
}
.reserve-page_reserveTable__tLnsi span {
  font-family: var(--font-montserrat);
}

.reserve-page_reserveBanquet__w1dOZ {
  grid-area: reserveBanquet;
  display: flex;
  gap: 10px;
}

.reserve-page_reserveBanquetText__FHoVn {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reserve-page_reserveBanquetText__FHoVn h2 {
  font-family: var(--font-montserrat-alternates);
  font-size: 1.5rem;
  font-weight: 700;
}
.reserve-page_reserveBanquetText__FHoVn span {
  font-family: var(--font-montserrat);
}

.reserve-page_gallery__YVk8g {
  grid-area: gallery;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.reserve-page_galleryText__WQE4f {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.reserve-page_galleryText__WQE4f h2 {
  font-family: var(--font-montserrat-alternates);
  font-size: 1.5rem;
  font-weight: 700;
}

.reserve-page_location__XC94i {
  grid-area: location;
}

.reserve-page_workingTime__I_QuF {
  grid-area: workingTime;
}

.reserve-page_location__XC94i,
.reserve-page_workingTime__I_QuF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.reserve-page_location__XC94i span:first-child,
.reserve-page_workingTime__I_QuF span:first-child {
  font-family: var(--font-montserrat-alternates);
  font-size: 1.5rem;
}
.reserve-page_location__XC94i span:not(:first-child),
.reserve-page_workingTime__I_QuF span:not(:first-child) {
  font-family: var(--font-montserrat);
}

.reserve-page_contactsLink__n_I0O {
  font-family: var(--font-montserrat-alternates);
  font-size: 1.5rem;
  text-decoration: underline;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .reserve-page_wrapper__h6rY9 {
    width: 100%;
    height: 100%;
    overflow-y: overlay;
    overflow-x: hidden;
    padding: 80px 20px 20px 20px;
    justify-content: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr 1fr 1fr 1fr;
    grid-column-gap: 0;
    grid-template-areas: "reserveTable" "reserveBanquet" "gallery" "location" "workingTime";
  }
  .reserve-page_galleryWidget__tj1_n {
    display: none;
  }
  .reserve-page_reserveTable__tLnsi {
    width: 100%;
    align-items: center;
  }
  .reserve-page_reserveTable__tLnsi h2 {
    font-size: 1.5rem;
  }
  .reserve-page_reserveTable__tLnsi span {
    font-size: 0.8rem;
    text-align: center;
  }
  .reserve-page_reserveBanquetText__FHoVn h2 {
    font-size: 1.5rem;
  }
  .reserve-page_reserveBanquetText__FHoVn span {
    font-size: 0.8rem;
  }
  .reserve-page_galleryText__WQE4f h2 {
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .reserve-page_wrapper__h6rY9 {
    width: 100%;
    height: 100%;
    overflow-y: overlay;
    overflow-x: hidden;
    padding: 80px 20px 20px 20px;
    justify-content: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr 1fr 1fr 1fr;
    grid-column-gap: 0;
    grid-template-areas: "reserveTable" "reserveBanquet" "gallery" "location" "workingTime";
  }
  .reserve-page_galleryWidget__tj1_n {
    display: none;
  }
  .reserve-page_reserveTable__tLnsi {
    width: 100%;
    align-items: center;
  }
  .reserve-page_reserveTable__tLnsi h2 {
    font-size: 1.5rem;
  }
  .reserve-page_reserveTable__tLnsi span {
    font-size: 0.8rem;
    text-align: center;
  }
  .reserve-page_reserveBanquetText__FHoVn h2 {
    font-size: 1.5rem;
  }
  .reserve-page_reserveBanquetText__FHoVn span {
    font-size: 0.8rem;
  }
  .reserve-page_galleryText__WQE4f h2 {
    font-size: 1.2rem;
  }
}