guestbell-forms 3.0.45 → 3.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/bookingCalendar/BookingCalendar.d.ts +4 -0
- package/build/components/bookingCalendar/BookingCalendar.js +10 -0
- package/build/components/bookingCalendar/BookingCalendar.js.map +1 -1
- package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.d.ts +11 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.js +68 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.js.map +1 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/classes.d.ts +7 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/classes.js +14 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/classes.js.map +1 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/index.d.ts +2 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/index.js +28 -0
- package/build/components/bookingCalendar/bookingCalendarNowSection/index.js.map +1 -0
- package/build/components/inputHeader/InputHeader.js +3 -1
- package/build/components/inputHeader/InputHeader.js.map +1 -1
- package/build/dist/guestbell-forms.css +18 -0
- package/build/dist/guestbell-forms.css.map +1 -1
- package/build/dist/guestbell-forms.min.css +1 -1
- package/build/dist/report.html +2 -2
- package/build/scss/components/bookingCalendar/bookingCalendar.scss +27 -0
- package/package.json +1 -1
- package/src/lib/components/bookingCalendar/BookingCalendar.tsx +19 -0
- package/src/lib/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.tsx +95 -0
- package/src/lib/components/bookingCalendar/bookingCalendarNowSection/classes.ts +14 -0
- package/src/lib/components/bookingCalendar/bookingCalendarNowSection/index.ts +2 -0
- package/src/lib/components/inputHeader/InputHeader.tsx +44 -37
- package/src/lib/scss/components/bookingCalendar/bookingCalendar.scss +27 -0
- package/src/stories/Schedule.tsx +1 -1
@@ -1 +1 @@
|
|
1
|
-
@charset "UTF-8";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3em;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8em;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3em;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3em}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944em;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4em}.react-datepicker__month{margin:.4em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3em}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3em}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3em;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3em;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3em;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3em;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3em;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3em;border-top-right-radius:.3em}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3em;width:3em}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2em;width:2em}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44em}.react-datepicker__children-container{height:auto;margin:.4em;padding-left:.2em;padding-right:.2em;width:13.8em}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.line-height--0{line-height:0!important}.transform-rotate--45{transform:rotate(45deg)}.tippy-tooltip{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}>.input__group__border:first-child{border-top:none}.input__divider,.input__group__border{border-top:1px solid #eee}.input__divider{background-color:#f9f9f9;padding:1rem}.label--help-icon{cursor:pointer}.input__base{border-bottom:1px solid #eee;margin-bottom:1rem;margin-top:1.25rem;position:relative;transition:border-color .5s ease;width:100%}.input__base input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.input__base .validation__container{color:#ff5d5d;font-size:12px;overflow:hidden;position:absolute;right:0;top:100%}.input__base .validation__ul{display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative;transform:translateY(-20px);transition:transform .5s ease-in-out}.input__base .validation__ul .validation__item{list-style:none;margin-left:10px;white-space:nowrap}.input__base.validation__error{border-bottom:1px solid #fbb!important}.input__base.validation__error .validation__ul{transform:translateY(0)}.input__base.validation__error .bar:after,.input__base.validation__error .bar:before{background-color:#ff5d5d}.input__base .info-text__container{font-size:12px;left:5px;overflow:hidden;position:absolute;top:100%}.input__base .info-text__ul{display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative;transform:translateY(0);transition:transform .5s ease-in-out}.input__base .info-text__ul .info-text__item{list-style:none;white-space:nowrap}.input__base.validation__error .info-text__ul{transform:translateY(-20px)}.input__base label,.input__base span.label-classname{align-items:center;color:#999;display:flex;font-size:18px;font-weight:400;left:5px;margin-bottom:0;pointer-events:none;position:absolute;top:5px;transition:all .2s ease}.input__base .label--help-icon{background-color:#999;border-radius:50%;bottom:.35rem;color:#fff;display:inline-block;font-size:.8rem;height:1.1rem;line-height:1.1rem;margin-left:.25rem;min-width:1.1rem;pointer-events:auto;text-align:center;transition:all .2s ease;width:1.1rem}.input__base .filled~label,.input__base input:focus~label,.input__base input:placeholder-shown~label,.input__base label.label--focused,.input__base select:focus~label,.input__base span.label-classname.label--focused,.input__base textarea:focus~label{font-size:14px;top:-1rem}.input__base .filled~label .label--help-icon,.input__base input:focus~label .label--help-icon,.input__base input:placeholder-shown~label .label--help-icon,.input__base label.label--focused .label--help-icon,.input__base select:focus~label .label--help-icon,.input__base span.label-classname.label--focused .label--help-icon,.input__base textarea:focus~label .label--help-icon{bottom:.25rem;font-size:.7rem;height:.9rem;line-height:.9rem;min-width:.9rem;width:.9rem}.input__base .filled~label,.input__base input:focus~label,.input__base label.label--focused,.input__base select:focus~label,.input__base span.label-classname.label--focused,.input__base textarea:focus~label{color:#10bdc7}.input__base .bar{bottom:0;display:block;position:absolute;width:100%}.input__base .bar:after,.input__base .bar:before{background-color:#10bdc7;bottom:0;content:"";height:2px;position:absolute;transition:height .2s ease,background-color .5s ease;width:0}.input__base .bar:before{left:50%}.input__base .bar:after{right:50%}.input__base .bar.focused:after,.input__base .bar.focused:before,.input__base input:focus~.bar:after,.input__base input:focus~.bar:before,.input__base label:focus~.bar:after,.input__base label:focus~.bar:before,.input__base select:focus~.bar:after,.input__base select:focus~.bar:before,.input__base textarea:focus~.bar:after,.input__base textarea:focus~.bar:before{width:50%}.input__base .highlight{bottom:5px;height:24px;left:0;opacity:.5;pointer-events:none;position:absolute;width:100px}.input__base input:focus~.highlight,.input__base select:focus~.highlight{animation:inputHighlighter .3s ease}.input__base input:focus{outline:none}.input__base input:disabled,.input__base select:disabled{background:transparent;color:#999;cursor:not-allowed}.input__base .input__button{display:inline-block;padding:6px 10px 7px}.input__base .input__button,.input__base .input__button svg.material-design-icon{fill:#999;color:#999;display:inline-block;font-weight:700;transition:all .2s;vertical-align:middle}.input__base .input__button svg.material-design-icon:hover,.input__base .input__button:hover{fill:#10bdc7;color:#10bdc7}@keyframes inputHighlighter{0%{background:#10bdc7}to{background:transparent;width:0}}.guestbell-btn{fill:#555;background:transparent;border:none;box-shadow:0 1px 5px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.08);color:inherit;cursor:pointer;display:inline-block;font:inherit;padding:.5rem;position:relative;text-align:center;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle;white-space:nowrap}.guestbell-btn:focus{outline:0}.guestbell-btn:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.guestbell-btn>svg{pointer-events:none}.guestbell-btn:active{box-shadow:0 4px 5px -3px rgba(0,0,0,.15),0 6px 10px 1px rgba(0,0,0,.12),0 2px 14px 2px rgba(0,0,0,.08)}.guestbell-btn.guestbell-btn--outlined{background-color:transparent;box-shadow:none}.guestbell-btn.guestbell-btn--icon{line-height:0}.guestbell-btn.guestbell-btn--blank{background-color:transparent;box-shadow:none}.guestbell-btn.guestbell-btn--small{padding:0}.guestbell-btn.guestbell-btn--hero{padding-left:2rem;padding-right:2rem}.guestbell-btn.guestbell-btn--no-shadow{box-shadow:none!important}.guestbell-btn.guestbell-btn--dropdown{box-shadow:none;width:100%}.guestbell-btn.guestbell-btn--dropdown:not(.guestbell-btn--disabled):hover{fill:#10bdc7;background-color:#f9f9f9;color:#10bdc7}.guestbell-btn.guestbell-btn--dropdown:active{box-shadow:none}.guestbell-btn.guestbell-btn--circular{border-radius:50%;display:inline-table;overflow:hidden}.guestbell-btn.guestbell-btn.guestbell-btn--disabled{background-color:#eee;box-shadow:none;color:#999;cursor:not-allowed}.guestbell-btn.guestbell-btn-primary{fill:#fff;background-color:#10bdc7;color:#fff}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#0d9ea6}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#10bdc7;background-color:transparent;box-shadow:inset 0 0 0 1px #10bdc7!important;color:#10bdc7}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#10bdc7;color:#fff}}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#10bdc7;background-color:transparent;color:#10bdc7}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(16,189,199,.5);color:#fff}.guestbell-btn.guestbell-btn-primary.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#10bdc7;background-color:transparent;color:#10bdc7}.guestbell-btn.guestbell-btn-primary.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#10bdc7;background-color:transparent;box-shadow:none;color:#10bdc7}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#1de1ed;background-color:transparent!important;color:#1de1ed}.guestbell-btn.guestbell-btn-success{fill:#fff;background-color:#5cb85c;color:#fff}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#49a749}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#5cb85c;background-color:transparent;box-shadow:inset 0 0 0 1px #5cb85c!important;color:#5cb85c}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#5cb85c;color:#fff}}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#5cb85c;background-color:transparent;color:#5cb85c}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(92,184,92,.5);color:#fff}.guestbell-btn.guestbell-btn-success.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#5cb85c;background-color:transparent;color:#5cb85c}.guestbell-btn.guestbell-btn-success.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#5cb85c;background-color:transparent;box-shadow:none;color:#5cb85c}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#80c780;background-color:transparent!important;color:#80c780}.guestbell-btn.guestbell-btn-white{fill:#555;background-color:#fff;color:#555}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#ededed}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#fff;background-color:transparent;box-shadow:inset 0 0 0 1px #fff!important;color:#fff}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#555;background-color:#fff;color:#555}}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#fff;background-color:transparent;color:#fff}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#555;background-color:hsla(0,0%,100%,.5);color:#555}.guestbell-btn.guestbell-btn-white.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#fff;background-color:transparent;color:#fff}.guestbell-btn.guestbell-btn-white.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#fff;background-color:transparent;box-shadow:none;color:#fff}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#fff;background-color:transparent!important;color:#fff}.guestbell-btn.guestbell-btn-info{fill:#fff;background-color:#a8dadc;color:#fff}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#8fcfd2}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#a8dadc;background-color:transparent;box-shadow:inset 0 0 0 1px #a8dadc!important;color:#a8dadc}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#a8dadc;color:#fff}}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#a8dadc;background-color:transparent;color:#a8dadc}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(168,218,220,.5);color:#fff}.guestbell-btn.guestbell-btn-info.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#a8dadc;background-color:transparent;color:#a8dadc}.guestbell-btn.guestbell-btn-info.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#a8dadc;background-color:transparent;box-shadow:none;color:#a8dadc}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#cce9eb;background-color:transparent!important;color:#cce9eb}.guestbell-btn.guestbell-btn-error{fill:#fff;background-color:#d9534f;color:#fff}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#d33632}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#d9534f;background-color:transparent;box-shadow:inset 0 0 0 1px #d9534f!important;color:#d9534f}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#d9534f;color:#fff}}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#d9534f;background-color:transparent;color:#d9534f}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(217,83,79,.5);color:#fff}.guestbell-btn.guestbell-btn-error.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#d9534f;background-color:transparent;color:#d9534f}.guestbell-btn.guestbell-btn-error.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#d9534f;background-color:transparent;box-shadow:none;color:#d9534f}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#e27c79;background-color:transparent!important;color:#e27c79}.guestbell-btn.guestbell-btn-warning{fill:#fff;background-color:#f0ad4e;color:#fff}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#ed9e2d}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#f0ad4e;background-color:transparent;box-shadow:inset 0 0 0 1px #f0ad4e!important;color:#f0ad4e}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#f0ad4e;color:#fff}}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#f0ad4e;background-color:transparent;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(240,173,78,.5);color:#fff}.guestbell-btn.guestbell-btn-warning.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#f0ad4e;background-color:transparent;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#f0ad4e;background-color:transparent;box-shadow:none;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#f4c37d;background-color:transparent!important;color:#f4c37d}.guestbell-btn.guestbell-btn-gray{fill:#fff;background-color:#555;color:#fff}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#434343}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#555;background-color:transparent;box-shadow:inset 0 0 0 1px #555!important;color:#555}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#555;color:#fff}}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#555;background-color:transparent;color:#555}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(85,85,85,.5);color:#fff}.guestbell-btn.guestbell-btn-gray.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#555;background-color:transparent;color:#555}.guestbell-btn.guestbell-btn-gray.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#555;background-color:transparent;box-shadow:none;color:#555}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#6f6f6f;background-color:transparent!important;color:#6f6f6f}.input__base.checkbox-input{border:none;display:block}.input__base.checkbox-input.validation__error{border:none!important}.input__base.checkbox-input.checkbox-input--with-label input{margin-right:.5rem}.input__base.checkbox-input .checkbox-input__label{align-items:center;display:flex;left:0}.input__base.checkbox-input .checkbox-input__label>input{margin-left:5px}.input__base.checkbox-input.checkbox-input--disabled input:after,.input__base.checkbox-input.checkbox-input--disabled input:before,.input__base.checkbox-input.checkbox-input--disabled label{cursor:not-allowed}.input__base.checkbox-input>input{margin-left:3px}.input__base.checkbox-input input{border:none;color:#555;padding:10px 10px 5px 5px;position:relative;top:0;width:auto}.input__base.checkbox-input input:focus{outline:0}.input__base.checkbox-input input:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.input__base.checkbox-input input:before{border-color:#10bdc7;border-style:none none solid solid;border-width:2px;content:"";height:.4375rem;left:0;pointer-events:none;position:absolute;top:0;transform:rotate(-45deg) scale(0);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);width:.875rem;z-index:1}.input__base.checkbox-input input:checked:before{transform:rotate(-45deg) scale(1)}.input__base.checkbox-input input:indeterminate:before{border-left-style:none;transform:rotate(0deg) scale(.8,1.2) translateX(0)}.input__base.checkbox-input input:after{background:#fff;border:2px solid #eee;border-radius:2px;content:"";cursor:pointer;height:1.2rem;left:-3px;position:absolute;top:-3px;transition:border-color .5s ease;width:1.2rem}.input__base.checkbox-input input:focus:after{outline:0}.input__base.checkbox-input input:focus-visible:after{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.input__base.checkbox-input.validation__error input:after{border:2px solid #fbb}.input__base.checkbox-input label{cursor:pointer;display:inline-block;pointer-events:auto;position:relative;top:0;user-select:none}a.guestbell__dropdown-toggle{fill:#555;color:#555;cursor:pointer}.guestbell__dropdown{display:flex;position:relative}.guestbell__dropdown.guestbell__dropdown--inline{display:inline-flex}.guestbell__dropdown-menu__container{border-radius:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.16);display:block;position:absolute;right:1px;top:100%;transition:.5s;z-index:1000}.guestbell__dropdown-menu__container>.guestbell__dropdown--opened{display:block}.guestbell__dropdown-menu__container>.guestbell__dropdown--closed{display:none}.guestbell__dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;list-style:none;margin:0;padding:5px 0;text-align:left;white-space:nowrap}.guestbell__dropdown-menu>li>a,.guestbell__dropdown-menu>li>span{clear:both;color:#333;display:block;font-weight:400;padding:3px 20px;white-space:nowrap}.guestbell__dropdown-menu .divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.guestbell__dropdown-toggle{cursor:pointer}.guestbell__dropdown-toggle:hover .label-count{color:#10bdc7}.guestbell__dropdown-toggle.guestbell__dropdown-toggle__arrow--hidden:after{display:none}.guestbell__dropdown-toggle:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #555;content:"";display:inline-block;height:0;margin-left:.25rem;pointer-events:none;vertical-align:.25rem;width:0}.guestbell__label-count{background-color:#10bdc7;border-radius:3px;bottom:2px;color:#fff;font-size:12px;line-height:15px;margin-bottom:0;min-width:16px;padding:0 2px;position:absolute;right:2px;text-align:center}.guestbell__dropdown-menu>li>a i.material-icons{float:left;font-size:20px;margin-right:7px;margin-top:2px}.guestbell__dropdown-menu>li>a{font-size:14px;line-height:25px}.formValidationSummary{border-top:3px solid #ff5d5d;color:#ff5d5d;padding-bottom:1rem;padding-top:1rem}.formValidationSummary__header{font-size:130%;margin-bottom:1rem;text-align:center}.formValidationSummary__footer{font-size:130%;margin-top:1rem;padding-right:1rem;text-align:right}.formValidationSummary__item{align-items:center;display:flex;flex-wrap:nowrap}.formValidationSummary__item__header{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.6rem;min-width:10rem;text-align:right;width:10rem}.formValidationSummary__item__locate-button{margin-left:.5rem;margin-right:1rem}.formValidationSummary__item__locate-button svg{height:1.25rem;width:1.25rem}.formValidationSummary__item__errors{display:flex;flex-wrap:wrap}.formValidationSummary__item__error{margin-right:.5rem;text-align:left}.inputGroup{display:flex;min-height:5rem;position:relative}.inputGroup .input__base{margin-bottom:0;margin-top:0}.inputGroup .inputGroup__header{align-items:center;color:inherit;display:flex;justify-content:flex-end;margin-right:.5rem;min-width:10rem;text-align:right;width:10rem}.inputGroup .inputGroup__header .label--help-icon{background-color:#999;border-radius:50%;color:#fff;display:inline-block;height:1.2rem;line-height:1.2rem;margin-left:.25rem;min-width:1.2rem;text-align:center;width:1.2rem}.inputGroup .inputGroup__body{align-items:center;display:flex;padding-left:.5rem;padding-right:.5rem;width:100%}.inputGroup .inputGroup__header{padding-bottom:.5rem;padding-left:.5rem;padding-top:.5rem}.inputGroup .inputGroup__body{padding-bottom:1rem;padding-top:1rem}@media (max-width:768px){.inputGroup{align-items:flex-start!important;flex-direction:column}.inputGroup .inputGroup__header{justify-content:center;margin-left:0;margin-right:0;max-width:none;text-align:left;width:100%}.inputGroup>.input__base{margin-right:0}}.input__header{display:flex;flex-direction:column;position:relative}.input__header--hero>.input__header__top .input__header__title{font-size:130%;min-width:auto;text-align:left;width:auto}.input__header--small .input__header__top{padding-bottom:0;padding-top:0}.input__header--small>.input__header__top .input__header__title{font-size:100%;min-width:auto;text-align:left;width:auto}.input__header--small .input__header__top__button-container,.input__header--small .input__header__top__header-container{padding:0}.input__header__top{align-items:center;background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;position:relative}.input__header__top.input__header__top--no-bg{background-color:transparent}.input__header__top.input__header__top--tall{padding-bottom:1rem}.input__header__title{color:#555;display:inline-block;font-size:115%}.input__header__title>div{align-items:center;display:flex}.input__header__title .label--help-icon{background-color:#999;border-radius:50%;color:#fff;display:inline-block;height:1.2rem;line-height:1.2rem;margin-left:.25rem;min-width:1.2rem;text-align:center;width:1.2rem}.input__header__sub-title{color:#555}.input__header__top__header-container{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.input__header__top__button-container{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-left:auto}.input__header__top__button-container>div{margin-left:auto}.input__header__collapse-button svg{transform:scaleY(-1);transition:all .2s}.input__header__collapse-button.collapsed svg{transform:scaleY(1)}.input__header__expand-collapse--all{bottom:.2rem;font-size:75%;position:absolute;right:1rem}.input__header__expand-collapse--all>div{display:inline-block;margin-left:1rem}.input__header__top--clickable{cursor:pointer}@media (max-width:768px){.input__header__top{padding:1rem .5rem}}.input__base.money-input{display:flex;flex-direction:column;flex-wrap:wrap;max-width:37.5rem;min-height:40px;position:relative}.input__base.money-input input,.input__base.money-input select{border:none;color:#555;outline:0;padding:10px 10px 5px 5px!important}.input__base.money-input .select-input .bar,.input__base.money-input .text-input .bar{display:none}.input__base.money-input .money-input__select{border:none!important;display:inline-block;text-align:center;width:auto}.input__base.money-input .money-input__select select{min-width:4rem;padding-right:20px;width:auto!important}.input__base.money-input .money-input__select .select-input__select__wrapper:after{right:4px}.input__base.money-input .money-input__text{border:none;display:inline-block;width:auto}.input__base.money-input .money-input__text input{min-width:40px;width:100px}.input__base.money-input .money-input__text input::placeholder{color:#999}.input__group__openingHoursDay:hover{background-color:rgba(0,0,0,.01)}.openingHoursDay-input{border-bottom:none!important;min-height:77px;padding-top:2.5rem;position:relative;width:100%}.openingHoursDay-input .openingHoursDay-input__container{display:flex;flex-direction:column;flex-wrap:wrap;height:100%}.openingHoursDay-input .time-input{border:0;display:inline-block;position:relative;width:auto}.openingHoursDay-input .time-input .bar{display:none}.openingHoursDay-input .openingHoursDay-input__time__container{align-items:center;display:flex;margin-bottom:1rem;margin-top:.5rem}.openingHoursDay-input .openingHoursDay-input__time__container>*{margin-right:1rem}.openingHoursDay-input input.filled~label,.openingHoursDay-input input:focus~label,.openingHoursDay-input select:focus~label,.openingHoursDay-input span.filled~label,.openingHoursDay-input span.label-classname.label--focused{top:0}.openingHoursDay-input .openingHoursDay-input__button--remove{flex-shrink:0}.openingHoursDay-input .openingHoursDay-input__button--remove svg{transform:rotate(45deg)}.openingHoursDay-input .label-classname.label--focused.label--closed,.openingHoursDay-input .openingHoursDay-input__label{color:#999}.openingHoursDay-input.input__base>.filled~label,.openingHoursDay-input.input__base>input:focus~label,.openingHoursDay-input.input__base>label.label--focused,.openingHoursDay-input.input__base>select:focus~label,.openingHoursDay-input.input__base>span.label-classname.label--focused,.openingHoursDay-input.input__base>textarea:focus~label{font-size:18px;left:0}.openingHoursDay-input.openingHoursDay-input--closed.input__base .filled~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base input:focus~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base label.label--focused,.openingHoursDay-input.openingHoursDay-input--closed.input__base select:focus~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base span.label-classname.label--focused,.openingHoursDay-input.openingHoursDay-input--closed.input__base textarea:focus~label{color:#d9534f}.openingHoursDay-input__bottom-border{display:inline-block;height:0;transition:all .5s;width:0}.openingHoursDay-input__bottom-border__container{bottom:0;display:flex;height:2px;left:0;line-height:0;margin-top:-1px;position:absolute;right:0}.openingHoursDay-input__bottom-border--open{background-color:#10bdc7;height:2px}.openingHoursDay-input__bottom-border--closed{background-color:#eee}.openingHoursDay-input__bottom-border--midnight{background-color:#10bdc7;bottom:0;height:4px;position:absolute;transform:translateX(-50%);transition:all .5s;width:2px}.openingHoursDay-input__button-open-close{align-self:flex-start}.openingHoursWeek-input{border:none;position:relative}.openingHoursWeek-input .label__checkbox{border-bottom:none!important;display:inline-block!important;margin:0 0 0 .5rem!important;width:auto!important}.openingHoursWeek-input .label-classname.label--focused{pointer-events:auto;width:100%}.openingHoursWeek-input .openingHoursWeek__is-standard-day{color:#10bdc7;position:absolute;right:0}.openingHoursWeek__standard-day{background-color:rgba(0,0,0,.01)}.inputGroup .inputGroup__header .DayPickerInput>input{text-align:right}.input__base.openingHoursSpecial-input{border:none!important;margin:0;position:relative}.input__base.openingHoursSpecial-input .validation__container{bottom:0;right:.25rem;top:auto}.input__base.openingHoursSpecial-input .validation__ul{margin-bottom:0;transform:translateY(100%);transition:.5s}.input__base.openingHoursSpecial-input.validation__error .validation__ul{transform:translateY(0)}.input__base.openingHoursSpecial-input>.input__group__border:first-child{border-top:none}.input__base.openingHoursSpecial-input .label__checkbox{display:inline-block;top:3px}.input__base.openingHoursSpecial-input .label-classname.label--focused{pointer-events:auto;width:100%}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button{display:table;line-height:0;margin:auto;opacity:.5;padding:0;position:relative;transition:all .2s}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button img{vertical-align:top}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button:hover{opacity:1}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button.openingHoursSpecial-input__button--remove svg{transform:rotate(45deg)}.input__base.openingHoursSpecial-input .react-datepicker__input-container{width:100%}.input__base.openingHoursSpecial-input .react-datepicker__input-container>input{border:none;color:#999;padding:0;text-align:right;width:100%}.input__base.openingHoursSpecial-input .label-classname.label--focused,.input__base.openingHoursSpecial-input input.filled~label,.input__base.openingHoursSpecial-input input:focus~label,.input__base.openingHoursSpecial-input select.filled~label,.input__base.openingHoursSpecial-input select:focus~label{font-size:14px;top:0}.input__base.openingHoursSpecial-input .label-classname.label--focused .DayPickerInput>input,.input__base.openingHoursSpecial-input input.filled~label .DayPickerInput>input,.input__base.openingHoursSpecial-input input:focus~label .DayPickerInput>input,.input__base.openingHoursSpecial-input select.filled~label .DayPickerInput>input,.input__base.openingHoursSpecial-input select:focus~label .DayPickerInput>input{background-color:transparent;color:#10bdc7;width:70px}.input__base.openingHoursSpecial-input .label-classname.label--focused.label--closed .DayPickerInput>input{color:#999}.radio-input{border:none;display:inline-block}.radio-input:last-child{margin-right:0}.radio-input.validation__error{border:none}.radio-input input{border:none;color:#555;margin-right:10px;padding:10px 10px 10px 5px;position:relative;top:0;width:auto}.radio-input input:focus{outline:0}.radio-input input:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.radio-input input:before{background:#10bdc7;border-radius:50%;content:"";height:10px;left:1px;position:absolute;top:1px;transform:scale(0);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);width:10px;z-index:1}.radio-input input:checked:before{transform:scale(1)}.radio-input input:after{background:#fff;border:2px solid #eee;border-radius:50%;content:"";height:16px;left:-2px;position:absolute;top:-2px;width:16px}.radio-input label{cursor:pointer;display:inline-block;pointer-events:auto;position:relative;top:0;user-select:none}.radio-input__container{border-bottom:none!important;display:inline-flex;flex-direction:column}.radio-input__container .radio-input{margin:0}.radio-input__container--horizontal{flex-direction:row!important}.radio-input__container--horizontal>div{margin-right:1rem!important}.select-input{border:none;border-bottom:1px solid transparent;display:inline-block;max-width:37.5rem}.select-input .select-input__select__wrapper .select-input__select{appearance:none;background-color:transparent;border:none;color:#555;display:inline-block;max-height:100px;outline:0;padding:7px 10px 5px 5px;width:100%}.select-input .select-input__select__wrapper span.select-input__select{min-height:calc(1rem + 13px)}.select-input.input__base.multiple .filled~label,.select-input.input__base.multiple select:focus~label{bottom:4px;font-size:18px;top:auto}.select-input.input__base.multiple select.filled:focus~label{color:#10bdc7!important}.select-input.input__base.multiple .filled~label{color:#999!important}.select-input:not(.readonly){border-bottom:1px solid #eee}.select-input:not(.readonly) .select-input__select__wrapper:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #555;bottom:15px;content:"";height:0;padding:0;pointer-events:none;position:absolute;right:10px;width:0}.select-input .select-input__selectedValue{align-items:center;display:inline-flex;padding:7px 10px 5px 5px}.select-input .select-input__selectedValue__wrapper{display:flex;flex-wrap:wrap}.tags-input{display:inline-block;margin-top:20px;max-width:37.5rem}.tags-input .tags-input__text-input{border-bottom:none;margin:0;padding-right:0}.tags-input .tags-input__tag{align-items:center;display:inline-flex;margin-bottom:.125rem;margin-right:.25rem;margin-top:.125rem;padding-left:.25rem;position:relative}.tags-input .tags-input__tag.tags-input__tag-chip{border:1px solid;border-radius:1.5rem}.tags-input .tags-input__tags__wrapper{align-items:center;display:flex}.tags-input .tags-input__tag__wrapper{display:inline-flex;flex-wrap:wrap;padding-bottom:.125rem;padding-top:.25rem}.tags-input.tags-input--readOnly{border-bottom-color:transparent!important}.tags-input.tags-input--readOnly .bar.focused:after,.tags-input.tags-input--readOnly .bar.focused:before,.tags-input.tags-input--readOnly input:focus~.bar:after,.tags-input.tags-input--readOnly input:focus~.bar:before,.tags-input.tags-input--readOnly label:focus~.bar:after,.tags-input.tags-input--readOnly label:focus~.bar:before,.tags-input.tags-input--readOnly select:focus~.bar:after,.tags-input.tags-input--readOnly select:focus~.bar:before{width:auto}.tags-input.tags-input--readOnly input:focus~.highlight,.tags-input.tags-input--readOnly select:focus~.highlight{animation:none}.tags-input.tags-input--readOnly .tags-input__tag__wrapper{min-height:34px}.tags-input.input__base label,.tags-input.input__base span.label-classname{top:calc(100% - 32px)}.tags-input.input__base label.label--focused,.tags-input.input__base.tags-input--hasPlaceholder label{font-size:14px;top:-1rem}.tags-input.tags-input--mobile{left:.5rem;margin-bottom:1rem;margin-top:1.25rem;position:fixed;right:.5rem;top:0;width:calc(100vw - 1rem);z-index:9999}.tags-input__leaveMobileTagsButton{padding-right:0}.tags-input__mobileBackdrop{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0}.tags-input__suggestions{background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.16);z-index:999}.tags-input__suggestions .tags-input__suggestion{text-transform:none}.tags-input__suggestions .tags-input__suggestion.tags-input__suggestion--preselected{background-color:#eee}.tags-input__suggestions>ul{margin:0;padding:0}.tags-input__suggestions>ul>li{list-style:none}.tags-input__suggestions .tags-input__suggestions__defaultLoading{height:2px;left:0;position:absolute;right:0;top:-3px}.text-input{display:inline-block;max-width:37.5rem}.text-input.text-input--readOnly{border-bottom-color:transparent!important}.text-input.text-input--readOnly .bar.focused:after,.text-input.text-input--readOnly .bar.focused:before,.text-input.text-input--readOnly input:focus~.bar:after,.text-input.text-input--readOnly input:focus~.bar:before,.text-input.text-input--readOnly label:focus~.bar:after,.text-input.text-input--readOnly label:focus~.bar:before,.text-input.text-input--readOnly select:focus~.bar:after,.text-input.text-input--readOnly select:focus~.bar:before{width:auto}.text-input.text-input--readOnly input:focus~.highlight,.text-input.text-input--readOnly select:focus~.highlight{animation:none}.text-input .text-input__textWrapper{display:flex;flex-direction:row;width:100%}.text-input input{background-color:transparent;border:none;color:inherit;flex:1;outline:0;padding:5px;text-overflow:ellipsis}.text-input .text-input__clearButton{padding-left:0}.text-input .text-input__clearButton--hidden{opacity:0;pointer-events:none}.textArea-input{max-width:37.5rem}.textArea-input.textArea-input--readOnly{border-bottom-color:transparent!important}.textArea-input.textArea-input--readOnly .bar.focused:after,.textArea-input.textArea-input--readOnly .bar.focused:before,.textArea-input.textArea-input--readOnly input:focus~.bar:after,.textArea-input.textArea-input--readOnly input:focus~.bar:before,.textArea-input.textArea-input--readOnly label:focus~.bar:after,.textArea-input.textArea-input--readOnly label:focus~.bar:before,.textArea-input.textArea-input--readOnly select:focus~.bar:after,.textArea-input.textArea-input--readOnly select:focus~.bar:before,.textArea-input.textArea-input--readOnly textarea:focus~.bar:after,.textArea-input.textArea-input--readOnly textarea:focus~.bar:before{width:auto}.textArea-input.textArea-input--readOnly select:focus~.highlight,.textArea-input.textArea-input--readOnly textarea:focus~.highlight{animation:none}.textArea-input textarea{background-color:transparent;border:none;color:#555;display:block;outline:0;padding:6px 10px 5px 5px;text-overflow:ellipsis;width:100%}.tippy-tooltip.validation-theme{min-width:14rem}.submitValidationSummary__header{font-size:110%;margin-bottom:.5rem;text-align:center}.submitValidationSummary__footer{font-size:110%;margin-top:.5rem;text-align:right}.submitValidationSummary__item{align-items:center;display:flex;flex-wrap:nowrap}.submitValidationSummary__item__locate-button{margin-left:.5rem}.submitValidationSummary__item__locate-button svg{height:1.25rem;width:1.25rem}.time-input{align-items:center;display:inline-flex!important;max-width:37.5rem;padding-bottom:.5rem;padding-top:.5rem}.time-input>div,.time-input>span{align-self:baseline;display:inline-block;position:relative}.time-input .input-padding{margin:10px 5px;position:relative}.time-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.time-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.time-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.time-input input[type=number]::-webkit-inner-spin-button,.time-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.time-input .time-input__arrows__container{display:inline-block;position:relative}.time-input input.filled~label,.time-input input:focus~label,.time-input label.label--focused,.time-input select.filled~label,.time-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.time-input button{background:transparent;border:none;cursor:pointer;left:1px;line-height:0;overflow:hidden;padding:0 5px;position:absolute}.time-input button.plus{top:-12px}.time-input button.plus svg{transform:rotate(180deg)}.time-input button.minus{bottom:-12px}.time-input button:focus{outline:0}.time-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.time-input button svg{fill:#999;transition:all .2s}.time-input button:active svg,.time-input button:focus svg,.time-input button:hover svg{fill:#10bdc7}.time-input .time-input__time{display:inline-block;width:26px}.time-input .time-input__am-pm{color:#999}.timeSpan-input{align-items:center;display:inline-flex!important;max-width:37.5rem;padding-bottom:.5rem;padding-top:.5rem}.timeSpan-input>div,.timeSpan-input>span{align-self:baseline;display:inline-block;position:relative}.timeSpan-input .input-padding{margin:10px 5px;position:relative}.timeSpan-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.timeSpan-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.timeSpan-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.timeSpan-input input[type=number]::-webkit-inner-spin-button,.timeSpan-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.timeSpan-input .timeSpan-input__arrows__container{display:inline-block;position:relative}.timeSpan-input input.filled~label,.timeSpan-input input:focus~label,.timeSpan-input label.label--focused,.timeSpan-input select.filled~label,.timeSpan-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.timeSpan-input button{background:transparent;border:none;cursor:pointer;left:50%;line-height:0;overflow:hidden;padding:0 5px;position:absolute;transform:translateX(-50%)}.timeSpan-input button.plus{top:-12px}.timeSpan-input button.plus svg{transform:rotate(180deg)}.timeSpan-input button.minus{bottom:-12px}.timeSpan-input button:focus{outline:0}.timeSpan-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.timeSpan-input button svg{fill:#999;transition:all .2s}.timeSpan-input button:active svg,.timeSpan-input button:focus svg,.timeSpan-input button:hover svg{fill:#10bdc7}.timeSpan-input .timeSpan-input__time{display:inline-block;width:26px}.timeSpan-input .timeSpan-input__time--ms{display:inline-block;width:40px}.timeSpan-input .timeSpan-input__am-pm{color:#999}.number-input{align-items:center;border-bottom:none!important;display:flex!important;justify-content:center;margin-right:.5rem;padding-bottom:.5rem;padding-top:.5rem;width:auto!important}.number-input>div,.number-input>span{align-self:baseline;display:inline-block;position:relative}.number-input .input-padding{margin:10px 5px;position:relative}.number-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.number-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.number-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.number-input input[type=number]::-webkit-inner-spin-button,.number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.number-input .number-input__arrows__container{display:inline-block;position:relative}.number-input input.filled~label,.number-input input:focus~label,.number-input label.label--focused,.number-input select.filled~label,.number-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.number-input button{background:transparent;border:none;cursor:pointer;left:50%;line-height:0;overflow:hidden;padding:0 5px;position:absolute;transform:translateX(-50%)}.number-input button.plus{top:-12px}.number-input button.plus svg{transform:rotate(180deg)}.number-input button.minus{bottom:-12px}.number-input button:focus{outline:0}.number-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.number-input button svg{fill:#999;transition:all .2s}.number-input button:active svg,.number-input button:focus svg,.number-input button:hover svg{fill:#10bdc7}.number-input .number-input__time{display:inline-block;width:26px}.number-input .number-input__time--ms{display:inline-block;width:40px}.number-input .number-input__am-pm{color:#999}.bookingCalendar{display:flex;flex-direction:column}.bookingCalendar__table{display:grid;grid-template-columns:auto 1fr;height:100%;position:relative}.bookingCalendar__table .bookingCalendar__laneContainer,.bookingCalendar__table .bookingCalendar__laneHeaderContainer{padding-bottom:.5rem;padding-top:.5rem}.bookingCalendar__table .bookingCalendar__laneHeaderContainer{align-items:center;border-bottom:1px solid #eee;border-right:1px solid #000;box-shadow:none;display:flex}.bookingCalendar__table .bookingCalendar__laneContainer--first,.bookingCalendar__table .bookingCalendar__laneHeaderContainer--first{padding-top:1rem}.bookingCalendar__table .bookingCalendar__laneHeaderContainer--first{border-top:1px solid #eee}.bookingCalendar__table .bookingCalendar__laneContainer--last,.bookingCalendar__table .bookingCalendar__laneHeaderContainer--last{padding-bottom:1rem}.bookingCalendar__table .bookingCalendar__laneContainer,.bookingCalendar__table .bookingCalendar__laneHeaderContainer,.bookingCalendar__table .bookingCalendar__lanesHeaderContainer,.bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer{box-shadow:1px 0 0 0 #eee}.bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer{align-items:center;border-right:1px solid #000;display:flex;padding:.5rem}.bookingCalendar__table .bookingCalendar__laneContainer--last{border-bottom:1px solid #eee}.bookingCalendar__lane{display:flex;flex-direction:row;min-height:2rem;z-index:1}.bookingCalendar__laneHeader{align-items:center;display:flex;height:100%;padding:.5rem}.bookingCalendar__item{position:relative}.bookingCalendar__renderItem{background-color:rgba(16,189,199,.9);box-shadow:0 1px 5px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.08);height:100%;overflow:hidden;padding:.5rem;width:100%}.bookingCalendar__renderItem:after,.bookingCalendar__renderItem:before{bottom:0;content:"";display:none;position:absolute;top:0;width:.25rem}.bookingCalendar__renderItem--cutStart{padding-left:1rem}.bookingCalendar__renderItem--cutStart:before{background:repeating-linear-gradient(45deg,#fff,#fff 5px,transparent 0,transparent 10px);display:block;left:0;z-index:1}.bookingCalendar__renderItem--cutEnd{padding-right:1rem}.bookingCalendar__renderItem--cutEnd:after{background:repeating-linear-gradient(-45deg,#fff,#fff 5px,transparent 0,transparent 10px);display:block;right:0;z-index:1}.bookingCalendar__grid{grid-column:2;grid-row-start:2;height:100%;left:0;pointer-events:none;position:absolute;right:0}.bookingCalendar__grid__item{background-color:#000;height:100%;position:absolute;width:.5px}.bookingCalendar__lanesHeader .bookingCalendar__item{align-items:center;box-shadow:1px 0 #000;display:flex;justify-content:center}.bookingCalendar__lanesHeader .bookingCalendar__item:last-of-type{box-shadow:none}.bookingCalendar__lanesHeader .bookingCalendar__renderItem{height:100%;padding:0;width:100%}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button{border-left:1px solid #eee;height:100%;text-align:end;text-transform:none;white-space:normal;width:100%}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText{opacity:.8}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split{display:flex}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split>span:first-child{margin-right:auto}.bookingCalendar__lanesHeader .bookingCalendar__item:first-of-type .bookingCalendar__lanesHeader__renderItem__button{border-left:none}.bookingCalendar__controls{padding:1rem 0 .5rem}.bookingCalendar__controls,.bookingCalendar__controls .bookingCalendar__controls__monthLabel{align-items:center;display:flex}.bookingCalendar__controls .bookingCalendar__controls__buttonsContainer{margin-left:auto}.bookingCalendar__controls .bookingCalendar__controls__zoomBookingsButton svg{transform:rotate(90deg)}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsContainer{margin-left:auto}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton{align-items:center;display:flex;text-transform:none}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton svg{margin-right:.5rem}.bookingCalendar__datePicker{display:flex;height:100%}.bookingCalendar__datePicker .bookingCalendar__datePicker__button{height:100%;text-transform:none;width:100%}.bookingCalendar__timeAxis{overflow:visible;padding-top:.5rem;width:100%}.bookingCalendar__timeAxis svg{overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.bookingCalendar__selection__container{grid-column:2;grid-row-start:2;height:100%;left:0;position:absolute;right:0}.bookingCalendar__selection{animation-duration:.2s;animation-name:fadeIn;background-color:rgba(0,0,0,.2);border:1px dashed #fff;overflow:hidden;padding:.5rem;position:absolute;user-select:none}.bookingCalendar__selection--fadeout{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeOut}
|
1
|
+
@charset "UTF-8";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3em;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8em;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3em;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3em}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944em;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4em}.react-datepicker__month{margin:.4em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3em}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3em}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3em;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3em;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3em;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3em;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3em;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3em;border-top-right-radius:.3em}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3em;width:3em}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2em;width:2em}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44em}.react-datepicker__children-container{height:auto;margin:.4em;padding-left:.2em;padding-right:.2em;width:13.8em}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.line-height--0{line-height:0!important}.transform-rotate--45{transform:rotate(45deg)}.tippy-tooltip{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}>.input__group__border:first-child{border-top:none}.input__divider,.input__group__border{border-top:1px solid #eee}.input__divider{background-color:#f9f9f9;padding:1rem}.label--help-icon{cursor:pointer}.input__base{border-bottom:1px solid #eee;margin-bottom:1rem;margin-top:1.25rem;position:relative;transition:border-color .5s ease;width:100%}.input__base input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.input__base .validation__container{color:#ff5d5d;font-size:12px;overflow:hidden;position:absolute;right:0;top:100%}.input__base .validation__ul{display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative;transform:translateY(-20px);transition:transform .5s ease-in-out}.input__base .validation__ul .validation__item{list-style:none;margin-left:10px;white-space:nowrap}.input__base.validation__error{border-bottom:1px solid #fbb!important}.input__base.validation__error .validation__ul{transform:translateY(0)}.input__base.validation__error .bar:after,.input__base.validation__error .bar:before{background-color:#ff5d5d}.input__base .info-text__container{font-size:12px;left:5px;overflow:hidden;position:absolute;top:100%}.input__base .info-text__ul{display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative;transform:translateY(0);transition:transform .5s ease-in-out}.input__base .info-text__ul .info-text__item{list-style:none;white-space:nowrap}.input__base.validation__error .info-text__ul{transform:translateY(-20px)}.input__base label,.input__base span.label-classname{align-items:center;color:#999;display:flex;font-size:18px;font-weight:400;left:5px;margin-bottom:0;pointer-events:none;position:absolute;top:5px;transition:all .2s ease}.input__base .label--help-icon{background-color:#999;border-radius:50%;bottom:.35rem;color:#fff;display:inline-block;font-size:.8rem;height:1.1rem;line-height:1.1rem;margin-left:.25rem;min-width:1.1rem;pointer-events:auto;text-align:center;transition:all .2s ease;width:1.1rem}.input__base .filled~label,.input__base input:focus~label,.input__base input:placeholder-shown~label,.input__base label.label--focused,.input__base select:focus~label,.input__base span.label-classname.label--focused,.input__base textarea:focus~label{font-size:14px;top:-1rem}.input__base .filled~label .label--help-icon,.input__base input:focus~label .label--help-icon,.input__base input:placeholder-shown~label .label--help-icon,.input__base label.label--focused .label--help-icon,.input__base select:focus~label .label--help-icon,.input__base span.label-classname.label--focused .label--help-icon,.input__base textarea:focus~label .label--help-icon{bottom:.25rem;font-size:.7rem;height:.9rem;line-height:.9rem;min-width:.9rem;width:.9rem}.input__base .filled~label,.input__base input:focus~label,.input__base label.label--focused,.input__base select:focus~label,.input__base span.label-classname.label--focused,.input__base textarea:focus~label{color:#10bdc7}.input__base .bar{bottom:0;display:block;position:absolute;width:100%}.input__base .bar:after,.input__base .bar:before{background-color:#10bdc7;bottom:0;content:"";height:2px;position:absolute;transition:height .2s ease,background-color .5s ease;width:0}.input__base .bar:before{left:50%}.input__base .bar:after{right:50%}.input__base .bar.focused:after,.input__base .bar.focused:before,.input__base input:focus~.bar:after,.input__base input:focus~.bar:before,.input__base label:focus~.bar:after,.input__base label:focus~.bar:before,.input__base select:focus~.bar:after,.input__base select:focus~.bar:before,.input__base textarea:focus~.bar:after,.input__base textarea:focus~.bar:before{width:50%}.input__base .highlight{bottom:5px;height:24px;left:0;opacity:.5;pointer-events:none;position:absolute;width:100px}.input__base input:focus~.highlight,.input__base select:focus~.highlight{animation:inputHighlighter .3s ease}.input__base input:focus{outline:none}.input__base input:disabled,.input__base select:disabled{background:transparent;color:#999;cursor:not-allowed}.input__base .input__button{display:inline-block;padding:6px 10px 7px}.input__base .input__button,.input__base .input__button svg.material-design-icon{fill:#999;color:#999;display:inline-block;font-weight:700;transition:all .2s;vertical-align:middle}.input__base .input__button svg.material-design-icon:hover,.input__base .input__button:hover{fill:#10bdc7;color:#10bdc7}@keyframes inputHighlighter{0%{background:#10bdc7}to{background:transparent;width:0}}.guestbell-btn{fill:#555;background:transparent;border:none;box-shadow:0 1px 5px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.08);color:inherit;cursor:pointer;display:inline-block;font:inherit;padding:.5rem;position:relative;text-align:center;text-transform:uppercase;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;vertical-align:middle;white-space:nowrap}.guestbell-btn:focus{outline:0}.guestbell-btn:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.guestbell-btn>svg{pointer-events:none}.guestbell-btn:active{box-shadow:0 4px 5px -3px rgba(0,0,0,.15),0 6px 10px 1px rgba(0,0,0,.12),0 2px 14px 2px rgba(0,0,0,.08)}.guestbell-btn.guestbell-btn--outlined{background-color:transparent;box-shadow:none}.guestbell-btn.guestbell-btn--icon{line-height:0}.guestbell-btn.guestbell-btn--blank{background-color:transparent;box-shadow:none}.guestbell-btn.guestbell-btn--small{padding:0}.guestbell-btn.guestbell-btn--hero{padding-left:2rem;padding-right:2rem}.guestbell-btn.guestbell-btn--no-shadow{box-shadow:none!important}.guestbell-btn.guestbell-btn--dropdown{box-shadow:none;width:100%}.guestbell-btn.guestbell-btn--dropdown:not(.guestbell-btn--disabled):hover{fill:#10bdc7;background-color:#f9f9f9;color:#10bdc7}.guestbell-btn.guestbell-btn--dropdown:active{box-shadow:none}.guestbell-btn.guestbell-btn--circular{border-radius:50%;display:inline-table;overflow:hidden}.guestbell-btn.guestbell-btn.guestbell-btn--disabled{background-color:#eee;box-shadow:none;color:#999;cursor:not-allowed}.guestbell-btn.guestbell-btn-primary{fill:#fff;background-color:#10bdc7;color:#fff}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#0d9ea6}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#10bdc7;background-color:transparent;box-shadow:inset 0 0 0 1px #10bdc7!important;color:#10bdc7}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#10bdc7;color:#fff}}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#10bdc7;background-color:transparent;color:#10bdc7}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(16,189,199,.5);color:#fff}.guestbell-btn.guestbell-btn-primary.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#10bdc7;background-color:transparent;color:#10bdc7}.guestbell-btn.guestbell-btn-primary.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#10bdc7;background-color:transparent;box-shadow:none;color:#10bdc7}.guestbell-btn.guestbell-btn-primary:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#1de1ed;background-color:transparent!important;color:#1de1ed}.guestbell-btn.guestbell-btn-success{fill:#fff;background-color:#5cb85c;color:#fff}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#49a749}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#5cb85c;background-color:transparent;box-shadow:inset 0 0 0 1px #5cb85c!important;color:#5cb85c}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#5cb85c;color:#fff}}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#5cb85c;background-color:transparent;color:#5cb85c}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(92,184,92,.5);color:#fff}.guestbell-btn.guestbell-btn-success.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#5cb85c;background-color:transparent;color:#5cb85c}.guestbell-btn.guestbell-btn-success.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#5cb85c;background-color:transparent;box-shadow:none;color:#5cb85c}.guestbell-btn.guestbell-btn-success:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#80c780;background-color:transparent!important;color:#80c780}.guestbell-btn.guestbell-btn-white{fill:#555;background-color:#fff;color:#555}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#ededed}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#fff;background-color:transparent;box-shadow:inset 0 0 0 1px #fff!important;color:#fff}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#555;background-color:#fff;color:#555}}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#fff;background-color:transparent;color:#fff}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#555;background-color:hsla(0,0%,100%,.5);color:#555}.guestbell-btn.guestbell-btn-white.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#fff;background-color:transparent;color:#fff}.guestbell-btn.guestbell-btn-white.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#fff;background-color:transparent;box-shadow:none;color:#fff}.guestbell-btn.guestbell-btn-white:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#fff;background-color:transparent!important;color:#fff}.guestbell-btn.guestbell-btn-info{fill:#fff;background-color:#a8dadc;color:#fff}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#8fcfd2}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#a8dadc;background-color:transparent;box-shadow:inset 0 0 0 1px #a8dadc!important;color:#a8dadc}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#a8dadc;color:#fff}}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#a8dadc;background-color:transparent;color:#a8dadc}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(168,218,220,.5);color:#fff}.guestbell-btn.guestbell-btn-info.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#a8dadc;background-color:transparent;color:#a8dadc}.guestbell-btn.guestbell-btn-info.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#a8dadc;background-color:transparent;box-shadow:none;color:#a8dadc}.guestbell-btn.guestbell-btn-info:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#cce9eb;background-color:transparent!important;color:#cce9eb}.guestbell-btn.guestbell-btn-error{fill:#fff;background-color:#d9534f;color:#fff}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#d33632}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#d9534f;background-color:transparent;box-shadow:inset 0 0 0 1px #d9534f!important;color:#d9534f}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#d9534f;color:#fff}}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#d9534f;background-color:transparent;color:#d9534f}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(217,83,79,.5);color:#fff}.guestbell-btn.guestbell-btn-error.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#d9534f;background-color:transparent;color:#d9534f}.guestbell-btn.guestbell-btn-error.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#d9534f;background-color:transparent;box-shadow:none;color:#d9534f}.guestbell-btn.guestbell-btn-error:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#e27c79;background-color:transparent!important;color:#e27c79}.guestbell-btn.guestbell-btn-warning{fill:#fff;background-color:#f0ad4e;color:#fff}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#ed9e2d}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#f0ad4e;background-color:transparent;box-shadow:inset 0 0 0 1px #f0ad4e!important;color:#f0ad4e}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#f0ad4e;color:#fff}}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#f0ad4e;background-color:transparent;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(240,173,78,.5);color:#fff}.guestbell-btn.guestbell-btn-warning.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#f0ad4e;background-color:transparent;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#f0ad4e;background-color:transparent;box-shadow:none;color:#f0ad4e}.guestbell-btn.guestbell-btn-warning:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#f4c37d;background-color:transparent!important;color:#f4c37d}.guestbell-btn.guestbell-btn-gray{fill:#fff;background-color:#555;color:#fff}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled):not(.guestbell-btn--blank):not(.guestbell-btn--outlined):not(.guestbell-btn--unobtrusive):hover{background-color:#434343}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined{fill:#555;background-color:transparent;box-shadow:inset 0 0 0 1px #555!important;color:#555}@media (hover:hover) and (pointer:fine){.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--outlined:hover{fill:#fff;background-color:#555;color:#fff}}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank{fill:#555;background-color:transparent;color:#555}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--blank:hover{fill:#fff;background-color:rgba(85,85,85,.5);color:#fff}.guestbell-btn.guestbell-btn-gray.guestbell-btn--disabled.guestbell-btn--unobtrusive{background-color:transparent}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive{fill:inherit;background-color:transparent;box-shadow:none;color:inherit}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--unobtrusive:hover{fill:#555;background-color:transparent;color:#555}.guestbell-btn.guestbell-btn-gray.guestbell-btn--disabled.guestbell-btn--text{background-color:transparent}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text{fill:#555;background-color:transparent;box-shadow:none;color:#555}.guestbell-btn.guestbell-btn-gray:not(.guestbell-btn--disabled).guestbell-btn--text:hover{fill:#6f6f6f;background-color:transparent!important;color:#6f6f6f}.input__base.checkbox-input{border:none;display:block}.input__base.checkbox-input.validation__error{border:none!important}.input__base.checkbox-input.checkbox-input--with-label input{margin-right:.5rem}.input__base.checkbox-input .checkbox-input__label{align-items:center;display:flex;left:0}.input__base.checkbox-input .checkbox-input__label>input{margin-left:5px}.input__base.checkbox-input.checkbox-input--disabled input:after,.input__base.checkbox-input.checkbox-input--disabled input:before,.input__base.checkbox-input.checkbox-input--disabled label{cursor:not-allowed}.input__base.checkbox-input>input{margin-left:3px}.input__base.checkbox-input input{border:none;color:#555;padding:10px 10px 5px 5px;position:relative;top:0;width:auto}.input__base.checkbox-input input:focus{outline:0}.input__base.checkbox-input input:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.input__base.checkbox-input input:before{border-color:#10bdc7;border-style:none none solid solid;border-width:2px;content:"";height:.4375rem;left:0;pointer-events:none;position:absolute;top:0;transform:rotate(-45deg) scale(0);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);width:.875rem;z-index:1}.input__base.checkbox-input input:checked:before{transform:rotate(-45deg) scale(1)}.input__base.checkbox-input input:indeterminate:before{border-left-style:none;transform:rotate(0deg) scale(.8,1.2) translateX(0)}.input__base.checkbox-input input:after{background:#fff;border:2px solid #eee;border-radius:2px;content:"";cursor:pointer;height:1.2rem;left:-3px;position:absolute;top:-3px;transition:border-color .5s ease;width:1.2rem}.input__base.checkbox-input input:focus:after{outline:0}.input__base.checkbox-input input:focus-visible:after{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.input__base.checkbox-input.validation__error input:after{border:2px solid #fbb}.input__base.checkbox-input label{cursor:pointer;display:inline-block;pointer-events:auto;position:relative;top:0;user-select:none}a.guestbell__dropdown-toggle{fill:#555;color:#555;cursor:pointer}.guestbell__dropdown{display:flex;position:relative}.guestbell__dropdown.guestbell__dropdown--inline{display:inline-flex}.guestbell__dropdown-menu__container{border-radius:0;box-shadow:0 2px 10px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.16);display:block;position:absolute;right:1px;top:100%;transition:.5s;z-index:1000}.guestbell__dropdown-menu__container>.guestbell__dropdown--opened{display:block}.guestbell__dropdown-menu__container>.guestbell__dropdown--closed{display:none}.guestbell__dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;list-style:none;margin:0;padding:5px 0;text-align:left;white-space:nowrap}.guestbell__dropdown-menu>li>a,.guestbell__dropdown-menu>li>span{clear:both;color:#333;display:block;font-weight:400;padding:3px 20px;white-space:nowrap}.guestbell__dropdown-menu .divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.guestbell__dropdown-toggle{cursor:pointer}.guestbell__dropdown-toggle:hover .label-count{color:#10bdc7}.guestbell__dropdown-toggle.guestbell__dropdown-toggle__arrow--hidden:after{display:none}.guestbell__dropdown-toggle:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #555;content:"";display:inline-block;height:0;margin-left:.25rem;pointer-events:none;vertical-align:.25rem;width:0}.guestbell__label-count{background-color:#10bdc7;border-radius:3px;bottom:2px;color:#fff;font-size:12px;line-height:15px;margin-bottom:0;min-width:16px;padding:0 2px;position:absolute;right:2px;text-align:center}.guestbell__dropdown-menu>li>a i.material-icons{float:left;font-size:20px;margin-right:7px;margin-top:2px}.guestbell__dropdown-menu>li>a{font-size:14px;line-height:25px}.formValidationSummary{border-top:3px solid #ff5d5d;color:#ff5d5d;padding-bottom:1rem;padding-top:1rem}.formValidationSummary__header{font-size:130%;margin-bottom:1rem;text-align:center}.formValidationSummary__footer{font-size:130%;margin-top:1rem;padding-right:1rem;text-align:right}.formValidationSummary__item{align-items:center;display:flex;flex-wrap:nowrap}.formValidationSummary__item__header{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.6rem;min-width:10rem;text-align:right;width:10rem}.formValidationSummary__item__locate-button{margin-left:.5rem;margin-right:1rem}.formValidationSummary__item__locate-button svg{height:1.25rem;width:1.25rem}.formValidationSummary__item__errors{display:flex;flex-wrap:wrap}.formValidationSummary__item__error{margin-right:.5rem;text-align:left}.inputGroup{display:flex;min-height:5rem;position:relative}.inputGroup .input__base{margin-bottom:0;margin-top:0}.inputGroup .inputGroup__header{align-items:center;color:inherit;display:flex;justify-content:flex-end;margin-right:.5rem;min-width:10rem;text-align:right;width:10rem}.inputGroup .inputGroup__header .label--help-icon{background-color:#999;border-radius:50%;color:#fff;display:inline-block;height:1.2rem;line-height:1.2rem;margin-left:.25rem;min-width:1.2rem;text-align:center;width:1.2rem}.inputGroup .inputGroup__body{align-items:center;display:flex;padding-left:.5rem;padding-right:.5rem;width:100%}.inputGroup .inputGroup__header{padding-bottom:.5rem;padding-left:.5rem;padding-top:.5rem}.inputGroup .inputGroup__body{padding-bottom:1rem;padding-top:1rem}@media (max-width:768px){.inputGroup{align-items:flex-start!important;flex-direction:column}.inputGroup .inputGroup__header{justify-content:center;margin-left:0;margin-right:0;max-width:none;text-align:left;width:100%}.inputGroup>.input__base{margin-right:0}}.input__header{display:flex;flex-direction:column;position:relative}.input__header--hero>.input__header__top .input__header__title{font-size:130%;min-width:auto;text-align:left;width:auto}.input__header--small .input__header__top{padding-bottom:0;padding-top:0}.input__header--small>.input__header__top .input__header__title{font-size:100%;min-width:auto;text-align:left;width:auto}.input__header--small .input__header__top__button-container,.input__header--small .input__header__top__header-container{padding:0}.input__header__top{align-items:center;background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;position:relative}.input__header__top.input__header__top--no-bg{background-color:transparent}.input__header__top.input__header__top--tall{padding-bottom:1rem}.input__header__title{color:#555;display:inline-block;font-size:115%}.input__header__title>div{align-items:center;display:flex}.input__header__title .label--help-icon{background-color:#999;border-radius:50%;color:#fff;display:inline-block;height:1.2rem;line-height:1.2rem;margin-left:.25rem;min-width:1.2rem;text-align:center;width:1.2rem}.input__header__sub-title{color:#555}.input__header__top__header-container{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.input__header__top__button-container{align-items:center;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin-left:auto}.input__header__top__button-container>div{margin-left:auto}.input__header__collapse-button svg{transform:scaleY(-1);transition:all .2s}.input__header__collapse-button.collapsed svg{transform:scaleY(1)}.input__header__expand-collapse--all{bottom:.2rem;font-size:75%;position:absolute;right:1rem}.input__header__expand-collapse--all>div{display:inline-block;margin-left:1rem}.input__header__top--clickable{cursor:pointer}@media (max-width:768px){.input__header__top{padding:1rem .5rem}}.input__base.money-input{display:flex;flex-direction:column;flex-wrap:wrap;max-width:37.5rem;min-height:40px;position:relative}.input__base.money-input input,.input__base.money-input select{border:none;color:#555;outline:0;padding:10px 10px 5px 5px!important}.input__base.money-input .select-input .bar,.input__base.money-input .text-input .bar{display:none}.input__base.money-input .money-input__select{border:none!important;display:inline-block;text-align:center;width:auto}.input__base.money-input .money-input__select select{min-width:4rem;padding-right:20px;width:auto!important}.input__base.money-input .money-input__select .select-input__select__wrapper:after{right:4px}.input__base.money-input .money-input__text{border:none;display:inline-block;width:auto}.input__base.money-input .money-input__text input{min-width:40px;width:100px}.input__base.money-input .money-input__text input::placeholder{color:#999}.input__group__openingHoursDay:hover{background-color:rgba(0,0,0,.01)}.openingHoursDay-input{border-bottom:none!important;min-height:77px;padding-top:2.5rem;position:relative;width:100%}.openingHoursDay-input .openingHoursDay-input__container{display:flex;flex-direction:column;flex-wrap:wrap;height:100%}.openingHoursDay-input .time-input{border:0;display:inline-block;position:relative;width:auto}.openingHoursDay-input .time-input .bar{display:none}.openingHoursDay-input .openingHoursDay-input__time__container{align-items:center;display:flex;margin-bottom:1rem;margin-top:.5rem}.openingHoursDay-input .openingHoursDay-input__time__container>*{margin-right:1rem}.openingHoursDay-input input.filled~label,.openingHoursDay-input input:focus~label,.openingHoursDay-input select:focus~label,.openingHoursDay-input span.filled~label,.openingHoursDay-input span.label-classname.label--focused{top:0}.openingHoursDay-input .openingHoursDay-input__button--remove{flex-shrink:0}.openingHoursDay-input .openingHoursDay-input__button--remove svg{transform:rotate(45deg)}.openingHoursDay-input .label-classname.label--focused.label--closed,.openingHoursDay-input .openingHoursDay-input__label{color:#999}.openingHoursDay-input.input__base>.filled~label,.openingHoursDay-input.input__base>input:focus~label,.openingHoursDay-input.input__base>label.label--focused,.openingHoursDay-input.input__base>select:focus~label,.openingHoursDay-input.input__base>span.label-classname.label--focused,.openingHoursDay-input.input__base>textarea:focus~label{font-size:18px;left:0}.openingHoursDay-input.openingHoursDay-input--closed.input__base .filled~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base input:focus~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base label.label--focused,.openingHoursDay-input.openingHoursDay-input--closed.input__base select:focus~label,.openingHoursDay-input.openingHoursDay-input--closed.input__base span.label-classname.label--focused,.openingHoursDay-input.openingHoursDay-input--closed.input__base textarea:focus~label{color:#d9534f}.openingHoursDay-input__bottom-border{display:inline-block;height:0;transition:all .5s;width:0}.openingHoursDay-input__bottom-border__container{bottom:0;display:flex;height:2px;left:0;line-height:0;margin-top:-1px;position:absolute;right:0}.openingHoursDay-input__bottom-border--open{background-color:#10bdc7;height:2px}.openingHoursDay-input__bottom-border--closed{background-color:#eee}.openingHoursDay-input__bottom-border--midnight{background-color:#10bdc7;bottom:0;height:4px;position:absolute;transform:translateX(-50%);transition:all .5s;width:2px}.openingHoursDay-input__button-open-close{align-self:flex-start}.openingHoursWeek-input{border:none;position:relative}.openingHoursWeek-input .label__checkbox{border-bottom:none!important;display:inline-block!important;margin:0 0 0 .5rem!important;width:auto!important}.openingHoursWeek-input .label-classname.label--focused{pointer-events:auto;width:100%}.openingHoursWeek-input .openingHoursWeek__is-standard-day{color:#10bdc7;position:absolute;right:0}.openingHoursWeek__standard-day{background-color:rgba(0,0,0,.01)}.inputGroup .inputGroup__header .DayPickerInput>input{text-align:right}.input__base.openingHoursSpecial-input{border:none!important;margin:0;position:relative}.input__base.openingHoursSpecial-input .validation__container{bottom:0;right:.25rem;top:auto}.input__base.openingHoursSpecial-input .validation__ul{margin-bottom:0;transform:translateY(100%);transition:.5s}.input__base.openingHoursSpecial-input.validation__error .validation__ul{transform:translateY(0)}.input__base.openingHoursSpecial-input>.input__group__border:first-child{border-top:none}.input__base.openingHoursSpecial-input .label__checkbox{display:inline-block;top:3px}.input__base.openingHoursSpecial-input .label-classname.label--focused{pointer-events:auto;width:100%}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button{display:table;line-height:0;margin:auto;opacity:.5;padding:0;position:relative;transition:all .2s}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button img{vertical-align:top}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button:hover{opacity:1}.input__base.openingHoursSpecial-input .openingHoursSpecial-input__button.openingHoursSpecial-input__button--remove svg{transform:rotate(45deg)}.input__base.openingHoursSpecial-input .react-datepicker__input-container{width:100%}.input__base.openingHoursSpecial-input .react-datepicker__input-container>input{border:none;color:#999;padding:0;text-align:right;width:100%}.input__base.openingHoursSpecial-input .label-classname.label--focused,.input__base.openingHoursSpecial-input input.filled~label,.input__base.openingHoursSpecial-input input:focus~label,.input__base.openingHoursSpecial-input select.filled~label,.input__base.openingHoursSpecial-input select:focus~label{font-size:14px;top:0}.input__base.openingHoursSpecial-input .label-classname.label--focused .DayPickerInput>input,.input__base.openingHoursSpecial-input input.filled~label .DayPickerInput>input,.input__base.openingHoursSpecial-input input:focus~label .DayPickerInput>input,.input__base.openingHoursSpecial-input select.filled~label .DayPickerInput>input,.input__base.openingHoursSpecial-input select:focus~label .DayPickerInput>input{background-color:transparent;color:#10bdc7;width:70px}.input__base.openingHoursSpecial-input .label-classname.label--focused.label--closed .DayPickerInput>input{color:#999}.radio-input{border:none;display:inline-block}.radio-input:last-child{margin-right:0}.radio-input.validation__error{border:none}.radio-input input{border:none;color:#555;margin-right:10px;padding:10px 10px 10px 5px;position:relative;top:0;width:auto}.radio-input input:focus{outline:0}.radio-input input:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.radio-input input:before{background:#10bdc7;border-radius:50%;content:"";height:10px;left:1px;position:absolute;top:1px;transform:scale(0);transition:transform .4s cubic-bezier(.45,1.8,.5,.75);width:10px;z-index:1}.radio-input input:checked:before{transform:scale(1)}.radio-input input:after{background:#fff;border:2px solid #eee;border-radius:50%;content:"";height:16px;left:-2px;position:absolute;top:-2px;width:16px}.radio-input label{cursor:pointer;display:inline-block;pointer-events:auto;position:relative;top:0;user-select:none}.radio-input__container{border-bottom:none!important;display:inline-flex;flex-direction:column}.radio-input__container .radio-input{margin:0}.radio-input__container--horizontal{flex-direction:row!important}.radio-input__container--horizontal>div{margin-right:1rem!important}.select-input{border:none;border-bottom:1px solid transparent;display:inline-block;max-width:37.5rem}.select-input .select-input__select__wrapper .select-input__select{appearance:none;background-color:transparent;border:none;color:#555;display:inline-block;max-height:100px;outline:0;padding:7px 10px 5px 5px;width:100%}.select-input .select-input__select__wrapper span.select-input__select{min-height:calc(1rem + 13px)}.select-input.input__base.multiple .filled~label,.select-input.input__base.multiple select:focus~label{bottom:4px;font-size:18px;top:auto}.select-input.input__base.multiple select.filled:focus~label{color:#10bdc7!important}.select-input.input__base.multiple .filled~label{color:#999!important}.select-input:not(.readonly){border-bottom:1px solid #eee}.select-input:not(.readonly) .select-input__select__wrapper:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #555;bottom:15px;content:"";height:0;padding:0;pointer-events:none;position:absolute;right:10px;width:0}.select-input .select-input__selectedValue{align-items:center;display:inline-flex;padding:7px 10px 5px 5px}.select-input .select-input__selectedValue__wrapper{display:flex;flex-wrap:wrap}.tags-input{display:inline-block;margin-top:20px;max-width:37.5rem}.tags-input .tags-input__text-input{border-bottom:none;margin:0;padding-right:0}.tags-input .tags-input__tag{align-items:center;display:inline-flex;margin-bottom:.125rem;margin-right:.25rem;margin-top:.125rem;padding-left:.25rem;position:relative}.tags-input .tags-input__tag.tags-input__tag-chip{border:1px solid;border-radius:1.5rem}.tags-input .tags-input__tags__wrapper{align-items:center;display:flex}.tags-input .tags-input__tag__wrapper{display:inline-flex;flex-wrap:wrap;padding-bottom:.125rem;padding-top:.25rem}.tags-input.tags-input--readOnly{border-bottom-color:transparent!important}.tags-input.tags-input--readOnly .bar.focused:after,.tags-input.tags-input--readOnly .bar.focused:before,.tags-input.tags-input--readOnly input:focus~.bar:after,.tags-input.tags-input--readOnly input:focus~.bar:before,.tags-input.tags-input--readOnly label:focus~.bar:after,.tags-input.tags-input--readOnly label:focus~.bar:before,.tags-input.tags-input--readOnly select:focus~.bar:after,.tags-input.tags-input--readOnly select:focus~.bar:before{width:auto}.tags-input.tags-input--readOnly input:focus~.highlight,.tags-input.tags-input--readOnly select:focus~.highlight{animation:none}.tags-input.tags-input--readOnly .tags-input__tag__wrapper{min-height:34px}.tags-input.input__base label,.tags-input.input__base span.label-classname{top:calc(100% - 32px)}.tags-input.input__base label.label--focused,.tags-input.input__base.tags-input--hasPlaceholder label{font-size:14px;top:-1rem}.tags-input.tags-input--mobile{left:.5rem;margin-bottom:1rem;margin-top:1.25rem;position:fixed;right:.5rem;top:0;width:calc(100vw - 1rem);z-index:9999}.tags-input__leaveMobileTagsButton{padding-right:0}.tags-input__mobileBackdrop{background-color:#fff;bottom:0;left:0;position:fixed;right:0;top:0}.tags-input__suggestions{background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.16);z-index:999}.tags-input__suggestions .tags-input__suggestion{text-transform:none}.tags-input__suggestions .tags-input__suggestion.tags-input__suggestion--preselected{background-color:#eee}.tags-input__suggestions>ul{margin:0;padding:0}.tags-input__suggestions>ul>li{list-style:none}.tags-input__suggestions .tags-input__suggestions__defaultLoading{height:2px;left:0;position:absolute;right:0;top:-3px}.text-input{display:inline-block;max-width:37.5rem}.text-input.text-input--readOnly{border-bottom-color:transparent!important}.text-input.text-input--readOnly .bar.focused:after,.text-input.text-input--readOnly .bar.focused:before,.text-input.text-input--readOnly input:focus~.bar:after,.text-input.text-input--readOnly input:focus~.bar:before,.text-input.text-input--readOnly label:focus~.bar:after,.text-input.text-input--readOnly label:focus~.bar:before,.text-input.text-input--readOnly select:focus~.bar:after,.text-input.text-input--readOnly select:focus~.bar:before{width:auto}.text-input.text-input--readOnly input:focus~.highlight,.text-input.text-input--readOnly select:focus~.highlight{animation:none}.text-input .text-input__textWrapper{display:flex;flex-direction:row;width:100%}.text-input input{background-color:transparent;border:none;color:inherit;flex:1;outline:0;padding:5px;text-overflow:ellipsis}.text-input .text-input__clearButton{padding-left:0}.text-input .text-input__clearButton--hidden{opacity:0;pointer-events:none}.textArea-input{max-width:37.5rem}.textArea-input.textArea-input--readOnly{border-bottom-color:transparent!important}.textArea-input.textArea-input--readOnly .bar.focused:after,.textArea-input.textArea-input--readOnly .bar.focused:before,.textArea-input.textArea-input--readOnly input:focus~.bar:after,.textArea-input.textArea-input--readOnly input:focus~.bar:before,.textArea-input.textArea-input--readOnly label:focus~.bar:after,.textArea-input.textArea-input--readOnly label:focus~.bar:before,.textArea-input.textArea-input--readOnly select:focus~.bar:after,.textArea-input.textArea-input--readOnly select:focus~.bar:before,.textArea-input.textArea-input--readOnly textarea:focus~.bar:after,.textArea-input.textArea-input--readOnly textarea:focus~.bar:before{width:auto}.textArea-input.textArea-input--readOnly select:focus~.highlight,.textArea-input.textArea-input--readOnly textarea:focus~.highlight{animation:none}.textArea-input textarea{background-color:transparent;border:none;color:#555;display:block;outline:0;padding:6px 10px 5px 5px;text-overflow:ellipsis;width:100%}.tippy-tooltip.validation-theme{min-width:14rem}.submitValidationSummary__header{font-size:110%;margin-bottom:.5rem;text-align:center}.submitValidationSummary__footer{font-size:110%;margin-top:.5rem;text-align:right}.submitValidationSummary__item{align-items:center;display:flex;flex-wrap:nowrap}.submitValidationSummary__item__locate-button{margin-left:.5rem}.submitValidationSummary__item__locate-button svg{height:1.25rem;width:1.25rem}.time-input{align-items:center;display:inline-flex!important;max-width:37.5rem;padding-bottom:.5rem;padding-top:.5rem}.time-input>div,.time-input>span{align-self:baseline;display:inline-block;position:relative}.time-input .input-padding{margin:10px 5px;position:relative}.time-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.time-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.time-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.time-input input[type=number]::-webkit-inner-spin-button,.time-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.time-input .time-input__arrows__container{display:inline-block;position:relative}.time-input input.filled~label,.time-input input:focus~label,.time-input label.label--focused,.time-input select.filled~label,.time-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.time-input button{background:transparent;border:none;cursor:pointer;left:1px;line-height:0;overflow:hidden;padding:0 5px;position:absolute}.time-input button.plus{top:-12px}.time-input button.plus svg{transform:rotate(180deg)}.time-input button.minus{bottom:-12px}.time-input button:focus{outline:0}.time-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.time-input button svg{fill:#999;transition:all .2s}.time-input button:active svg,.time-input button:focus svg,.time-input button:hover svg{fill:#10bdc7}.time-input .time-input__time{display:inline-block;width:26px}.time-input .time-input__am-pm{color:#999}.timeSpan-input{align-items:center;display:inline-flex!important;max-width:37.5rem;padding-bottom:.5rem;padding-top:.5rem}.timeSpan-input>div,.timeSpan-input>span{align-self:baseline;display:inline-block;position:relative}.timeSpan-input .input-padding{margin:10px 5px;position:relative}.timeSpan-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.timeSpan-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.timeSpan-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.timeSpan-input input[type=number]::-webkit-inner-spin-button,.timeSpan-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.timeSpan-input .timeSpan-input__arrows__container{display:inline-block;position:relative}.timeSpan-input input.filled~label,.timeSpan-input input:focus~label,.timeSpan-input label.label--focused,.timeSpan-input select.filled~label,.timeSpan-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.timeSpan-input button{background:transparent;border:none;cursor:pointer;left:50%;line-height:0;overflow:hidden;padding:0 5px;position:absolute;transform:translateX(-50%)}.timeSpan-input button.plus{top:-12px}.timeSpan-input button.plus svg{transform:rotate(180deg)}.timeSpan-input button.minus{bottom:-12px}.timeSpan-input button:focus{outline:0}.timeSpan-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.timeSpan-input button svg{fill:#999;transition:all .2s}.timeSpan-input button:active svg,.timeSpan-input button:focus svg,.timeSpan-input button:hover svg{fill:#10bdc7}.timeSpan-input .timeSpan-input__time{display:inline-block;width:26px}.timeSpan-input .timeSpan-input__time--ms{display:inline-block;width:40px}.timeSpan-input .timeSpan-input__am-pm{color:#999}.number-input{align-items:center;border-bottom:none!important;display:flex!important;justify-content:center;margin-right:.5rem;padding-bottom:.5rem;padding-top:.5rem;width:auto!important}.number-input>div,.number-input>span{align-self:baseline;display:inline-block;position:relative}.number-input .input-padding{margin:10px 5px;position:relative}.number-input input{background-color:transparent;border:1px solid #eee;color:#555;height:26px;line-height:0;outline:0;padding:0;text-align:center;width:100%}.number-input .highlight{bottom:3px;height:auto;left:3px;opacity:.5;pointer-events:none;position:absolute;right:3px;top:3px;width:auto}.number-input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.number-input input[type=number]::-webkit-inner-spin-button,.number-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.number-input .number-input__arrows__container{display:inline-block;position:relative}.number-input input.filled~label,.number-input input:focus~label,.number-input label.label--focused,.number-input select.filled~label,.number-input select:focus~label{color:#10bdc7;font-size:14px;top:-17px}.number-input button{background:transparent;border:none;cursor:pointer;left:50%;line-height:0;overflow:hidden;padding:0 5px;position:absolute;transform:translateX(-50%)}.number-input button.plus{top:-12px}.number-input button.plus svg{transform:rotate(180deg)}.number-input button.minus{bottom:-12px}.number-input button:focus{outline:0}.number-input button:focus-visible{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.number-input button svg{fill:#999;transition:all .2s}.number-input button:active svg,.number-input button:focus svg,.number-input button:hover svg{fill:#10bdc7}.number-input .number-input__time{display:inline-block;width:26px}.number-input .number-input__time--ms{display:inline-block;width:40px}.number-input .number-input__am-pm{color:#999}.bookingCalendar{display:flex;flex-direction:column}.bookingCalendar__table{display:grid;grid-template-columns:auto 1fr;height:100%;position:relative}.bookingCalendar__table .bookingCalendar__laneContainer,.bookingCalendar__table .bookingCalendar__laneHeaderContainer{padding-bottom:.5rem;padding-top:.5rem}.bookingCalendar__table .bookingCalendar__laneHeaderContainer{align-items:center;border-bottom:1px solid #eee;border-right:1px solid #000;box-shadow:none;display:flex}.bookingCalendar__table .bookingCalendar__laneContainer--first,.bookingCalendar__table .bookingCalendar__laneHeaderContainer--first{padding-top:1rem}.bookingCalendar__table .bookingCalendar__laneHeaderContainer--first{border-top:1px solid #eee}.bookingCalendar__table .bookingCalendar__laneContainer--last,.bookingCalendar__table .bookingCalendar__laneHeaderContainer--last{padding-bottom:1rem}.bookingCalendar__table .bookingCalendar__laneContainer,.bookingCalendar__table .bookingCalendar__laneHeaderContainer,.bookingCalendar__table .bookingCalendar__lanesHeaderContainer,.bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer{box-shadow:1px 0 0 0 #eee}.bookingCalendar__table .bookingCalendar__lanesHeaderHeaderContainer{align-items:center;border-right:1px solid #000;display:flex;padding:.5rem}.bookingCalendar__table .bookingCalendar__laneContainer--last{border-bottom:1px solid #eee}.bookingCalendar__lane{display:flex;flex-direction:row;min-height:2rem;z-index:1}.bookingCalendar__laneHeader{align-items:center;display:flex;height:100%;padding:.5rem}.bookingCalendar__item{position:relative}.bookingCalendar__renderItem{background-color:rgba(16,189,199,.9);box-shadow:0 1px 5px 0 rgba(0,0,0,.15),0 2px 2px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.08);height:100%;overflow:hidden;padding:.5rem;width:100%}.bookingCalendar__renderItem:after,.bookingCalendar__renderItem:before{bottom:0;content:"";display:none;position:absolute;top:0;width:.25rem}.bookingCalendar__renderItem--cutStart{padding-left:1rem}.bookingCalendar__renderItem--cutStart:before{background:repeating-linear-gradient(45deg,#fff,#fff 5px,transparent 0,transparent 10px);display:block;left:0;z-index:1}.bookingCalendar__renderItem--cutEnd{padding-right:1rem}.bookingCalendar__renderItem--cutEnd:after{background:repeating-linear-gradient(-45deg,#fff,#fff 5px,transparent 0,transparent 10px);display:block;right:0;z-index:1}.bookingCalendar__grid{grid-column:2;grid-row-start:2;height:100%;left:0;pointer-events:none;position:absolute;right:0}.bookingCalendar__grid__item{background-color:#000;height:100%;position:absolute;width:.5px}.bookingCalendar__lanesHeader .bookingCalendar__item{align-items:center;box-shadow:1px 0 #000;display:flex;justify-content:center}.bookingCalendar__lanesHeader .bookingCalendar__item:last-of-type{box-shadow:none}.bookingCalendar__lanesHeader .bookingCalendar__renderItem{height:100%;padding:0;width:100%}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button{border-left:1px solid #eee;height:100%;text-align:end;text-transform:none;white-space:normal;width:100%}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText{opacity:.8}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split{display:flex}.bookingCalendar__lanesHeader .bookingCalendar__lanesHeader__renderItem__button__mutedText--split>span:first-child{margin-right:auto}.bookingCalendar__lanesHeader .bookingCalendar__item:first-of-type .bookingCalendar__lanesHeader__renderItem__button{border-left:none}.bookingCalendar__controls{padding:1rem 0 .5rem}.bookingCalendar__controls,.bookingCalendar__controls .bookingCalendar__controls__monthLabel{align-items:center;display:flex}.bookingCalendar__controls .bookingCalendar__controls__buttonsContainer{margin-left:auto}.bookingCalendar__controls .bookingCalendar__controls__zoomBookingsButton svg{transform:rotate(90deg)}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsContainer{margin-left:auto}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton{align-items:center;display:flex;text-transform:none}.bookingCalendar__controls .bookingCalendar__controls__zoomLevelsButton svg{margin-right:.5rem}.bookingCalendar__datePicker{display:flex;height:100%}.bookingCalendar__datePicker .bookingCalendar__datePicker__button{height:100%;text-transform:none;width:100%}.bookingCalendar__timeAxis{overflow:visible;padding-top:.5rem;width:100%}.bookingCalendar__timeAxis svg{overflow:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.bookingCalendar__selection__container{grid-column:2;grid-row-start:2;height:100%;left:0;position:absolute;right:0}.bookingCalendar__selection{animation-duration:.2s;animation-name:fadeIn;background-color:rgba(0,0,0,.2);border:1px dashed #fff;overflow:hidden;padding:.5rem;position:absolute;user-select:none}.bookingCalendar__selection--fadeout{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeOut}.bookingCalendar__nowSection{display:flex;grid-column:2;grid-row-start:2;height:100%;left:0;pointer-events:none;position:absolute;right:0}.bookingCalendar__nowSection__now{background-color:rgba(0,0,0,.35);background-image:repeating-linear-gradient(45deg,#fff,#fff 5px,transparent 0,transparent 10px);width:1px}.bookingCalendar__nowSection__before{background-color:rgba(0,0,0,.075)}
|
package/build/dist/report.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
<head>
|
4
4
|
<meta charset="UTF-8"/>
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
6
|
-
<title>guestbell-forms [
|
6
|
+
<title>guestbell-forms [5 Jun 2023 at 12:58]</title>
|
7
7
|
<link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
|
8
8
|
|
9
9
|
<script>
|
@@ -31,7 +31,7 @@
|
|
31
31
|
<body>
|
32
32
|
<div id="app"></div>
|
33
33
|
<script>
|
34
|
-
window.chartData = [{"label":"guestbell-forms.min.js","isAsset":true,"statSize":
|
34
|
+
window.chartData = [{"label":"guestbell-forms.min.js","isAsset":true,"statSize":52099,"parsedSize":500,"gzipSize":302,"groups":[{"label":"src/lib/scss","path":"./src/lib/scss","statSize":52099,"groups":[{"id":219,"label":"index.scss","path":"./src/lib/scss/index.scss","statSize":52099,"parsedSize":500,"gzipSize":302}],"parsedSize":500,"gzipSize":302}],"isInitialByEntrypoint":{"guestbell-forms":true}}];
|
35
35
|
window.entrypoints = ["guestbell-forms"];
|
36
36
|
window.defaultSizes = "parsed";
|
37
37
|
</script>
|
@@ -274,3 +274,30 @@ $border-color-dark: black;
|
|
274
274
|
animation-name: fadeOut;
|
275
275
|
animation-fill-mode: forwards;
|
276
276
|
}
|
277
|
+
|
278
|
+
.bookingCalendar__nowSection {
|
279
|
+
position: absolute;
|
280
|
+
left: 0;
|
281
|
+
right: 0;
|
282
|
+
height: 100%;
|
283
|
+
pointer-events: none;
|
284
|
+
grid-column: 2;
|
285
|
+
grid-row-start: 2;
|
286
|
+
display: flex;
|
287
|
+
}
|
288
|
+
|
289
|
+
.bookingCalendar__nowSection__now {
|
290
|
+
width: 1px;
|
291
|
+
background-color: rgba(0, 0, 0, 0.35);
|
292
|
+
background-image: repeating-linear-gradient(
|
293
|
+
45deg,
|
294
|
+
white,
|
295
|
+
white 5px,
|
296
|
+
transparent 5px,
|
297
|
+
transparent 10px
|
298
|
+
);
|
299
|
+
}
|
300
|
+
|
301
|
+
.bookingCalendar__nowSection__before {
|
302
|
+
background-color: rgba(0, 0, 0, 0.075);
|
303
|
+
}
|
package/package.json
CHANGED
@@ -57,6 +57,10 @@ import BookingCalendarSelection, {
|
|
57
57
|
} from './bookingCalendarSelection/BookingCalendarSelection';
|
58
58
|
import { bookingCalendarLaneDefaultClasses } from './bookingCalendarLane';
|
59
59
|
import { bookingCalendarSelectionDefaultClasses } from './bookingCalendarSelection/classes';
|
60
|
+
import {
|
61
|
+
BookingCalendarNowSectionProps,
|
62
|
+
BookingCalendarNowSection as DefaultBookingCalendarNowSection,
|
63
|
+
} from './bookingCalendarNowSection';
|
60
64
|
|
61
65
|
export interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>
|
62
66
|
extends BookingCalendarClasses {
|
@@ -93,6 +97,8 @@ export interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>
|
|
93
97
|
|
94
98
|
showHeader?: boolean;
|
95
99
|
showTimeAxis?: boolean;
|
100
|
+
showNowSection?: boolean;
|
101
|
+
alwaysShowNowSections?: boolean;
|
96
102
|
|
97
103
|
BookingCalendarItem?: React.ComponentType<BookingCalendarItemProps<T>>;
|
98
104
|
BookingCalendarRenderItem?: React.ComponentType<
|
@@ -112,6 +118,7 @@ export interface BookingCalendarProps<T extends BookingCalendarItemT, TLaneData>
|
|
112
118
|
BookingCalendarDatePicker?:
|
113
119
|
| React.ComponentType<BookingCalendarDatePickerProps<T>>
|
114
120
|
| React.ReactNode;
|
121
|
+
BookingCalendarNowSection?: React.ComponentType<BookingCalendarNowSectionProps>;
|
115
122
|
}
|
116
123
|
|
117
124
|
const defaultStep = moment.duration(1, 'day');
|
@@ -135,6 +142,8 @@ export function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(
|
|
135
142
|
showGrid = true,
|
136
143
|
showHeader = true,
|
137
144
|
showSelection = true,
|
145
|
+
showNowSection = true,
|
146
|
+
alwaysShowNowSections = false,
|
138
147
|
onSelection,
|
139
148
|
minSelectionSize = 10,
|
140
149
|
selectionContent,
|
@@ -156,6 +165,7 @@ export function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(
|
|
156
165
|
BookingCalendarLaneHeader = DefaultBookingCalendarLaneHeader,
|
157
166
|
BookingCalendarLanesHeader = DefaultBookingCalendarLanesHeader,
|
158
167
|
BookingCalendarDatePicker = DefaultBookingCalendarDatePicker,
|
168
|
+
BookingCalendarNowSection = DefaultBookingCalendarNowSection,
|
159
169
|
bookingCalendarTopLeftHeader,
|
160
170
|
filteringButton,
|
161
171
|
children,
|
@@ -290,6 +300,15 @@ export function BookingCalendar<T extends BookingCalendarItemT, TLaneData>(
|
|
290
300
|
width={width}
|
291
301
|
/>
|
292
302
|
)}
|
303
|
+
{showNowSection && (
|
304
|
+
<BookingCalendarNowSection
|
305
|
+
from={from}
|
306
|
+
till={till}
|
307
|
+
dataRowsCount={lanes.length}
|
308
|
+
width={width}
|
309
|
+
alwaysShowSections={alwaysShowNowSections}
|
310
|
+
/>
|
311
|
+
)}
|
293
312
|
{showSelection && (
|
294
313
|
<BookingCalendarSelection
|
295
314
|
dataRowsCount={lanes.length + (showTimeAxis ? 1 : 0)}
|
package/src/lib/components/bookingCalendar/bookingCalendarNowSection/BookingCalendarNowSection.tsx
ADDED
@@ -0,0 +1,95 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import {
|
3
|
+
BookingCalendarNowSectionClasses,
|
4
|
+
bookingCalendarNowSectionDefaultClasses,
|
5
|
+
} from './classes';
|
6
|
+
import classNames from 'classnames';
|
7
|
+
import moment, { Moment } from 'moment';
|
8
|
+
|
9
|
+
export interface BookingCalendarNowSectionProps
|
10
|
+
extends BookingCalendarNowSectionClasses {
|
11
|
+
dataRowsCount: number;
|
12
|
+
width: number;
|
13
|
+
from: Moment;
|
14
|
+
till: Moment;
|
15
|
+
alwaysShowSections?: boolean;
|
16
|
+
}
|
17
|
+
|
18
|
+
export function BookingCalendarNowSection(
|
19
|
+
props: BookingCalendarNowSectionProps
|
20
|
+
) {
|
21
|
+
const {
|
22
|
+
className,
|
23
|
+
areaAfter,
|
24
|
+
areaBefore,
|
25
|
+
now,
|
26
|
+
dataRowsCount,
|
27
|
+
width,
|
28
|
+
from,
|
29
|
+
till,
|
30
|
+
alwaysShowSections,
|
31
|
+
} = props;
|
32
|
+
const style = React.useMemo(
|
33
|
+
() => ({
|
34
|
+
gridRowEnd: `span ${dataRowsCount}`,
|
35
|
+
...(width ? { width: `${width}px` } : {}),
|
36
|
+
}),
|
37
|
+
[dataRowsCount, width]
|
38
|
+
);
|
39
|
+
const widthMs = till.valueOf() - from.valueOf();
|
40
|
+
const startMs = from.valueOf();
|
41
|
+
const endMs = till.valueOf();
|
42
|
+
const onePxMs = Math.max(widthMs / (width || 1), 5000);
|
43
|
+
const [nowMs, setNowMs] = React.useState(moment().valueOf());
|
44
|
+
const renderBefore = nowMs > startMs;
|
45
|
+
const renderAfter = nowMs < endMs;
|
46
|
+
React.useEffect(() => {
|
47
|
+
if (renderBefore && renderAfter) {
|
48
|
+
const interval = setInterval(() => {
|
49
|
+
setNowMs(moment().valueOf());
|
50
|
+
}, onePxMs);
|
51
|
+
return () => clearInterval(interval);
|
52
|
+
}
|
53
|
+
}, [onePxMs, renderBefore, renderAfter]);
|
54
|
+
|
55
|
+
return (
|
56
|
+
<div
|
57
|
+
className={classNames(
|
58
|
+
className,
|
59
|
+
bookingCalendarNowSectionDefaultClasses.className
|
60
|
+
)}
|
61
|
+
style={style}
|
62
|
+
>
|
63
|
+
{renderBefore && (alwaysShowSections || renderAfter) && (
|
64
|
+
<div
|
65
|
+
className={classNames(
|
66
|
+
areaBefore,
|
67
|
+
bookingCalendarNowSectionDefaultClasses.areaBefore
|
68
|
+
)}
|
69
|
+
style={{
|
70
|
+
width: `${((nowMs - startMs) / widthMs) * 100}%`,
|
71
|
+
}}
|
72
|
+
/>
|
73
|
+
)}
|
74
|
+
{renderBefore && renderAfter && (
|
75
|
+
<div
|
76
|
+
className={classNames(
|
77
|
+
now,
|
78
|
+
bookingCalendarNowSectionDefaultClasses.now
|
79
|
+
)}
|
80
|
+
/>
|
81
|
+
)}
|
82
|
+
{renderAfter && (alwaysShowSections || renderBefore) && (
|
83
|
+
<div
|
84
|
+
className={classNames(
|
85
|
+
areaAfter,
|
86
|
+
bookingCalendarNowSectionDefaultClasses.areaAfter
|
87
|
+
)}
|
88
|
+
style={{
|
89
|
+
width: `${((endMs - nowMs) / widthMs) * 100}%`,
|
90
|
+
}}
|
91
|
+
/>
|
92
|
+
)}
|
93
|
+
</div>
|
94
|
+
);
|
95
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
export interface BookingCalendarNowSectionClasses {
|
2
|
+
className?: string;
|
3
|
+
areaBefore?: string;
|
4
|
+
areaAfter?: string;
|
5
|
+
now?: string;
|
6
|
+
}
|
7
|
+
|
8
|
+
export const bookingCalendarNowSectionDefaultClasses: BookingCalendarNowSectionClasses =
|
9
|
+
{
|
10
|
+
className: 'bookingCalendar__nowSection',
|
11
|
+
areaBefore: 'bookingCalendar__nowSection__before',
|
12
|
+
areaAfter: 'bookingCalendar__nowSection__after',
|
13
|
+
now: 'bookingCalendar__nowSection__now',
|
14
|
+
};
|