/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
[id^=appointment-wrapper]{--wbooking-color-selected:#4d616f;--wbooking-color-light:#bde2ff;--wbooking-color-light-hover:#98b8d1;--wbooking-light-gray:#d3d3d3;--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{font-size:15px;color:var(--wbooking-light-gray);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;&.available{color:black;background-color:var(--wbooking-color-light);cursor:pointer;&:hover{background-color:var(--wbooking-color-light-hover)}}&.no-slots{background-color:var(--wbooking-light-gray);color:#000}&.active{color:#fff;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;border:1px solid var(--wbooking-light-gray);text-align:center;;&:hover{background-color:var(--wbooking-color-light)}&.available{cursor:pointer}&.unavailable{background-color:var(--wbooking-light-gray)}&.selected{background-color:var(--wbooking-color-selected);color:#fff}}&.highlight{border:1px dashed var(--wbooking-error)}}}[id^=paypal-button-container]{margin-top:20px;max-width:300px;width:100%}.webform-booking-error{margin:1em 0;padding:15px;border:1px solid #e62600;border-radius:4px;color:#a51b00;background-color:#f9e6e6}