/* GENERATED from booking-site app/globals.css + react-day-picker/style.css - the calendar is the book.bali.place calendar. */
@font-face{font-family:"Bali Raleway";src:url("../fonts/RalewayThin-Light/raleway-v36-latin-300.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Bali Raleway ExtraLight";src:url("../fonts/RalewayThin-ExtraLight/raleway-v36-latin-200.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bali Cormorant Light";src:url("../fonts/CormorantGaramondLight-Light/cormorant-garamond-v20-latin-300.woff2") format("woff2");font-weight:400;font-display:swap}
.bp-avail{--ink:#303832;--line:#deded8;--terracotta:#d05b58}
/* Variables declaration */
.rdp-root {
  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */

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

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

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

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

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

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

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

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

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

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

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

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

  --rdp-gradient-direction: 90deg;

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

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

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

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

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

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

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

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

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

.rdp-caption_label {
  z-index: 1;

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

  white-space: nowrap;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  display: flex;
  align-items: center;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rdp-focusable {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rdp-day.calendar-unavailable {
  background: repeating-linear-gradient(-45deg, rgba(218,65,65,.15) 0 4px, rgba(218,65,65,.04) 4px 8px);
  color: #9a504b;
  opacity: .72;
  text-decoration: line-through;
}

:where(.bp-avail) button{font:inherit}
:where(.bp-avail) button{cursor:pointer}
:where(.bp-avail) .field label{display:block;color:#7c847e;font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 8px 3px}
:where(.bp-avail) .date-range-field{position:relative}
:where(.bp-avail) .date-range-trigger{width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--line);border-radius:2px;background:white;color:var(--ink);text-align:left}
:where(.bp-avail) .date-range-trigger span,:where(.bp-avail) .date-range-trigger small{display:block}
:where(.bp-avail) .date-range-trigger span{font-size:13px;font-weight:600}
:where(.bp-avail) .date-range-trigger small{margin-top:3px;color:#78817c;font-size:10px}
:where(.bp-avail) .date-range-popover{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:max-content;max-width:min(92vw,680px);padding:16px;background:#fffdf8;border:1px solid var(--line);border-radius:2px;box-shadow:0 20px 55px rgba(28,37,32,.2)}
:where(.bp-avail) .date-range-popover.compact{left:auto;right:0;width:min(100%,360px);max-width:100%}
:where(.bp-avail) .date-range-popover .rdp-root{--rdp-accent-color:var(--property-accent,var(--terracotta));--rdp-range_middle-background-color:#eee7dc;--rdp-day_button-border-radius:50%}
:where(.bp-avail) .date-range-popover .rdp-month_grid{width:100%;table-layout:fixed}
:where(.bp-avail) .date-range-popover .rdp-month_grid th,:where(.bp-avail) .date-range-popover .rdp-month_grid td{padding:0;border:0;white-space:normal;background:transparent;text-align:center}
:where(.bp-avail) .date-range-popover .rdp-month{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px}
:where(.bp-avail) .date-range-popover .rdp-button_previous{order:1}
:where(.bp-avail) .date-range-popover .rdp-month_caption{order:2;flex:1;display:flex;align-items:center}
:where(.bp-avail) .date-range-popover .rdp-button_next{order:3}
:where(.bp-avail) .date-range-popover .rdp-month_grid{order:4;flex-basis:100%;margin-top:14px}
:where(.bp-avail) .date-range-popover p{margin:9px 5px 0;color:#707a74;font-size:10px}
.bp-avail .date-range-popover{position:relative;inset:auto;width:100%;margin-top:10px;transform:none;box-shadow:none}
.bp-avail .field{margin:0}
:where(.bp-avail) table{width:100%;border-collapse:collapse;font-size:13px}
:where(.bp-avail) th{color:#7a857e;text-align:left;font-size:10px;letter-spacing:.8px;text-transform:uppercase;background:#fafbf9}
:where(.bp-avail) th,:where(.bp-avail) td{padding:13px 16px;border-bottom:1px solid #ebede8;white-space:nowrap}
@media (max-width:560px){:where(.bp-avail) .date-range-popover{left:50%;transform:translateX(-50%);width:min(92vw,340px);overflow:auto}}
@media (max-width:560px){:where(.bp-avail) .date-range-popover.compact{left:auto;right:0;transform:none;width:100%}}
@media (max-width:560px){:where(.bp-avail) .date-range-popover .rdp-months{flex-direction:column}}
@media (max-width:620px){.bp-avail .date-range-popover,.bp-avail .date-range-popover.compact{position:relative;inset:auto;width:100%;transform:none}}
.bp-avail .date-range-trigger,.bp-avail .date-range-popover{border-radius:9px}
.bp-avail .field label,.bp-avail .date-range-trigger span{font-family:"Bali Raleway","Raleway",sans-serif;font-weight:400;letter-spacing:normal}
.bp-avail .field label{letter-spacing:1.2px}
.bp-avail .date-range-trigger small{font-family:"Bali Raleway ExtraLight","Raleway",sans-serif;font-weight:400}
.bp-avail .date-range-popover{min-height:430px}
.bp-avail .date-range-popover .rdp-months,.bp-avail .date-range-popover .rdp-month{min-height:318px}
.bp-avail .date-range-popover .rdp-month_caption{min-height:34px}
@media (max-width:620px){.bp-avail .date-range-popover{min-height:0}}
@media (max-width:620px){.bp-avail .date-range-popover .rdp-months,.bp-avail .date-range-popover .rdp-month{min-height:0}}
.bp-avail .date-range-popover{min-height:0;padding:16px 16px 14px}
.bp-avail .date-range-popover .rdp-root{--rdp-day-width:46px;--rdp-day-height:46px;--rdp-day_button-width:40px;--rdp-day_button-height:40px;--rdp-nav_button-width:34px;--rdp-nav_button-height:34px}
.bp-avail .date-range-popover .rdp-months,.bp-avail .date-range-popover .rdp-month{min-height:0}
.bp-avail .date-range-popover .rdp-month_grid{height:288px}
.bp-avail .date-range-popover .rdp-week{height:42px}
.bp-avail .date-range-popover .rdp-month_caption{min-height:34px}
.bp-avail .date-range-popover p{margin:13px 4px 2px}
@media (max-width:620px){.bp-avail .date-range-popover{padding:14px 12px 12px}}
@media (max-width:620px){.bp-avail .date-range-popover .rdp-month_grid{height:264px}}
@media (max-width:620px){.bp-avail .date-range-popover .rdp-week{height:38px}}
:where(.bp-avail) .date-range-popover .date-range-scroll{position:relative;height:380px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
:where(.bp-avail) .date-range-popover .date-range-weekdays{position:sticky;z-index:2;top:0;display:grid;font-size:13px;grid-template-columns:repeat(7,minmax(0,1fr));background:#fffdf8;border-bottom:1px solid #ebe6dc}
:where(.bp-avail) .date-range-popover .date-range-weekdays span{padding:.5rem 0;color:#7a857e;font-size:smaller;font-weight:500;text-align:center;opacity:.75}
:where(.bp-avail) .date-range-popover .date-range-scroll .rdp-months{flex-direction:column;flex-wrap:nowrap;gap:10px;max-width:none}
:where(.bp-avail) .date-range-popover .date-range-scroll .rdp-month{min-height:0}
:where(.bp-avail) .date-range-popover .date-range-scroll .rdp-month_caption{justify-content:center;padding-top:14px}
:where(.bp-avail) .date-range-popover .date-range-scroll .rdp-month_grid{height:auto;margin-top:6px}
@media (max-width:620px){:where(.bp-avail) .date-range-popover .date-range-scroll{height:340px}}
:where(.bp-avail) .date-range-popover .rdp-selected{font-size:inherit;font-weight:inherit}
:where(.bp-avail) .date-range-popover .rdp-month_grid td.rdp-range_middle{background:linear-gradient(var(--rdp-range_middle-background-color),var(--rdp-range_middle-background-color)) center/100% var(--rdp-day_button-height) no-repeat}
:where(.bp-avail) .date-range-popover .rdp-month_grid td.rdp-range_start{background:linear-gradient(90deg,transparent 50%,var(--rdp-range_middle-background-color) 50%) center/100% var(--rdp-day_button-height) no-repeat}
:where(.bp-avail) .date-range-popover .rdp-month_grid td.rdp-range_end{background:linear-gradient(90deg,var(--rdp-range_middle-background-color) 50%,transparent 50%) center/100% var(--rdp-day_button-height) no-repeat}
:where(.bp-avail) .date-range-popover .rdp-month_grid td.rdp-range_start.rdp-range_end{background:transparent}
:where(.bp-avail) .date-range-popover .rdp-disabled:not(.rdp-selected) .rdp-day_button{text-decoration:line-through}
:where(.bp-avail) .date-range-popover .rdp-selected:not(.rdp-range_middle) .rdp-day_button{background-color:var(--rdp-accent-color);color:#fff}
:where(.bp-avail) .date-range-popover .date-range-footer{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
:where(.bp-avail) .date-range-popover .date-range-clear{flex:none;padding:0;border:0;background:none;color:var(--ink);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
:where(.bp-avail) .date-range-popover .rdp-root{--rdp-disabled-opacity:1}
:where(.bp-avail) .date-range-popover .rdp-day_button{font-family:"Bali Raleway","Raleway",sans-serif;font-size:14px;color:#000}
:where(.bp-avail) .date-range-popover .rdp-disabled .rdp-day_button{color:#aab1ab}
:where(.bp-avail) .date-range-popover .date-range-weekdays span{color:#4f5a53;opacity:1}
:where(.bp-avail) .date-range-popover .date-range-footer p{color:#4f5a53;font-family:"Bali Raleway","Raleway",sans-serif;font-size:11px}
:where(.bp-avail) .date-range-popover .date-range-footer p.date-range-notice{color:var(--terracotta);font-weight:600}
:where(.bp-avail) .date-range-popover .date-range-clear{color:var(--terracotta);font-family:"Bali Raleway","Raleway",sans-serif;font-size:12px}
:where(.bp-avail) .date-range-popover,:where(.bp-avail) .date-range-popover .date-range-weekdays{background:#fff}
:where(.bp-avail) .date-range-popover .rdp-disabled .rdp-day_button{color:#7f8781}
:where(.bp-avail) .date-range-popover .date-range-footer p{color:var(--terracotta);font-size:12px}
:where(.bp-avail) .date-range-popover .date-range-clear:disabled{opacity:.4;cursor:default}
:where(.bp-avail) .date-range-popover .date-range-scroll{overscroll-behavior:auto}
:where(.bp-avail) .date-range-popover .date-range-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 0;padding:0 2px 10px;border-bottom:1px solid #ebe6dc}
:where(.bp-avail) .date-range-popover .date-range-status-text{display:grid;gap:2px;min-width:0}
:where(.bp-avail) .date-range-popover .date-range-status-text strong{color:var(--ink);font:600 14px/1.25 "Bali Raleway","Raleway",sans-serif}
:where(.bp-avail) .date-range-popover .date-range-status-text span{color:var(--terracotta);font:400 12px/1.3 "Bali Raleway","Raleway",sans-serif}
:where(.bp-avail) .date-range-popover .date-range-status-text.done span{color:#4f5a53}
:where(.bp-avail) .date-range-popover .date-range-status-text span.date-range-notice{font-weight:600}
:where(.bp-avail) .date-range-ready:not(:disabled){animation:date-range-ready 1s ease-out 2}
:where(.bp-avail) .date-range-popover .rdp-day_button{font-family:"Raleway",sans-serif;font-weight:500;font-variant-numeric:lining-nums tabular-nums}
@media (max-width:399.98px){:where(.bp-avail) .date-range-popover{max-width:100%!important;min-width:0}}
@media (max-width:399.98px){:where(.bp-avail) .date-range-popover .rdp-root,.bp-avail .date-range-popover .rdp-root{--rdp-day-width:min(46px,calc((100vw - 68px) / 7));--rdp-day-height:min(46px,calc((100vw - 68px) / 7));--rdp-day_button-width:min(40px,calc((100vw - 68px) / 7 - 4px));--rdp-day_button-height:min(40px,calc((100vw - 68px) / 7 - 4px))}}
@media (max-width:399.98px){:where(.bp-avail) .date-range-popover .rdp-month_grid td,:where(.bp-avail) .date-range-popover .rdp-month_grid th{min-width:0}}