.vue-rental-booking-date-range,.vue-rental-booking-date-range *{box-sizing:border-box}.vue-rental-booking-date-range{width:100%;max-width:18rem;& .calendar{flex-direction:column;gap:.5rem;display:flex}& .message{margin:0;font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.35}}.vue-rental-booking-date-range .vue-date-picker{width:100%;max-width:18rem}.vue-rental-booking-date-range .vue-date-picker .input,.vue-rental-booking-date-range .vue-date-picker .input[readonly]{margin-top:0}.vue-rental-booking-date-range .vue-date-picker .trigger{width:2.375rem;margin-top:0}.vue-rental-booking-date-range .vue-date-picker .panel{width:min(18rem,100%,100vw - 2rem);padding:.5rem}.vue-rental-booking-date-range .vue-date-picker .header{grid-template-columns:1.75rem 1fr 1.75rem;margin-bottom:.25rem}.vue-rental-booking-date-range .vue-date-picker .navigation{width:1.75rem;height:1.75rem}.vue-rental-booking-date-range .vue-date-picker .week-cell{height:1.5rem}.vue-rental-booking-date-range .vue-date-picker .day-cell{height:1.875rem;padding:0}.vue-rental-booking-date-range .vue-date-picker .day{width:1.75rem;height:1.75rem}.vue-rental-booking-date-range .day.day--range-endpoint,.vue-rental-booking-date-range .day.day--range-middle{border-radius:0;width:100%}@media (width>=75.0625rem){.vue-rental-booking-date-range .vue-date-picker .trigger{width:2.125rem}.vue-rental-booking-date-range .vue-date-picker .panel{width:min(16rem,100%,100vw - 2rem)}}@media (width<=30rem){.vue-rental-booking-date-range .vue-date-picker .panel{width:min(18rem,100%,100vw - 4rem)}}