/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/assets/frontend.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: poppins-light;
  src: url(../fonts/Poppins-Light.7641a0f7.ttf);
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins-Regular.35d26b78.ttf);
}
@font-face {
  font-family: poppins-medium;
  src: url(../fonts/Poppins-Medium.673ed423.ttf);
}
@font-face {
  font-family: poppins-semibold;
  src: url(../fonts/Poppins-SemiBold.ac8d04b6.ttf);
}
@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins-Bold.cdb29a5d.ttf);
  font-weight: bold;
}
.appointment-box-wbk {
  display: flex;
  max-width: 760px;
  min-height: 650px;
  background: #fff;
  padding: 20px 20px 20px 20px;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0 0 60px rgba(161, 163, 182, 0.2);
}

.appointment-box-wbk .appointment-status-wrapper-wbk {
  background: #428a89;
  border-radius: 20px;
  color: #fff;
  padding: 20px;
  min-width: 250px;
  min-height: 620px;
  margin: 0;
  box-sizing: border-box;
}

.narrow-form-wbk .appointment-status-wrapper-wbk {
  max-width: 215px;
  min-width: 215px;
}

.circle-box-wbk {
  width: 26px;
  height: 26px;
  margin: 0 10px 0 0;
  position: relative;
}

.circle-wrapper-wbk {
  width: 13px;
  height: 26px;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.circle-wrapper-right-wbk {
  right: 0;
}

.circle-whole-wbk {
  width: 26px;
  height: 26px;
  border: 2px solid transparent;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotate(-135deg);
}

.circle-left-wbk {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  left: 0;
  animation: circleLeft-wbk 0.4s linear forwards;
}

li.completed-wbk .circle-digit-wbk {
  animation: append-animate-wbk 0.4s linear;
  background: #fff;
  text-indent: 100px;
  overflow: hidden;
}

.circle-digit-wbk {
  display: flex;
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
  min-height: 26px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin: 5px 16px;
}

.appointment-box-wbk .appointment-status-list-wbk {
  list-style: none;
  padding: 0;
  margin: 0;
}

.appointment-box-wbk .appointment-status-list-wbk > li {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  opacity: 0.6;
  align-items: flex-start;
}

.appointment-box-wbk .appointment-status-list-wbk > li.active-wbk {
  opacity: 1;
}

.appointment-box-wbk .appointment-status-list-wbk > li.completed-wbk .circle-digit-wbk {
  animation: append-animate-wbk 0.4s linear;
  text-indent: 100px;
  overflow: hidden;
}

.appointment-box-wbk .appointment-status-list-wbk .circle-digit-wbk {
  display: flex;
  max-width: 26px;
  max-height: 26px;
  min-width: 26px;
  min-height: 26px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin: 0 10px 0 0;
}

.appointment-box-wbk .appointment-status-list-wbk .text-wbk {
  padding: 2px 0 0 0;
}

.appointment-box-wbk .appointment-status-list-wbk .text-wbk .text-title-wbk {
  font-size: 16px;
  margin: 0 0 10px 0;
  padding: 0 !important;
  font-family: poppins, arial;
}

.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk {
  list-style: disc;
  margin: 0 0 0 20px;
  max-width: 200px;
  font-size: 14px;
  padding: 0 !important;
}

.appointment-box-wbk .appointment-status-list-wbk .text-wbk .subtitle-list-wbk li + li {
  margin-top: 10px;
}

.components-radio-control-input,
.components-checkbox-control-input {
  box-shadow: none !important;
}

.timeslot-animation-wbk {
  animation: append-animate-wbk 0.3s linear;
}

.input-label-wbk {
  display: block;
  margin: 10px 0 2px 0;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  font-family: poppins, arial;
  text-align: left;
}

.appointment-content-wbk:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.appointment-status-text-mobile-wbk {
  display: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.current-step-wbk {
  margin: 0 !important;
  padding: 0 !important;
  font-family: poppins-medium, arial;
  font-size: 16px;
}

.next-step-wbk {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
}

@media (max-width: 1200px) {
  .appointment-box-wbk {
    display: block;
    box-shadow: none;
    padding: 5px 0 10px 0;
    min-height: 0;
  }
  .appointment-box-wbk .appointment-status-wrapper-wbk {
    display: flex;
    padding: 20px 25px 20px 25px;
    align-items: center;
    min-width: 0;
    max-width: none;
    margin: 0 15px 20px 15px;
    min-height: auto;
  }
  .appointment-status-list-wbk {
    display: none;
  }
  .appointment-status-text-mobile-wbk {
    display: block;
  }
}
.circle-chart-wbk {
  display: none;
  width: 80px;
  height: 80px;
  background: #428a89;
  position: relative;
  margin: 0 15px 0 0;
}

@media (max-width: 950px) {
  .circle-chart-wbk {
    display: inline-block;
  }
}
@media (max-width: 500px) {
  .appointment-box-wbk .appointment-status-wrapper-wbk {
    padding: 10px;
  }
}
.custom-radiobutton-wbk {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  line-height: 23px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  font-weight: normal;
}

.circle-chart-wbk .circle-chart-text-wbk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hidden-wbk {
  display: none !important;
}

.checkmark-wbk {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #212121;
  border-radius: 50%;
  box-sizing: border-box;
  transition: 0.2s;
}

.checkmark-multiple-wbk {
  border-radius: 0 !important;
}

.narrow-form-wbk {
  max-width: 600px;
}

.appointment-content-scroll-wbk {
  padding: 0 25px 30px 10px;
  position: relative;
  margin: 0 0 23px;
  height: 555px;
  overflow: hidden !important;
}

.appointment-content-wbk {
  flex-grow: 1;
  padding: 0 20px;
}

.button-block-wbk {
  display: flex;
  justify-content: right;
  padding: 0 25px 0 0;
}

.button-wbk {
  font-family: poppins-semibold, arial;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f6763;
  border-radius: 15px;
  color: #fff;
  border: none;
  padding: 18px 20px 18px 20px !important;
  font-size: 16px;
  transition: 0.2s;
  cursor: pointer;
  min-width: 155px;
  outline: none;
  height: auto !important;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-left: 5px;
}

.button-wbk.loading-wbk {
  cursor: wait !important;
  pointer-events: none;
  background: #808080;
}

.button-wbk.loading-wbk::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: loading-animation-wbk 1.5s infinite linear;
}

@keyframes loading-animation-wbk {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.loading-holder-wbk {
  display: block !important;
}

.react-loading-skeleton {
  height: 75px;
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 10px;
}

.justify-content-center-wbk {
  justify-content: center;
}

.input-wbk,
.select-wbk,
.text-wbk,
.email-custom-wbk {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  display: block;
  box-sizing: border-box !important;
  border: 1px solid #cdcfde !important;
  border-radius: 15px;
  height: 50px;
  padding: 0 20px 0 20px;
  font-family: poppins, arial;
  font-size: 16px;
  color: #212121;
  outline: none;
  font-weight: normal;
  background: #fff !important;
}

.wbk-form {
  width: 100%;
  max-width: 450px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.wbk-form__heading {
  margin-bottom: 50px;
}

.wbk-form__title {
  font-size: 20px !important;
  font-weight: normal;
  line-height: 1.2;
  padding-left: 5px;
  border-left: 5px solid #428a89;
  color: #428a89;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-family: "poppins";
}

.wbk-form__input-wrapper {
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.wbk-form__group {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.wbk-form__label {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  font-family: poppins, arial;
  text-align: left;
}

.wbk-form [type=text],
.wbk-form [type=email],
.wbk-form [type=password],
.wbk-form select {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  display: block;
  box-sizing: border-box !important;
  border: 1px solid #cdcfde !important;
  border-radius: 15px;
  padding: 18px 20px 18px 20px;
  font-family: poppins, arial;
  font-size: 16px;
  color: #212121;
  outline: none;
  font-weight: normal;
  background: #fff !important;
  height: auto;
}

.wbk-form [type=text]:disabled,
.wbk-form [type=email]:disabled,
.wbk-form [type=password]:disabled,
.wbk-form select:disabled {
  color: #cecccc !important;
}

.wbk-form [type=text]:focus,
.wbk-form [type=email]:focus,
.wbk-form [type=password]:focus,
.wbk-form select:focus {
  box-shadow: none !important;
  outline: none !important;
}

.wbk-form__error {
  border-right: 4px solid #ff2a2a !important;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-right: 5px;
  text-align: right;
  margin-top: 15px;
  font-size: 16px;
}

.wbk-form__button-holder {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

.form-single-col-wbk {
  width: 350px;
}

.input-wbk:disabled {
  color: #cecccc !important;
}

.input-wbk:focus {
  box-shadow: none !important;
  outline: none !important;
}

.input-error-wbk {
  border-left: 2px solid #ff2a2a !important;
}

.button-holder-wbk {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: flex-end;
}

.items-list-wbk {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

li.item-wbk {
  margin: 0 0 20px 0 !important;
  padding: 10px !important;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
}

.timeslot-animation-wbk {
  animation: append-animate-w 0.3s linear;
}

@keyframes append-animate-wbk {
  from {
    transform: scaleY(0);
    opacity: 0;
  }
  to {
    transform: scaleY(1);
    opacity: 1;
  }
}
.icon-wbk {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  background-size: 20px 20px;
}

.money-grey-icon-wbk {
  background-image: url(data:image/png;base64,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);
}

.clock-grey-icon-wbk {
  background-image: url(data:image/png;base64,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);
}

.item-title-wbk {
  font-family: poppins, arial;
  font-size: 16px;
  display: block;
  margin-bottom: 10px !important;
  color: #000;
}

.item-block-sub-title-wbk {
  font-family: poppins, arial;
  font-size: 16px;
  color: #686080 !important;
  margin-right: 30px !important;
}

.item-block-controls-wbk {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.item-block-controls-wbk a {
  text-decoration: none !important;
  margin: 0 10px 0 0;
  color: #686080;
  outline: none !important;
}

.item-block-controls-wbk a:hover {
  text-decoration: underline !important;
}

.color-red-wbk {
  color: #ff2020 !important;
}

.navbar-links-wbk li a {
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 300;
  font-family: poppins, arial !important;
  outline: none !important;
}

.react-calendar {
  border: none !important;
  background: #fff !important;
  width: 100% !important;
  border-radius: 20px;
  box-shadow: 0 0 19px rgba(161, 163, 182, 0.2);
}

abbr[title],
.react-calendar__tile,
.react-calendar__tile abbr {
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.react-calendar__navigation__label,
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__label,
.react-calendar__navigation__prev-button,
.react-calendar__navigation__next-button,
.react-calendar__navigation__next2-button {
  color: #000;
}

.react-calendar__month-view__days__day:not(:disabled):not(.react-calendar__tile--active),
.react-calendar__tile--no:not(:disabled):not(.react-calendar__tile--active) {
  color: #000;
}

.react-calendar__tile--now {
  background: #ffffff;
}

.timeslots-list-wbk {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 6px;
  list-style: none !important;
  margin: 15px 0 30px 0 !important;
  padding: 0 12px 0 0 !important;
  width: 100%;
  box-sizing: border-box;
}

.timeslots-list-wbk li {
  margin: 0 !important;
  padding: 0 !important;
}

.timeslots-list-wbk input[type=radio] {
  display: none;
}

.timeslots-list-wbk input[type=radio] ~ .radio-time-block-wbk {
  transition: 0.2s;
}

.timeslots-list-wbk .radio-time-block-wbk {
  display: flex;
  height: 44px;
  border: 1px solid #1f6763;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-wbk {
  color: #fff;
  background: #1f6763;
  border: 1px solid #1f6763;
  cursor: default;
}

.timeslot-animation-w {
  animation: append-animate-w 0.3s linear;
}

.timeslots-list-wbk .radio-checkmark {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #8a9393;
  border-radius: 100%;
  margin: 0 5px 0 0;
}

.timeslots-list-wbk input[type=radio]:checked ~ .radio-time-block-w .radio-checkmark {
  border-color: #fff;
  border-width: 4px;
}

.loading-small-horizontal-wbk {
  width: 150px;
  height: 22px;
  background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 50%, #f0f0f0 100%);
  background-size: 200% 100%;
  animation: loading-small-horizontal 1.5s infinite;
  display: inline-block;
  border-radius: 3px;
}

@keyframes loading-small-horizontal {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.navbar--wbk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333;
  color: white;
  padding: 10px 20px;
}

.menu-toggle-wbk {
  display: none;
  background: none !important;
  border: none !important;
  color: white !important;
  font-size: 1.5em;
  cursor: pointer;
}

.menu-toggle-wbk:hover {
  background: none !important;
  border: none !important;
  color: white !important;
  outline: none !important;
}

.navbar-links-wbk {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.navbar-links-wbk a {
  color: white;
  text-decoration: none;
}

@media (min-width: 768px) {
  .menu-toggle-wbk {
    display: none;
  }
  .navbar-links-wbk {
    flex-direction: column;
    display: flex;
  }
  .navbar-links-wbk li {
    margin: 10px 0;
  }
}
.active-wbk {
  font-weight: bold !important;
}

.mt-50-wbk {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .menu-toggle-wbk {
    display: block;
  }
  .navbar-links-wbk {
    display: none;
    position: relative;
    right: 0;
    width: 100%;
    z-index: 50;
  }
  .navbar-links-wbk.open-wbk {
    display: flex;
    flex-direction: column;
  }
  .navbar-links-wbk li {
    text-align: left;
    margin: 0 0 10px 33px;
  }
  .timeslots-list-wbk {
    grid-template-columns: 1fr 1fr;
  }
}
.rcs-inner-handle {
  background-color: rgba(149, 149, 149, 0.19) !important;
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-loading-skeleton/dist/skeleton.css ***!
  \***********************************************************************************************************************************************************************************************************/
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/components/Navbar/Navbar.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Lu8iI_MchCctFXmDCMig {
  width: 240px;
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
  padding: 16px 24px;
  display: flex;
  flex-flow: column;
}

@media screen and (max-width: 768px) {
  .Lu8iI_MchCctFXmDCMig {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 65px;
    left: 0;
  }
}
.DaOo2wUDbaVUD37wrjvb {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.yJuJy2E3rLSJePYj0VJd {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 10px;
  transition: 0.3s all ease;
  cursor: pointer;
}

.yJuJy2E3rLSJePYj0VJd:not(.cWDc32KwxF8qXlokv9l3) img {
  filter: grayscale(100%);
  transform: 0.3s all ease;
}

.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi {
  background-color: var(--wbk-primary-50);
  color: #0f766e;
}

.yJuJy2E3rLSJePYj0VJd.KhlIrWtBku5AR98kJvgi img {
  filter: grayscale(0%);
}

.i9D3IUtoARuXewHYGOnH {
  padding-top: 25px;
  border-top: 1px solid #e5e7eb;
  margin-top: 16px;
  color: #dc2626;
}

.NX_BtmJj_l0yIldmDY8X {
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
  padding-top: 22px;
}

.NX_BtmJj_l0yIldmDY8X .sazvKVCxaFRTVcTXVDKe {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #22292f;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.NX_BtmJj_l0yIldmDY8X .bODh5xOMa6w_NFIdqPWw a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #668091;
}

.NnVcxxRm5pv4mksCbTPR {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 10px;
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 p {
  margin-bottom: 20px;
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.cAsmc0yA_IzwHcevxIgn {
  background-color: #dc2626;
  color: #fff;
}

.NnVcxxRm5pv4mksCbTPR .h68wXrkkKnZ5esxRFHF8 .hWJ1aiCKFeRebHiolvtI button.DV_0Te8XeWN84kBwlDsH {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Button/Button.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  text-align: center;
  vertical-align: middle;
  transition: 0.3s all cubic-bezier(0.25, 0.8, 0.25, 1);
  text-decoration: none !important;
  position: relative;
}

.wbk_button:active, .wbk_button:focus {
  outline: none;
  box-shadow: none;
}

.wbk_button:active {
  transform: scale(0.95);
}

.wbk_button:hover:not(.disabled):not(:active) {
  transform: translateY(-4px) scale(1.03) perspective(400px) rotateX(4deg);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 1.5px 4px rgba(0, 0, 0, 0.1);
}

.wbk_button--primary {
  background-color: var(--wbk-primary-500);
  color: #fff;
}

.wbk_button--primary:hover:not(.disabled) {
  background-color: var(--wbk-primary-600);
  color: #fff;
}

.wbk_button--secondary {
  background-color: #edeff2;
  color: #22292f;
}

.wbk_button--secondary:hover {
  background-color: var(--wbk-primary-500);
  color: var(--wbk-primary-50);
}

.wbk_button--generic {
  border: none;
  background-color: transparent;
  color: #668091;
  box-shadow: none;
  outline: none;
  position: static;
  transition: none;
}

.wbk_button--generic:hover:not(.disabled):not(:active) {
  transform: none;
  box-shadow: none;
  color: #668091;
  background-color: transparent !important;
}

.wbk_button--generic:active:not(.disabled) {
  transform: none;
  box-shadow: none;
  color: #668091;
  background-color: transparent !important;
}

.wbk_button--error {
  background-color: #dc2626;
  color: #fff;
}

.wbk_button--error:hover {
  background-color: #b91c1c;
  color: #fff;
}

.wbk_button--disabled {
  background-color: #edeff3;
  cursor: not-allowed;
}

.wbk_button:hover .wbk_button__tooltip {
  visibility: visible;
  z-index: 9999;
  opacity: 1;
}

.wbk_button__tooltip {
  background: #fff;
  color: #222;
  padding: 8px 14px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  white-space: pre-line;
  pointer-events: none;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 180px;
  max-width: 320px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  bottom: calc(100% + 12px);
  right: 30%;
  margin-left: 12px;
}

.wbk_button__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(100% - 16px);
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.wbk_button__loader {
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-top: 3px solid #668091;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/components/LoginForm/LoginForm.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.KKLofP45FsQ6Eu3Ueet1 {
  padding: 32px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.KKLofP45FsQ6Eu3Ueet1 h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  text-align: center;
  color: #111827;
  margin: 0;
}

.KKLofP45FsQ6Eu3Ueet1 p {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  color: #6b7280;
  margin: 0;
}

.cp82M2vWPil8NvhvB7tS {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.cp82M2vWPil8NvhvB7tS .fVXVED1O36U8fktffkda {
  width: 64px;
  height: 64px;
  min-width: 64px;
  min-height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--wbk-primary-100);
}

.O2NCX3pelTmVHMEJzuh5 {
  margin-top: 30px;
  display: flex;
  flex-flow: column;
  gap: 24px;
}

.O2NCX3pelTmVHMEJzuh5 .ihHoO1Qa6iDLerEwnWc9 {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.O2NCX3pelTmVHMEJzuh5 label {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #374151;
}

.O2NCX3pelTmVHMEJzuh5 [type=text],
.O2NCX3pelTmVHMEJzuh5 [type=email],
.O2NCX3pelTmVHMEJzuh5 [type=password] {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  padding: 12px 16px;
  outline: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #374151;
  transform: 0.3s all ease;
}

.O2NCX3pelTmVHMEJzuh5 [type=text]:active, .O2NCX3pelTmVHMEJzuh5 [type=text]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=email]:active,
.O2NCX3pelTmVHMEJzuh5 [type=email]:focus,
.O2NCX3pelTmVHMEJzuh5 [type=password]:active,
.O2NCX3pelTmVHMEJzuh5 [type=password]:focus {
  outline: none;
  background-color: #ffffff;
  border-color: var(--wbk-primary-500);
}

.O2NCX3pelTmVHMEJzuh5 [type=text]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=email]::-moz-placeholder, .O2NCX3pelTmVHMEJzuh5 [type=password]::-moz-placeholder {
  color: #adaebc;
}

.O2NCX3pelTmVHMEJzuh5 [type=text]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=email]::placeholder,
.O2NCX3pelTmVHMEJzuh5 [type=password]::placeholder {
  color: #adaebc;
}

.LReKVHda87_mh16GnXVF {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4b5563;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input {
  outline: none;
}

.LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:active, .LReKVHda87_mh16GnXVF .HfyirM9wordSjCfi6z2C input:focus {
  outline: none;
}

.O5EW09aH9h5D0BqBZXXn {
  margin-top: 24px;
}

.O5EW09aH9h5D0BqBZXXn .rZuZOqn3rAUwtdEnyMpa {
  width: 100%;
}

.zq64uOkvy0xtT7EwEZov {
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 8px;
  background: #f8dcdc;
  color: #ff2a2a;
  border: 1px solid #ffadad;
  margin-top: 24px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/UserDashboard/UserDashboard.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.InN_8lx3C7bpwVXsHTQ4 {
  width: 100%;
  max-width: 900px;
  height: 638px;
  position: relative;
}

.InN_8lx3C7bpwVXsHTQ4.s8WhGkRlu_GlBh2GIK6G {
  max-width: 448px;
  max-height: 568px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .InN_8lx3C7bpwVXsHTQ4 {
    max-width: 100%;
  }
}
.ynC1ZR_wxt_olPgREeC_ {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: flex;
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .ynC1ZR_wxt_olPgREeC_ {
    flex-flow: column;
  }
}
.Bp1uzjt9OFvcwc4UYQ48 {
  width: 100%;
}

.Bp1uzjt9OFvcwc4UYQ48 h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #111827;
  margin: 0;
}

.Bp1uzjt9OFvcwc4UYQ48 p {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #6b7280;
}

._zIDKA87SLhgC06gQySp {
  display: none;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
}

._zIDKA87SLhgC06gQySp .gNYM54_2qUucz11PVPSO {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq {
  display: flex;
  flex-flow: column;
  gap: 3px;
  cursor: pointer;
  position: relative;
  width: 17.5px;
  height: 15px;
  align-items: center;
  justify-content: center;
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq div {
  width: 17.5px;
  height: 3px;
  border-radius: 10px;
  background-color: #4b5563;
  cursor: 0.3s all ease;
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease-in-out;
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(2) {
  opacity: 0;
}

._zIDKA87SLhgC06gQySp .uMbJUINSp5LxKrQl6Ijq.gnhg5WKe8VrokwZYcbor div:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 768px) {
  ._zIDKA87SLhgC06gQySp {
    display: flex;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/UserDashboard/pages/Bookings/Bookings.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.xwWlUDmt0ykq86bzfUR_ {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.xwWlUDmt0ykq86bzfUR_ p {
  margin: 0;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .xwWlUDmt0ykq86bzfUR_ h2,
  .xwWlUDmt0ykq86bzfUR_ .r4arV_VOAbV3jiSmpQBg {
    display: none;
  }
}
.rLvgHst1cTyNutyXrzfH {
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 24px;
}

@media screen and (max-width: 768px) {
  .rLvgHst1cTyNutyXrzfH {
    padding: 16px;
    border-top: 1px solid #e5e7eb;
  }
}
.jsg_tGWFamYxp2iYLd4T {
  margin-top: 24px;
}

.jsg_tGWFamYxp2iYLd4T .PO94JLiucMXN3fdgLvjF {
  background-color: #f3f4f6;
  border-radius: 10px;
  width: 100%;
  padding: 4px;
  display: flex;
}

.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF {
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #111827;
  transition: 0.3s all linear;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid transparent;
}

.jsg_tGWFamYxp2iYLd4T ._cFcdij1z2cjaXBxGGEF.Jz0IeJa5IuoSL9kC31WN {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.0509803922);
}

.jsg_tGWFamYxp2iYLd4T .LqzeJjawhmJVg9rdl8V6 {
  margin-top: 24px;
  display: flex;
  flex-flow: column;
}

.jsg_tGWFamYxp2iYLd4T .NnONoJRl5c8wLokNEtET {
  display: flex;
  flex-flow: column;
  gap: 16px;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/components/ItemBlock/ItemBlock.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wAXfpnZjatliINzwf4xU {
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  padding: 17px;
  border-radius: 10px;
}

.kpVUXhDw6zpF86Yta7do {
  display: flex;
  align-items: center;
  gap: 14px;
}

.kpVUXhDw6zpF86Yta7do .ep1mLJAD3S2wtyfg3dVn {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #111827;
}

.kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
  border-radius: 9999px;
  padding: 4px 6px;
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
}

@media screen and (max-width: 768px) {
  .kpVUXhDw6zpF86Yta7do .Lah72XDwO6He_CdbtymA {
    margin-left: auto;
  }
}
.kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
  margin-left: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #111827;
}

@media screen and (max-width: 768px) {
  .kpVUXhDw6zpF86Yta7do .vTI9Yh2pebXBWbetB6AA {
    display: none;
  }
}
.mqfFtDlwMcSQtSnm7ZHw {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .mqfFtDlwMcSQtSnm7ZHw {
    flex-flow: column;
    gap: 12px;
    align-items: flex-start;
  }
}
.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 {
  display: flex;
  flex-flow: column;
  gap: 4px;
}

.mqfFtDlwMcSQtSnm7ZHw .ExWo85DZaIm6Be8moRC1 .jVpdqWkaaumXWYwCjIu7 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4b5563;
}

.mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .mqfFtDlwMcSQtSnm7ZHw .rBiywmLzRDT9fmR8KCnr {
    border-top: 1px solid #f3f4f6;
    padding-top: 8px;
    justify-content: flex-end;
    width: 100%;
  }
}
.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3 {
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #374151;
  padding: 8px 12px;
  transition: 0.3s all ease;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE {
  border-color: #d1d5db;
}

.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.SWffcVeAnNdNUaSEOUYE:hover {
  background-color: rgb(237.6097560976, 239.1219512195, 241.3902439024);
}

.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN {
  border-color: #fca5a5;
  color: #b91c1c;
}

.mqfFtDlwMcSQtSnm7ZHw .ULShXHqNhXfpw9Nq4PP3.sj5qLpdrGOWdzrxux9bN:hover {
  background-color: rgb(253.6451612903, 214.3548387097, 214.3548387097);
}

.VJJHtUuNOBT43yllydsT {
  margin-left: auto;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #111827;
  display: none;
}

@media screen and (max-width: 768px) {
  .VJJHtUuNOBT43yllydsT {
    display: block;
    margin-right: auto;
  }
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-calendar/dist/Calendar.css ***!
  \***************************************************************************************************************************************************************************************************/
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/BookingForm.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_booking_form__wrapper * {
  box-sizing: border-box;
  font-family: "Ubuntu", sans-serif;
}

.wbk_booking_form__wrapper {
  position: relative;
  width: calc(100vw - 32px);
  text-align: left;
  max-width: min(750px, 100%);
  flex-shrink: 0;
  flex-grow: 0;
  align-self: center;
  justify-self: center;
}

.wbk_booking_form__wrapper--compact-form {
  max-width: 500px;
  background-color: #ffffff;
  border-radius: 8px;
}

.wbk_booking_form__wrapper__loading-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.wbk_booking_form__wrapper:not(.wbk_booking_form__wrapper--expanded) .wbk_booking_form__left-panel {
  max-width: 100%;
  width: 100%;
}

.wbk_booking_form__content {
  padding: 24px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  height: calc(100% - 80px);
}

.wbk_booking_form__left-panel {
  max-width: calc(100% - 250px);
  width: 100%;
  transition: 0.3s all linear;
  display: flex;
  flex-direction: column;
  max-height: inherit;
}

.wbk_booking_form__left-panel :global(.custom-scroll-handle) {
  left: 4px !important;
}

.wbk_booking_form__right-panel {
  margin-left: auto;
}

.wbk_booking_form__body__wrapper {
  max-width: 750px;
  min-height: 750px;
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
}

.wbk_booking_form__body__inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 750px;
  min-height: 750px;
  max-height: 750px;
  background-color: #ffffff;
  border-radius: 8px;
}

.wbk_booking_form__body__inner-wrapper--bottom-view {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (max-width: 768px) {
  .wbk_booking_form {
    min-width: 100%;
    max-width: 100%;
    position: relative;
  }
  .wbk_booking_form__left-panel {
    max-width: 100%;
    width: 100%;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Services/Services.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_services_wrapper {
  display: flex;
  flex-flow: column;
  gap: 8px;
  font-family: "Ubuntu", sans-serif;
  margin-top: 8px;
  border-radius: 12px;
}

.wbk_services_wrapper p {
  margin: 0;
}

.wbk_services_skeleton {
  height: 96px;
  border-radius: 12px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation: skeleton-loading 1.2s infinite linear;
  margin-bottom: 8px;
}

.wbk_services_item_appear {
  animation: slideFadeIn 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.wbk_service_item {
  border: 1.5px solid #edeff2;
  border-radius: 12px;
  cursor: pointer;
  transform: 0.3s all linear;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wbk_service_item--selected {
  border: 1.5px solid var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
}

.wbk_service_item--selected.wbk_service_item_bottom-part {
  border-top: 1.5px solid var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
}

.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__button {
  border-color: var(--wbk-primary-500);
}

.wbk_service_item--selected.wbk_service_item_bottom-part .wbk_service_item_bottom-part__quantity-wrapper__input {
  background-color: var(--wbk-primary-50);
  border-color: var(--wbk-primary-500);
  color: var(--wbk-primary-text-50);
}

.wbk_service_item--selected h3, .wbk_service_item--selected.wbk_service_item__heading-wrapper__price {
  color: var(--wbk-primary-text-50);
}

.wbk_service_item--selected p {
  color: var(--wbk-primary-text-100);
}

.wbk_service_item--selected.wbk_service_item_bottom-part__heading p,
.wbk_service_item--selected.wbk_service_item_bottom-part__heading span {
  color: var(--wbk-primary-text-100) !important;
}

.wbk_service_item__top-part {
  display: flex;
  gap: 16px;
  padding: 16px 16px 24px;
}

.wbk_service_item__image {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.wbk_service_item__content-wrapper {
  display: flex;
  flex-flow: column;
  gap: 12px;
  width: 100%;
}

.wbk_service_item__heading-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.wbk_service_item__heading-wrapper h3 {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  margin-bottom: 4px;
  color: #22292f;
}

.wbk_service_item__heading-wrapper__duration {
  color: #668091;
}

.wbk_service_item__heading-wrapper p {
  margin: 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  gap: 4px;
}

.wbk_service_item__heading-wrapper__price {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  vertical-align: middle;
  white-space: nowrap;
  color: #22292f;
}

.wbk_service_item__description {
  margin: 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_service_item__description-toggle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  cursor: pointer;
}

.wbk_service_item__description-toggle img {
  transition: 0.3s all linear;
}

.wbk_service_item__description-toggle--expanded img {
  transform: rotate(180deg);
}

.wbk_service_item__bottom-part {
  padding: 16px;
  border-top: 1.5px solid #edeff2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wbk_service_item__bottom-part__heading p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  margin-bottom: 2px;
  color: #22292f;
}

.wbk_service_item__bottom-part__heading span {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_service_item__bottom-part__quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wbk_service_item__bottom-part__quantity-wrapper__input {
  height: 32px !important;
  max-height: 32px;
  min-width: 32px;
  border: 1.5px solid #edeff2 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  appearance: textfield !important;
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #ffffff !important;
}

.wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-outer-spin-button, .wbk_service_item__bottom-part__quantity-wrapper__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0 !important;
}

.wbk_service_item__bottom-part__quantity-wrapper__input[type=number] {
  -moz-appearance: textfield;
}

.wbk_service_item__bottom-part__quantity-wrapper__button {
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  height: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #edeff2;
  cursor: pointer;
  background-color: #ffffff;
}

.wbk_service_item__bottom-part__quantity-wrapper__button--increase {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.wbk_service_item__bottom-part__quantity-wrapper__button--reduce {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.wbk_service_item__mobile-select-button {
  display: none;
  margin: 16px;
  width: calc(100% - 32px);
}

@media screen and (max-width: 768px) {
  .wbk_service_item__mobile-select-button {
    display: flex;
  }
}
.wbk_service_item__mobile-select-button--selected {
  background-color: #ffffff !important;
}

.wbk_service_item__mobile-select-button--selected:hover {
  color: #22292f;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/admin/components/WebbaDataTable/Table.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.xeObMU09QbqpVUrs3IFp {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  margin-top: 24px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.xeObMU09QbqpVUrs3IFp tbody > tr {
  background-color: #fff;
  border: 1px solid #f3f4f6;
}

.xeObMU09QbqpVUrs3IFp tbody > tr:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}

.xeObMU09QbqpVUrs3IFp tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

.eioRTipEpuq4YSMkt6Ae {
  display: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.M0zs30fE6spXGppSQMrf {
  padding: 15px;
  cursor: pointer;
  text-align: left;
  font-family: "Ubuntu", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  font-style: normal;
  color: #4b5563;
}

.JA8gM5LLHaa3s23W26V2 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.M0zs30fE6spXGppSQMrf:first-child {
  border-radius: 10px 0 0 10px;
}

.M0zs30fE6spXGppSQMrf:last-child {
  border-radius: 0 10px 10px 0;
}

.mzbxvKLNBk6SP7juR9os {
  padding: 15px;
  text-align: left;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  font-style: normal;
}

.mzbxvKLNBk6SP7juR9os:first-child {
  max-width: 50px;
  width: 50px;
}

.mzbxvKLNBk6SP7juR9os:last-child {
  text-align: right;
}

.ZuTgtuzmJiEGCHQ4ZGqq > td {
  padding: 0;
}

.McRdKW0tiU0bup1NCe7l {
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: opacity 200ms, transform 500ms;
  padding: 0;
  min-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}

.McRdKW0tiU0bup1NCe7l:active {
  transform: scale(0.9);
}

.McRdKW0tiU0bup1NCe7l[data-title] {
  position: relative;
}

.McRdKW0tiU0bup1NCe7l[data-title]::after {
  content: attr(data-title);
  display: flex;
  padding: 2px 5px;
  border-radius: 2px;
  background-color: rgba(17, 24, 39, 0.8666666667);
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0) translate(-50%, -100%);
  white-space: nowrap;
}

.McRdKW0tiU0bup1NCe7l[data-title]:hover::after {
  top: calc(-100% - 15px);
  right: 0;
  left: unset;
  transform: translateX(-25%) scale(1);
}

.McRdKW0tiU0bup1NCe7l img {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  min-height: 20px;
}

.McRdKW0tiU0bup1NCe7l:hover img {
  opacity: 0.7;
}

.McRdKW0tiU0bup1NCe7l.OwCoTowlEWzTPRYyZhSP {
  visibility: hidden;
}

.McRdKW0tiU0bup1NCe7l.nTkL_6lP6DQ6AoozrLeP {
  transform: rotate(180deg);
}

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

@media screen and (max-width: 768px) {
  .NGxaEBhggQFj6Q15eTwZ {
    flex-flow: column;
    align-items: flex-start;
  }
}
._6ph0sEDjEqFrg2sCaQt {
  border: none;
  background-color: green;
  color: white;
  padding: 10px;
  font-size: 18px;
  border-radius: 12px;
  cursor: pointer;
}

.h0Mkrc2f4bTX4Yy39LMX {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
}

.lVeRDoCb6PsI5l3J0XKD {
  padding: 15px;
}

.rqNUQAismKt5yWnzBO63 {
  margin-bottom: 15px;
}

.i1Qq3N4bzNQAfmCzyBiF {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .i1Qq3N4bzNQAfmCzyBiF {
    white-space: nowrap;
    flex-flow: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 20px;
  }
  .i1Qq3N4bzNQAfmCzyBiF input[id=search] {
    width: 100%;
  }
}
.JtvlDHvf_bC8QDjR13Ck {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.PI3aBK2u5TQgaJHULPld {
  display: flex;
  align-items: center;
  gap: 8px;
}

.PI3aBK2u5TQgaJHULPld p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0%;
  color: #4b5563;
}

@media screen and (max-width: 768px) {
  .PI3aBK2u5TQgaJHULPld p:nth-child(3) {
    display: none;
  }
}
.PI3aBK2u5TQgaJHULPld select {
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #1f2937;
}

.bx99b0eDylBEWU0vs5UX {
  display: flex;
  align-items: center;
  gap: 8px;
}

.HeHDo_XrLuoZmbgGZyJk {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.bx99b0eDylBEWU0vs5UX button {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 8px 12px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #1f2937;
  transition: 0.3s all linear;
  background-color: transparent;
}

.bx99b0eDylBEWU0vs5UX button:hover, .bx99b0eDylBEWU0vs5UX button.qRhr_RJITrCC5JoiebNr {
  background-color: #1f6763;
  color: white;
}

.bx99b0eDylBEWU0vs5UX button:not(:disabled) {
  cursor: pointer;
}

.bx99b0eDylBEWU0vs5UX button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.bx99b0eDylBEWU0vs5UX button img {
  display: none;
}

@media screen and (max-width: 768px) {
  .bx99b0eDylBEWU0vs5UX button img {
    display: flex;
  }
  .bx99b0eDylBEWU0vs5UX button span {
    display: none;
  }
}
.eioRTipEpuq4YSMkt6Ae {
  display: table-header-group;
}

.yOprrPU8iYcfbWU2VgJM {
  box-shadow: 0 0 15px rgba(161, 164, 182, 0.5);
  border-radius: 20px;
  padding: 32px;
  margin: 20px;
  background: #f9fafb;
}

@media screen and (max-width: 768px) {
  .yOprrPU8iYcfbWU2VgJM {
    margin: 10px;
    padding: 25px;
  }
}
.rqNUQAismKt5yWnzBO63 input {
  display: none;
}

.O_yDOzS6kAsfJpoNLung {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  row-gap: 1px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  width: 170px;
  max-width: 170px;
}

@media screen and (max-width: 768px) {
  .O_yDOzS6kAsfJpoNLung .NZ1oE936sv_Gw3ZWkod_ {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .O_yDOzS6kAsfJpoNLung {
    width: auto;
    max-width: unset;
  }
}
@media (max-width: 1400px) {
  .R5Y82Xy1JZkfiNM14kmD {
    overflow-x: auto;
    overflow-y: clip;
  }
}
.R5Y82Xy1JZkfiNM14kmD.aMa0pW3Bqp0VfX_ExPEL {
  overflow-x: auto;
}

.Dxs3vmRCUEqD5T26ZhtQ {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #111827;
  margin: 0;
  word-wrap: break-word;
}

._9xM3uoVEHjjOYAb6fElg {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #6b7280;
  margin: 0;
  word-wrap: break-word;
}

.OgZNcMbWoKFN9EtfNFaW * {
  white-space: nowrap;
}

.SaBmIwrFn5yVseVkouv1 {
  position: fixed;
  bottom: 0;
  right: 0;
  width: calc(100% - 160px);
  z-index: 999;
}

@media (max-width: 960px) {
  .SaBmIwrFn5yVseVkouv1 {
    width: calc(100% - 36px);
  }
}
@media (max-width: 782px) {
  .SaBmIwrFn5yVseVkouv1 {
    width: 100%;
  }
}
.DyxKuaAWfHk3dzFrzhQf {
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #e5e7eb;
  border-bottom: none;
  padding: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}

@media (max-width: 960px) {
  .DyxKuaAWfHk3dzFrzhQf {
    flex-flow: column;
    padding: 10px;
    gap: 10px;
  }
}
.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD {
  display: flex;
  align-items: center;
  gap: 10px;
}

.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #4b5563;
  margin: 0;
}

.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #6b7280;
  cursor: pointer;
}

.DyxKuaAWfHk3dzFrzhQf ._3dGdx7_en6v7GnpSHcjD span img {
  width: 12px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.DyxKuaAWfHk3dzFrzhQf .Deq6LTYYTh4sYzLurEvI {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.DyxKuaAWfHk3dzFrzhQf .BLViTt2VPyU4l43_YEw7 {
  padding: 0;
}

.DyxKuaAWfHk3dzFrzhQf .mMzotIUd2Wb7rNY_LK_I {
  background-color: #fff;
  color: #ef4444;
  border: 1px solid #ef4444;
  padding: 11px 17px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.DyxKuaAWfHk3dzFrzhQf select {
  padding: 11px 17px;
  border-radius: 8px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Categories/Categories.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_categories__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.wbk_categories__items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.wbk_categories__items::-webkit-scrollbar {
  display: none;
}

.wbk_categories__items__item {
  padding: 4px 12px;
  border-radius: 100px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  text-align: center;
  color: #22292f;
  background-color: #edeff2;
  cursor: pointer;
  border: 1.5px solid #edeff2;
  white-space: nowrap;
}

.wbk_categories__items__item--selected {
  border-color: var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
  color: var(--wbk-primary-500);
}

.wbk_categories__navigation-button {
  background-color: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.wbk_categories__navigation-button--prev {
  left: -12px;
}

.wbk_categories__navigation-button--next {
  right: -12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/steps/Steps.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_step__separator {
  width: 100%;
  height: 1px;
  background-color: #edeff2;
}

.wbk_step__scroll-wrapper .rcs-custom-scrollbar {
  width: 3px;
  right: 0;
  padding: 0;
}

.wbk_step__payment-step {
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.wbk_step__certificates {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

.wbk_step__certificates img {
  filter: grayscale(1);
  opacity: 0.5;
}

.wbk_step__form-wrapper {
  padding-right: 8px;
}

.wbk_step__native-scroll-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  flex: 1;
  scroll-behavior: smooth;
  /* Slim custom scrollbar for Webkit browsers */
  /* Slim custom scrollbar for Firefox */
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.wbk_step__native-scroll-wrapper::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.wbk_step__native-scroll-wrapper::-webkit-scrollbar-thumb:hover {
  background: #b0b8c1;
}

.wbk_coupon__wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wbk_coupon__wrapper input[type=text] {
  border-radius: 8px;
  border: 1px solid #edeff2;
  outline: none;
  box-shadow: none;
  padding: 11px 16px;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #668091;
  width: 100%;
  background: #fff;
}

.wbk_coupon__feedback {
  margin-top: 4px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.wbk_coupon__feedback--success {
  background: #e6f7ec;
  color: #1a7f37;
  border: 1px solid #b7ebc6;
}

.wbk_coupon__feedback--failed {
  background: #fff1f0;
  color: #d93025;
  border: 1px solid #ffccc7;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/BookingCalendar/BookingCalendar.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_booking_calendar {
  z-index: 0;
  padding: 0px 14px;
  position: relative;
}

.wbk_booking_calendar .wbk_booking_calendar__indications {
  display: flex;
  gap: 24px;
  align-items: center;
  margin: 16px 0;
}

.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #668091;
}

.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication .wbk_booking_calendar__indication-dot {
  display: flex;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--available .wbk_booking_calendar__indication-dot {
  background-color: var(--wbk-primary-50);
}

.wbk_booking_calendar .wbk_booking_calendar__indications .wbk_booking_calendar__indication--today .wbk_booking_calendar__indication-dot {
  background-color: var(--wbk-primary-100);
}

.wbk_booking_calendar__calendar-wrapper {
  box-shadow: none;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation__label__labelText--from {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5%;
  text-align: center;
  color: #22292f;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation {
  margin-bottom: 0 !important;
  margin-top: 8px !important;
  height: auto !important;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__weekdays__weekday {
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #668091;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:disabled {
  text-decoration: line-through !important;
  background-color: #ffffff !important;
  color: #b0bfc9 !important;
  border-color: transparent !important;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day {
  background-color: var(--wbk-primary-50) !important;
  color: var(--wbk-primary-text-50) !important;
  border-radius: 4px;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
  border: 1.5px solid var(--wbk-primary-50) !important;
  width: 100%;
  height: 100%;
  box-shadow: none !important;
  font-size: 12px;
  padding: 8px;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:hover:not(:disabled), .wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day:active:not(:disabled) {
  background-color: var(--wbk-primary-50);
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__month-view__days__day.react-calendar__tile--now {
  background-color: var(--wbk-primary-100) !important;
  color: var(--wbk-primary-text-50) !important;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__tile--active {
  background-color: var(--wbk-primary-50) !important;
  border: 1.5px solid var(--wbk-primary-500) !important;
  color: var(--wbk-primary-text-50) !important;
}

.wbk_booking_calendar__calendar-wrapper .react-calendar__navigation button {
  font-weight: 100 !important;
  font-size: 22px !important;
  padding: 2px 6px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  height: 28px !important;
  width: 28px !important;
  box-shadow: none !important;
  margin: 0 2px !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  background: #fff !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s !important;
  z-index: 2 !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Timeslots/Timeslots.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_timeslots {
  gap: 8px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
  padding: 16px;
}

.wbk_timeslots--noitems {
  padding: 0;
}

.wbk_timeslots__item {
  border-radius: 4px;
  border: 1px solid #edeff2;
  background-color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #22292f;
  transition: 0.2s all linear;
  padding: 9px 18px;
  white-space: nowrap;
  width: 100%;
  min-width: 100px;
  cursor: pointer;
  text-align: center;
  flex: 1 0 120px;
  max-width: 180px;
  box-sizing: border-box;
}

.wbk_timeslots__item--selected {
  border-color: var(--wbk-primary-500);
  color: var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
}

.wbk_timeslots__item--max-reached, .wbk_timeslots__item--disabled {
  background-color: #f8f9fa;
  border-color: #e9ecef;
  color: #6c757d;
  cursor: not-allowed;
  opacity: 0.6 !important;
}

.wbk_timeslots__slot-appear {
  animation: slotSlideFadeIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.wbk_timeslots__free-places {
  font-size: 12px;
  color: var(--wbk-primary-500);
}

.wbk_timeslots__skeleton-slot {
  height: 36px;
  flex: 0 0 120px;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 6px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 400% 100%;
  background-position: 100% 50%;
  animation: skeleton-loading 1.2s infinite linear !important;
}

@media screen and (max-width: 768px) {
  .wbk_timeslots {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes slotSlideFadeIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/SelectedServices/SelectedServices.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_selected_services__wrapper {
  display: flex;
  flex-flow: column;
  gap: 25px;
}

.wbk_selected_services__item__heading {
  padding: 12px 16px;
  background-color: var(--wbk-primary-50);
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
}

.wbk_selected_services__item__heading__index {
  background-color: var(--wbk-primary-500);
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  color: var(--wbk-primary-text-500);
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wbk_selected_services__item__heading__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: var(--wbk-primary-text-50);
  margin: 0;
  text-align: left !important;
}

.wbk_selected_services__item__heading__empty-timeslots-label {
  background-color: var(--wbk-primary-100);
  padding: 3px 7px;
  border-radius: 4px;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #6b7280;
  color: var(--wbk-primary-text-100);
  white-space: nowrap;
}

.wbk_selected_services__item__heading__selected-times {
  display: flex;
  flex-flow: column;
  gap: 4px;
  margin-left: auto;
}

.wbk_selected_services__item__heading__selected-timeslot {
  padding: 4px;
  border-radius: 4px;
  background-color: var(--wbk-primary-100);
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--wbk-primary-600);
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.wbk_selected_services__item__heading__selected-timeslot span {
  display: flex;
  width: 4px;
  height: 4px;
  min-width: 4px;
  min-height: 4px;
  border-radius: 50%;
  background-color: var(--wbk-primary-600);
}

.wbk_selected_services__item__heading__toggle-icon {
  margin-left: auto;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
  transform: rotate(180deg);
}

.wbk_selected_services__item__body {
  border-top: none;
  border: 1px solid #e5e7eb;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading {
  border-radius: 10px;
}

.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__body {
  max-height: 0;
  height: 0;
  overflow: hidden;
  border: none;
}

.wbk_selected_services__item:not(.wbk_selected_services__item--expanded) .wbk_selected_services__item__heading__toggle-icon {
  transform: rotate(0deg);
}

.wbk_selected_services__item--disabled .wbk_selected_services__item__heading {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f3f4f6;
}

.wbk_selected_services__item--disabled .wbk_selected_services__item__heading .wbk_selected_services__item__heading__index {
  background-color: #9ca3af;
}

.wbk_selected_services__item__bottom-part {
  padding: 16px;
  border-top: 1.5px solid #edeff2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wbk_selected_services__item__bottom-part__group-heading p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  margin-bottom: 2px;
}

.wbk_selected_services__item__bottom-part__group-heading span {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_selected_services__item__bottom-part__quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wbk_selected_services__item__bottom-part__quantity-input {
  height: 32px;
  max-height: 32px;
  min-width: 32px;
  border: 1.5px solid #edeff2;
  text-align: center;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  appearance: textfield;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  text-align: center;
  padding: 0;
}

.wbk_selected_services__item__bottom-part__quantity-input::-webkit-outer-spin-button, .wbk_selected_services__item__bottom-part__quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wbk_selected_services__item__bottom-part__quantity-input[type=number] {
  -moz-appearance: textfield;
}

.wbk_selected_services__item__bottom-part__quantity-button {
  width: 32px;
  max-width: 32px;
  min-width: 32px;
  height: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #edeff2;
  cursor: pointer;
  background-color: #ffffff;
}

.wbk_selected_services__item__bottom-part__quantity-button--increase {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.wbk_selected_services__item__bottom-part__quantity-button--reduce {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.wbk_selected_services__item__selected-date {
  padding: 16px;
  background-color: #f7f7f7;
  text-align: left !important;
}

.wbk_selected_services__item__selected-date p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  margin: 0;
  color: #22292f;
}

.wbk_selected_services__item__selected-date p span {
  color: var(--wbk-primary-500);
}

.wbk_selected_services__item__no-timeslots {
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #f61616;
  white-space: nowrap;
  padding: 16px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/PhoneInput/PhoneInput.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input__phone__input .PhoneInputInput {
  border: none !important;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  padding: 0 !important;
  height: auto !important;
  outline: none !important;
  box-shadow: none !important;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/react-phone-number-input/style.css ***!
  \*****************************************************************************************************************************************************************************************************/
/* CSS variables. */
:root {
	--PhoneInput-color--focus: #03b2cb;
	--PhoneInputInternationalIconPhone-opacity: 0.8;
	--PhoneInputInternationalIconGlobe-opacity: 0.65;
	--PhoneInputCountrySelect-marginRight: 0.35em;
	--PhoneInputCountrySelectArrow-width: 0.3em;
	--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
	--PhoneInputCountrySelectArrow-borderWidth: 1px;
	--PhoneInputCountrySelectArrow-opacity: 0.45;
	--PhoneInputCountrySelectArrow-color: currentColor;
	--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountrySelectArrow-transform: rotate(45deg);
	--PhoneInputCountryFlag-aspectRatio: 1.5;
	--PhoneInputCountryFlag-height: 1em;
	--PhoneInputCountryFlag-borderWidth: 1px;
	--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
	--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
	--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
	/* This is done to stretch the contents of this component. */
	display: flex;
	align-items: center;
}

.PhoneInputInput {
	/* The phone number input stretches to fill all empty space */
	flex: 1;
	/* The phone number input should shrink
	   to make room for the extension input */
	min-width: 0;
}

.PhoneInputCountryIcon {
	width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
	height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
	width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
	/* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
	background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
	/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
	/* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
	/* Fixes weird vertical space above the flag icon. */
	/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
	display: block;
	/* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
	width: 100%;
	height: 100%;
}

.PhoneInputInternationalIconPhone {
	opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
	opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	border: 0;
	opacity: 0;
	cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
	cursor: default;
}

.PhoneInputCountrySelectArrow {
	display: block;
	content: '';
	width: var(--PhoneInputCountrySelectArrow-width);
	height: var(--PhoneInputCountrySelectArrow-width);
	margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
	border-style: solid;
	border-color: var(--PhoneInputCountrySelectArrow-color);
	border-top-width: 0;
	border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	border-left-width: 0;
	border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
	transform: var(--PhoneInputCountrySelectArrow-transform);
	opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
	box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
	opacity: 1;
	color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/FileInput/FileInput.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input__file__drop-area {
  border: 1.5px dashed #edeff2;
  border-radius: 8px;
  height: 120px;
  width: 100%;
  padding: 26px;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  gap: 4px;
  cursor: grab;
  margin-top: 16px;
}

.wbk_input__file__drop-area:active {
  cursor: grabbing;
}

.wbk_input__file__drop-area p,
.wbk_input__file__drop-area span {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  text-align: center;
  vertical-align: middle;
  color: #22292f;
  margin: 0;
}

.wbk_input__file__drop-area span {
  color: #668091;
}

.wbk_input__file__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 16px;
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.wbk_input__file__list li {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_input__file__list__item {
  display: flex;
  align-items: center;
  background: #f7f9fa;
  border: 1px solid #edeff2;
  border-radius: 6px;
  padding: 8px 12px;
  gap: 12px;
  transition: box-shadow 0.2s;
  position: relative;
  box-shadow: 0 1px 2px rgba(34, 41, 47, 0.03);
}

.wbk_input__file__list__item__name {
  flex: 1;
  font-weight: 400;
  color: #22292f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wbk_input__file__list__item__size {
  font-size: 13px;
  color: #668091;
  margin-left: 8px;
}

.wbk_input__file__list__item__remove-btn {
  background: none;
  border: none;
  color: #e74c3c;
  font-size: 18px;
  cursor: pointer;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 50%;
  transition: background 0.15s;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wbk_input__file__list__item__remove-btn:hover {
  background: #fdecea;
  color: #c0392b;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/NumberInput/NumberInput.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input__number__inner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.wbk_input__number__input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wbk_input__number__input {
  height: 40px;
  max-height: 40px;
  border: 1.5px solid #edeff2 !important;
  text-align: center;
  outline: none !important;
  box-shadow: none;
  border-radius: 0;
  max-width: 48px;
  background-color: #ffffff !important;
}

.wbk_input__number__quantity-button {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #edeff2;
  cursor: pointer;
  background-color: #ffffff;
}

.wbk_input__number__quantity-button--increase {
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.wbk_input__number__quantity-button--reduce {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media screen and (max-width: 768px) {
  .wbk_input__number__input {
    height: 30px;
    max-height: 30px;
    max-width: 28px;
  }
  .wbk_input__number__quantity-button {
    width: 30px;
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    max-height: 30px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/Checkbox/Checkbox.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input_checkbox__label {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.wbk_input_checkbox__label span {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_input_checkbox__label input {
  outline: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/SelectInput/SelectInput.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input__select__input {
  padding: 4px;
  border-radius: 8px !important;
}

.wbk_input__select__option {
  font-weight: 300;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 1%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/FormNotice/FormNotice.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_form_notice {
  padding: 16px;
  border-radius: 8px;
  background-color: #f9fafb;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Form/Form.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_form {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  justify-content: space-between;
  margin-top: 24px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Fields/Fields.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_input {
  width: 100%;
}

.wbk_input--half-width {
  width: calc(50% - 6px);
}

.wbk_input__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  color: #22292f;
}

.wbk_input__main {
  border-radius: 8px !important;
  border: 1px solid #d4dde2 !important;
  outline: none !important;
  padding: 9px 16px !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  letter-spacing: 1% !important;
  vertical-align: middle;
  color: #22292f !important;
  transition: 0.2s all ease !important;
  width: 100% !important;
  max-width: unset !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  margin: 0 !important;
}

.wbk_input__main::-moz-placeholder {
  color: #668091 !important;
}

.wbk_input__main::placeholder {
  color: #668091 !important;
}

.wbk_input__main--error {
  border-color: red !important;
}

.wbk_input__main:focus {
  border-color: var(--wbk-primary-500) !important;
}

.wbk_input__error {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  color: red;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/PaymentSelector/PaymentSelector.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_payment-selector__wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  gap: 16px;
  margin-top: 24px;
  width: 100%;
}

.wbk_payment-selector__method {
  height: auto;
  box-sizing: border-box;
  flex: 0 0 84px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 21px 16px;
  gap: 8px;
  border-radius: 8px;
  border: 1.5px solid #edeff2;
  cursor: pointer;
  min-width: 125px;
}

.wbk_payment-selector__method,
.wbk_payment-selector__method * {
  transition: 0.2s all ease-in;
}

.wbk_payment-selector__method img {
  filter: grayscale(1);
}

.wbk_payment-selector__method span {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  text-align: center;
  vertical-align: middle;
  color: #668091;
  width: 100%;
}

.wbk_payment-selector__method--selected {
  border-color: var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
  color: var(--wbk-primary-50);
}

.wbk_payment-selector__method--selected img {
  filter: var(--wbk-primary-filter-500);
}

.wbk_payment-selector__method--selected span {
  color: #22292f;
}

.wbk_payment-selector__method:hover {
  background-color: var(--wbk-primary-50);
}

.wbk_payment-selector__method--appear {
  animation: methodSlideFadeIn 0.7s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.wbk_payment-selector__no-methods {
  margin-top: 16px;
  color: red;
}

@keyframes methodSlideFadeIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Progressbar/Progressbar.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_progressbar__indicator {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wbk_progressbar__steps-list {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
}

.wbk_progressbar__steps-list__step {
  transition: 0.3s all linear;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1%;
  text-align: center;
  color: #b0bfc9;
  border-radius: 50%;
  border: 1.5px solid #f9fafb;
}

.wbk_progressbar__steps-list__step--active {
  border-color: var(--wbk-primary-500);
  color: var(--wbk-primary-500);
  background-color: var(--wbk-primary-50);
}

.wbk_progressbar__steps-list__step--done {
  background-color: var(--wbk-primary-500);
  border-color: var(--wbk-primary-500);
  color: var(--wbk-primary-50);
}

.wbk_progressbar__progress-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 100px;
  background-color: #edeff2;
  height: 4px;
  width: 100%;
}

.wbk_progressbar__progress-wrapper__progress {
  height: 100%;
  border-radius: 100px;
  background-color: var(--wbk-primary-500);
}

.wbk_progressbar__content h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5%;
  color: #22292f;
  margin: 0;
  margin-bottom: 4px;
  text-align: left !important;
}

.wbk_progressbar__content p {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
  margin: 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Sidebar/Sidebar.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes sidebarItemEnter {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.wbk_sidebar__wrapper {
  height: 100%;
  position: relative;
  transition: 0.3s all linear;
}

.wbk_sidebar__wrapper--open {
  width: 250px;
}

.wbk_sidebar__wrapper--hidden {
  width: 0;
}

@media screen and (max-width: 768px) {
  .wbk_sidebar__wrapper--open {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 1;
  }
}
.wbk_sidebar__toggle-button {
  background-color: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -12px;
  transition: 0.3s all linear;
  z-index: 1;
  transform: rotate(180deg);
}

.wbk_sidebar__toggle-button--hidden {
  transform: rotate(0deg);
}

.wbk_sidebar__inner-wrapper {
  padding: 24px;
  width: 250px;
  background-color: var(--wbk-secondary-500);
  border-left: 1px solid #edeff2;
  height: 100%;
  position: relative;
  transition: 0.3s all linear;
  display: flex;
  flex-flow: column;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.wbk_sidebar__inner-wrapper--open {
  width: 250px;
}

@media screen and (max-width: 768px) {
  .wbk_sidebar__inner-wrapper--open {
    width: 100%;
  }
}
.wbk_sidebar__inner-wrapper--hidden {
  width: 0;
  visibility: hidden;
  overflow: hidden;
  display: none;
}

.wbk_sidebar__mobile-close-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 26px;
  display: none;
}

@media screen and (max-width: 768px) {
  .wbk_sidebar__mobile-close-button {
    display: block;
  }
}
.wbk_sidebar__title {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5%;
  vertical-align: middle;
  color: var(--wbk-secondary-text-600) !important;
  margin: 0;
  margin-bottom: 24px;
  text-align: left !important;
}

@media screen and (max-width: 768px) {
  .wbk_sidebar__title {
    padding-bottom: 24px;
    border-bottom: 1px solid #edeff2;
  }
}
.wbk_sidebar__items, .wbk_sidebar__items__inner {
  display: flex;
  flex-flow: column;
  margin-bottom: 24px;
}

.wbk_sidebar__items__inner {
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
}

.wbk_sidebar__items__inner::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

.wbk_sidebar__items__inner::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.wbk_sidebar__items__inner::-webkit-scrollbar-thumb:hover {
  background: #b0b8c1;
}

.wbk_sidebar__items__item {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}

.wbk_sidebar__items__item:not(:last-child) {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #edeff2;
}

.wbk_sidebar__items__item--animated {
  animation: sidebarItemEnter 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.wbk_sidebar__items__item__info {
  margin-right: auto;
}

.wbk_sidebar__items__item__title, .wbk_sidebar__items__item__price {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  margin: 0;
  color: var(--wbk-secondary-text-600);
  margin-bottom: 4px !important;
  margin-right: auto;
  text-transform: none !important;
}

.wbk_sidebar__items__item__price {
  white-space: nowrap;
  margin-right: unset;
}

.wbk_sidebar__items__item__subline {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: var(--wbk-secondary-text-500);
  margin: 0;
  margin-bottom: 0 !important;
}

.wbk_sidebar__items__item__button-remove {
  cursor: pointer;
  display: inline-flex;
  margin-top: 6px;
}

.wbk_sidebar__items__item__button-remove img {
  width: 12px;
  height: 12px;
  max-width: 12px;
  max-height: 12px;
  min-width: 12px;
  min-height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.wbk_sidebar__empty {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  margin: 0;
  color: var(--wbk-secondary-text-500);
  margin-bottom: 4px;
  text-align: left !important;
}

.wbk_sidebar__help {
  margin-top: auto;
}

.wbk_sidebar__help__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: var(--wbk-secondary-text-500);
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--wbk-secondary-text-400);
  word-break: break-word;
}

.wbk_sidebar__help__text {
  display: flex;
  flex-flow: column;
  gap: 10px;
}

.wbk_sidebar__help__text a {
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wbk-secondary-text-500);
  word-break: break-word;
}

.wbk_sidebar__bottom-summary__wrapper {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  z-index: 10;
  background: var(--wbk-secondary-500);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px 12px 24px;
  border-top: 1px solid #edeff2;
  border-radius: 0 0 8px 8px;
  gap: 16px;
  min-height: 56px;
}

@media screen and (max-width: 768px) {
  .wbk_sidebar__bottom-summary__wrapper {
    align-items: stretch;
    padding: 12px 8px;
    max-width: 100%;
    border-radius: 0 0 8px 8px;
  }
}
.wbk_sidebar__bottom-summary__total-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.wbk_sidebar__bottom-summary__label {
  font-size: 13px;
  color: var(--wbk-secondary-text-500);
  font-weight: 400;
  margin-bottom: 2px;
}

.wbk_sidebar__bottom-summary__total {
  font-size: 18px;
  color: var(--wbk-secondary-text-600);
  font-weight: 500;
  margin-bottom: 2px;
}

.wbk_sidebar__bottom-summary__subline {
  font-size: 12px;
  color: var(--wbk-secondary-text-800);
  font-weight: 300;
}

.wbk_sidebar__bottom-summary__show-summary-button {
  color: var(--wbk-secondary-text-500) !important;
}

.wbk_sidebar__bottom-summary__show-summary-button img {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  max-width: 12px;
  max-height: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/Navigation/Navigation.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_navigation__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #edeff2;
  margin-top: auto;
}

.wbk_navigation__button-next {
  margin-left: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/ThankYou/ThankYou.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_thank_you__wrapper {
  width: 100%;
  max-width: 500px;
  min-height: 750px;
  max-height: 750px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
  padding: 32px 24px;
  background-color: #fff;
}

.wbk_thank_you__wrapper h1,
.wbk_thank_you__wrapper h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5%;
  margin: 0;
}

.wbk_thank_you__wrapper h4 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  margin: 0;
}

.wbk_thank_you__wrapper p,
.wbk_thank_you__wrapper li {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
  margin: 0;
}

.wbk_thank_you__wrapper strong {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1%;
  vertical-align: middle;
  color: #22292f;
}

.wbk_thank_you__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 24px;
  width: 100%;
}

.wbk_thank_you__header__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 8px;
  text-align: center;
}

.wbk_thank_you__header img {
  width: 88px;
  height: 88px;
  max-width: 88px;
  max-height: 88px;
  -o-object-fit: contain;
     object-fit: contain;
}

.wbk_thank_you__header--hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(40px);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.wbk_thank_you__header--visible {
  opacity: 1;
  position: relative;
  transform: translateY(0);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.wbk_thank_you__outer-wrapper {
  width: 100%;
  max-width: 750px;
  min-height: 750px;
  max-height: 750px;
  border-radius: 8px;
  box-shadow: 0px 0px 16px 0px rgba(63, 63, 70, 0.1607843137);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
}

.wbk_thank_you__inner-wrapper {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  height: 100%;
}

.wbk_thank_you__information {
  margin-top: auto;
  width: 100%;
}

.wbk_thank_you__information ul {
  margin-top: 12px;
}

.wbk_thank_you__booking_items {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 12px;
  width: 100%;
}

.wbk_thank_you__panel-wrapper {
  padding: 16px;
  border: 1.5px solid #edeff2;
  border-radius: 8px;
  width: 100%;
}

.wbk_thank_you__cart-items {
  margin-top: 12px;
  display: flex;
  flex-flow: column;
}

.wbk_thank_you__cart-items__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.wbk_thank_you__cart-items__item--total {
  padding-top: 20px;
  margin-top: 4px;
  border-top: 1px solid #edeff2;
}

.wbk_thank_you__cart-items__item--total strong {
  color: var(--wbk-primary-500);
}

.wbk_thank_you__custom-scroll {
  width: 100%;
}

.wbk_thank_you__calendar--hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(40px);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.wbk_thank_you__calendar--visible {
  opacity: 1;
  position: relative;
  transform: translateY(0);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.wbk_cancel_icon_bg {
  background: rgba(220, 38, 38, 0.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
}

.wbk_cancel_icon_bg img {
  width: 72px;
  height: 72px;
  max-width: 72px;
  max-height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/BookingBlock/BookingBlock.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_booking_block {
  padding: 16px;
  display: flex;
  gap: 16px;
  border-radius: 8px;
  border: 1.5px solid #edeff2;
  width: 100%;
}

.wbk_booking_block__date-label {
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 4px;
  border-radius: 4px;
  padding: 4px 12px;
}

.wbk_booking_block__date-label p {
  white-space: nowrap;
}

.wbk_booking_block h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px !important;
  letter-spacing: 0.5% !important;
  text-align: center;
  color: #22292f;
  margin: 0;
}

.wbk_booking_block p {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1%;
  color: #668091;
}

.wbk_booking_block__info {
  display: flex;
  flex-flow: column;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/PaymentHandler/PaymentHandler.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ESbRQxziCxjpcB98ACQ4 {
  text-align: center;
  margin-top: 32px;
}

.DT_UIAwsc8JOG9R9BWnu {
  margin: 16px 0;
  text-align: left;
  display: inline-block;
  background: #f8fafc;
  border-radius: 10px;
  padding: 16px 24px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

.Yg_AISfKkuKJ0HoutWRw {
  padding-left: 20px;
  margin-bottom: 12px;
}

.PQpm72UFoQfvvLBnS9sZ {
  margin: 24px 0;
  color: #888;
  font-style: italic;
}

.CGzI_yQhKo9KS2aSe3TI {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.CGzI_yQhKo9KS2aSe3TI .y0atMzx2Tzec0VZiIb7S {
  width: 100%;
}

.zDzoDStuBNoeRwEddzRv {
  text-align: left;
  display: inline-block;
  background: #f4f4f4;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 13px;
  color: #333;
  margin-top: 16px;
}

.XbrA2vRaWVH31pVWQScu {
  margin-top: 24px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-flow: column;
  text-align: center;
}

.YyQ8DDNn1A673fjp93PK {
  color: #dc2626;
  font-size: 15px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/components/Loading/Loading.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ximx9XS7aKi7L_bD0no2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 750px;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 8px;
}

.MjaETNQTutHOmxD00Q1G {
  border-radius: 50%;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #1f6763;
  animation: mOgSUE51UXyGZbYF91P0 1s linear infinite;
  margin-bottom: 1rem;
}

.MjaETNQTutHOmxD00Q1G.CYvjBniBTiLmGuJpcDvW {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

.MjaETNQTutHOmxD00Q1G.SXR_i0kIzO8OCcIW0xPy {
  width: 32px;
  height: 32px;
  border-width: 3px;
}

.MjaETNQTutHOmxD00Q1G.mjCFVRwlA8g0nYiB_7H4 {
  width: 48px;
  height: 48px;
  border-width: 4px;
}

.pPxd3Vv8wCJuaCfw5JmS {
  margin: 0;
  font-size: 1rem;
  color: #666;
  text-align: center;
  font-weight: 500;
  margin-top: 0.5rem;
}

@keyframes mOgSUE51UXyGZbYF91P0 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/LandingPages/LandingPage.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_landing_page__action-button-container {
  margin-top: 24px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-flow: column;
  text-align: center;
}

.wbk_landing_page__action-button-error {
  color: #dc2626;
  font-size: 15px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[9].use[2]!./src/frontend/screens/BookingForm/LandingPages/CustomerPayment/CustomerPayment.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wbk_customer_panel {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
}

/*# sourceMappingURL=index.css.map*/