/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.10_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./sources/blocks/booking-table/style.sass ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-knast-booking-table .air-datepicker {
  width: 100% !important;
  transition: none !important;
  border: none !important;
  --adp-font-size: 1em;
  --adp-color: var(--wp--preset--color--light);
  --adp-color-other-month: var(--wp--preset--color--semidark);
  --adp-background-color: var(--wp--preset--color--background);
  --adp-border-radius: 0;
  --adp-cell-border-radius: 0;
  --adp-border-color: var(--wp--preset--color--highlight);
  --adp-border-color-inner: var(--wp--preset--color--highlight);
  --adp-border-color-inline: var(--wp--preset--color--highlight);
  --adp-day-name-color: var(--wp--preset--color--highlight);
  --adp-accent-color: var(--wp--preset--color--highlight);
  --adp-cell-background-color-selected-hover: var(--wp--preset--color--highlight);
  --adp-cell-background-color-selected: var(--wp--preset--color--highlight);
  --adp-cell-background-color-in-range: darkgray;
  --adp-day-cell-height: auto;
}
.wp-block-knast-booking-table .air-datepicker .air-datepicker-body--day-names {
  font-weight: bold;
}
.wp-block-knast-booking-table .air-datepicker .air-datepicker-cell.-day-.-current- {
  font-weight: bold;
}
.wp-block-knast-booking-table .air-datepicker .air-datepicker-cell.-day-.-disabled- {
  visibility: hidden;
}
.wp-block-knast-booking-table .air-datepicker .air-datepicker-cell.-day- {
  height: auto;
  aspect-ratio: 1;
}
.wp-block-knast-booking-table .air-datepicker .air-datepicker-cell:not(.-in-range-).-focus- {
  color: var(--wp--preset--color--dark);
}
.wp-block-knast-booking-table .air-datepicker nav {
  border-bottom-width: calc(0.5 * var(--booking-form-padding));
}
.wp-block-knast-booking-table .air-datepicker nav .air-datepicker-nav--title:hover {
  color: var(--wp--preset--color--dark);
}
.wp-block-knast-booking-table {
  --booking-form-padding: 0.5em;
  font-family: var(--wp--preset--font-family--opensans);
}
.wp-block-knast-booking-table .knast-booking-layout {
  padding: var(--booking-form-padding);
}
.wp-block-knast-booking-table .knast-booking-disabled {
  display: block;
  width: 100%;
  padding: 0 1em;
  font-weight: bolder;
  color: var(--wp--preset--color--background);
  text-align: center;
}
.wp-block-knast-booking-table .knast-booking-form, .wp-block-knast-booking-table .knast-booking-input-group {
  display: flex;
  justify-content: center;
  gap: 0.5em;
}
.wp-block-knast-booking-table .knast-booking-input-group, .wp-block-knast-booking-table .wp-block-buttons {
  position: relative;
}
.wp-block-knast-booking-table .knast-booking-input-group > .knast-booking-input, .wp-block-knast-booking-table .knast-booking-input-group .wp-block-button, .wp-block-knast-booking-table .wp-block-buttons > .knast-booking-input, .wp-block-knast-booking-table .wp-block-buttons .wp-block-button {
  height: 1.75em;
}
.wp-block-knast-booking-table .knast-booking-input {
  background: var(--wp--preset--color--background);
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.5em;
  gap: 0.5em;
}
.wp-block-knast-booking-table .knast-booking-input .icon, .wp-block-knast-booking-table .knast-booking-input button {
  padding: 0.35em 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-knast-booking-table .knast-booking-input .icon:disabled, .wp-block-knast-booking-table .knast-booking-input button:disabled {
  opacity: 0.5;
}
.wp-block-knast-booking-table .knast-booking-input .text {
  flex: 1;
  white-space: nowrap;
}
.wp-block-knast-booking-table .knast-booking-input.date, .wp-block-knast-booking-table .knast-booking-input.time {
  cursor: pointer;
}
.wp-block-knast-booking-table .knast-booking-input.date .text:empty::after, .wp-block-knast-booking-table .knast-booking-input.time .text:empty::after {
  content: attr(data-if-empty);
  opacity: 0.5;
}
.wp-block-knast-booking-table .knast-booking-input.time select {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  padding-left: 1.9em;
  background: black;
}
.wp-block-knast-booking-table .knast-booking-input.time select option:checked, .wp-block-knast-booking-table .knast-booking-input.time select option:hover, .wp-block-knast-booking-table .knast-booking-input.time select option:focus, .wp-block-knast-booking-table .knast-booking-input.time select option:active {
  background: var(--wp--preset--color--highlight);
}
.wp-block-knast-booking-table .knast-booking-calendar {
  width: 100%;
}
.wp-block-knast-booking-table .knast-booking-calendar:empty {
  display: none;
}
.wp-block-knast-booking-table .icon-container {
  height: 100%;
  width: auto;
  width: 1em;
  aspect-ratio: 1;
  contain: size;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-knast-booking-table .icon-container svg {
  width: 100%;
  height: 100%;
}
.wp-block-knast-booking-table .icon-container svg path, .wp-block-knast-booking-table .icon-container svg circle {
  fill: var(--wp--preset--color--light);
  stroke: var(--wp--preset--color--light);
}
.wp-block-knast-booking-table .wp-block-buttons {
  display: flex;
  justify-content: center;
}
.wp-block-knast-booking-table .wp-block-buttons .wp-block-button {
  padding: 0 !important;
}
.wp-block-knast-booking-table .wp-block-buttons .wp-block-button.submit .icon-container {
  width: 2em;
  aspect-ratio: unset;
}
.wp-block-knast-booking-table .wp-block-buttons .wp-element-button {
  color: var(--wp--preset--color--dark);
  display: flex;
  justify-content: center;
  opacity: 1 !important;
  position: relative;
}
.wp-block-knast-booking-table .wp-block-buttons .wp-element-button svg path {
  fill: var(--wp--preset--color--light);
  stroke: var(--wp--preset--color--light);
}
.wp-block-knast-booking-table .wp-block-buttons .wp-element-button label {
  cursor: pointer;
  position: relative;
  top: 0.1em;
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 801px) {
  .wp-block-knast-booking-table .knast-booking-form {
    max-width: 35em;
    width: 100%;
  }
  .wp-block-knast-booking-table .knast-booking-input.date, .wp-block-knast-booking-table .knast-booking-input.time {
    width: 8em;
  }
  .wp-block-knast-booking-table .knast-booking-input.guests {
    width: 13em;
  }
  .wp-block-knast-booking-table .knast-booking-calendar {
    position: absolute;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: var(--wp--preset--color--highlight);
    border-width: calc(0.75 * var(--booking-form-padding));
    border-radius: var(--wp--preset--border-radius--small);
    box-sizing: border-box;
  }
  .wp-block-knast-booking-table.top .knast-booking-calendar {
    bottom: calc(-1 * var(--booking-form-padding) + 0px);
    transform: translateY(100%) !important;
    border-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .wp-block-knast-booking-table:not(.top) .knast-booking-calendar {
    top: calc(-1 * var(--booking-form-padding) + 0px);
    transform: translateY(-100%) !important;
    border-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .wp-block-knast-booking-table button.submit .wp-element-button {
    padding: 0 !important;
    background-color: transparent;
  }
  .wp-block-knast-booking-table button.submit label {
    display: none;
  }
}
@media (max-width: 800px) {
  .wp-block-knast-booking-table {
    width: 100%;
    max-width: 22em;
    margin: auto;
    font-size: 1.125em;
  }
  .wp-block-knast-booking-table .knast-booking-calendar:not(:empty) ~ .knast-booking-input {
    display: none;
  }
  .wp-block-knast-booking-table .knast-booking-input {
    flex: 1;
  }
  .wp-block-knast-booking-table .knast-booking-form {
    flex-direction: column;
  }
  .wp-block-knast-booking-table button.submit {
    width: 100%;
  }
  .wp-block-knast-booking-table button.submit .wp-element-button {
    background: var(--wp--preset--color--light);
    padding: 0 1em !important;
    align-items: center;
    gap: 0.5em;
  }
  .wp-block-knast-booking-table button.submit .icon-container {
    position: absolute;
    left: 0.5em;
    top: 0;
  }
  .wp-block-knast-booking-table button.submit svg path, .wp-block-knast-booking-table button.submit svg circle {
    fill: var(--wp--preset--color--background) !important;
    stroke: var(--wp--preset--color--background) !important;
  }
}
.wp-block-knast-booking-table .knast-booking-input.time svg path {
  fill: unset !important;
}
@media (max-width: 800px) {
  .wp-block-knast-booking-table button.submit .icon-container {
    width: 1.5em !important;
  }
}
@media (min-width: 801px) {
  .wp-block-knast-booking-table button.submit svg {
    transform: scaleX(-1);
  }
}

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