.button-primary{background-color:var(--color-blue-200,oklch(.882 .059 254.128));color:#fff}.button-outlined,.button-primary{cursor:pointer;padding-inline:calc(.25rem * 2);padding-block:calc(.25rem * 1);font-weight:600;text-transform:uppercase}.button-outlined{border-color:var(--color-blue-200,oklch(.882 .059 254.128));color:var(--color-blue-200,oklch(.882 .059 254.128))}.button-danger{cursor:pointer;background-color:var(--color-orange-400,oklch(.75 .183 55.934));padding-inline:calc(.25rem * 2);padding-block:calc(.25rem * 1);font-weight:600;color:#fff;text-transform:uppercase}.month-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(.25rem * 2)}.week-view{display:flex;gap:calc(.25rem * 2)}.week-view.vertical{flex-direction:column;justify-content:space-around}.calendar-day{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;cursor:pointer;background-color:color-mix(in oklab,oklch(.962 .044 156.743) 15%,transparent)}.calendar-day.excluded{cursor:not-allowed;background-color:color-mix(in oklab,oklch(.885 .062 18.334) 75%,transparent)}.calendar-day.past-excluded{cursor:not-allowed}.calendar-day.booked{background-color:color-mix(in oklab,oklch(.882 .059 254.128) 15%,transparent)}.hour-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;cursor:pointer;background-color:color-mix(in oklab,oklch(.962 .044 156.743) 15%,transparent)}.hour-slot.excluded{cursor:not-allowed;background-color:color-mix(in oklab,oklch(.885 .062 18.334) 75%,transparent)}.hour-slot.past-excluded{cursor:not-allowed}.hour-slot.booked{background-color:color-mix(in oklab,oklch(.882 .059 254.128) 15%,transparent)}.day-component{position:relative;display:flex;height:calc(.25rem * 20);width:calc(.25rem * 20);align-items:center;justify-content:center;border:1px solid oklch(.928 .006 264.531);padding:calc(.25rem * 4)}.day-component.week{height:calc(.25rem * 10);width:calc(.25rem * 20);padding-inline:calc(.25rem * 4)}.day-component.week.vertical{height:calc(.25rem * 20);width:calc(.25rem * 10)}.slots-container{display:flex;gap:calc(.25rem * 3);overflow-y:hidden}.slots-container .container{display:flex;gap:calc(.25rem * 2);overflow-y:auto}.slots-container .container.vertical{height:70vh;flex-direction:column;justify-content:space-between}.slots-container .container .slots{display:flex;flex-direction:column;gap:calc(.25rem * 1)}.slots-container .container .slots.vertical{flex-direction:row}.calendar-header{display:flex;justify-content:space-around}.calendar-header.vertical{flex-direction:column}.calendar-container-body{display:flex;flex-direction:column;gap:calc(.25rem * 3)}.calendar-container-body.vertical.week{flex-direction:row}.calendar-controls{display:flex;justify-content:center;gap:calc(.25rem * 3)}@media (max-width:640px){.calendar-controls,.calendar-controls-mobile{flex-direction:column;gap:calc(.25rem * 2)}.calendar-controls-mobile{display:flex}.calendar-controls-date{text-align:center;font-size:1.125rem;line-height:calc(1.75 / 1.125);font-weight:600}.calendar-controls-modes,.calendar-controls-navigation{display:flex;justify-content:center;gap:calc(.25rem * 2)}.week-view-mobile{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.week-view-mobile::-webkit-scrollbar{display:none}.header-scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.header-scroll-hidden::-webkit-scrollbar{display:none}.week-day-mobile{position:relative;margin-inline:1.67%;min-width:30%;flex-shrink:0}.week-day-mobile .calendar-day{position:relative;height:100%;width:100%}.month-view-mobile{max-height:70vh;flex-wrap:wrap;gap:calc(.25rem * 3);overflow-y:auto}.month-day-mobile,.month-view-mobile{display:flex;justify-content:space-between}.month-day-mobile{align-items:center;border-radius:.5rem;border:1px solid oklch(.928 .006 264.531);padding:calc(.25rem * 4);width:calc(50% - 6px)}.month-day-info{display:flex;flex-direction:column}.month-day-name{font-size:.875rem;line-height:calc(1.25 / .875);font-weight:500;color:oklch(.446 .03 256.802)}.month-day-number{font-size:1.125rem;line-height:calc(1.75 / 1.125);font-weight:700}.slots-container-mobile{max-height:60vh;overflow-y:auto}.appointment-modal-mobile{width:100%;max-width:100%}.appointment-form-mobile{display:flex;flex-direction:column;gap:calc(.25rem * 4)}}.bg-gray-900\/75.absolute{position:fixed!important;inset:0!important}