/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/tertiaryButton.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tertiaryBtn {
  max-width: var(--472);
  height: var(--56);
  padding: 0 var(--24);
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: 14px;
  text-transform: uppercase;
  border-radius: var(--8);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
}
.tertiaryBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media (min-width: 1366px) {
  .tertiaryBtn {
    height: var(--64);
    font-size: var(--16);
  }
}
.tertiaryBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.tertiaryBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.tertiaryBtn span {
  white-space: nowrap;
}
.tertiaryBtn span::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
}
.tertiaryBtn--loading {
  pointer-events: none;
}
.tertiaryBtn--loading span::after {
  display: none;
}
.tertiaryBtn--01 {
  box-shadow: none;
}
.tertiaryBtn--01:hover span {
  color: rgb(var(--neu-05));
}
.tertiaryBtn--01:hover span::after {
  background-color: rgb(var(--neu-05));
}
.tertiaryBtn--01:focus-visible {
  background-color: rgba(var(--neu-03), 0.4);
}
.tertiaryBtn--01:focus-visible span {
  color: rgb(var(--m-04));
}
.tertiaryBtn--01:focus-visible span::after {
  background-color: rgb(var(--m-04));
}
.tertiaryBtn--01:active span {
  color: rgb(var(--m-04));
}
.tertiaryBtn--01:active span::after {
  background-color: rgb(var(--neu-04));
}
.tertiaryBtn--01 span {
  color: rgb(var(--m-04));
}
.tertiaryBtn--01 span::after {
  background-color: rgb(var(--m-04));
}
.tertiaryBtn--02 {
  box-shadow: none;
}
.tertiaryBtn--02:hover span {
  color: rgb(var(--m-01--light-04));
}
.tertiaryBtn--02:hover span::after {
  background-color: rgb(var(--m-01--light-04));
}
.tertiaryBtn--02:focus-visible {
  background-color: rgba(var(--neu-03), 0.4);
}
.tertiaryBtn--02:focus-visible span {
  color: rgb(var(--m-01--dark-01));
}
.tertiaryBtn--02:focus-visible span::after {
  background-color: rgb(var(--m-01--dark-01));
}
.tertiaryBtn--02:active span {
  color: rgb(var(--m-01--dark-01));
}
.tertiaryBtn--02:active span::after {
  background-color: rgb(var(--m-01--light-04));
}
.tertiaryBtn--02 span {
  color: rgb(var(--m-01--dark-01));
}
.tertiaryBtn--02 span::after {
  background-color: rgb(var(--m-01--dark-01));
}
.tertiaryBtn--03 {
  box-shadow: none;
}
.tertiaryBtn--03:hover span {
  color: rgb(var(--neu-04));
}
.tertiaryBtn--03:hover span::after {
  background-color: rgb(var(--neu-04));
}
.tertiaryBtn--03:focus-visible {
  background-color: rgba(var(--neu-03), 0.4);
}
.tertiaryBtn--03:focus-visible span {
  color: rgb(var(--neu-01));
}
.tertiaryBtn--03:focus-visible span::after {
  background-color: rgb(var(--neu-01));
}
.tertiaryBtn--03:active span {
  color: rgb(var(--neu-01));
}
.tertiaryBtn--03:active span::after {
  background-color: rgb(var(--neu-05));
}
.tertiaryBtn--03 span {
  color: rgb(var(--neu-01));
}
.tertiaryBtn--03 span::after {
  background-color: rgb(var(--neu-01));
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Label/label.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.label {
  border-radius: var(--16);
}
.label--price {
  background-color: rgb(var(--add-04));
  color: rgb(var(--neu-09));
  padding: 6px 12px;
}
.label--info {
  background-color: rgb(var(--m-01--light-01));
  color: rgb(var(--neu-01));
  padding: 6px 12px;
}
.label--welcome {
  background-color: rgb(var(--m-01--light-03));
  color: rgb(var(--m-04));
  padding: 6px 12px;
}
.label--silver {
  background-color: rgb(var(--add-06));
  color: rgb(var(--m-04));
  padding: 6px 12px;
}
.label--gold {
  background-color: rgb(var(--add-07));
  color: rgb(var(--m-04));
  padding: 6px 12px;
}
.label--platinum {
  background-color: rgb(var(--add-08));
  color: rgb(var(--neu-01));
  padding: 6px 12px;
}
.label--black {
  color: rgb(var(--m-04));
}
.label--white {
  color: rgb(var(--neu-01));
}
.label--blue {
  color: rgb(var(--m-01));
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/cards/DealsCard/dealsCard.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dealsCard {
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.1s ease-in-out;
}
.dealsCard:hover {
  box-shadow: 0px 50px 100px -20px rgba(51, 51, 51, 0.05), 0px 30px 60px -30px rgba(51, 51, 51, 0.3);
}
.dealsCard {
  width: 100%;
  max-width: var(--400);
  height: var(--544);
  gap: var(--16);
  border-radius: var(--24);
  background-color: rgb(var(--neu-01));
  overflow: hidden;
}
.dealsCard__wrapperImage {
  position: relative;
  width: 100%;
  min-height: var(--224);
  max-height: var(--224);
  overflow: hidden;
}
.dealsCard__chip {
  position: absolute;
  top: var(--16);
  left: var(--16);
  z-index: 2;
  /* padding: 6px 12px;
  border-radius: $rad-02;
  color: rgb(var(--neu-01));
  background-color: rgb(var(--add-08));

  @include font-4xs; */
}
.dealsCard__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dealsCard__wrapperContent {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--24);
  padding: var(--24) var(--16);
}
.dealsCard__wrapperContent .tertiaryBtn {
  align-self: center;
}
.dealsCard__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.dealsCard__content-title, .dealsCard__content-description {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/DateStepDescription/dateStepDescription.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.dateStepDescription {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/GuestsStepDescription/guestsStepDescription.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.guestsStepDescription {
  display: flex;
  align-items: center;
  justify-content: center;
}
.guestsStepDescription h6 {
  text-align: center;
  max-width: var(--224);
  padding: var(--16);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/HotelStepDescription/hotelStepDescription.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hotelStepDescription__wrapper {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  min-height: var(--32);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Icon/icon.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.icon--2xs {
  width: var(--16);
  height: var(--16);
}
.icon--2xs svg {
  width: var(--16);
  height: var(--16);
}
.icon--xs {
  width: var(--24);
  height: var(--24);
}
.icon--xs svg {
  width: var(--24);
  height: var(--24);
}
.icon--s {
  width: var(--32);
  height: var(--32);
}
.icon--s svg {
  width: var(--32);
  height: var(--32);
}
.icon--m {
  width: var(--40);
  height: var(--40);
}
.icon--m svg {
  width: var(--40);
  height: var(--40);
}
.icon--l {
  width: var(--56);
  height: var(--56);
}
.icon--l svg {
  width: var(--56);
  height: var(--56);
}
.icon--xl {
  width: var(--64);
  height: var(--64);
}
.icon--xl svg {
  width: var(--64);
  height: var(--64);
}
.icon--2xl {
  width: var(--88);
  height: var(--88);
}
.icon--2xl svg {
  width: var(--88);
  height: var(--88);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/HotelStep/hotelStep.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hotelStep__checkbox-btn {
  margin: 0 0 var(--16);
}
.hotelStep__checkbox-btn label {
  justify-content: space-between;
}
.hotelStep__list {
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.hotelStep__state-list {
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.hotelStep__state {
  padding-bottom: 4px;
  margin-bottom: var(--8);
  border-bottom: 0.5px solid rgb(var(--m-01));
}
.hotelStep__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 4px;
  padding: var(--16);
  height: var(--48);
}
.hotelStep__item p {
  color: rgb(var(--m-04));
}
.hotelStep__item p span {
  color: rgb(var(--neu-04));
}
.hotelStep__item--selected {
  background-color: rgb(var(--m-01--dark-01));
}
.hotelStep__item--selected p {
  color: rgb(var(--neu-01));
}
.hotelStep__item--selected p span {
  color: rgb(var(--m-01--light-04));
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/react-day-picker/src/style.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

  --rdp-day-height: 44px; /* The height of the day cells. */
  --rdp-day-width: 44px; /* The width of the day cells. */

  --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
  --rdp-day_button-height: 42px; /* The height of the day cells. */
  --rdp-day_button-width: 42px; /* The width of the day cells. */

  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */

  --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */

  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */

  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */

  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
  --rdp-range_middle-color: inherit; /* The color of the range text. */

  --rdp-range_start-color: white; /* The color of the range text. */
  --rdp-range_start-background: linear-gradient(
    var(--rdp-gradient-direction),
    transparent 50%,
    var(--rdp-range_middle-background-color) 50%
  ); /* Used for the background of the start of the selected range. */
  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */

  --rdp-range_end-background: linear-gradient(
    var(--rdp-gradient-direction),
    var(--rdp-range_middle-background-color) 50%,
    transparent 50%
  ); /* Used for the background of the end of the selected range. */
  --rdp-range_end-color: white; /* The color of the range text. */
  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */

  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */

  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */

  --rdp-gradient-direction: 90deg;

  --rdp-animation_duration: 0.3s;
  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
}

.rdp-root[dir="rtl"] {
  --rdp-gradient-direction: -90deg;
}

.rdp-root[data-broadcast-calendar="true"] {
  --rdp-outside-opacity: unset;
}

/* Root of the component. */
.rdp-root {
  position: relative; /* Required to position the navigation toolbar. */
  box-sizing: border-box;
}

.rdp-root * {
  box-sizing: border-box;
}

.rdp-day {
  width: var(--rdp-day-width);
  height: var(--rdp-day-height);
  text-align: center;
}

.rdp-day_button {
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  justify-content: center;
  align-items: center;
  display: flex;

  width: var(--rdp-day_button-width);
  height: var(--rdp-day_button-height);
  border: var(--rdp-day_button-border);
  border-radius: var(--rdp-day_button-border-radius);
}

.rdp-day_button:disabled {
  cursor: revert;
}

.rdp-caption_label {
  z-index: 1;

  position: relative;
  display: inline-flex;
  align-items: center;

  white-space: nowrap;
  border: 0;
}

.rdp-dropdown:focus-visible ~ .rdp-caption_label {
  outline: 5px auto Highlight;
  /* biome-ignore lint/suspicious/noDuplicateProperties: backward compatibility */
  outline: 5px auto -webkit-focus-ring-color;
}

.rdp-button_next,
.rdp-button_previous {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;

  width: var(--rdp-nav_button-width);
  height: var(--rdp-nav_button-height);
}

.rdp-button_next:disabled,
.rdp-button_next[aria-disabled="true"],
.rdp-button_previous:disabled,
.rdp-button_previous[aria-disabled="true"] {
  cursor: revert;

  opacity: var(--rdp-nav_button-disabled-opacity);
}

.rdp-chevron {
  display: inline-block;
  fill: var(--rdp-accent-color);
}

.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
  transform: rotate(180deg);
  transform-origin: 50%;
}

.rdp-dropdowns {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--rdp-dropdown-gap);
}
.rdp-dropdown {
  z-index: 2;

  /* Reset */
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  inset-block-start: 0;
  inset-block-end: 0;
  inset-inline-start: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  border: none;
  line-height: inherit;
}

.rdp-dropdown_root {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-month_caption {
  display: flex;
  align-content: center;
  height: var(--rdp-nav-height);
  font-weight: bold;
  font-size: large;
}

.rdp-root[data-nav-layout="around"] .rdp-month,
.rdp-root[data-nav-layout="after"] .rdp-month {
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-month_caption {
  justify-content: center;
  -webkit-margin-start: var(--rdp-nav_button-width);
          margin-inline-start: var(--rdp-nav_button-width);
  -webkit-margin-end: var(--rdp-nav_button-width);
          margin-inline-end: var(--rdp-nav_button-width);
  position: relative;
}

.rdp-root[data-nav-layout="around"] .rdp-button_previous {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
}

.rdp-root[data-nav-layout="around"] .rdp-button_next {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  height: var(--rdp-nav-height);
  display: inline-flex;
  justify-content: center;
}

.rdp-months {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rdp-months-gap);
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.rdp-month_grid {
  border-collapse: collapse;
}

.rdp-nav {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;

  display: flex;
  align-items: center;

  height: var(--rdp-nav-height);
}

.rdp-weekday {
  opacity: var(--rdp-weekday-opacity);
  padding: var(--rdp-weekday-padding);
  font-weight: 500;
  font-size: smaller;
  text-align: var(--rdp-weekday-text-align);
  text-transform: var(--rdp-weekday-text-transform);
}

.rdp-week_number {
  opacity: var(--rdp-week_number-opacity);
  font-weight: 400;
  font-size: small;
  height: var(--rdp-week_number-height);
  width: var(--rdp-week_number-width);
  border: var(--rdp-week_number-border);
  border-radius: var(--rdp-week_number-border-radius);
  text-align: var(--rdp-weeknumber-text-align);
}

/* DAY MODIFIERS */
.rdp-today:not(.rdp-outside) {
  color: var(--rdp-today-color);
}

.rdp-selected {
  font-weight: bold;
  font-size: large;
}

.rdp-selected .rdp-day_button {
  border: var(--rdp-selected-border);
}

.rdp-outside {
  opacity: var(--rdp-outside-opacity);
}

.rdp-disabled:not(.rdp-selected) {
  opacity: var(--rdp-disabled-opacity);
}

.rdp-hidden {
  visibility: hidden;
  color: var(--rdp-range_start-color);
}

.rdp-range_start {
  background: var(--rdp-range_start-background);
}

.rdp-range_start .rdp-day_button {
  background-color: var(--rdp-range_start-date-background-color);
  color: var(--rdp-range_start-color);
}

.rdp-range_middle {
  background-color: var(--rdp-range_middle-background-color);
}

.rdp-range_middle .rdp-day_button {
  border: unset;
  border-radius: unset;
  color: var(--rdp-range_middle-color);
}

.rdp-range_end {
  background: var(--rdp-range_end-background);
  color: var(--rdp-range_end-color);
}

.rdp-range_end .rdp-day_button {
  color: var(--rdp-range_start-color);
  background-color: var(--rdp-range_end-date-background-color);
}

.rdp-range_start.rdp-range_end {
  background: revert;
}

.rdp-focusable {
  cursor: pointer;
}

@keyframes rdp-slide_in_left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_in_right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes rdp-slide_out_left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes rdp-slide_out_right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.rdp-weeks_before_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_before_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-weeks_after_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
  animation: rdp-slide_in_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
  animation: rdp-slide_out_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
  animation: rdp-slide_in_right var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
  animation: rdp-slide_out_left var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

@keyframes rdp-fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes rdp-fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.rdp-caption_after_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_after_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_enter {
  animation: rdp-fade_in var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

.rdp-caption_before_exit {
  animation: rdp-fade_out var(--rdp-animation_duration)
    var(--rdp-animation_timing) forwards;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/DatePicker/partials/CustomDayButton/customDayButton.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.custom-day {
  position: relative;
  width: 44.57px;
  height: var(--64);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: none;
  padding: 8px 4px;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}
.custom-day__date {
  color: rgb(var(--m-04));
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
.custom-day__price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-day__discount {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.625rem;
  line-height: 0.84rem;
  letter-spacing: 0.031rem;
  font-weight: 500;
  text-transform: uppercase;
  color: rgb(var(--neu-05));
  text-decoration: line-through;
}
.custom-day__price {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.625rem;
  line-height: 0.84rem;
  letter-spacing: 0.031rem;
  font-weight: 500;
  text-transform: uppercase;
  color: rgb(var(--m-04));
}
.custom-day:focus-visible {
  outline: none;
  background-color: rgb(var(--neu-01));
  border: 1px solid rgb(var(--m-01));
  border-radius: var(--8);
}
.custom-day:focus-visible .custom-day__date {
  color: rgb(var(--m-04));
}
.custom-day--default:hover {
  background-color: rgba(var(--neu-03), 0.5);
  border-radius: var(--8);
}
.custom-day--default:hover .custom-day__date {
  color: rgb(var(--m-04));
}
.custom-day--selected, .custom-day--start, .custom-day--end {
  background-color: rgb(var(--m-01--dark-01));
}
.custom-day--selected .custom-day__date,
.custom-day--selected .custom-day__price, .custom-day--start .custom-day__date,
.custom-day--start .custom-day__price, .custom-day--end .custom-day__date,
.custom-day--end .custom-day__price {
  color: rgb(var(--neu-01));
}
.custom-day--selected .custom-day__discount, .custom-day--start .custom-day__discount, .custom-day--end .custom-day__discount {
  color: rgb(var(--m-01--light-04));
}
.custom-day--selected {
  border-radius: var(--8);
}
.custom-day--start {
  border-radius: var(--8) 0 0 var(--8);
}
.custom-day--end {
  border-radius: 0 var(--8) var(--8) 0;
}
.custom-day--in-range {
  background-color: rgba(var(--neu-03), 0.5);
}
.custom-day--in-range:hover {
  border-radius: 0;
  background-color: rgb(var(--neu-03));
}
.custom-day--disabled {
  pointer-events: none;
  border-radius: var(--8);
}
.custom-day--disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/_next/static/media/stripes.ff05e428.png);
  z-index: -1;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/DatePicker/partials/CustomDropdown/customDropdown.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.datePicker__select {
  height: var(--40);
}
.datePicker__select select {
  padding-top: var(--8);
  padding-right: var(--40);
}
.datePicker__select::before {
  width: var(--32);
  height: var(--32);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/DatePicker/datePicker.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.datePicker .rdp-months {
  justify-content: center;
}
@media (min-width: 768px) {
  .datePicker .rdp-months {
    justify-content: initial;
  }
}
.datePicker .rdp-months .rdp-month:nth-child(2) .rdp-dropdowns {
  gap: 0;
}
.datePicker .rdp-months .rdp-month:nth-child(2) .custom-month-caption {
  display: flex;
  justify-content: flex-end;
}
.datePicker .rdp-months .rdp-month:nth-child(2) .custom-month-caption .form__select {
  pointer-events: none;
}
.datePicker .rdp-months .rdp-month:nth-child(2) .custom-month-caption .form__select select {
  pointer-events: none;
  padding-right: var(--8);
  border-color: transparent;
  text-align: right;
}
.datePicker .rdp-months .rdp-month:nth-child(2) .custom-month-caption .form__select::before {
  display: none;
}

.custom-weeks tr button {
  margin-bottom: 1px;
}
.custom-weeks tr:last-child button {
  margin-bottom: 0;
}

.custom-weekdays th {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.019rem;
  font-weight: 600;
  color: rgb(var(--neu-07));
  padding-bottom: var(--16);
}

.custom-month-caption .rdp-dropdowns {
  gap: var(--16);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/secondaryButton.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.secondaryBtn {
  max-width: var(--472);
  /* height: var(--56);
  padding: 0 var(--24); */
  height: var(--48);
  padding: 0 var(--16);
  font-weight: 600;
  font-family: var(--montserrat);
  line-height: normal;
  font-size: var(--16);
  text-transform: uppercase;
  border-radius: var(--8);
  cursor: pointer;
  transition: all 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
}
.secondaryBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media (min-width: 1366px) {
  .secondaryBtn {
    height: var(--64);
    padding: 0 var(--24);
  }
}
.secondaryBtn--loading {
  pointer-events: none;
}
.secondaryBtn:not(:has(> span)) {
  height: var(--48);
  width: var(--48);
  border-radius: 50%;
  padding: 0;
  justify-content: center;
}
@media (min-width: 1366px) {
  .secondaryBtn:not(:has(> span)) {
    height: var(--56);
    width: var(--56);
  }
}
.secondaryBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.secondaryBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.secondaryBtn--01 {
  border: 1px solid rgb(var(--neu-04));
}
.secondaryBtn--01:hover {
  background-color: rgba(var(--neu-03), 0.38);
  border: 1px solid rgb(var(--neu-03));
}
.secondaryBtn--01:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 3px;
  outline-width: 2px;
}
.secondaryBtn--01:active {
  background-color: rgba(var(--neu-03), 0.4);
  border: 1px solid rgb(var(--neu-04));
}
.secondaryBtn--01 span {
  color: rgb(var(--m-04));
}
.secondaryBtn--01 .secondaryBtn__icon-block path {
  fill: rgb(var(--m-04));
}
.secondaryBtn--02 {
  border: 1px solid rgba(var(--neu-01), 0.42);
}
.secondaryBtn--02:hover {
  background-color: rgba(var(--neu-09));
  border: 1px solid rgba(var(--neu-01), 0.22);
}
.secondaryBtn--02:hover span {
  color: rgba(var(--neu-01), 0.6);
}
.secondaryBtn--02:hover .secondaryBtn__icon-block path {
  fill: rgba(var(--neu-01), 0.6);
}
.secondaryBtn--02:focus-visible {
  background-color: rgba(var(--neu-09));
  border: 1px solid rgba(var(--neu-01), 0.42);
  outline-color: rgb(var(--m-01--light-04));
  outline-offset: 3px;
  outline-width: 2px;
}
.secondaryBtn--02:focus-visible span {
  color: rgba(var(--neu-04));
}
.secondaryBtn--02:focus-visible .secondaryBtn__icon-block path {
  fill: rgba(var(--neu-04));
}
.secondaryBtn--02:active {
  background-color: rgba(var(--neu-09));
  border: 1px solid rgba(var(--neu-01), 0.12);
}
.secondaryBtn--02:active span {
  color: rgba(var(--neu-03));
}
.secondaryBtn--02:active .secondaryBtn__icon-block path {
  fill: rgba(var(--neu-03));
}
.secondaryBtn--02 span {
  color: rgb(var(--neu-01));
}
.secondaryBtn--02 .secondaryBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.secondaryBtn--s {
  font-size: 14px;
  height: var(--48);
  padding: 0 var(--16);
}
@media (min-width: 1366px) {
  .secondaryBtn--s {
    font-size: 14px;
    height: var(--48);
    padding: 0 var(--16);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/CounterGroup/counterGroup.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.counterGroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.counterGroup__buttons {
  display: flex;
  align-items: center;
  gap: var(--8);
}
.counterGroup__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--32);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/GuestsStep/guestsStep.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.guestsStep {
  display: flex;
  flex-direction: column;
  gap: var(--48);
}
.guestsStep__section {
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.guestsStep__sectionTitle {
  padding-bottom: 4px;
  border-bottom: 0.5px solid rgb(var(--m-01));
}
.guestsStep__fields {
  display: flex;
  flex-direction: column;
  gap: var(--24);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/VoucherStep/voucherStep.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.voucherStep {
  padding-bottom: var(--24);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/MasonryGrid/masonryGrid.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.masonryGrid__inner {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--40);
}
@media (min-width: 1366px) {
  .masonryGrid__inner {
    gap: var(--72);
  }
}
.masonryGrid__columns {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--304), var(--400)));
  justify-content: center;
  grid-gap: var(--16);
  gap: var(--16);
}
.masonryGrid__column {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.masonryGrid__item {
  grid-row: span var(--rows);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/iconButton.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.iconBtn {
  width: var(--56);
  height: var(--56);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
  border-radius: 50%;
}
.iconBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.iconBtn--s {
  width: var(--48);
  height: var(--48);
}
.iconBtn {
  box-shadow: none;
}
.iconBtn:hover .iconBtn__icon-block path {
  fill: rgb(var(--m-01));
}
.iconBtn:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 3px;
  outline-width: 2px;
  background-color: rgba(var(--neu-06), 0.3);
}
.iconBtn:focus-visible .iconBtn__icon-block path {
  fill: rgb(var(--neu-06));
}
.iconBtn:active {
  background-color: none;
}
.iconBtn:active .iconBtn__icon-block path {
  fill: rgb(var(--m-04));
}
.iconBtn span {
  color: rgb(var(--neu-01));
}
.iconBtn .iconBtn__icon-block path {
  fill: rgb(var(--m-04));
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/BookingBar/partials/BookingButton/bookingButton.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookingButton {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--96);
  padding: var(--16);
  border-radius: var(--16);
  box-shadow: 0px 46px 60px -12px rgba(51, 51, 51, 0.24), 0px 18px 36px -18px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}
.bookingButton:hover {
  box-shadow: 0px 46px 60px -12px rgba(51, 51, 51, 0.24), 0px 18px 36px -18px rgba(0, 0, 0, 0.2);
  border-radius: var(--16);
}
@media (min-width: 1366px) {
  .bookingButton {
    width: var(--264);
    border-radius: 0;
    box-shadow: none;
  }
}
.bookingButton--active {
  box-shadow: 0px 46px 60px -12px rgba(51, 51, 51, 0.24), 0px 18px 36px -18px rgba(0, 0, 0, 0.2);
  border-radius: var(--16);
}
.bookingButton--disabled {
  opacity: 0.5;
}
.bookingButton--isRightElement {
  width: var(--448);
  gap: var(--16);
}
.bookingButton__content {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: var(--8);
}
.bookingButton__header {
  display: flex;
  align-items: center;
  gap: var(--8);
}
.bookingButton__placeholder {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: var(--184);
  padding-left: var(--32);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/ResumeStep/resumeStep.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.resumeStep {
  display: flex;
  flex-direction: column;
  gap: var(--16);
  padding: 0 var(--16);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/TabbedContent/tabbedContent.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tabbedContent {
  padding: 0 var(--24);
}
.tabbedContent__wrapper {
  display: flex;
  flex-direction: column;
  padding: var(--24) 0;
  gap: var(--8);
  border-style: solid;
  border-width: 0.5px 0px 0.5px 0px;
  border-color: rgb(var(--neu-04));
}
.tabbedContent__btnExpand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* min-height: var(--96); */
  cursor: pointer;
}
.tabbedContent__title {
  text-align: left;
}
.tabbedContent__content {
  padding-bottom: var(--32);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/primaryButton.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.primaryBtn {
  max-width: var(--472);
  /* height: var(--56);
  padding: 0 var(--24); */
  height: var(--48);
  padding: 0 var(--16);
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: var(--16);
  text-transform: uppercase;
  border-radius: var(--8);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
}
.primaryBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media (min-width: 1366px) {
  .primaryBtn {
    height: var(--64);
    padding: 0 var(--24);
  }
}
.primaryBtn--loading {
  pointer-events: none;
}
.primaryBtn--s {
  font-size: 14px;
  height: var(--48);
  padding: 0 var(--16);
}
.primaryBtn:not(:has(> span)) {
  height: var(--48);
  width: var(--48);
  border-radius: 50%;
  padding: 0;
  justify-content: center;
}
@media (min-width: 1366px) {
  .primaryBtn:not(:has(> span)) {
    height: var(--56);
    width: var(--56);
  }
}
.primaryBtn span {
  white-space: nowrap;
}
.primaryBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.primaryBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.primaryBtn--01 {
  background-color: rgb(var(--m-01));
  box-shadow: none;
}
.primaryBtn--01:hover {
  background-color: rgb(var(--m-01--light-01));
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}
.primaryBtn--01:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 3px;
  outline-width: 2px;
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}
.primaryBtn--01:active {
  background-color: rgb(var(--m-01--dark-02));
  box-shadow: none;
}
.primaryBtn--01 span {
  color: rgb(var(--neu-01));
}
.primaryBtn--01 .primaryBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.primaryBtn--02 {
  background-color: rgb(var(--m-04));
  box-shadow: none;
}
.primaryBtn--02:hover {
  background-color: rgb(var(--neu-07));
  box-shadow: 0px 25px var(--24) -20px #808284;
}
.primaryBtn--02:hover span {
  color: rgb(var(--neu-02));
}
.primaryBtn--02:hover .primaryBtn__icon-block path {
  fill: rgb(var(--neu-02));
}
.primaryBtn--02:focus-visible {
  outline-color: rgb(var(--neu-06));
  outline-offset: 3px;
  outline-width: 2px;
  box-shadow: 0px 25px var(--24) -20px #808284;
}
.primaryBtn--02:active {
  background-color: rgb(var(--m-04));
  box-shadow: none;
}
.primaryBtn--02:active span {
  color: rgb(var(--neu-03));
}
.primaryBtn--02:active .primaryBtn__icon-block path {
  fill: rgb(var(--neu-03));
}
.primaryBtn--02 span {
  color: rgb(var(--neu-01));
}
.primaryBtn--02 .primaryBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.primaryBtn--03 {
  background-color: rgb(var(--neu-01));
}
.primaryBtn--03:hover {
  background-color: rgb(var(--neu-03));
  box-shadow: 0px 25px var(--16) -18px #1c1c1c;
}
.primaryBtn--03:hover span {
  color: rgb(var(--neu-08));
}
.primaryBtn--03:hover .primaryBtn__icon-block path {
  fill: rgb(var(--neu-08));
}
.primaryBtn--03:focus-visible {
  background-color: rgb(var(--neu-01));
  outline-color: rgb(var(--m-01--light-04));
  outline-offset: 3px;
  outline-width: 2px;
  box-shadow: 0px 25px var(--16) -18px #1c1c1c;
}
.primaryBtn--03:focus-visible span {
  color: rgb(var(--neu-06));
}
.primaryBtn--03:focus-visible .primaryBtn__icon-block path {
  fill: rgb(var(--neu-06));
}
.primaryBtn--03:active {
  background-color: rgb(var(--neu-03));
  box-shadow: none;
}
.primaryBtn--03:active span {
  color: rgb(var(--m-04));
}
.primaryBtn--03:active .primaryBtn__icon-block path {
  fill: rgb(var(--m-04));
}
.primaryBtn--03 span {
  color: rgb(var(--m-04));
}
.primaryBtn--03 .primaryBtn__icon-block path {
  fill: rgb(var(--m-04));
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/BookingModal/bookingModal.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookingModal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 95;
}
@media (min-width: 768px) {
  .bookingModal {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.bookingModal__overlay {
  display: none;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .bookingModal__overlay {
    display: block;
  }
  .bookingModal__overlay::before {
    content: "";
    pointer-events: none;
    display: block;
    background: rgb(var(--neu-09));
    /* -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px); */
    position: absolute;
    opacity: 0.6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}
.bookingModal__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgb(var(--neu-01));
}
@media (min-width: 768px) {
  .bookingModal__container {
    position: absolute;
    width: auto;
    min-width: var(--416);
    /* max-width: var(--416); */
    height: auto;
    border-radius: var(--16);
    overflow: hidden;
    box-shadow: 0px 46px 60px -12px rgba(51, 51, 51, 0.24), 0px 18px 36px -18px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1366px) {
  .bookingModal__container {
    /* position: absolute; */
    left: var(--left);
    bottom: var(--128);
  }
}
.bookingModal__actions {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 56px;
  padding: var(--16);
  margin-top: var(--8);
}
@media (min-width: 768px) {
  .bookingModal__actions {
    position: fixed;
    top: 0;
    right: 0;
  }
  .bookingModal__actions button {
    background: rgb(var(--neu-01));
  }
}
@media (min-width: 1366px) {
  .bookingModal__actions {
    display: none;
  }
}
.bookingModal__wrapper {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  padding: var(--8) var(--24) 0;
  gap: var(--24);
}
.bookingModal__wrapper[style*="--currentStep: 1"] {
  gap: 0;
}
.bookingModal__wrapper {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .bookingModal__wrapper {
    padding: var(--24);
  }
}
@media (min-width: 1366px) {
  .bookingModal__wrapper {
    overflow-y: initial;
    padding: var(--32);
  }
}
.bookingModal__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 768px) {
  .bookingModal__content {
    max-height: 62vh;
    overflow-y: auto;
  }
}
@media (min-width: 1366px) {
  .bookingModal__content {
    max-height: 55vh;
  }
}
.bookingModal__bottomNavigation {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  min-height: var(--80);
  padding: var(--16) var(--24);
  background: rgb(var(--neu-02));
}
@media (min-width: 1366px) {
  .bookingModal__bottomNavigation--disabled {
    display: none;
  }
}
.bookingModal__contentNavigation {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bookingModal__resume {
  grid-column: 1/3;
  max-width: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/accentButton.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.accentBtn {
  max-width: var(--472);
  height: var(--48);
  padding: 0 var(--24);
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: var(--14);
  text-transform: uppercase;
  border-radius: var(--8);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
  text-wrap: nowrap;
}
.accentBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.accentBtn--loading {
  pointer-events: none;
}
@media (min-width: 768px) {
  .accentBtn {
    height: var(--72);
    font-size: var(--20);
    padding: 0 var(--32);
  }
}
@media (min-width: 768px) {
  .accentBtn--m {
    height: var(--56);
    font-size: var(--16);
  }
}
@media (min-width: 768px) {
  .accentBtn--s {
    font-size: 0.875rem;
    height: var(--48);
  }
}
.accentBtn--s {
  padding: 0 var(--16);
}
.accentBtn:not(:has(> span)) {
  height: var(--48);
  width: var(--48);
  border-radius: 50%;
  padding: 0;
  justify-content: center;
}
@media (min-width: 1366px) {
  .accentBtn:not(:has(> span)) {
    height: var(--56);
    width: var(--56);
  }
}
.accentBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.accentBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.accentBtn--01 {
  background: linear-gradient(57deg, #197fa5 16.74%, #80b9cd 100.63%);
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}
.accentBtn--01:hover {
  opacity: 0.8;
}
.accentBtn--01:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 3px;
  outline-width: 2px;
}
.accentBtn--01:active {
  box-shadow: none;
  opacity: 1;
}
.accentBtn--01 span {
  color: rgb(var(--neu-01));
}
.accentBtn--01 .accentBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.accentBtn--02 {
  background: linear-gradient(54deg, #1c5537 14.65%, #4dc785 113.7%);
  box-shadow: 0px 25px var(--24) -20px #368447;
}
.accentBtn--02:hover {
  background-color: rgb(var(--m-01--light-01));
  opacity: 0.8;
}
.accentBtn--02:focus-visible {
  outline-color: rgb(var(--add-02));
  outline-offset: 3px;
  outline-width: 2px;
}
.accentBtn--02:active {
  background-color: rgb(var(--m-01--dark-02));
  box-shadow: none;
  opacity: 1;
}
.accentBtn--02 span {
  color: rgb(var(--neu-01));
}
.accentBtn--02 .accentBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/Modal/modal.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.modal--video .modal__wrapper {
  /* max-width: 640px; */
  width: 100vw;
}
@media (min-width: 768px) {
  .modal--video .modal__wrapper {
    max-width: 100%;
    width: 80vw;
  }
}
@media (min-width: 1366px) {
  .modal--video .modal__wrapper {
    max-width: 974px;
    width: 90vw;
  }
}
.modal--video .modal__content {
  width: 100%;
  max-width: 974px;
}
.modal__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 1;
  padding: var(--24);
}
@media (min-width: 768px) {
  .modal__wrapper {
    max-width: 640px;
    max-height: 95vh;
    height: auto;
    border-radius: var(--32);
  }
}
@media (min-width: 1366px) {
  .modal__wrapper {
    max-width: 774px;
    border-radius: var(--48);
    padding: var(--32);
  }
}
.modal__contentWrapper {
  width: 100%;
  overflow-y: auto;
}
.modal__contentWrapper::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: rgba(var(--neu-03, 0.3));
  margin: 16px 0 16px;
}
.modal__contentWrapper::-webkit-scrollbar {
  width: 5px;
  margin-left: 16px;
}
.modal__contentWrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(var(--neu-08, 0.3));
}
.modal__content {
  max-width: 418px;
  margin: 0 auto var(--40) auto;
}
@media (min-width: 1366px) {
  .modal__content {
    max-width: 475px;
  }
}
.modal__wrapperClose {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: var(--24);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/complex/RestaurantModal/restaurantModal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.restaurantModal__iframe {
  width: 100%;
  height: var(--536);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/BookingBar/bookingBar.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bookingBar {
  width: 100%;
  display: none;
  transition: transform 0.2s ease-in-out;
}
.bookingBar.hide {
  transform: translateY(128px);
}
@media (min-width: 1366px) {
  .bookingBar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--16);
    position: fixed;
    bottom: 0;
    z-index: 96;
  }
}
.bookingBar__reserveBtn {
  width: 100%;
}
@media (min-width: 1366px) {
  .bookingBar__reserveBtn {
    width: auto;
  }
}
.bookingBar__wrapper {
  display: none;
}
@media (min-width: 1366px) {
  .bookingBar__wrapper {
    display: flex;
    align-items: center;
    /* background-color: rgb(var(--neu-01)); */
    border-radius: var(--16);
    overflow: hidden;
  }
  .bookingBar__wrapper--active {
    z-index: 991;
  }
}
.bookingBar__stepList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(var(--neu-01));
}
.bookingBar__stepList--active {
  background-color: rgb(var(--neu-02));
}
.bookingBar__stepLine {
  width: 0.5px;
  height: var(--56);
  background-color: rgb(var(--neu-03));
}
.bookingBar__btnClose {
  display: none;
}
@media (min-width: 1366px) {
  .bookingBar__btnClose {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--48);
    height: var(--96);
    background: rgb(237, 237, 237);
    border-radius: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/Footer/footer.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footer {
  padding: var(--40) var(--24);
}
@media (min-width: 768px) {
  .footer {
    padding: var(--48) var(--64);
  }
}
.footer__inner-container {
  display: flex;
  flex-direction: column;
  gap: var(--48);
}
@media (min-width: 768px) {
  .footer__inner-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1366px) {
  .footer__inner-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.footer__columns {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer__columns {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--24);
    grid-column: 1/3;
  }
}
@media (min-width: 1366px) {
  .footer__columns {
    grid-column: 1/4;
  }
}
.footer__columns-colunm {
  border-top: 1px solid rgb(var(--neu-06));
  width: 100%;
  display: flex;
  flex-direction: column;
}
.footer__columns-colunm:last-child {
  border-bottom: 1px solid rgb(var(--neu-06));
}
@media (min-width: 768px) {
  .footer__columns-colunm {
    border-top: none;
  }
  .footer__columns-colunm:last-child {
    border-bottom: none;
  }
}
.footer__columns-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: var(--64);
  align-items: center;
  padding-right: var(--16);
  cursor: pointer;
}
@media (min-width: 768px) {
  .footer__columns-button {
    height: auto;
    cursor: default;
    pointer-events: none;
    padding-bottom: var(--8);
  }
  .footer__columns-button div {
    display: none;
  }
}
.footer__columns-button span {
  text-align: left;
  white-space: nowrap;
}
.footer__columns-title {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .footer__columns-title {
    height: auto;
  }
}
.footer__columns-links {
  display: flex;
  flex-direction: column;
  gap: var(--16);
  height: 0;
  overflow: hidden;
}
.footer__columns-links--open {
  height: auto;
}
.footer__columns-links--open:last-child {
  padding-bottom: var(--32);
}
@media (min-width: 768px) {
  .footer__columns-links {
    height: auto;
  }
}
.footer__columns-link a {
  font-family: var(--montserrat);
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer__prizes-title {
  font-family: var(--montserrat);
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer__prizes {
  display: flex;
  flex-direction: column;
  gap: var(--16);
  border-top: 1px solid rgb(var(--neu-06));
  border-bottom: 1px solid rgb(var(--neu-06));
  padding-top: var(--24);
  padding-bottom: var(--40);
}
@media (min-width: 768px) {
  .footer__prizes {
    grid-column: 1/3;
    grid-row: 3;
  }
}
@media (min-width: 1366px) {
  .footer__prizes {
    grid-column: 1/-1;
    grid-row: 3;
    justify-self: flex-start;
    width: 100%;
  }
}
.footer__prizes-image--desktop {
  display: none;
}
@media (min-width: 768px) {
  .footer__prizes-image--desktop {
    display: block;
  }
  .footer__prizes-image--desktop svg {
    width: 639px;
  }
  .footer__prizes-image--mobile {
    display: none;
  }
}
.footer__newsletter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .footer__newsletter {
    grid-column: 1;
    grid-row: 2;
  }
}
@media (min-width: 1366px) {
  .footer__newsletter {
    grid-column: 4;
    grid-row: 1;
    align-items: flex-start;
    max-width: 279px;
  }
}
.footer__newsletter-text {
  margin-top: var(--24);
  text-align: center;
}
@media (min-width: 1366px) {
  .footer__newsletter-text {
    text-align: left;
  }
}
.footer__newsletter-button {
  margin-top: var(--16);
}
@media (min-width: 1366px) {
  .footer__newsletter-button {
    text-align: left;
  }
}
.footer__socialmedia {
  display: flex;
  gap: var(--8);
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .footer__socialmedia {
    justify-content: flex-end;
    grid-column: 2;
    grid-row: 2;
    align-self: flex-end;
  }
}
@media (min-width: 1366px) {
  .footer__socialmedia {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: flex-start;
  }
}
@media (min-width: 768px) {
  .footer__bottom {
    grid-column: 1/3;
    grid-row: 4;
  }
}
@media (min-width: 1366px) {
  .footer__bottom {
    grid-column: 1/-1;
    grid-row: 4;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer__bottom-text {
  font-family: var(--roboto);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  margin-top: var(--40);
}
@media (min-width: 768px) {
  .footer__bottom-text {
    text-align: left;
  }
}
@media (min-width: 1366px) {
  .footer__bottom-text {
    text-align: left;
    margin-top: 0;
  }
}
.footer__bottom-links {
  display: flex;
  gap: var(--24);
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .footer__bottom-links {
    flex-direction: row;
  }
}
.footer__bottom-links a {
  font-family: var(--roboto);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: rgb(var(--neu-04));
}
.footer__prizes-instagram {
  display: flex;
  align-items: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/UserAvatarNavBar/userAvatarNavBar.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.userAvatarNavBar {
  display: flex;
  align-items: center;
  gap: var(--8);
  cursor: pointer;
}
.userAvatarNavBar--active .userAvatarNavBar__circle {
  border: solid 3px rgb(var(--m-01--light-03));
}
.userAvatarNavBar__label {
  text-align: right;
  display: none;
}
@media (min-width: 768px) {
  .userAvatarNavBar__label {
    display: block;
  }
}
.userAvatarNavBar__circle {
  height: var(--48);
  width: var(--48);
  border: solid 3px rgb(var(--neu-01));
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--m-01--light-01));
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/navButton.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.navButton {
  max-width: var(--472);
  height: 44px;
  font-weight: 500;
  font-family: var(--montserrat);
  font-size: var(--16);
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
  text-transform: uppercase;
  position: relative;
}
@media (min-width: 1366px) {
  .navButton {
    font-weight: 600;
    font-size: 14px;
    gap: 0.25rem;
    align-items: flex-start;
  }
  .navButton::after {
    content: "";
    display: none;
    height: 3px;
    width: 100%;
    background-color: rgb(var(--m-04));
    position: absolute;
    bottom: 0;
  }
}
.navButton__arrow {
  transition: transform 0.2s ease-out;
}
@media (min-width: 1366px) {
  .navButton:hover::after {
    display: block;
    background-color: rgb(var(--m-01--dark-01));
  }
}
.navButton--01 {
  box-shadow: none;
}
.navButton--01:hover span {
  color: rgb(var(--m-01--dark-01));
}
.navButton--01:hover .navButton__arrow path {
  fill: rgb(var(--m-01--dark-01));
}
.navButton--01 {
  /* @include media-L {
   &:hover {
    span {
     color: rgb(var(--m-04));
    }

    .navButton__arrow {
     path {
      fill: rgb(var(--m-04));
     }
    }
   }
  } */
}
.navButton--01:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 4px;
  outline-width: 2px;
}
.navButton--01 span {
  color: rgb(var(--m-04));
}
.navButton--01 .navButton__arrow path {
  fill: rgb(var(--m-04));
}
.navButton--02:hover span {
  color: rgb(var(--neu-01));
}
.navButton--02:hover .navButton__arrow path {
  fill: rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .navButton--02:hover .navButton__arrow path {
    fill: rgb(var(--neu-01));
  }
}
.navButton--02:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: 4px;
  outline-width: 2px;
}
.navButton--02 span {
  color: rgb(var(--neu-01));
}
.navButton--02 .navButton__icon-block path,
.navButton--02 .navButton__arrow path {
  fill: rgb(var(--neu-01));
}
.navButton--inAction::after, .navButton--active::after {
  display: block;
}
.navButton--inAction.navButton--01 span, .navButton--active.navButton--01 span {
  color: rgb(var(--m-01--dark-01));
}
.navButton--inAction.navButton--01 .navButton__arrow path, .navButton--active.navButton--01 .navButton__arrow path {
  fill: rgb(var(--m-01--dark-01));
}
.navButton--inAction.navButton--02 span, .navButton--active.navButton--02 span {
  color: rgb(var(--m-01--dark-01));
}
.navButton--inAction.navButton--02 .navButton__icon-block path, .navButton--active.navButton--02 .navButton__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.navButton--inAction.navButton--02 .navButton__arrow path, .navButton--active.navButton--02 .navButton__arrow path {
  fill: rgb(var(--m-01--dark-01));
}
.navButton--inAction::after, .navButton--active::after {
  background-color: rgb(var(--m-01));
}
.navButton--inAction .navButton__arrow {
  transform: rotate(180deg);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/privateAreaButton.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.privateAreaBtn {
  max-width: var(--472);
  height: var(--56);
  padding: 0 var(--16);
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: var(--16);
  border-radius: var(--16);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: flex-start;
}
.privateAreaBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.privateAreaBtn--loading {
  pointer-events: none;
}
.privateAreaBtn:not(:has(> span)) {
  height: var(--56);
  width: var(--56);
  padding: 0;
  justify-content: center;
}
.privateAreaBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.privateAreaBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.privateAreaBtn span {
  transition: width 0.2s ease-in-out;
  white-space: nowrap;
}
.privateAreaBtn--s {
  gap: 0;
}
.privateAreaBtn--s span {
  opacity: 0;
  width: 0;
}
.privateAreaBtn--01:hover span {
  color: rgb(var(--m-01--light-02));
}
.privateAreaBtn--01:hover .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--light-02));
}
.privateAreaBtn--01:focus-visible {
  outline-color: rgb(var(--m-01--light-02));
  outline-offset: -4px;
  outline-width: 2px;
}
.privateAreaBtn--01:active span {
  color: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--01:active .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--01 span {
  color: rgb(var(--m-04));
}
.privateAreaBtn--01 .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--light-02));
}
.privateAreaBtn--02:hover span {
  color: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--02:hover .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--02:focus-visible {
  outline-color: rgb(var(--m-01--dark-02));
  outline-offset: -4px;
  outline-width: 2px;
}
.privateAreaBtn--02:active span {
  color: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--02:active .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--02 span {
  color: rgb(var(--m-04));
}
.privateAreaBtn--02 .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-04));
}
.privateAreaBtn--03:hover {
  background-color: rgb(var(--m-01--light-02));
}
.privateAreaBtn--03:hover span {
  color: rgb(var(--neu-01));
}
.privateAreaBtn--03:hover .privateAreaBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.privateAreaBtn--03:focus-visible {
  outline-color: rgb(var(--m-01--light-04));
  outline-offset: -4px;
  outline-width: 2px;
}
.privateAreaBtn--03:focus-visible span {
  color: rgb(var(--neu-01));
}
.privateAreaBtn--03:focus-visible .privateAreaBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
.privateAreaBtn--03:active {
  background-color: rgb(var(--m-01--dark-01));
}
.privateAreaBtn--03:active span {
  color: rgb(var(--neu-01));
}
.privateAreaBtn--03:active .privateAreaBtn__icon-block path {
  fill: rgb(var(--m-01--light-04));
}
.privateAreaBtn--03 span {
  color: rgb(var(--neu-01));
}
.privateAreaBtn--03 .privateAreaBtn__icon-block path {
  fill: rgb(var(--neu-01));
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Button/actionButton.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.actionBtn {
  max-width: var(--472);
  height: var(--48);
  padding: 0 var(--8);
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: var(--16);
  border-radius: var(--16);
  cursor: pointer;
  transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  display: flex;
  align-items: center;
  gap: var(--8);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: center;
}
.actionBtn:disabled {
  opacity: 0.2;
  pointer-events: none;
}
.actionBtn--s {
  font-size: 14px;
  height: var(--48);
  padding: 0 var(--16);
}
.actionBtn:not(:has(> span)) {
  height: var(--48);
  width: var(--48);
  border-radius: 50%;
  padding: 0;
  justify-content: center;
}
@media (min-width: 1366px) {
  .actionBtn:not(:has(> span)) {
    height: var(--56);
    width: var(--56);
  }
}
.actionBtn__arrow {
  transition: transform 0.2s ease-out;
}
.actionBtn__icon-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--24);
  height: var(--24);
}
.actionBtn__icon-block svg {
  width: var(--24);
  height: var(--24);
}
.actionBtn--01 {
  box-shadow: none;
}
.actionBtn--01:hover span {
  color: rgb(var(--m-01--dark-01));
}
.actionBtn--01:hover .actionBtn__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.actionBtn--01:hover .actionBtn__arrow path {
  fill: rgb(var(--m-01--dark-01));
}
.actionBtn--01:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: -4px;
  outline-width: 2px;
}
.actionBtn--01:active span {
  color: rgb(var(--m-04));
}
.actionBtn--01:active .actionBtn__icon-block path,
.actionBtn--01:active .actionBtn__arrow path {
  fill: rgb(var(--m-04));
}
.actionBtn--01 span {
  color: rgb(var(--m-04));
}
.actionBtn--01 .actionBtn__icon-block path,
.actionBtn--01 .actionBtn__arrow path {
  fill: rgb(var(--m-04));
}
.actionBtn--02:hover span {
  color: rgb(var(--m-01--dark-01));
}
.actionBtn--02:hover .actionBtn__icon-block path {
  fill: rgb(var(--m-01--dark-01));
}
.actionBtn--02:hover .actionBtn__arrow path {
  fill: rgb(var(--m-01--dark-01));
}
.actionBtn--02:focus-visible {
  outline-color: rgb(var(--m-01));
  outline-offset: -4px;
  outline-width: 2px;
}
.actionBtn--02:active span {
  color: rgb(var(--neu-01));
}
.actionBtn--02:active .actionBtn__icon-block path,
.actionBtn--02:active .actionBtn__arrow path {
  fill: rgb(var(--neu-01));
}
.actionBtn--02 span {
  color: rgb(var(--neu-01));
}
.actionBtn--02 .actionBtn__icon-block path,
.actionBtn--02 .actionBtn__arrow path {
  fill: rgb(var(--neu-01));
}
.actionBtn--inAction .actionBtn__arrow {
  transform: rotate(180deg);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/partials/SelectLang/selectLang.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.selectLang {
  position: relative;
}
.selectLang__lang-droplistcontainer {
  display: none;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(var(--neu-10), 0.8);
  left: 0;
  bottom: 0;
  transition-property: display opacity;
  transition-duration: 0.2s;
  transition-behavior: allow-discrete;
}
@media (min-width: 1366px) {
  .selectLang__lang-droplistcontainer {
    position: absolute;
    width: auto;
    height: initial;
    bottom: initial;
    left: -128px;
    top: 76px;
    background-color: transparent;
  }
}
.selectLang__lang-droplistcontainer--active {
  opacity: 1;
  display: block;
}
@starting-style {
  .selectLang__lang-droplistcontainer--active {
    opacity: 0;
  }
}
.selectLang__lang-droplist {
  padding: var(--16);
  border-radius: var(--16);
  width: 220px;
  position: absolute;
  bottom: var(--24);
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .selectLang__lang-droplist {
    position: initial;
    transform: initial;
  }
}
.selectLang__lang-title {
  margin-top: var(--8);
  margin-bottom: var(--16);
}
.selectLang__lang-link {
  height: var(--40);
  padding: 0 var(--16);
  display: flex;
  align-items: center;
  border-radius: var(--8);
}
.selectLang__lang-link:hover {
  background-color: rgb(var(--neu-02));
}
.selectLang__lang-link--selected {
  color: rgb(var(--neu-01));
  background-color: rgb(var(--m-01--dark-01));
}
.selectLang__lang-link--selected:hover {
  background-color: rgb(var(--m-01--dark-01));
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Bullets/bullets.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bullets {
  display: flex;
  padding: 14px 18px;
  gap: 12px;
  border-radius: var(--48);
}
.bullets__item {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: rgba(var(--neu-04), 0.7);
  transition: width 0.5s ease-in-out;
  cursor: pointer;
}
.bullets__item--active {
  width: var(--32);
  border-radius: 8px;
  background-color: rgb(var(--m-04));
}
.bullets--dark {
  background-color: rgba(var(--neu-10), 0.7);
}
.bullets--dark .bullets__item {
  background-color: rgb(var(--neu-04));
}
.bullets--dark .bullets__item--active {
  background-color: rgb(var(--neu-01));
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Rating/rating.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rating {
  display: flex;
  gap: 5.63px;
}
@media (min-width: 768px) {
  .rating {
    gap: var(--8);
  }
}
.rating__circle {
  width: var(--16);
  height: var(--16);
  border-radius: 50%;
  border: 1px solid rgb(var(--rating-color));
}
@media (min-width: 768px) {
  .rating__circle {
    width: var(--24);
    height: var(--24);
  }
}
.rating__circle--full {
  background-color: rgb(var(--rating-color));
}
.rating__circle--partial {
  background-color: transparent;
  background-image: linear-gradient(to right, rgb(var(--rating-color)) 50%, transparent 50%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/SearchField/searchField.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.searchField {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  min-height: 89px;
  grid-column-gap: var(--8);
  column-gap: var(--8);
  padding: var(--16);
  border-bottom: 1px solid rgb(var(--neu-05));
}
.searchField input {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .searchField input {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.searchField input {
  flex: 1 1;
  grid-column: 1;
  width: 100%;
  border: none;
  outline: none;
  color: rgb(var(--neu-08));
}
.searchField input::placeholder {
  color: rgb(var(--neu-03));
}
.searchField__searchIcon {
  grid-column: 3;
  background-color: rgb(var(--m-01));
}
.searchField__searchIcon svg path {
  fill: rgb(var(--neu-01)) !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Select/select.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.customSelect {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 4px;
  width: min-content;
  min-width: var(--232);
  /* max-width: var(--384); */
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid rgb(var(--neu-03));
}
.customSelect--open .customSelect__label, .customSelect--hasValue .customSelect__label, .customSelect:has(.customSelect__trigger:focus) .customSelect__label {
  color: rgb(var(--neu-06));
  transform: translateY(0);
}
.customSelect--open, .customSelect:has(.customSelect__trigger:focus) {
  background-color: rgb(var(--neu-02));
  border-color: rgb(var(--m-01--light-03));
}
.customSelect__label {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: rgb(var(--neu-05));
  padding: var(--8) var(--8) 0;
  transform: translateY(38px);
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.customSelect__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--16);
  width: 100%;
  height: 48px;
  outline: none;
  padding: var(--8);
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--roboto);
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .customSelect__trigger {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.customSelect__trigger {
  text-align: left;
  color: rgb(var(--neu-08));
  cursor: pointer;
}
.customSelect__trigger-label {
  flex: 1 1;
}
.customSelect__trigger-icons {
  display: flex;
  align-items: center;
  gap: var(--16);
}
.customSelect__trigger-arrowIcon {
  pointer-events: none;
}
.customSelect__optionsWrapper {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 90;
  width: 100%;
  background: rgb(var(--neu-01));
  border-radius: 0 0 var(--16) var(--16);
  box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
}
.customSelect__optionsHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--64);
  padding: 0 var(--16);
  border-bottom: 0.5px solid rgb(var(--neu-03));
}
.customSelect__optionsHeader p {
  color: rgb(var(--m-04));
}
.customSelect__optionsHeader--disabled p {
  color: rgb(var(--neu-06));
}
.customSelect__optionsContent {
  padding: 16px 16px 24px;
}
.customSelect__options {
  width: 100%;
  max-height: var(--352);
  margin: 0;
  overflow-y: auto;
  list-style: none;
}
.customSelect__group label {
  cursor: pointer;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
  color: rgb(var(--m-04));
  justify-content: space-between;
}
.customSelect__group.highlighted label input {
  outline: -webkit-focus-ring-color auto 1px;
  outline-color: rgb(var(--m-01));
  outline-offset: 4px;
  outline-width: 3px;
  box-shadow: 0px 25px var(--24) -20px #6099ae;
}
.customSelect__option {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  letter-spacing: 0rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: var(--48);
  padding: 12px;
  border-radius: 4px;
  color: rgb(var(--m-04));
  cursor: pointer;
}
.customSelect__option[aria-selected=true] {
  color: rgb(var(--neu-01));
  background-color: rgb(var(--m-01--dark-01));
}
.customSelect__option.highlighted {
  background-color: #e0e0e0;
}
.customSelect__option-label {
  flex: 1 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/CommentRating/commentRating.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.commentRating {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--32);
  border: 0.5px solid rgb(var(--m-04));
  min-width: var(--160);
  min-height: var(--128);
  gap: 20px;
}
@media (min-width: 768px) {
  .commentRating {
    border-radius: var(--40);
    min-width: var(--232);
    min-height: var(--184);
    gap: var(--24);
  }
}
.commentRating__label {
  font-family: var(--montserrat);
  font-weight: 400;
  font-size: 48px;
  letter-spacing: 0px;
}
.commentRating__label span {
  font-weight: 500;
  font-style: medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
}
@media (min-width: 768px) {
  .commentRating__label {
    font-size: 72px;
  }
  .commentRating__label span {
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 4px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Awards/awards.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.awards {
  display: flex;
  align-items: flex-start;
  gap: var(--16);
  width: 100%;
  /* max-width: var(--312); */
}
.awards--link {
  cursor: pointer;
}
.awards__thumb {
  background: linear-gradient(57deg, #197fa5 16.74%, #80b9cd 100.63%);
  position: relative;
  min-width: var(--72);
  min-height: var(--72);
  border-radius: var(--16);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.awards__content {
  display: flex;
  flex-direction: column;
  gap: var(--8);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/simple/Chip/chip.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chip {
  border: 1px solid rgb(var(--neu-04));
  border-radius: var(--24);
  padding: var(--8) var(--16);
}
.chip--link:hover {
  border-color: rgb(var(--neu-06));
}
.chip span {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 500;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/partials/SearchNav/searchNav.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.searchNav {
  width: 100%;
  padding: var(--32);
  background-color: rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .searchNav {
    box-shadow: 0px var(--8) var(--24) 0px rgba(17, 17, 26, 0.1), 0px var(--24) 80px 0px rgba(17, 17, 26, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    height: 90vh;
    max-height: var(--648);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--56);
    padding: var(--24);
    border-radius: 0 0 var(--32) var(--32);
  }
}
.searchNav--desktop {
  display: none;
}
@media (min-width: 1366px) {
  .searchNav--desktop {
    display: flex;
  }
}
.searchNav__header {
  width: 100%;
  display: none;
  justify-content: flex-end;
}
@media (min-width: 1366px) {
  .searchNav__header {
    display: flex;
  }
}
.searchNav__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--40);
}
@media (min-width: 1366px) {
  .searchNav__wrapper {
    max-width: var(--776);
  }
}
.searchNav__field {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  grid-column-gap: var(--8);
  column-gap: var(--8);
  padding: var(--16);
  border-bottom: 1px solid rgb(var(--neu-05));
}
.searchNav__field input {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0rem;
  font-weight: 400;
}
@media (min-width: 1366px) {
  .searchNav__field input {
    font-size: 2rem;
    line-height: 2rem;
  }
}
.searchNav__field input {
  flex: 1 1;
  grid-column: 1;
  width: 100%;
  border: none;
  outline: none;
  color: rgb(var(--neu-08));
}
.searchNav__field input::placeholder {
  color: rgb(var(--neu-03));
}
.searchNav__field-searchIcon {
  grid-column: 3;
  background-color: rgb(var(--m-01));
}
.searchNav__field-searchIcon svg path {
  fill: rgb(var(--neu-01)) !important;
}
.searchNav__suggestions {
  display: flex;
  flex-direction: column;
  gap: var(--24);
}
@media (min-width: 1366px) {
  .searchNav__suggestions {
    flex-direction: row;
  }
}
.searchNav__suggestions-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 1366px) {
  .searchNav__suggestions-header {
    gap: var(--8);
    max-width: var(--312);
  }
}
.searchNav__suggestions-title {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .searchNav__suggestions-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: var(--montserrat);
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
.searchNav__suggestions-description {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.019rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .searchNav__suggestions-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: var(--montserrat);
    font-size: 0.875rem;
    line-height: 1.0625rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
@media (min-width: 1366px) {
  .searchNav__suggestions-description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: var(--montserrat);
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
.searchNav__suggestions-wrapper-option-default {
  display: flex;
  flex-wrap: wrap;
  gap: var(--16);
}
.searchNav__suggestions-wrapper-option-active {
  display: flex;
  flex-direction: column;
  gap: var(--8);
}
.searchNav__suggestions-option-active {
  display: flex;
  align-items: center;
  gap: var(--8);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/partials/SubMenu/subMenu.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.submenu {
  width: 100%;
  height: 100%;
  margin-bottom: var(--16);
}
@media (min-width: 1366px) {
  .submenu {
    box-shadow: 0px var(--8) var(--24) 0px rgba(17, 17, 26, 0.1), 0px var(--24) 80px 0px rgba(17, 17, 26, 0.1);
    width: 100%;
    height: auto;
    max-height: 90vh;
    display: none;
    align-items: start;
    justify-content: center;
    position: absolute;
    top: 100%;
    right: auto;
    left: 0;
    margin: 0;
    padding: var(--48);
    border-top: rgb(var(--neu-03)) 1px solid;
    background-color: rgb(var(--neu-01));
  }
  .submenu--active {
    display: flex;
  }
  .submenu .submenu__container:not(:has(.submenu__featured-image)) .submenu__wrapper {
    grid-column: 2/-2;
  }
}
.submenu .secondaryBtn {
  display: none;
}
@media (min-width: 1366px) {
  .submenu .secondaryBtn {
    display: flex;
    position: absolute;
    top: var(--24);
    right: var(--24);
  }
}
.submenu__container {
  width: 100%;
  height: 100%;
}
@media (min-width: 1366px) {
  .submenu__container {
    width: 100%;
    max-width: 1727px;
    margin: 0 auto;
    padding: 0 var(--24);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: var(--8);
  }
}
@media (min-width: 1366px) and (min-width: 768px) {
  .submenu__container {
    padding: 0 var(--56);
  }
}
@media (min-width: 1366px) and (min-width: 1366px) {
  .submenu__container {
    padding: 0 var(--96);
  }
}
@media (min-width: 1366px) and (min-width: 1920px) {
  .submenu__container {
    max-width: 1536px;
    padding: 0 var(--96);
  }
}
@media (min-width: 1366px) and (min-width: 768px) {
  .submenu__container {
    grid-column-gap: var(--24);
  }
}
@media (min-width: 1366px) and (min-width: 1366px) {
  .submenu__container {
    grid-template-columns: repeat(12, 1fr);
  }
}
.submenu__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--32);
  width: 100%;
}
@media (min-width: 1366px) {
  .submenu__wrapper {
    grid-column: 2/9;
  }
}
.submenu__section-title {
  text-transform: uppercase;
}
@media (min-width: 1366px) {
  .submenu__section-title {
    display: none;
  }
}
.submenu__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--72);
}
@media (min-width: 1366px) {
  .submenu__content-wrapper {
    gap: var(--56);
  }
}
.submenu__content {
  display: flex;
  flex-direction: column;
  gap: var(--56);
}
@media (min-width: 1366px) {
  .submenu__content {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--24);
  }
}
.submenu__block {
  display: flex;
  flex-direction: column;
  gap: var(--24);
}
@supports (-moz-appearance: none) {
  .submenu__block:first-of-type {
    width: 100%;
  }
}
.submenu__block-title {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 600;
}
@media (min-width: 1366px) {
  .submenu__block-title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: var(--montserrat);
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
.submenu__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: var(--48);
}
@media (min-width: 1366px) {
  .submenu__list {
    max-height: var(--312);
    gap: var(--24);
  }
}
.submenu__item {
  display: flex;
  flex-direction: column;
}
.submenu__item--group {
  margin-top: var(--32);
}
@media (min-width: 1366px) {
  .submenu__item--group {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: var(--24);
  }
}
.submenu__item-title {
  color: rgb(var(--m-01));
  padding-bottom: var(--8);
  border-bottom: 0.5px solid rgb(var(--m-01));
}
.submenu__item-title[href]:hover {
  text-decoration: underline;
}
.submenu__item-title--group {
  color: rgb(var(--neu-04));
  border-color: rgb(var(--neu-04));
}
@media (min-width: 1366px) {
  .submenu__item-title {
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 0;
    border: none;
  }
}
.submenu__sublist {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1366px) {
  .submenu__sublist {
    width: var(--272);
    margin-top: var(--8);
    gap: var(--16);
  }
}
.submenu {
  /* &__subitem {
  } */
}
.submenu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--8);
  height: var(--64);
  border-bottom: 0.5px solid rgb(var(--neu-03));
}
.submenu__link p {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgb(var(--m-04));
  font-family: var(--montserrat);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (min-width: 1366px) {
  .submenu__link {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    border: none;
  }
  .submenu__link[href]:hover p span:nth-child(1),
  .submenu__link[href]:hover p span:nth-child(2) {
    display: inline-block;
    box-shadow: inset 0 -1px 0 0 rgb(var(--m-04));
  }
}
.submenu__complement--new {
  display: inline-flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--m-01));
  border-radius: var(--16);
}
@media (min-width: 1366px) {
  .submenu__arrow-icon {
    display: none;
  }
}
.submenu__see-all {
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  padding-bottom: 1.5px;
  border-bottom: 2px solid rgb(var(--m-01));
}
.submenu__featured-image {
  display: none;
}
@media (min-width: 1366px) {
  .submenu__featured-image {
    grid-column: 9/-2;
    display: block;
    position: relative;
    overflow: hidden;
    justify-self: flex-end;
    width: var(--272);
    height: var(--200);
    border-radius: var(--16);
  }
  .submenu__featured-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.78%, #000000 100%);
  }
}
.submenu__featured-image-title {
  position: absolute;
  left: var(--24);
  bottom: var(--24);
  z-index: 2;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/partials/DrawerNav/drawerNav.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.drawernav {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 95%;
  height: 100%;
  min-height: 100%;
  z-index: 92;
  gap: var(--32);
  padding: var(--24) 0 0 0;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  background-color: rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .drawernav {
    display: none;
  }
}
.drawernav--active {
  transform: translateX(0);
}
.drawernav__header {
  height: var(--56);
  display: grid;
  grid-template-columns: var(--48) var(--48);
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--8);
}
@media (min-width: 768px) {
  .drawernav__header {
    padding: 0 var(--48);
  }
}
.drawernav__close {
  grid-column: 2;
}
.drawernav__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: var(--16);
  padding: 0 var(--32) var(--16);
  overflow-y: auto;
}
@media (min-width: 768px) {
  .drawernav__wrapper {
    padding: 0;
  }
}
.drawernav__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
@media (min-width: 768px) {
  .drawernav__content {
    width: 85%;
  }
}
.drawernav__controller {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: var(--16);
  border-top: 0.5px solid rgb(var(--neu-03));
}
@media (min-width: 768px) {
  .drawernav__controller {
    padding-bottom: var(--16);
  }
}
.drawernav__controller-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--8);
}
@media (min-width: 768px) {
  .drawernav__controller-list {
    width: 85%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.drawernav__controller-item .actionBtn {
  margin-left: var(--8);
}
@media (min-width: 768px) {
  .drawernav__controller-item .actionBtn {
    margin-left: 0;
  }
}
@media (min-width: 1366px) {
  .drawernav__controller-item .actionBtn {
    margin-left: var(--8);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/partials/PrivateArea/privateArea.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.privateArea {
  box-shadow: 0px var(--8) var(--24) 0px rgba(17, 17, 26, 0.1), 0px var(--24) 80px 0px rgba(17, 17, 26, 0.1);
  position: fixed;
  top: 0;
  right: 0;
  width: 95%;
  height: 100%;
  z-index: 90;
  overflow: hidden;
  background-color: rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .privateArea {
    position: absolute;
    top: calc(100% + var(--24));
    width: var(--264);
    height: calc(100vh - var(--96));
    max-height: -moz-fit-content;
    max-height: fit-content;
    padding: var(--16) 0;
    border-radius: var(--16);
  }
}
.privateArea__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: var(--56);
  padding: var(--8) var(--16) 0;
}
@media (min-width: 768px) {
  .privateArea__header {
    padding-top: var(--24);
  }
}
@media (min-width: 1366px) {
  .privateArea__header {
    display: none;
  }
}
.privateArea__scroll {
  width: 100%;
  height: calc(100% - var(--56));
  display: flex;
  flex-direction: column;
  gap: var(--16);
  overflow-y: auto;
}
.privateArea__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: var(--16) var(--32) 0;
  gap: var(--16);
}
@media (min-width: 1366px) {
  .privateArea__wrapper {
    padding: 0 var(--16);
  }
}
.privateArea__content {
  width: 100%;
  max-width: var(--304);
  display: flex;
  flex-direction: column;
  gap: var(--16);
}
.privateArea__user {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1366px) {
  .privateArea__user {
    display: none;
  }
}
.privateArea__userpic {
  display: inline-block;
  width: var(--64);
  height: var(--64);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: rgb(var(--m-01--light-01)); */
  border: solid 4px rgb(var(--neu-01));
  border-radius: 50%;
}
.privateArea__userpic span {
  display: none;
  text-align: right;
}
@media (min-width: 768px) {
  .privateArea__userpic span {
    display: block;
  }
}
.privateArea__userbutton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.privateArea__username {
  margin-left: var(--16);
}
.privateArea__precheckin {
  margin-top: var(--16);
}
@media (min-width: 768px) {
  .privateArea__precheckin {
    margin-top: var(--24);
  }
}
@media (min-width: 1366px) {
  .privateArea__precheckin {
    margin-top: 0;
  }
}
.privateArea__buttonlist {
  display: flex;
  flex-direction: column;
  gap: var(--8);
}
.privateArea__list {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  max-width: var(--304);
  justify-self: center;
  padding: var(--16) 0;
  border-top: 1px solid rgb(var(--neu-03));
}
@media (min-width: 768px) {
  .privateArea__list {
    align-items: center;
    flex-direction: initial;
    justify-content: space-around;
    max-width: initial;
    padding: var(--16) var(--32);
  }
}
@media (min-width: 1366px) {
  .privateArea__list {
    padding: var(--16) 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.privateArea__list .actionBtn {
  margin-left: var(--8);
}
@media (min-width: 768px) {
  .privateArea__list .actionBtn {
    margin-left: 0;
  }
}
@media (min-width: 1366px) {
  .privateArea__list .actionBtn {
    margin-left: var(--8);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/MainNav/mainNav.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mainNav {
  width: 100%;
  height: var(--72);
  padding: 0 var(--8) 0 var(--16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 91;
  transition: transform 0.4s ease-out;
}
.mainNav::before {
  content: "";
  pointer-events: none;
  background-color: rgba(var(--neu-10), 0.8);
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.mainNav--overlay::before {
  display: block;
  opacity: 1;
}
@media (min-width: 1366px) {
  .mainNav--overlay::before {
    display: none;
  }
}
.mainNav--hidden {
  transform: translateY(-101%);
}
@media (min-width: 1366px) {
  .mainNav {
    padding: 0 var(--32);
  }
}
.mainNav__left-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--32);
}
.mainNav__logo-link {
  display: block;
}
.mainNav__logo-link svg {
  height: var(--56);
}
.mainNav__navButtons {
  display: none;
  height: 100%;
  gap: var(--16);
  margin-right: var(--16);
}
@media (min-width: 1366px) {
  .mainNav__navButtons {
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1366px) {
  .mainNav__hamburger.iconBtn {
    display: none;
  }
}
.mainNav__options {
  display: flex;
  align-items: center;
  gap: var(--8);
  position: initial;
  height: initial;
}
@media (min-width: 1366px) {
  .mainNav__options {
    gap: 0;
  }
}
.mainNav__cotroller-buttons {
  display: none;
}
@media (min-width: 1366px) {
  .mainNav__cotroller-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-row: 5;
    margin-right: var(--16);
  }
}
.mainNav__precheckin.accentBtn {
  display: none;
}
@media (min-width: 1366px) {
  .mainNav__precheckin.accentBtn {
    display: flex;
  }
}
@media (min-width: 1366px) {
  .mainNav__precheckin.accentBtn {
    margin-left: var(--16);
  }
}
.mainNav__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--16);
  margin-bottom: var(--16);
  border-bottom: 1px solid rgb(var(--neu-03));
}
.mainNav__homepage-button {
  padding: var(--24);
  border-radius: var(--24);
  background-color: rgb(var(--neu-01));
  cursor: pointer;
  font-weight: 600;
  font-family: var(--montserrat);
  font-size: var(--16);
  display: flex;
  align-items: center;
  gap: var(--16);
  outline-style: solid;
  outline-offset: 0px;
  outline-width: 0px;
  justify-content: flex-start;
}
.mainNav__homepage-button span {
  color: rgb(var(--neu-01));
}
.mainNav__homepage-button:hover {
  background-color: rgb(var(--neu-08));
}
.mainNav__homepage-button:hover span {
  display: block;
}
.mainNav__homepage-button span {
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-stretch: normal;
  letter-spacing: normal;
  font-family: var(--montserrat);
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0rem;
  font-weight: 500;
  transition: width 0.2s ease-in-out;
  white-space: nowrap;
  display: none;
}
.mainNav__submenu-desktop {
  display: none;
}
@media (min-width: 1366px) {
  .mainNav__submenu-desktop {
    display: flex;
    padding-left: 0;
    padding-right: 0;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/SecondaryNav/secondaryNav.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.secondaryNav {
  position: fixed;
  top: var(--72);
  left: 0;
  z-index: 89;
  width: 100%;
  height: var(--72);
  padding: var(--24);
  background-color: rgb(var(--m-04));
  transition: top 0.4s ease-out;
}
.secondaryNav--moveUp {
  top: 0;
}
.secondaryNav__content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.secondaryNav__toggle {
  cursor: pointer;
}
@media (min-width: 1366px) {
  .secondaryNav__toggle {
    display: none;
  }
}
.secondaryNav__menu {
  display: none;
  position: absolute;
  top: var(--64);
  left: 0;
  width: 100%;
  padding: 0 var(--16) var(--32);
  background-color: rgb(var(--m-04));
}
.secondaryNav__menu--open {
  display: block;
}
@media (min-width: 768px) {
  .secondaryNav__menu {
    padding: 0 var(--24) var(--32);
  }
}
@media (min-width: 1366px) {
  .secondaryNav__menu {
    display: block;
    position: initial;
    width: auto;
    padding: 0;
    background-color: transparent;
  }
}
.secondaryNav__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.secondaryNav__list li {
  width: 100%;
}
@media (min-width: 1366px) {
  .secondaryNav__list {
    width: auto;
    align-items: center;
    flex-direction: row;
    gap: var(--32);
  }
  .secondaryNav__list li {
    width: auto;
  }
}
.secondaryNav .secondaryNav__list li:nth-last-child(2) .secondaryNav__item {
  border-bottom: 0.5px solid rgb(var(--neu-06));
}
@media (min-width: 1366px) {
  .secondaryNav .secondaryNav__list li:nth-last-child(2) .secondaryNav__item {
    border: none;
  }
}
.secondaryNav__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--64);
  padding: 0 var(--16);
  font-family: var(--montserrat);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  text-transform: uppercase;
  border-top: 0.5px solid rgb(var(--neu-06));
}
.secondaryNav__item--accentButton {
  display: none;
}
.secondaryNav__item--active {
  border-bottom: 1px solid rgb(var(--neu-01));
}
@media (min-width: 1366px) {
  .secondaryNav__item {
    font-size: 14px;
    height: auto;
    border: none;
    padding: 0;
  }
  .secondaryNav__item--accentButton {
    display: flex;
  }
  .secondaryNav__item--active {
    border-bottom: 1px solid rgb(var(--neu-01));
  }
}
@media (min-width: 1366px) {
  .secondaryNav__item-icon {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/components/modules/LayoutGeneral/layoutGeneral.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.layoutGeneral__sr-only {
  position: absolute;
  top: -2rem;
  transition: top 0.3s ease-in-out;
}
.layoutGeneral__sr-only:focus {
  top: var(--16);
  left: 50%;
  z-index: 100;
  transform: translateX(-50%);
}
.layoutGeneral__children {
  width: 100%;
  min-height: calc(100vh - var(--72));
  margin-top: var(--72);
  display: flex;
  flex-direction: column;
  transition: margin 0.4s ease-out;
}
.layoutGeneral__children:has(.secondaryNav) {
  margin-top: calc(var(--72) + var(--72));
  min-height: calc(100vh - var(--72) - var(--72));
}
.layoutGeneral__children:has(.secondaryNav--moveUp) {
  margin-top: var(--72);
  min-height: calc(100vh - var(--72));
}