.scheduler-container{display:flex;justify-content:center}.scheduler-header{padding-bottom:10px;border-bottom:1px solid #eee}.scheduler-section{padding:10px;border-radius:12px;display:grid;box-shadow:0 4px 20px 8px rgb(0 0 0 / .1);width:fit-content}#scheduler{min-width:100%;width:100px;max-width:100%}#scheduler .datepicker-inline{width:100%!important}#scheduler .datepicker-inline .datepicker-view{width:100%!important}#scheduler .days-of-week{border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:10px;text-transform:capitalize}#scheduler .day .focused{background-color:var(--primary-color)!important;color:#ffffff!important}.scheduler-time-container{display:flex;gap:10px;flex-wrap:wrap}.scheduler-time-container .time{padding:8px 12px;border-radius:8px;background-color:#f5f5f5;cursor:pointer;user-select:none}.scheduler-time-container .time.selected{background-color:var(--primary-color);color:#fff}.scheduler-time-section{margin-top:10px;padding:10px;width:450px;display:flex;overflow-x:auto;gap:6px;border-top:1px solid #eee}.scheduler-time{white-space:nowrap;background-color:#f8f8f8a6;border-radius:4px;border:1px solid #eee;padding:2px 12px}.selected-time{background-color:#3273dc!important;color:#ffffff!important;font-weight:600}.scheduler-form-section{margin-top:20px}.scheduler-form-section form{margin-top:20px;display:flex;flex-direction:column}