.new-reservation-form[data-skin~=default]{--accent-color: #222;--label-fg-color: #222;--input-bg-color: #fff;--input-fg-color: #222;--input-border-color: #222;--input-placeholder-color: #aaa;--column-gap: 12px;--row-gap: 12px}.new-reservation-form[data-skin~=default] input,.new-reservation-form[data-skin~=default] select{border:1px solid rgba(0,0,0,0);outline:0;background:none;color:var(--input-fg-color);border-radius:0;padding-left:0;padding-right:0;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none}.new-reservation-form[data-skin~=default] input:focus,.new-reservation-form[data-skin~=default] select:focus{outline:0;border-color:rgba(0,0,0,0)}.new-reservation-form[data-skin~=default] input::-moz-placeholder, .new-reservation-form[data-skin~=default] select::-moz-placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-skin~=default] input::placeholder,.new-reservation-form[data-skin~=default] select::placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-skin~=default] select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;transition:none}.new-reservation-form[data-skin~=default] select option{background-color:var(--input-bg-color);color:var(--input-fg-color)}.new-reservation-form[data-skin~=default] tl-counter{border:1px solid var(--input-border-color)}.new-reservation-form[data-skin~=default] .new-reservation-form__form{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-row-gap:var(--row-gap);row-gap:var(--row-gap);grid-column-gap:var(--column-gap);-moz-column-gap:var(--column-gap);column-gap:var(--column-gap)}.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form{grid-template-columns:repeat(2, 1fr);grid-auto-flow:row}.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-property,.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-dates,.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-submit{grid-column:1/3}.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-capacity{grid-column:1/2}.layout-vertical .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-code{grid-column:2/3}.layout-vertical--small .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-capacity,.layout-vertical--small .new-reservation-form[data-skin~=default] .new-reservation-form__form .group-code{grid-column:1/3}.layout-horizontal .new-reservation-form[data-skin~=default] .new-reservation-form__form{grid-template-columns:repeat(2, 1fr);grid-auto-flow:column}.new-reservation-form[data-skin~=default] .form__group{display:flex;flex-direction:column}.new-reservation-form[data-skin~=default] .form__group .group__label{margin-bottom:2px}.new-reservation-form[data-skin~=default] .form__group .group__input{display:flex;position:relative;background-color:var(--input-bg-color);color:var(--input-fg-color);border:1px solid var(--input-border-color);min-height:46px}.new-reservation-form[data-skin~=default] .form-label{color:var(--label-fg-color)}.new-reservation-form[data-skin~=default] .group-property__icon svg,.new-reservation-form[data-skin~=default] .group-dates__icon svg,.new-reservation-form[data-skin~=default] .group-capacity__icon svg,.new-reservation-form[data-skin~=default] .group-code__icon svg{fill:var(--accent-color)}.new-reservation-form[data-skin~=default] .group-property__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-skin~=default] .group-property__text{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-left:-8px;cursor:default}.new-reservation-form[data-skin~=default] .group-property__text select{padding-left:8px}.new-reservation-form[data-skin~=default] .group-dates{display:flex}.new-reservation-form[data-skin~=default] .group-dates__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-skin~=default] .group-dates__text{flex:1;height:44px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;padding-right:20px;cursor:default}.new-reservation-form[data-skin~=default] .group-dates__panel{position:absolute;top:100%;left:0;z-index:2;min-width:314px;transition:.5s cubic-bezier(0.19, 1, 0.22, 1);transition-property:visibility,opacity,transform;transform-origin:center top}.new-reservation-form[data-skin~=default] .group-dates__panel:not(.show){transform:scaleY(70%);visibility:hidden;opacity:0}.new-reservation-form[data-skin~=default] .group-capacity__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-skin~=default] .group-capacity__text{display:flex;align-items:center;justify-content:flex-start;width:100%;cursor:default;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;transition:none}.new-reservation-form[data-skin~=default] .group-capacity__panel{position:absolute;z-index:2;top:100%;left:0;width:240px;min-width:240px;background-color:#fff;padding:16px;box-shadow:0 .25rem .5rem rgba(0,0,0,.125);transition:.5s cubic-bezier(0.19, 1, 0.22, 1);transition-property:visibility,opacity,transform;transform-origin:center top;box-shadow:0 7px 14px 0 rgba(65,69,88,.1),0 3px 6px 0 rgba(0,0,0,.07)}.new-reservation-form[data-skin~=default] .group-capacity__panel:not(.show){transform:scaleY(70%);visibility:hidden;opacity:0}.new-reservation-form[data-skin~=default] .capacity-panel{display:flex;flex-direction:column;gap:.75rem}.new-reservation-form[data-skin~=default] .capacity-panel__row{display:flex}.new-reservation-form[data-skin~=default] .capacity-panel .capacity-label{width:64px;color:#222}.new-reservation-form[data-skin~=default] .capacity-panel .capacity-input{flex:1}.new-reservation-form[data-skin~=default] .capacity-panel .capacity-input tl-counter{--tl-counter-border-color: transparent;--tl-counter-button-disabled-bg-color: rgba(238,238,238,0);--tl-counter-button-disabled-opacity: 0.3;width:100%}.new-reservation-form[data-skin~=default] .capacity-panel .hint{display:block;font-size:.8em;opacity:.65;margin-top:3px}.new-reservation-form[data-skin~=default] .group-code__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-skin~=default] .group-code__text{display:flex;align-items:center;justify-content:flex-start;width:100%}.new-reservation-form[data-skin~=default] .group-submit{background:none;border:0}.new-reservation-form[data-skin~=default] .submit-button{position:relative;width:100%;height:46px;border-radius:0;background-color:#222;color:#fff;border:1px solid rgba(0,0,0,0)}.new-reservation-form[data-skin~=default] .submit-button:hover:not(:disabled),.new-reservation-form[data-skin~=default] .submit-button:focus:not(:disabled){background-color:#000;color:#fff;border-color:rgba(0,0,0,0)}.new-reservation-form[data-skin~=default] .submit-button:focus{outline:0}.new-reservation-form[data-skin~=default] .submit-button:disabled{opacity:.5;cursor:default}.new-reservation-form[data-skin~=default] .submit-button .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.new-reservation-form[data-skin~=default] .spinner{display:none;flex-wrap:nowrap;gap:2px}.new-reservation-form[data-skin~=default] .spinner-1,.new-reservation-form[data-skin~=default] .spinner-2,.new-reservation-form[data-skin~=default] .spinner-3{display:inline-block;width:.325em;height:.325em;background-color:currentColor}.new-reservation-form[data-skin~=default] .spinner-1{animation:spinnerPurse 1000ms infinite}.new-reservation-form[data-skin~=default] .spinner-2{animation:spinnerPurse 1000ms infinite 100ms}.new-reservation-form[data-skin~=default] .spinner-3{animation:spinnerPurse 1000ms infinite 200ms}@keyframes spinnerPurse{0%{transform:scale(0)}30%{transform:scale(1)}85%{transform:scale(1)}100%{transform:scale(0)}}.new-reservation-form[data-skin~=default] .loading .submit-button .text{opacity:0;visibility:hidden}.new-reservation-form[data-skin~=default] .loading .submit-button .spinner{display:flex}.new-reservation-form[data-skin~=modern]{--label-fg-color: #fff;--input-bg-color: #222;--input-fg-color: #fff;--input-placeholder-color: #888;--input-rounded: 0px;--gap-x: 12px;--gap-y: 12px}.new-reservation-form[data-skin~=modern] input,.new-reservation-form[data-skin~=modern] select{border-radius:0;padding:8px 12px;border-radius:var(--input-rounded);border:1px solid var(--input-bg-color);background-color:var(--input-bg-color);color:var(--input-fg-color)}.new-reservation-form[data-skin~=modern] input:focus,.new-reservation-form[data-skin~=modern] select:focus{outline:0}.new-reservation-form[data-skin~=modern] input::-moz-placeholder{color:var(--input-placeholder-color);font-style:italic}.new-reservation-form[data-skin~=modern] input::placeholder{color:var(--input-placeholder-color);font-style:italic}.new-reservation-form[data-skin~=modern] select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:1em 1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;transition-property:background-position;transition-duration:0s}.new-reservation-form[data-skin~=modern] .new-reservation-form__form{display:grid;grid-row-gap:var(--gap-y);row-gap:var(--gap-y);grid-column-gap:var(--gap-x);-moz-column-gap:var(--gap-x);column-gap:var(--gap-x);grid-template-rows:auto;grid-template-columns:1fr}.new-reservation-form[data-skin~=modern] .label{color:var(--label-fg-color)}.new-reservation-form[data-skin~=modern] .reservation-date{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:var(--gap-x);-moz-column-gap:var(--gap-x);column-gap:var(--gap-x);text-align:center}.new-reservation-form[data-skin~=modern] .reservation-date .label,.new-reservation-form[data-skin~=modern] .reservation-date .date,.new-reservation-form[data-skin~=modern] .reservation-date .month{display:block}.new-reservation-form[data-skin~=modern] .reservation-date .label{display:block;font-size:.8em;color:var(--input-fg-color)}.new-reservation-form[data-skin~=modern] .reservation-date .date{font-size:2.5em;line-height:1}.new-reservation-form[data-skin~=modern] .reservation-date__checkin,.new-reservation-form[data-skin~=modern] .reservation-date__checkout{background-color:var(--input-bg-color);color:var(--input-fg-color);padding:8px 12px;cursor:pointer;border-radius:var(--input-rounded)}.new-reservation-form[data-skin~=modern] .reservation-date-panel{position:fixed;top:-9999px;left:-9999px;opacity:1;visibility:visible;z-index:10;transform-origin:top;transition-property:opacity,visibility,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.new-reservation-form[data-skin~=modern] .reservation-date-panel:not(.show){opacity:0;visibility:hidden;transform:scaleY(0.8)}.new-reservation-form[data-skin~=modern] .capacity{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;-moz-column-gap:var(--gap-x);column-gap:var(--gap-x)}.new-reservation-form[data-skin~=modern] .capacity__column{flex:1 1 33.3333333333%;max-width:33.3333333333%}.new-reservation-form[data-skin~=modern] .capacity .label{display:block;margin-bottom:.5em}.new-reservation-form[data-skin~=modern] .capacity .hint{font-size:.8em;line-height:1.2;margin-top:4px;opacity:.7}.new-reservation-form[data-skin~=modern] .capacity .label,.new-reservation-form[data-skin~=modern] .capacity .hint{color:var(--label-fg-color)}.new-reservation-form[data-skin~=modern] .submit-button{width:100%;padding:8px 12px;text-align:center;text-transform:uppercase;background-color:var(--submit-button-color);color:var(--submit-button-fg-color);border:1px solid var(--submit-button-color)}.new-reservation-form[data-skin~=modern] .submit-button:hover,.new-reservation-form[data-skin~=modern] .submit-button:focus{background-color:var(--submit-button-hover-color);color:var(--submit-button-hover-fg-color);border-color:var(--submit-button-hover-color)}.new-reservation-form[data-skin=classic]{--accent-color: #222;--input-border-color: #ddd;--input-bg-color: #fff;--input-fg-color: #222;--input-placeholder-color: #888;--label-fg-color: #222;--column-gap: 12px;--row-gap: 12px}.new-reservation-form[data-skin=classic] label{width:100%;margin-bottom:4px;color:var(--label-fg-color)}.new-reservation-form[data-skin=classic] input::-moz-placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-skin=classic] input::placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-skin=classic] input,.new-reservation-form[data-skin=classic] select{background-color:var(--input-bg-color);color:var(--input-fg-color);border-color:var(--input-border-color)}.new-reservation-form[data-skin=classic] input:focus,.new-reservation-form[data-skin=classic] select:focus{outline:0}.new-reservation-form[data-skin=classic] input[data-checkin],.new-reservation-form[data-skin=classic] input[data-checkout]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" width="14" viewBox="0 0 448 512"><path d="M112 0c8.8 0 16 7.2 16 16V64H320V16c0-8.8 7.2-16 16-16s16 7.2 16 16V64h32c35.3 0 64 28.7 64 64v32 32V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192 160 128C0 92.7 28.7 64 64 64H96V16c0-8.8 7.2-16 16-16zM416 192H32V448c0 17.7 14.3 32 32 32H384c17.7 0 32-14.3 32-32V192zM384 96H64c-17.7 0-32 14.3-32 32v32H416V128c0-17.7-14.3-32-32-32z"/></svg>');background-size:1em 1em;background-repeat:no-repeat;background-position:right .5em center;padding-right:2em;transition:none}.new-reservation-form[data-skin=classic] select{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" width="16" viewBox="0 0 512 512"><path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z"/></svg>');background-size:1em 1em;background-repeat:no-repeat;background-position:right .5em center;padding-right:2em;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.new-reservation-form[data-skin=classic] .new-reservation-form__form{display:flex;flex-direction:column;gap:var(--row-gap)}.new-reservation-form[data-skin=classic] .row-dates{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:var(--column-gap);gap:var(--column-gap)}.new-reservation-form[data-skin=classic] .row-guests{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:var(--column-gap);gap:var(--column-gap)}.new-reservation-form[data-skin=classic] .row-guests .hint{font-size:.8em}.new-reservation-form[data-skin=classic] .row-submit-button{padding-top:calc(1em + 4px)}.new-reservation-form[data-skin=classic] .submit-button{position:relative;width:100%;background-color:#222;color:#fff;border:1px solid #222}.new-reservation-form[data-skin=classic] .submit-button:hover:not(:disabled),.new-reservation-form[data-skin=classic] .submit-button:focus:not(:disabled){background-color:#000;color:#fff;border-color:rgba(0,0,0,0)}.new-reservation-form[data-skin=classic] .submit-button:focus{outline:0}.new-reservation-form[data-skin=classic] .submit-button:disabled{opacity:.5;cursor:default}.new-reservation-form[data-skin=classic] .submit-button .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.new-reservation-form[data-skin=classic] .spinner{display:none;flex-wrap:nowrap;gap:2px}.new-reservation-form[data-skin=classic] .spinner-1,.new-reservation-form[data-skin=classic] .spinner-2,.new-reservation-form[data-skin=classic] .spinner-3{display:inline-block;width:.325em;height:.325em;background-color:currentColor}.new-reservation-form[data-skin=classic] .spinner-1{animation:spinnerPurse 1000ms infinite}.new-reservation-form[data-skin=classic] .spinner-2{animation:spinnerPurse 1000ms infinite 100ms}.new-reservation-form[data-skin=classic] .spinner-3{animation:spinnerPurse 1000ms infinite 200ms}@keyframes spinnerPurse{0%{transform:scale(0)}30%{transform:scale(1)}85%{transform:scale(1)}100%{transform:scale(0)}}.new-reservation-form[data-skin=classic] .loading .submit-button .text{opacity:0;visibility:hidden}.new-reservation-form[data-skin=classic] .loading .submit-button .spinner{display:flex}