.new-reservation-form[data-theme~=default]{--accent-color: #222;--input-border-color: #222;--input-bg-color: #fff;--input-fg-color: #222;--input-placeholder-color: #aaa;--gap-x: 12px;--gap-y: 12px}.new-reservation-form[data-theme~=default] input,.new-reservation-form[data-theme~=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-theme~=default] input:focus,.new-reservation-form[data-theme~=default] select:focus{outline:0;border-color:rgba(0,0,0,0)}.new-reservation-form[data-theme~=default] input::-moz-placeholder, .new-reservation-form[data-theme~=default] select::-moz-placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-theme~=default] input::placeholder,.new-reservation-form[data-theme~=default] select::placeholder{font-style:italic;color:var(--input-placeholder-color)}.new-reservation-form[data-theme~=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-theme~=default] select option{background-color:var(--input-bg-color);color:var(--input-fg-color)}.new-reservation-form[data-theme~=default] tl-counter{border:1px solid var(--input-border-color)}.new-reservation-form[data-theme~=default] .form{display:grid;grid-template-columns:repeat(2, 1fr);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)}.new-reservation-form[data-theme~=default] .form .group-property{grid-column:1/3}.new-reservation-form[data-theme~=default] .form .group-dates{grid-column:1/3}.new-reservation-form[data-theme~=default] .form .group-capacity{grid-column:1/3}.new-reservation-form[data-theme~=default] .form .group-code{grid-column:1/3}.new-reservation-form[data-theme~=default] .form .group-submit{grid-column:1/3}.new-reservation-form[data-theme~=default] .form.medium .group-property{grid-column:1/3}.new-reservation-form[data-theme~=default] .form.medium .group-dates{grid-column:1/3}.new-reservation-form[data-theme~=default] .form.medium .group-capacity{grid-column:1/2}.new-reservation-form[data-theme~=default] .form.medium .group-code{grid-column:2/3}.new-reservation-form[data-theme~=default] .form.medium .group-submit{grid-column:1/3}.new-reservation-form[data-theme~=default] .form.wide{grid-template-columns:none;grid-auto-flow:column}.new-reservation-form[data-theme~=default] .form.wide .group-property{grid-column:auto}.new-reservation-form[data-theme~=default] .form.wide .group-dates{grid-column:auto}.new-reservation-form[data-theme~=default] .form.wide .group-capacity{grid-column:auto}.new-reservation-form[data-theme~=default] .form.wide .group-code{grid-column:auto}.new-reservation-form[data-theme~=default] .form.wide .group-submit{grid-column:auto}.new-reservation-form[data-theme~=default] .form__group{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-theme~=default] .group-property__icon svg,.new-reservation-form[data-theme~=default] .group-dates__icon svg,.new-reservation-form[data-theme~=default] .group-capacity__icon svg,.new-reservation-form[data-theme~=default] .group-code__icon svg{fill:var(--accent-color)}.new-reservation-form[data-theme~=default] .group-property__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-theme~=default] .group-property__text{width:100%;display:flex;align-items:center;justify-content:flex-start;cursor:default}.new-reservation-form[data-theme~=default] .group-dates{display:flex}.new-reservation-form[data-theme~=default] .group-dates__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-theme~=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-theme~=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-theme~=default] .group-dates__panel:not(.show){transform:scaleY(70%);visibility:hidden;opacity:0}.new-reservation-form[data-theme~=default] .group-capacity__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-theme~=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-theme~=default] .group-capacity__panel{position:absolute;z-index:2;top:100%;left:0;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-theme~=default] .group-capacity__panel:not(.show){transform:scaleY(70%);visibility:hidden;opacity:0}.new-reservation-form[data-theme~=default] .capacity-panel{display:flex;flex-direction:column;gap:.75rem}.new-reservation-form[data-theme~=default] .capacity-panel__row{display:flex}.new-reservation-form[data-theme~=default] .capacity-panel .capacity-label{width:64px;color:#222}.new-reservation-form[data-theme~=default] .capacity-panel .capacity-input{flex:1}.new-reservation-form[data-theme~=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%;border:1px solid #222}.new-reservation-form[data-theme~=default] .capacity-panel .hint{display:block;font-size:.8em;opacity:.65;margin-top:3px}.new-reservation-form[data-theme~=default] .group-code__icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px}.new-reservation-form[data-theme~=default] .group-code__text{display:flex;align-items:center;justify-content:flex-start;width:100%}.new-reservation-form[data-theme~=default] .group-submit{background:none;border:0}.new-reservation-form[data-theme~=default] .submit-button{width:100%;height:46px;border-radius:0}.new-reservation-form[data-theme~=default] .submit-button:focus{outline:0}.new-reservation-form[data-theme~=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-theme~=modern] input,.new-reservation-form[data-theme~=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-theme~=modern] input:focus,.new-reservation-form[data-theme~=modern] select:focus{outline:0}.new-reservation-form[data-theme~=modern] input::-moz-placeholder{color:var(--input-placeholder-color);font-style:italic}.new-reservation-form[data-theme~=modern] input::placeholder{color:var(--input-placeholder-color);font-style:italic}.new-reservation-form[data-theme~=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-theme~=modern] .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-theme~=modern] .label{color:var(--label-fg-color)}.new-reservation-form[data-theme~=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-theme~=modern] .reservation-date .label,.new-reservation-form[data-theme~=modern] .reservation-date .date,.new-reservation-form[data-theme~=modern] .reservation-date .month{display:block}.new-reservation-form[data-theme~=modern] .reservation-date .label{display:block;font-size:.8em;color:var(--input-fg-color)}.new-reservation-form[data-theme~=modern] .reservation-date .date{font-size:2.5em;line-height:1}.new-reservation-form[data-theme~=modern] .reservation-date__checkin,.new-reservation-form[data-theme~=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-theme~=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-theme~=modern] .reservation-date-panel:not(.show){opacity:0;visibility:hidden;transform:scaleY(0.8)}.new-reservation-form[data-theme~=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-theme~=modern] .capacity__column{flex:1 1 33.3333333333%;max-width:33.3333333333%}.new-reservation-form[data-theme~=modern] .capacity .label{display:block;margin-bottom:.5em}.new-reservation-form[data-theme~=modern] .capacity .hint{font-size:.8em;line-height:1.2;margin-top:4px;opacity:.7}.new-reservation-form[data-theme~=modern] .capacity .label,.new-reservation-form[data-theme~=modern] .capacity .hint{color:var(--label-fg-color)}.new-reservation-form[data-theme~=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-theme~=modern] .submit-button:hover,.new-reservation-form[data-theme~=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)}