/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
[id^="appointment-wrapper"]{--wbooking-color-selected:#4d616f;--wbooking-color-selected-run:#cdd5da;--wbooking-color-light:#bde2ff;--wbooking-color-light-hover:#98b8d1;--wbooking-light-gray:lightgray;--wbooking-error:red;}[id^="selected-slot"].hide{display:none;}[id^="appointment-wrapper"]{display:flex;flex-wrap:wrap;justify-content:center;gap:3vw;margin:10px 0;& [id^="calendar-container"]{& [id^="month-select"]{display:block;margin:5px auto;}& .week-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;}& .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;& .calendar-day{display:flex;align-items:center;justify-content:center;width:30px;height:30px;text-align:center;color:var(--wbooking-light-gray);border-radius:50%;font-size:15px;&.available{cursor:pointer;color:black;background-color:var(--wbooking-color-light);&:hover{background-color:var(--wbooking-color-light-hover);}}&.no-slots{color:black;background-color:var(--wbooking-light-gray);}&.active{color:white;background-color:var(--wbooking-color-selected);}}}}& [id^="slots-container"]{display:flex;flex-direction:column;flex-wrap:wrap;max-height:300px;gap:5px;& .calendar-slot{padding:5px 10px;text-align:center;border:1px solid var(--wbooking-light-gray);&:hover{background-color:var(--wbooking-color-light);}&.available{cursor:pointer;}&.unavailable{background-color:var(--wbooking-light-gray);}&.selected-run{color:#1f2d36;border-color:var(--wbooking-color-selected);background-color:var(--wbooking-color-selected-run);}&.selected{color:white;background-color:var(--wbooking-color-selected);}}&.highlight{border:1px dashed var(--wbooking-error);}}& .webform-booking-options-wrapper{display:flex;flex-direction:column;align-self:flex-start;min-width:10rem;gap:1rem;& .webform-booking-label{display:block;margin-bottom:0.35rem;font-weight:600;}& select{min-width:8rem;}}}[id^="paypal-button-container"]{width:100%;max-width:300px;margin-top:20px;}.webform-booking-error{margin:1em 0;padding:15px;color:#a51b00;border:1px solid #e62600;border-radius:4px;background-color:#f9e6e6;}.webform-booking-loading{display:flex;align-items:center;justify-content:center;padding:20px;gap:10px;}.webform-booking-loading .spinner{width:20px;height:20px;animation:webform-booking-spin 0.8s linear infinite;border:3px solid var(--wbooking-color-light);border-top-color:var(--wbooking-color-selected);border-radius:50%;}@keyframes webform-booking-spin{to{transform:rotate(360deg);}}