.slot-date-input[data-v-d80946fa] { position: relative; display: block; min-width: 0;
}
.slot-date-input input[data-v-d80946fa] { box-sizing: border-box; width: 100%; min-width: 0; height: 48px; padding: 10px 48px 10px 12px; border: 1px solid #91a3b4; border-radius: 6px; background: var(--White); color: var(--Main); font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; cursor: text;
}
.slot-date-input input[data-v-d80946fa]::placeholder { color: #52617a; opacity: 1;
}
.slot-date-input input[data-v-d80946fa]:hover { border-color: var(--Main);
}
.slot-date-input input[data-v-d80946fa]:focus-visible { outline: 2px solid var(--contrastAlternative); outline-offset: 2px;
}
.slot-date-input input[aria-invalid="true"][data-v-d80946fa] { border-color: #b42318;
}
.slot-date-input_toggle[data-v-d80946fa] { position: absolute; right: 2px; top: 2px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 4px; color: #455775; background: transparent; cursor: pointer;
}
.slot-date-input_toggle[data-v-d80946fa]:hover { background: #edf2f6; color: var(--Main);
}
.slot-date-input_toggle[data-v-d80946fa]:focus-visible { outline: 2px solid var(--contrastAlternative); outline-offset: -2px;
}
.slot-date-input_toggle svg[data-v-d80946fa] { width: 20px; height: 20px;
}
.slot-date-input_error[data-v-d80946fa] { display: block; margin-top: 6px; color: #b42318; font-size: 13px; line-height: 1.5; font-weight: 400;
}
@media (max-width: 640px) {
.slot-date-input input[data-v-d80946fa] { font-size: 16px;
}
}


/* Namespaced overrides also isolate these calendars from the legacy global !important rules. */
.slot-filter-calendar { box-sizing: border-box; width: 308px; padding: 12px 14px; border: 0; border-radius: 12px; background: var(--White, #fff); color: var(--Main, #132e6b); font: inherit; box-shadow: 0 10px 32px rgba(19,46,107,.2);
}
.slot-filter-calendar::before, .slot-filter-calendar::after { display: none;
}
.slot-filter-calendar .flatpickr-innerContainer, .slot-filter-calendar .flatpickr-rContainer { width: 280px;
}
.slot-filter-calendar .flatpickr-months { position: relative; padding: 0 0 8px; margin-bottom: 10px;
}
.slot-filter-calendar .flatpickr-month { height: 44px; color: var(--Main, #132e6b);
}
.slot-filter-calendar .flatpickr-current-month { top: 0; height: 44px; padding: 12px 0 0; font-size: 15px;
}
.slot-filter-calendar .flatpickr-current-month .cur-month { font-weight: 600;
}
.slot-filter-calendar .flatpickr-current-month .cur-month:hover { background: transparent;
}
.slot-filter-calendar .numInputWrapper { width: 7ch; margin-left: 4px; border-radius: 4px;
}
.slot-filter-calendar .numInputWrapper:hover { background: #edf2f6;
}
.slot-filter-calendar .numInput { color: var(--Main, #132e6b); font-size: 15px; font-weight: 600;
}
.slot-filter-calendar .flatpickr-prev-month, .slot-filter-calendar .flatpickr-next-month { box-sizing: border-box; top: 0; width: 36px; height: 44px; padding: 12px 8px; border-radius: 6px; color: var(--Main, #132e6b);
}
.slot-filter-calendar .flatpickr-prev-month:hover, .slot-filter-calendar .flatpickr-next-month:hover { background: #edf2f6;
}
.slot-filter-calendar .flatpickr-prev-month svg, .slot-filter-calendar .flatpickr-next-month svg { width: 20px; height: 20px; fill: none;
}
.slot-filter-calendar .flatpickr-prev-month:hover svg, .slot-filter-calendar .flatpickr-next-month:hover svg { fill: none;
}
.slot-filter-calendar .flatpickr-weekdays { height: 32px;
}
.slot-filter-calendar span.flatpickr-weekday { color: #52617a; font-size: 12px; font-weight: 500;
}
.slot-filter-calendar .flatpickr-days, .slot-filter-calendar .dayContainer { width: 280px; min-width: 280px; max-width: 280px;
}
.slot-filter-calendar .flatpickr-day { box-sizing: border-box; border: 1px solid transparent; flex-basis: 40px; max-width: 40px; height: 40px; line-height: 38px; border-radius: 6px; color: var(--Main, #132e6b); font-size: 14px; font-variant-numeric: tabular-nums;
}
.slot-filter-calendar .flatpickr-day.prevMonthDay, .slot-filter-calendar .flatpickr-day.nextMonthDay { color: #52617a !important;
}
.slot-filter-calendar .flatpickr-day:hover, .slot-filter-calendar .flatpickr-day:focus { background: #edf2f6 !important; border: 1px solid #edf2f6 !important; color: var(--Main, #132e6b) !important;
}
.slot-filter-calendar .flatpickr-day.today { border: 1px solid #2583ce !important; color: var(--Main, #132e6b);
}
.slot-filter-calendar .flatpickr-day.selected, .slot-filter-calendar .flatpickr-day.selected:hover, .slot-filter-calendar .flatpickr-day.selected:focus { background: var(--Main, #132e6b) !important; border: 1px solid var(--Main, #132e6b) !important; color: #fff !important;
}
.slot-filter-calendar .flatpickr-day.flatpickr-disabled { color: #a3afbd !important; background: transparent !important; border: 1px solid transparent !important; cursor: not-allowed;
}
.slot-filter-calendar_actions { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; padding-top: 8px; border-top: 1px solid #e0e7ee;
}
.slot-filter-calendar_actions button { min-height: 44px; border: 0; border-radius: 6px; padding: 8px 10px; background: transparent; color: var(--Main, #132e6b); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.slot-filter-calendar_actions button:hover { background: #edf2f6;
}
.slot-filter-calendar_actions button:disabled { color: #a3afbd; cursor: default;
}
.slot-filter-calendar button:focus-visible, .slot-filter-calendar [role="button"]:focus-visible, .slot-filter-calendar input:focus-visible, .slot-filter-calendar .flatpickr-day:focus-visible { outline: 2px solid #2583ce; outline-offset: -2px;
}


.booking-birthdate.slot-date-input[data-v-5f76d09d] { display: block; height: auto; min-height: 50px; background: transparent;
}
.booking-birthdate[data-v-5f76d09d] input:not([hidden]) { height: 50px; padding: 15px 48px 15px 16px; border: 1px solid transparent; border-radius: 10px; background: #f7f7f9; color: #202634; font-size: 16px;
}
.booking-birthdate[data-v-5f76d09d] input::placeholder { color: #5c6884;
}
.booking-birthdate[data-v-5f76d09d] input:hover { border-color: #91a3b4;
}
.booking-birthdate[data-v-5f76d09d] input[aria-invalid="true"] { border-color: #b42318;
}
.booking-birthdate[data-v-5f76d09d] .slot-date-input_toggle { top: 3px; right: 3px;
}
.booking-birthdate[data-v-5f76d09d] .slot-date-input_error { margin-top: 6px;
}