/* Define base look */
/* -----------------------------------
    UNSCOPED STYLES
---------------------------------- */
/* base-look-unscoped */
/* select2 */
/* daterangepicker */
/* loading bar */
/* -----------------------------------
    Apply Scoped Styles
---------------------------------- */
@scope (#ohResboxContainer) {
  :scope {
    /* Colors */
    --be-clr-accent: #1b72e4;
    --be-clr-accentText: #fff;
    --be-clr-warning: #d68b00;
    --be-clr-danger: #b60000;
    /* Shapes and Size */
    --be-max-width: min(1200px, calc(100% - 30px));
    --be-fs-caption: 13px;
    --be-fs-sm: 14px;
    --be-fs-md: 16px;
    --be-fs-lg: 18px;
    --be-fs-xl: 20px;
    --be-fs-xxl: 26px;
    --be-bradius-md: 8px;
    --be-bradius-sm: calc(var(--be-bradius-md) / 2);
    --be-bradius-lg: calc(var(--be-bradius-md) * 2);
    --be-bradius-round: 100vmax;
    --be-gap-md: 16px;
    --be-gap-sm: calc(var(--be-gap-md) / 2);
    --be-gap-lg: calc(var(--be-gap-md) * 2);
    /* Effects */
    --be-blur: blur(12px);
    --be-transition-time: 200ms;
    --be-transition-time-fast: calc(var(--be-transition-time) * 0.75);
    --be-transition-time-slow: calc(var(--be-transition-time) * 2);
    --be-transition-time-xslow: calc(var(--be-transition-time) * 5);
    --be-transition-time-xxslow: calc(var(--be-transition-time) * 10);
    --be-transition-effect: ease-in-out;
    /* Base styles */
    box-sizing: border-box;
    color-scheme: var(--be-color-scheme);
    color: var(--be-text);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", roboto, arial, sans-serif;
    font-size: var(--be-fs-md);
    font-weight: 400;
    text-align: initial;
    line-height: 1.5;
  }
  :scope * {
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    padding: 0;
    line-height: 1.5;
  }
  :scope a {
    color: inherit;
    text-decoration: none;
  }
  :scope img {
    max-width: 100%;
    display: block;
  }
  :scope hr {
    color: var(--be-surface3);
  }
  :scope strong {
    color: var(--be-text);
    font-weight: 600;
  }
  :scope {
    /* Selection */
  }
  :scope *::selection {
    background-color: #3390ff !important;
    color: white !important;
  }
  :scope {
    /* Forms */
  }
  :scope fieldset {
    border: none;
  }
  :scope input:not([type=submit]), :scope select, :scope textarea {
    accent-color: #3390ff;
    font: inherit;
    color: var(--be-text);
    background: var(--be-surface4);
    border: 1px solid var(--be-stroke6);
    text-transform: none;
    border-radius: var(--be-bradius-sm) !important;
    padding: 1px 4px !important;
  }
  :scope input:not([type=submit]):disabled, :scope select:disabled, :scope textarea:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
  }
  :scope input:not([type=submit]).invalid:not([type=checkbox], [type=radio]), :scope input:not([type=submit]):user-invalid:not([type=checkbox], [type=radio]), :scope select.invalid:not([type=checkbox], [type=radio]), :scope select:user-invalid:not([type=checkbox], [type=radio]), :scope textarea.invalid:not([type=checkbox], [type=radio]), :scope textarea:user-invalid:not([type=checkbox], [type=radio]) {
    scroll-margin: var(--be-gap-md) !important;
    outline: 1pt solid var(--be-clr-danger) !important;
  }
  :scope textarea {
    height: 3em;
    min-height: 3em;
    max-height: 5em;
    resize: vertical !important;
  }
  :scope input:checked, :scope select:checked, :scope textarea:checked,
  :scope input:active, :scope select:active, :scope textarea:active {
    outline: none !important;
  }
  :scope input:focus:not([type=checkbox], [type=radio]), :scope select:focus, :scope textarea:focus,
  :scope input:focus-visible:not([type=checkbox], [type=radio]), :scope select:focus-visible, :scope textarea:focus-visible,
  :scope input:focus-within:not([type=checkbox], [type=radio]), :scope select:focus-within, :scope textarea:focus-within {
    outline: 1pt solid #3390ff !important;
  }
  :scope input[type=radio],
  :scope input[type=checkbox],
  :scope input[type=radio]:checked,
  :scope input[type=checkbox]:checked {
    all: revert !important;
    width: 16px !important;
  }
  :scope input[type=submit] {
    display: block !important;
    margin: var(--be-gap-md) auto 0 !important;
  }
  :scope input[data-intl-phone] {
    padding-left: 45px !important;
  }
  :scope label {
    cursor: pointer;
  }
  :scope button,
  :scope input[type=submit] {
    display: block;
    cursor: pointer;
    font-family: inherit !important;
    min-height: unset !important;
    max-height: unset !important;
    min-width: unset !important;
    max-width: unset !important;
    letter-spacing: unset !important;
  }
  :scope button:disabled,
  :scope input[type=submit]:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
  }
  :scope optgroup {
    color: revert !important;
  }
  :scope .select2-container .select2-choice,
  :scope .select2-container .select2-chosen {
    background: transparent;
    font-weight: 400;
    color: var(--be-text);
  }
  :scope .select2-container .select2-choice:hover,
  :scope .select2-container .select2-chosen:hover {
    font-weight: 400;
    color: var(--be-text);
  }
  :scope .select2-container .select2-choice .select2-arrow {
    background: transparent;
    border: none;
  }
  :scope .select2-container .select2-choice .select2-arrow b[role=presentation] {
    filter: var(--be-invert);
  }
  :scope {
    /* Utility Classes */
  }
  :scope .be-pill {
    padding: var(--be-gap-sm) var(--be-gap-md) !important;
    border-radius: var(--be-bradius-round) !important;
    background: var(--be-surface3) !important;
    border: 1px solid var(--be-stroke1) !important;
    color: var(--be-text) !important;
    font-size: var(--be-fs-caption) !important;
    font-weight: 400 !important;
    text-transform: none !important;
  }
  :scope .be-pill .select2-container {
    width: 175px;
  }
  :scope .be-pill select {
    background: transparent !important;
    width: 175px !important;
    border: none !important;
  }
  :scope .be-button {
    cursor: pointer;
    border: none !important;
    border-radius: var(--be-bradius-sm) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-weight: 400 !important;
    font-size: var(--be-fs-caption) !important;
    background: var(--be-surface3) !important;
    color: var(--be-text) !important;
    padding: var(--be-gap-sm) var(--be-gap-md) !important;
  }
  :scope .be-button:hover {
    filter: brightness(1.05);
  }
  :scope .be-link {
    color: var(--be-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: var(--be-fs-caption);
    padding: 10px 10px;
    border-radius: var(--be-bradius-round);
    border: 1px solid var(--be-stroke2);
    background: var(--be-surface2);
  }
  :scope .be-link:hover {
    background: var(--be-surface3);
    color: var(--be-text);
  }
  :scope .be-hidden {
    display: none !important;
  }
  :scope .be-accent {
    background: var(--be-clr-accent) !important;
    color: var(--be-clr-accentText) !important;
  }
  :scope .be-warning {
    color: #fff !important;
    background: var(--be-clr-warning) !important;
  }
  :scope .be-danger {
    color: #fff !important;
    background: var(--be-clr-danger) !important;
  }
  :scope {
    --resbox-bg: var(--be-surface0);
    --input-color: var(--be-text);
    --resbox-padding: var(--be-gap-md);
    background: var(--resbox-bg);
    width: 100%;
    max-width: 1200px;
    margin: auto;
    border-radius: var(--be-bradius-sm);
  }
  /* General Styles */
  .be-resboxForm {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--be-gap-md) var(--be-gap-lg);
    max-width: var(--be-max-width);
    margin-inline: auto;
    padding: var(--be-gap-md) var(--resbox-padding);
  }
  .fieldGroup {
    --basis: 150px;
    flex-basis: var(--basis);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--be-gap-sm);
  }
  .fieldGroup.stayDates {
    flex-basis: calc(var(--basis) * 2);
  }
  .fieldGroup .grid[rel=dateselect] section {
    width: 100% !important;
  }
  .fieldGroup input[type=text] {
    background: transparent !important;
  }
  .fieldGroup div[rel=dateselect] [rel=picker],
  .fieldGroup input[type=text], .fieldGroup input[type=text]::placeholder,
  .fieldGroup .occupancySummary {
    font-family: inherit !important;
    font-size: var(--be-fs-md) !important;
    color: var(--input-color) !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    font-weight: 400 !important;
    text-transform: none !important;
    text-align: left !important;
  }
  .fieldLabel {
    width: 100% !important;
    font-family: inherit !important;
    font-size: var(--be-fs-caption) !important;
    font-weight: 500 !important;
    color: var(--be-clr-resbox-headings) !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }
  .fieldInput {
    padding: 2px 0;
    width: 100%;
    color: var(--be-text);
    font-family: inherit !important;
    font-size: var(--be-fs-md) !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .fieldInput::placeholder {
    font-size: var(--be-fs-md);
    font-weight: normal;
    color: var(--be-muted);
  }
  .occupancyGroup {
    position: relative;
  }
  #occupancyButton.occupancyButton {
    width: 100%;
    color: var(--be-text);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--be-gap-sm);
    cursor: pointer;
    font-size: var(--be-fs-md);
    border: 0 !important;
    background: transparent !important;
    padding: 2px 0 !important;
  }
  .occupancyPanel {
    --width: max(250px, 100%);
    width: var(--width);
    left: calc(50% - var(--width) / 2);
    position: absolute;
    top: calc(100% + var(--be-gap-md));
    max-width: 90vw;
    background: var(--be-surface0);
    border: var(--be-box-border);
    border-radius: var(--be-bradius-md);
    box-shadow: var(--be-shadow);
    padding: var(--be-gap-sm);
    display: none;
    z-index: 9999;
  }
  .occupancyPanel.isOpen {
    display: block;
  }
  .occupancyHeader {
    padding: var(--be-gap-sm) var(--be-gap-md);
    border-bottom: 1px solid var(--be-surface3);
  }
  .occupancyHeaderText {
    font-size: var(--be-fs-sm);
    font-weight: 700;
    color: var(--be-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .occupancyRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--be-gap-sm) 0;
  }
  .occupancyMeta {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .occupancyTitle {
    font-size: var(--be-fs-caption);
    color: var(--be-text);
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .occupancyNote {
    font-size: var(--be-fs-caption);
    color: var(--be-muted);
  }
  .stepper {
    display: flex;
    align-items: center;
    gap: var(--be-gap-sm);
    background: var(--be-surface3);
    border: 1px solid var(--be-surface3);
    border-radius: var(--be-bradius-round);
    padding: 4px;
  }
  button.stepperBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--be-fs-lg);
    cursor: pointer;
    transition: var(--be-transition-time-fast) var(--be-transition-effect);
    --size: 32px !important;
    aspect-ratio: 1 !important;
    width: var(--size) !important;
    border: 1px solid var(--be-surface3) !important;
    border-radius: var(--be-bradius-round) !important;
    color: var(--be-text) !important;
    background: var(--be-surface1) !important;
    padding: 0 !important;
  }
  button.stepperBtn:hover {
    filter: brightness(1.05);
    outline: none !important;
    border: 1px solid var(--be-surface3) !important;
    color: var(--be-text) !important;
    background: var(--be-surface1) !important;
  }
  .stepperValue {
    min-width: var(--be-gap-md);
    color: var(--be-text);
    text-align: center;
    font-weight: 600;
  }
  .occupancyFinePrint {
    font-size: var(--be-fs-caption);
    color: var(--be-muted);
  }
  .occupancyActions {
    display: flex;
    justify-content: space-evenly;
    gap: var(--be-gap-sm);
    padding-top: var(--be-gap-sm);
  }
}
/* -----------------------------------
    UNSCOPED STYLES
---------------------------------- */
div.daterangepicker.daterangepicker {
  --ff: ui-sans-serif, system-ui, -apple-system, "Segoe UI", roboto, arial, sans-serif;
  margin-top: 0 !important;
  z-index: 2147483647 !important;
  font-family: var(--ff), sans-serif !important;
}
div.daterangepicker.daterangepicker :is(td, th, tr) {
  padding: 4px !important;
  min-width: 25px !important;
  font-family: var(--ff), sans-serif !important;
  font-size: 14px !important;
}

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