.booking-panel_scrim{z-index:40;background:#0a1f1773;position:fixed;inset:0}@media only screen and (min-width:768px){.booking-panel_scrim{display:none}}.booking-panel{bottom:0;z-index:41;gap:var(--space-4);background:var(--color-white);border-radius:var(--radius-container) var(--radius-container) 0 0;max-height:85dvh;padding:var(--space-4) var(--space-5) var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;position:fixed;inset-inline:0;overflow-y:auto;box-shadow:0 -18px 40px #0a1f1729}@media only screen and (min-width:768px){.booking-panel{inset:auto auto auto var(--booking-panel-left,0px);top:calc(100% + var(--space-3));z-index:5;border:1px solid var(--border-light);border-radius:var(--radius-container);width:26.25rem;max-width:100%;max-height:none;padding:var(--space-6);position:absolute;bottom:auto;overflow:visible;box-shadow:0 18px 40px #0a1f1729}}.booking-panel .booking-panel_grip{border-radius:var(--radius-pill);background:var(--border-light);align-self:center;width:2.5rem;height:4px}@media only screen and (min-width:768px){.booking-panel .booking-panel_grip{display:none}}.booking-panel .booking-panel_head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.booking-panel .booking-panel_head .booking-panel_head_texts{flex-direction:column;gap:2px;display:flex}.booking-panel .booking-panel_head .booking-panel_head_texts .booking-panel_head_texts_title{font-size:var(--text-d3)}.booking-panel .booking-panel_head .booking-panel_head_texts .booking-panel_head_texts_sub{color:var(--text-muted);font-size:var(--text-sm)}.booking-panel .booking-panel_head .booking-panel_head_close{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-pill);background:var(--fill-subtle);color:var(--color-forest);cursor:pointer;transition:background var(--hover-transition);border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.booking-panel .booking-panel_head .booking-panel_head_close:hover{background:var(--fill-step)}}.booking-panel .booking-panel_head .booking-panel_head_close .booking-panel_head_close_text{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.booking-panel .booking-panel_form{gap:var(--space-4);flex-direction:column;display:flex}.booking-panel .booking-panel_courts{gap:var(--space-2);border:0;flex-direction:column;display:flex}.booking-panel .booking-panel_courts .booking-panel_courts_label{font-size:var(--text-sm);font-weight:700}.booking-panel .booking-panel_courts .booking-panel_courts_list{gap:var(--space-2);flex-wrap:wrap;display:flex}.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--border-field);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-forest);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--hover-transition),border-color var(--hover-transition);align-items:center;gap:6px;font-weight:700;display:inline-flex}@media (hover:hover){.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip:hover{background:var(--fill-hover);border-color:#0a1f173d}}.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip .booking-panel_courts_list_chip_traits{opacity:.75;font-weight:400}.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip.booking-panel_courts_list_chip--on{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-cream)}@media (hover:hover){.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip.booking-panel_courts_list_chip--on:hover{border-color:var(--forest-hover)}}@media (hover:hover) and (hover:hover){.booking-panel .booking-panel_courts .booking-panel_courts_list .booking-panel_courts_list_chip.booking-panel_courts_list_chip--on:hover{background:var(--forest-hover)}}.booking-panel .booking-panel_durations{gap:var(--space-2);border:0;flex-direction:column;display:flex}.booking-panel .booking-panel_durations .booking-panel_durations_label{font-size:var(--text-sm);font-weight:700}.booking-panel .booking-panel_durations .booking-panel_durations_list{gap:var(--space-2);flex-direction:column;display:flex}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-5);border:1px solid var(--border-field);border-radius:var(--radius-field);background:var(--color-white);color:var(--color-forest);font-family:var(--font-body);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--hover-transition),border-color var(--hover-transition);display:flex}@media (hover:hover){.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row:hover:not(:disabled){background:var(--fill-hover);border-color:#0a1f173d}}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row .booking-panel_durations_list_row_what{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row .booking-panel_durations_list_row_price{font-family:var(--font-display);color:var(--color-green-text);font-size:26px;font-weight:800;line-height:1}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row.booking-panel_durations_list_row--on{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-cream)}@media (hover:hover){.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row.booking-panel_durations_list_row--on:hover:not(:disabled){border-color:var(--forest-hover)}}@media (hover:hover) and (hover:hover){.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row.booking-panel_durations_list_row--on:hover:not(:disabled){background:var(--forest-hover)}}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row.booking-panel_durations_list_row--on .booking-panel_durations_list_row_price{color:var(--color-cream)}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row.booking-panel_durations_list_row--on .booking-panel_durations_list_row_what{font-weight:700}.booking-panel .booking-panel_durations .booking-panel_durations_list .booking-panel_durations_list_row:disabled{background:var(--fill-subtle);color:#0a1f1759;cursor:not-allowed;border-color:#0000}.booking-panel .booking-panel_who{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media only screen and (min-width:768px){.booking-panel .booking-panel_who{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.booking-panel .booking-panel_field{gap:var(--space-2);flex-direction:column;display:flex}.booking-panel .booking-panel_field .booking-panel_field_label{font-size:var(--text-sm);font-weight:700}.booking-panel .booking-panel_field .booking-panel_field_phone{width:100%;min-height:var(--field-height);border:1px solid var(--border-field);border-radius:var(--radius-field);background:var(--color-white);align-items:center;display:flex}.booking-panel .booking-panel_field .booking-panel_field_phone:focus-within{border-color:var(--color-green);box-shadow:inset 0 0 0 1px var(--color-green);outline:none}.booking-panel .booking-panel_field .booking-panel_field_phone .booking-panel_field_phone_country{padding:0 calc(var(--space-2) - 2px) 0 var(--space-3);color:var(--text-muted);font-size:var(--text-field);white-space:nowrap;flex:none}.booking-panel .booking-panel_field .booking-panel_field_phone .booking-panel_field_input{min-width:0;min-height:0;padding-left:2px;padding-right:var(--space-3);background:0 0;border:0;outline:none;flex:auto;align-self:stretch}.booking-panel .booking-panel_field .booking-panel_field_phone .booking-panel_field_input:focus{box-shadow:none}.booking-panel .booking-panel_field .booking-panel_field_input{width:100%;min-height:var(--field-height);padding:0 var(--space-4);border:1px solid var(--border-field);border-radius:var(--radius-field);background:var(--color-white);color:var(--color-forest);font-family:var(--font-body);font-size:var(--text-field)}.booking-panel .booking-panel_field .booking-panel_field_input::placeholder{color:var(--text-placeholder)}.booking-panel .booking-panel_field .booking-panel_field_input:focus{border-color:var(--color-green);box-shadow:inset 0 0 0 1px var(--color-green);outline:none}.booking-panel .booking-panel_field .booking-panel_field_error{color:var(--color-red);font-size:var(--text-sm)}.booking-panel .booking-panel_taken{gap:var(--space-2);background:var(--color-white);border-left:4px solid var(--color-red);border-radius:var(--radius-card);padding:var(--space-5);flex-direction:column;display:flex}.booking-panel .booking-panel_taken .booking-panel_taken_title{font-family:var(--font-display);text-transform:uppercase;font-size:1.875rem;font-weight:800;line-height:1}.booking-panel .booking-panel_taken .booking-panel_taken_summary{padding:var(--space-3);border-radius:var(--radius-cell);background:var(--color-cream);flex-direction:column;gap:2px;display:flex}.booking-panel .booking-panel_taken .booking-panel_taken_summary .booking-panel_taken_summary_line{font-size:var(--text-sm)}.booking-panel .booking-panel_taken .booking-panel_taken_summary .booking-panel_taken_summary_line:first-child{font-weight:700}.booking-panel .booking-panel_taken .booking-panel_taken_summary .booking-panel_taken_summary_line:last-child{color:var(--text-muted)}.booking-panel .booking-panel_taken .booking-panel_taken_retry{height:var(--control-height);border:1px solid var(--border-field);border-radius:var(--radius-pill);background:var(--color-white);font:inherit;font-size:var(--text-sm);color:var(--color-forest);cursor:pointer;transition:background var(--hover-transition),border-color var(--hover-transition);font-weight:700}@media (hover:hover){.booking-panel .booking-panel_taken .booking-panel_taken_retry:hover{background:var(--fill-hover);border-color:#0a1f173d}}.booking-panel .booking-panel_taken .booking-panel_taken_text{color:var(--text-muted);font-size:var(--text-base);line-height:1.5}.booking-panel .booking-panel_taken .booking-panel_taken_label{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);padding-top:var(--space-2);font-weight:700}.booking-panel .booking-panel_taken .booking-panel_taken_list{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.booking-panel .booking-panel_taken .booking-panel_taken_list .booking-panel_taken_list_slot{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-1);border:1px solid var(--border-light);border-radius:var(--radius-cell);background:var(--color-white);color:var(--color-forest);font-family:var(--font-body);cursor:pointer;transition:background var(--hover-transition),border-color var(--hover-transition);flex-direction:column;align-items:center;gap:2px;display:flex}@media (hover:hover){.booking-panel .booking-panel_taken .booking-panel_taken_list .booking-panel_taken_list_slot:hover{background:var(--fill-selected);border-color:var(--color-green)}}.booking-panel .booking-panel_taken .booking-panel_taken_list .booking-panel_taken_list_slot .booking-panel_taken_list_slot_hour{font-size:var(--text-sm);font-weight:700}.booking-panel .booking-panel_taken .booking-panel_taken_list .booking-panel_taken_list_slot .booking-panel_taken_list_slot_price{font-size:var(--text-label);color:var(--text-muted)}.booking-panel .booking-panel_error{background:var(--fill-red);border-radius:var(--radius-field);padding:var(--space-3) var(--space-4);color:var(--color-red);font-size:var(--text-sm)}.booking-panel .booking-panel_submit{min-height:var(--control-height);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--color-green);transition:background var(--hover-transition),box-shadow var(--hover-transition);border:0;justify-content:center;align-items:center;display:flex}@media (hover:hover){.booking-panel .booking-panel_submit:hover:not(:disabled){background:var(--color-green-hover);box-shadow:var(--shadow-green-lift)}}.booking-panel .booking-panel_submit{color:var(--color-forest);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;transition:opacity var(--transition);font-size:1.375rem;font-weight:800}.booking-panel .booking-panel_submit:disabled{opacity:.45;cursor:not-allowed}.booking-panel .booking-panel_note{color:var(--text-muted);font-size:var(--text-xs);text-align:center}.booking-panel .booking-panel_terms{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-field);background:var(--fill-subtle);color:var(--color-forest);flex-direction:column;display:flex}.booking-panel .booking-panel_terms .booking-panel_terms_title{font-size:var(--text-xs);font-weight:700}.booking-panel .booking-panel_terms .booking-panel_terms_line{font-size:var(--text-sm);line-height:1.45}