[data-hotel-booking] .formelement__wrapper{position:relative}[data-hotel-booking] .formelement__wrapper .booking__el-error{z-index:-1;width:calc(100% - var(--f-el-border-r));color:#fff;text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:#bb1313;border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:3px 14px;font-size:12px;line-height:1.3;transition:opacity .2s,translate .2s,visibility 0s linear .2s;position:absolute;top:calc(100% - 1px);right:0;translate:0 -8px}[data-hotel-booking] .formelement__wrapper.invalid .booking__el-error{opacity:1;visibility:visible;transition:opacity .2s,translate .2s,visibility linear;translate:0}[data-hotel-booking] .formelement__wrapper:has(.floating-label){--f-el-c:#0e4194;--label-c:#0e4194;--label-c-valid:var(--label-c);--label-c-invalid:var(--label-c)}[data-hotel-booking] .formelement__wrapper:has(.floating-label) .formelement{transition-property:color,background-color,border,outline,font-weight,padding}[data-hotel-booking] .formelement__wrapper .floating-label{z-index:1;pointer-events:none;align-items:center;width:calc(100% - 38px);height:100%;transition-property:height,color;transition-duration:.2s;transition-timing-function:ease;display:flex;position:absolute}[data-hotel-booking] .formelement__wrapper:not(.has-value):has(.floating-label) .formelement{color:#0000}[data-hotel-booking] .formelement__wrapper.has-value{--label-c:#13284a}[data-hotel-booking] .formelement__wrapper.has-value .floating-label{height:60%}[data-hotel-booking] .formelement__wrapper.has-value:has(.floating-label) .formelement{padding-block-start:calc(var(--f-el-pt) + 8px);padding-block-end:calc(var(--f-el-pb) - 8px)}.hotel__booking{flex-direction:column;height:100%;display:flex}.hotel__booking .datepicker{display:block}.hotel__booking .datepicker .formelement.flatpickr{width:100%}.hotel__booking .datepicker .flatpickr-wrapper{z-index:999999;display:block;position:relative}.hotel__booking .actions{margin-top:auto}.bookingbox{z-index:1;justify-content:center;align-items:center;display:flex}.bookingbox .booking__wrapper{--f-el-border-r:32px;justify-content:center;align-items:center;display:flex}.bookingbox .booking__wrapper>.formelement__wrapper{--f-el-cp:var(--color-p);margin:0}.bookingbox .booking__wrapper>.formelement__wrapper>.formelement,.bookingbox .booking__wrapper>.formelement__wrapper .hotel-selection .formelement,.bookingbox .booking__wrapper>.formelement__wrapper>.flatpickr-wrapper>.formelement{cursor:pointer;background-color:#fff;height:63px}.bookingbox .formelement__wrapper.hotel-select{width:50%;display:none}@media (width>=768px){.bookingbox .formelement__wrapper.hotel-select{display:block}}@media (width>=1438px){.bookingbox .formelement__wrapper.hotel-select{width:33.333%}}.bookingbox .formelement__wrapper.hotel-select{height:63px}.bookingbox .formelement__wrapper.hotel-select .selection__input{border-top-right-radius:0;border-bottom-right-radius:0}.bookingbox .formelement__wrapper.hotel-select .hotel-selection{border-radius:32px 0 32px 32px;flex-flow:column;width:100%;height:63px;margin:0;padding:0;transition:all .3s .4s;display:flex}.bookingbox .formelement__wrapper.hotel-select .hotel-selection.open{border-bottom-right-radius:0;border-bottom-left-radius:0;transition:none}.bookingbox .formelement__wrapper.hotel-select .hotel-selection.open .selection__input{border-radius:40px}.bookingbox .formelement__wrapper.hotel-select .hotel-selection.open .formelement{cursor:text;background:#fff;width:calc(100% - 16px);height:50px;margin:8px 0 8px 8px}.bookingbox .formelement__wrapper.hotel-select .hotel-selection.open .selection__wrapper,.bookingbox .formelement__wrapper.hotel-select .hotel-selection.open .selection__wrapper *{transition:none}.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__inner{z-index:4;background-color:#bdd7f0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;order:2;width:200%;max-height:350px;margin-top:8px;margin-bottom:15px;transition:padding 1ms .4s,height .4s ease-in-out;position:absolute;top:0;left:0;transform:translateY(54px)}@media (width>=768px){.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__inner{width:100%}}.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__inner:not([hidden]){padding:8px;transition:height .4s ease-in-out}.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__inner .selection__top{display:flex}@media (width<=991.98px){.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__inner .selection__items{grid-template-columns:1fr}}.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__wrapper{order:3;transition:all .3s .4s}.bookingbox .formelement__wrapper.hotel-select .hotel-selection .selection__wrapper *{transition:all .3s .4s}.bookingbox .formelement__wrapper.datepicker{width:50%;display:none}@media (width>=768px){.bookingbox .formelement__wrapper.datepicker{display:block}}@media (width>=1438px){.bookingbox .formelement__wrapper.datepicker{width:33.333%}}.bookingbox .formelement__wrapper.datepicker .formelement{border-left:1px solid var(--color-p);border-top-left-radius:0;border-bottom-left-radius:0;width:100%;margin:0}@media (width>=1438px){.bookingbox .formelement__wrapper.datepicker .formelement{border-radius:0}}.bookingbox .formelement__wrapper.datepicker .formelement.active{background-color:#bdd7f0;border-bottom-right-radius:0}.bookingbox .formelement__wrapper.datepicker .formelement+.flatpickr-calendar{border-top-left-radius:0;border-top-right-radius:0;width:200%;left:-100%;top:0!important;transform:translateY(54px)!important}@media (width>=768px){.bookingbox .formelement__wrapper.datepicker .formelement+.flatpickr-calendar{width:100%;left:auto}}.bookingbox .formelement__wrapper.guest-select{width:33.333%;display:none}@media (width>=1438px){.bookingbox .formelement__wrapper.guest-select{display:block}}.bookingbox .formelement__wrapper.guest-select .formelement--persons{border-left:1px solid var(--color-p);border-top-left-radius:0;border-bottom-left-radius:0;align-items:center;display:flex}.bookingbox .formelement__wrapper.guest-select .formelement--persons .persons__inner{width:100%}.bookingbox .formelement__wrapper.guest-select .child-ages{z-index:4;background-color:#bdd7f0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;max-height:400px;margin-top:8px;position:absolute;top:0;left:0;transform:translateY(54px)}.bookingbox .formelement__wrapper.guest-select.child-ages-open .formelement--persons{background-color:#bdd7f0;border-bottom-right-radius:0}.bookingbox .actions{width:100%;display:block}@media (width>=768px){.bookingbox .actions{width:auto;margin-left:15px}}.bookingbox .actions .btn{--btn-border-width:4px;height:63px;padding-left:15px;padding-right:15px}@media (width>=992px){.bookingbox .actions .btn{padding-left:45px;padding-right:45px}}.bookingbox .actions .btn .btn__text:first-letter{text-transform:capitalize}@media (width>=768px){.bookingbox .actions .btn .btn__text--mobile{display:none}}@media (width<=767.98px){.bookingbox .actions .btn .btn__text:not(.btn__text--mobile){display:none}}@media (width>=768px){.bookingbox .booking__wrapper{width:100%}}.bookingbox .booking__wrapper>.formelement__wrapper{margin:0!important}@media (width>=768px) and (width<=1437.98px){.bookingbox .datepicker .booking__el-error{right:var(--f-el-border-r);width:calc(100% - 2 * var(--f-el-border-r))}}.bookingform__content{padding:4px 0}
