@font-face{font-family:Milonga;font-style:normal;font-weight:400;src:url(https://bunnyklawz.com/fonts/Milonga-Regular.woff) format("woff")}html{background-color:#000;color:#fff;min-height:100vh;padding:0}body,html{font-family:Milonga;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{cursor:pointer;font-family:Milonga}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{justify-content:center}#root,.App{display:flex}.App{color:#fff;flex-direction:column;position:relative;width:100vw}button,input,select,textarea{outline:none}.WeekRangeSelectorOptions{text-align:center}.Greeting{justify-content:space-between;margin:2.5vh 2.5vw 0;width:95vw}.Greeting,.Greeting div{align-items:center;display:flex}.Greeting .logo{width:90px}.Greeting h2{margin-bottom:-28px;margin-inline:15px}.Greeting button,.Greeting h2{font-size:24px;font-weight:400}.Greeting button{background-color:#000;border:4px solid #0000;border-radius:10px;color:#fff;height:fit-content;padding:10px;padding-inline:20px}.Greeting button:hover{background-color:#f1d2eb;border:4px solid #f1d2eb;border-radius:30px;color:#000}.Navigation{border-bottom:4px solid #f1d2eb;display:flex;justify-content:center}.Navigation button{background-color:#000;border:4px solid #0000;border-bottom:0 solid #f1d2eb;border-radius:10px 10px 0 0;color:#fff;font-size:20px;margin-inline:9px;padding:5px}.Navigation button:hover{border-bottom:0 solid #f1d2eb;color:#f1d2eb}.Navigation button.active{background-color:#f1d2eb;border-color:#f1d2eb;color:#000}.PageContent{border:0 solid #f1d2eb;border-radius:0;flex:1 1;margin-bottom:0;min-height:calc(100vh - 200px);overflow-y:auto;width:100%}.ScheduleBackground{background-color:#f1d2eb;display:flex;height:100%;min-width:1370px;width:100vw}.Schedule{align-items:center;border-right:4px solid #f1d2eb;display:flex;flex-direction:column;justify-content:center;min-width:1370px;width:calc(100% - 4px)}.Schedule .WeekSelector{justify-content:left;margin-bottom:0;position:relative}.WeekSelector{display:flex;justify-content:center;margin-block:20px;width:100%}.WeekSelector select{background-color:#f1d2eb;border:none;border-bottom-left-radius:10px;border-top-left-radius:10px;color:#000;font-size:18px;margin-block:10px;outline:none;padding:10px;text-align:center;width:fit-content}.customerLabels{justify-content:right!important;width:80%!important}.customerInputs{flex:initial!important;outline:none;width:450px!important}.customerInputs:active,.customerInputs:focus{background-color:#f1d2eb}input:-webkit-autofill{-webkit-text-fill-color:#000!important;background-color:#f1d2eb!important;box-shadow:none!important}.WeekSelector button{background-color:#fff;border:1px solid #0000;border-radius:20px;color:#000;font-size:15px;margin-inline:10px;padding:10px}.Table{width:100%}.Days{display:flex;flex:1 1;gap:3px}.ScrollContainer{height:calc(100vh - 320px);overflow-x:hidden;overflow-y:auto;position:relative}.DayCell{align-items:center;border:none;display:flex;flex:1 1;flex-direction:column}.DayCell h4{color:#000;font-size:18px;font-weight:400;margin:0;text-align:center}.HeaderWeekDate{background-color:#fff;border-radius:15.5px;font-size:13px!important;margin-bottom:24px!important;margin-top:10px!important;padding:5px;width:fit-content}.HeaderWeekDate.today{background-color:#e983cd;color:#fff}.DayContent{background-color:#000;color:#fff;flex:1 1;padding:0;width:100%}.ScheduleEntry{background:#e983cd;border-left:8px solid #c43dad;border-radius:0;box-shadow:0 -4px 6px -4px #00000073,0 4px 6px -4px #00000073;color:#000;cursor:pointer;font-size:10px;margin-bottom:5px;padding:5px;width:calc(4.7619% - 18.85714px)}.ScheduleEntry:hover{border-left-width:10px;z-index:1}.ScheduleEntryName{font-size:12px}.ScheduleEntryEndTime,.ScheduleEntryStartTime{font-size:10px}.Functions{display:flex;justify-content:space-between;margin-top:20px;width:100%}.Functions input,.Functions select{font-size:16px;padding:10px}.Functions button{background-color:#fff;border:1px solid #0000;border-radius:22px;color:#000;font-size:15px;height:44px;margin-inline:10px;width:44px}.Functions select:first-child{border-bottom-left-radius:26px;border-top-left-radius:26px}.Functions select:last-child{border-bottom-right-radius:26px;border-top-right-radius:26px}.FunctionsRight{margin-right:40px;margin-top:30px}.Search{border:none;border-radius:26px;width:400px}.FunctionsLeft .Search{outline:none;width:100%!important}.RequestList{margin:0;padding:0}.Request{background-color:#f1d2eb;border-radius:40px;color:#000;list-style-type:none;margin:20px;max-height:50px;overflow-y:hidden;padding:20px;transition:max-height 1s ease}.Request.activeRequest{max-height:1000px;transition:max-height 1s ease}.SurfaceDetails{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.SurfaceDetailsText{width:100%}.RequestDetails{display:flex;flex-wrap:wrap;gap:20px max(100px,10%);justify-content:left}.DetailsBox div{justify-content:left!important}.DetailsBox .DetailsBoxColumn1,.DetailsBox .DetailsBoxColumn2{display:flex;flex-direction:column;gap:20px;justify-content:start!important}.DetailsBox .DetailsBoxColumn1 div,.DetailsBox .DetailsBoxColumn2 div{text-wrap:wrap}.DetailsBox p.DetailValue{overflow-wrap:break-word;white-space:normal;word-break:break-word}.ModalBox{align-items:center;background-color:#000!important;border:9px solid #f1d2eb;border-radius:50px!important;color:#f1d2eb;display:flex;flex-direction:column;gap:30px;justify-content:center;max-width:600px!important;padding:100px!important}.ModalBox h2{font-size:24px;margin:0}.ModalBox p{color:#fff;font-size:20px;margin:0}.ModalBox p:last-of-type{text-align:left;width:100%}.ModalBox button{background-color:#fff;border:none;border-radius:24px;font-size:20px;padding:10px;padding-inline:25px}.ModalBox button:last-of-type,.ModalBox textarea{background-color:#f1d2eb}.ModalBox textarea{border:none;font-family:Milonga;font-size:16px;height:80px;width:100%}.ModalBox .modal-actions{display:flex;justify-content:space-between;width:100%}.Actions{align-items:center;display:flex;justify-content:center}.Actions button{background-color:#fff;border:1px solid #0000;border-radius:20px;color:#000;font-size:15px;margin-inline:10px;max-height:300px;min-width:100px;opacity:1;overflow:hidden;padding:10px;transform:scaleY(1);width:max-content}.WorkingHours{display:flex;justify-content:center;width:100%}.WorkingHoursContent{display:flex;flex-direction:column;width:100%}.FormContainer{align-items:center;display:flex;flex-direction:column}.Form,.FormContainer{justify-content:center}.Form{width:50%}.DateInput{align-items:center;display:flex;justify-content:center}.DateInput input{flex:1 1}.calendar-picker{align-items:center;background-color:#f1d2eb;border-bottom-right-radius:10px;border-top-right-radius:10px;display:flex;gap:10px;height:44.5px;margin-block:10px;padding-inline:5px}.calendar-icon{cursor:pointer;height:32px;width:32px}.hidden-date-input{margin-left:-130px;opacity:0;pointer-events:none}.selected-date{color:#333;font-size:16px}.DayHeader{font-size:16px;font-weight:400}.day-container{border-bottom:1px solid #f1d2eb;margin-block:20px}.confirm.customerCompletedGoBack{background-color:#fff!important}.day-header-container{display:flex;justify-content:space-between;margin-inline:20px;width:calc(100% - 40px)}.day-header-container button{align-items:center;background-color:#f1d2eb;border:none;border-radius:28px;color:#000;display:flex;font-size:16px;gap:10px;height:34px;justify-content:center;width:103px}.day-header{color:#f1d2eb;font-size:20px;font-weight:400;margin-top:1rem;width:fit-content}.working-hours-header{align-items:center;border-bottom:1px solid #f1d2eb;display:flex;font-weight:700;justify-content:center;padding:.25rem 0}.working-hours-col{color:#fff;font-size:20px;font-weight:400;margin-inline:5px;text-align:center;width:125px}.working-hours-actions-header{flex-shrink:0;width:170px}.working-hours-list{list-style:none;margin:.5rem 0;padding:0}.working-hours-row{align-items:center;display:flex;height:35px;justify-content:center;position:relative;top:-59px}.working-hours-actions{display:flex;flex-shrink:0;gap:.5rem;justify-content:center;min-width:170px}.DayHeaderActions{align-items:center;display:flex;gap:10px;justify-content:right;width:300px;z-index:10}.DoneIcon,.EditIcon{width:20px}.InsertIcon{height:30px;width:30px}.EditButtonPlaceHolder{opacity:0}.working-hours-col button.delete-button{margin:-5px 0 0 -70px}.working-hours-col button.cancel-button,.working-hours-col button.delete-button{background-color:initial;border:none;color:#fff;font-family:monospace;font-size:24px;font-weight:400;height:18px;left:0;padding:0;position:absolute;top:0}.working-hours-col button.cancel-button{margin:0 0 0 -70px}.add-button{background-color:#fff0;border:none;height:30px;width:30px}.working-hours-actions button{background-color:#fff;border:1px solid #0000;border-radius:20px;color:#000;font-size:15px;margin-inline:10px;padding:10px}.Form select{font-size:16px;padding:10px}.working-hours-col select{color:#000;font-size:16px;text-align:center;width:100%!important}.working-hours-col input{color:#fff;width:100%!important}.Form{align-items:center;color:#000;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.Form button,.Form input{background-color:#fff;border:1px solid #000;border-radius:26px;font-size:16px;min-width:100px;padding:10px}.Form .DateInput input,.Form .DateInput label{margin-right:10px}.working-hours-col button,.working-hours-col input{background-color:#f1d2eb;border:none;color:#000;font-size:16px;text-align:center;width:60px}.NailTechInput{display:flex;justify-content:center}.NailTechInput input{flex:1 1}.end-input,.nailtech-input,.start-input{background-color:#f1d2eb;border:2px solid #f1d2eb;border-radius:0;height:30px}.WeekSelectorWithButton{align-items:center;display:flex;gap:10px;margin-bottom:20px}.modal-overlay{background-color:#00000080;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 0 20px #0000004d;height:400px;max-width:500px;padding:30px!important;padding-block:0!important;position:relative;width:90%}.modal-close{background:#0000!important;border:none;cursor:pointer;font-size:20px;height:30px;position:absolute;right:69px;top:20px;width:30px}.NailTechInput{margin-top:10px}.Settings{display:flex;justify-content:space-around;padding-top:50px}.Settings div{padding-inline:10px}.MaxBookingWeeksInput.HoursEditingBox,.MinBookingHoursInput.HoursEditingBox{background-color:#f1d2eb;border:none;filter:invert(0);padding:1px}.MinBookingHoursInput{width:36px}.MaxBookingWeeksInput,.MinBookingHoursInput{background-color:#fff;border:none;border-bottom:1px solid #000;color:#000;filter:invert(1);font-size:16px;padding:0;text-align:center}.MaxBookingWeeksInput{width:32px}.RepeatingHoursInputs{margin-left:3vw}.ClientLimits{display:flex;flex-direction:column;height:144px;justify-content:space-between}.RepeatingHours{margin-block:50px}.RepeatingHours input{background-color:#000;border:none;color:#fff;font-size:16px;padding:10px}.RepeatingHours input[type=date]::-webkit-calendar-picker-indicator,.RepeatingHours input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1)}.RepeatingHours select{background-color:#f1d2eb;border:none;color:#000;font-size:16px;padding:10px}.custom-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;padding-inline:10px;-webkit-user-select:none;user-select:none}.custom-checkbox input{display:none}.custom-checkbox .checkmark.HoursEditingBox{background-color:#f1d2eb;border:2px solid #f1d2eb}.custom-checkbox .checkmark{background-color:#000;border:2px solid #f1d2eb;border-radius:5px;height:20px;position:relative;transition:background-color .2s;width:20px}.custom-checkbox input:checked+.checkmark{background-color:#e983cd}.custom-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.custom-checkbox input:checked+.checkmark:after{display:block}.PricingSettings table{margin-block:35px}.PricingSettings td{background-color:#f1d2eb;color:#000;padding-block:5px;padding-inline:10px;text-align:center}.PricingSettings input{background-color:#f1d2eb;border:none;font-size:16px;text-align:center}.SavePricingSettings{display:flex;justify-content:right}.filter-container{align-items:center;background-color:#f1d2eb;border:1px solid #000;border-radius:50%;bottom:60px;box-shadow:0 5px 10px #000c;color:#000;display:flex;height:50px;justify-content:center;position:absolute;right:40px;width:50px;z-index:3}.Appointments .filter-button{border:none}.filter-button{background-color:initial!important;border:1px #ccc;border-radius:4px;cursor:pointer;padding:19px!important}.Appointments .filter-icon{filter:none}.filter-icon{filter:invert(1);transform:rotate(90deg);width:20px}.schedule-object.filter-menu{left:-57px;width:81px!important}.filter-menu{background-color:#fff;border:1px solid #ccc;border-radius:6px;height:155px;left:-65px;padding:12px;position:absolute;top:-150px;width:165px!important;z-index:1000}.filter-section{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:16px}.section-title{font-size:14px;font-weight:700;margin-bottom:6px;text-align:center}.filter-option{border:1px solid #000;border-radius:4px;cursor:pointer;font-size:13px;margin-block:8px;padding:6px 8px;text-align:center;width:60px}.filter-option:hover{background-color:#f2f2f2;font-weight:600}.filter-option.selected{background-color:#ffb6ec}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.FunctionsRight .modal{color:#f1d2eb;max-width:700px}.modal{background:#000;border:9px solid #f1d2eb;border-radius:54px;max-width:500px;padding:3rem;position:relative;width:90%}.modal h2{margin-top:0;text-align:center}.modal label{display:block;margin-top:1rem}.Functions .modal input,.Functions .modal label,.Functions .modal select{border-radius:0;max-width:140px;text-align:center}.Functions .modal input,.Functions .modal select{background-color:#f1d2eb;color:#000}.modal input,.modal select{border:1px solid #ccc;border-radius:5px;margin-top:.5rem;padding:.4rem;width:100%}.modal-buttons{display:flex;justify-content:center;margin-top:1.5rem}.confirm,.go-back,.open-btn{background-color:#f1d2eb!important;border:1px solid #000!important;border-radius:6px;cursor:pointer;padding:.5rem 1rem;width:100px!important}.go-back{background-color:#ccc}.confirm{background-color:#4caf50;color:#fff}.open-btn{background-color:#007bff;color:#fff;height:auto!important;margin:0!important;margin-inline:0!important;padding:.6rem 1.2rem;width:auto!important}.close-button-icon{height:40px;width:40px}.OptionSet1,.OptionSet2{display:flex;font-size:15px;justify-content:space-around}.ScheduleBackground .modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.ScheduleBackground .modal{background:#000;border:9px solid #f1d2ebfa;border-radius:54px;display:flex;flex-direction:column;height:100%;justify-content:space-around;max-height:470px;max-width:700px;padding:30px;padding-block:0;width:90%;z-index:101}.Appointments .filter-container{align-items:center;background-color:initial;border:none;border-radius:50%;box-shadow:none;color:#000;display:flex;height:50px;justify-content:center;position:absolute;right:12px;top:198px;width:50px;z-index:3}.Appointments .filter-icon{width:30px}.ScheduleBackground .modal p{display:flex;font-size:20px;margin:0}.ScheduleBackground .modal div{display:flex;justify-content:center}.DetailsHeader{flex-direction:column}.DetailsTitle{color:#f1d2ebfa;font-size:24px}.DetailsDate{display:inline!important;display:initial!important;font-size:16px!important;text-align:center;text-decoration:underline;width:100%}.DetailsBoxColumn1,.DetailsBoxColumn2{display:flex;flex-direction:column;width:50%}.DetailKey{color:#f1d2eb}.DetailsBoxColumn1 p,.DetailsBoxColumn2 p{font-size:16px!important;margin-inline:5px}.DetailsBoxActions{display:flex;gap:40px;justify-content:space-between!important}.DetailsBoxActions button{border:none;border-radius:20px;color:#000;font-size:15px;height:40px;width:170px}.DetailsBoxActions button:last-of-type{background-color:#f1d2eb;margin-bottom:20px}button.modal-close.ScheduleClosingApparatus{right:15px;top:20px}h2.DetailsTitle.cancellationTitle,h2.DetailsTitle.reschedulingTitle{margin-top:60px}.DetailsBoxActions .modal-close{right:-10px;top:4px;width:auto}.Functions button.modal-close{right:20px}.appt{height:100vh;overflow-x:hidden;overflow-y:scroll}.appt .modal .OptionSet1,.appt .modal .OptionSet2,.appt .modal .modal-buttons{display:flex;flex-direction:row;width:100%}.hamburger-icon,.menu-overlay,.menu-overlay.open{display:none}.Appointments .Functions{display:flex;flex-wrap:wrap;gap:20px}.Appointments .Functions div{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.filter-menu .filter-section{flex-direction:row!important;width:100%}.Appointments .Functions .filter-container{margin-top:0;position:relative;right:auto;top:0}.Appointments .Functions .filter-container .filter-button{align-items:center;display:flex;justify-content:center}.Appointments .Functions .filter-container .filter-menu{height:375px;left:-135px;top:60px;width:189px}.Appointments .Functions .FunctionsLeft{flex:1 1;margin-inline:10px;padding-left:20px}.Appointments .Functions .FunctionsRight{flex-direction:row;gap:20px;margin:0!important;padding-right:20px}.AvailabilityListContainer{height:175px;overflow-y:scroll;width:100%!important}.AvailabilityList{display:flex;flex-direction:column!important;height:max-content;width:100%!important}.AvailableSlot{background-color:#fff;border:none;border-radius:15px;color:#000;margin:5px;padding:10px;width:90px}.SlotDate{width:100%}.SlotGroup{display:flex;flex-wrap:wrap;width:100%!important}.SlotSections{flex-direction:column;width:100%!important}.SelectedSlot{background-color:#f2c3f1;border:2px solid #aa2d98;color:#000}.DetailsExtra,.UnAvailable,.UserInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.UserInfo{width:100%}.UserInfo label{display:flex;gap:10px;justify-content:space-around;max-width:none!important;width:70%}.UserInfo input{flex:1 0;margin-top:0;max-width:none!important;text-align:center}.UserInfoHeader{color:#fff;max-width:none!important;width:100%}.whitePriviledge{color:#fff}.cancellationReason{background-color:#f1d2eb;font-family:Milonga;font-size:20px;height:90px;margin-block:20px;width:100%}.AvailableSlot,.SlotDate,.cancellationReason,.cancellationReasonLabel,.cancellationWarningText,.reschedulingTimesLabel,.reschedulingWarningText{font-size:16px!important}.DetailsBox{column-gap:20px;font-size:20px}label.cancellationReasonLabel{width:100%}.DetailsExtra label{font-size:20px}.DetailsExtra{justify-content:space-between}.UnAvailable{flex:1 1;justify-content:space-evenly!important}.UnAvailable .highlight{color:#c43dad}.UnAvailable .OptionSet2{align-items:center;justify-content:space-between!important;width:100%}.smallText{font-size:15px}.highlight.smallText{font-size:18px}.UnAvailable label{align-items:center;color:#f1d2eb;display:flex;flex-direction:column;justify-content:center}.UnAvailable label input,.UnAvailable label select{background-color:#f1d2eb;height:40px;margin:0;padding:0;padding-inline:15px;width:auto}.UnAvailable h1,.UnAvailable label,.UnAvailable p{font-size:16px;margin:0}.UnAvailable h1{font-size:20px;font-weight:400}.ClientActions button{background-color:#fff;border:none;border-radius:20px;padding:10px}.SettingsEdit{align-items:center;display:flex;justify-content:space-between;width:100%}.SettingsEdit button{align-items:center;background-color:#f1d2eb;border:none;border-radius:28px;color:#000;display:flex;font-size:16px;gap:10px;height:34px;justify-content:center;width:103px}.SettingHeadersText{color:#f1d2eb;font-size:20px}.UserSearch input{border:none;border-radius:20px}.UserList{color:#000;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.UserCard{background-color:#f1d2eb;border:1px #ccc;border-radius:20px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin:0;min-width:29%;padding:1rem}.UserField{font-size:1rem}.InstagramInput{font-size:1rem;margin-top:.25rem;max-width:300px;padding:.3rem;width:100%}.InstagramNone{color:#aaa}.UserActions{display:flex;gap:.5rem;justify-content:space-evenly;margin-top:.5rem}.UserActions button{background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;padding:.4rem .8rem;transition:background-color .2s;width:170px}.UserActions button:hover{background-color:#eee}.WorkingHoursContent .WeekSelector .calendar-picker,.WorkingHoursContent .WeekSelector select{background-color:#000;color:#f1d2eb;font-size:20px;outline:none}input.AppointmentCreationAdminInputsP2:disabled,select.AppointmentCreationAdminInputsP2:disabled{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:initial!important;background-image:none;border-color:#0000!important;color:#fff!important;cursor:not-allowed;opacity:1}@media (max-width:666px){.close-button-icon{height:40px;width:40px}.DetailsTitle{color:#f1d2ebfa;font-size:24px;margin-bottom:0;margin-top:50px!important}.DetailsDate,p.DetailKey,p.DetailValue{font-size:16px!important}.DetailsBoxActions{flex-wrap:nowrap!important}.DetailsBoxActions button{font-size:15px;margin:0!important;width:150px}.ScheduleBackground .modal-backdrop{align-items:flex-start;background:#000;bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;right:0;top:0;z-index:1001}.ScheduleBackground .modal{align-items:center;background:#000;border:9px none#f1d2ebfa;border-radius:0;display:flex;flex-direction:column;gap:20px;justify-content:space-evenly;padding-inline:100px;z-index:101}.UnAvailable .OptionSet2{justify-content:space-evenly!important}.DetailsBox div{justify-content:left!important}.cancellationWarningText{font-size:16px!important;text-align:center}.cancellationTitle{font-size:24px!important;margin-top:-45px!important;text-align:center;width:100%!important}.cancellationTitle.DetailsTitle{margin-top:85px!important}.cancellationReason{font-size:16px!important;margin-top:0!important}.reschedulingModal{height:auto!important;max-height:none!important}.reschedulingTimesLabel,.reschedulingWarningText{font-size:16px!important}.reschedulingTitle{margin-top:85px!important}.AvailabilityList{gap:initial!important;height:fit-content!important}.AvailabilityListContainer{align-items:normal!important;height:fit-content!important;overflow-y:auto;width:100%!important}.reschedulingExtra{flex:initial!important;height:390px!important;overflow-y:auto;width:100%!important}.reschedulingClose{right:70px!important}.reschedulingActions{padding-bottom:50px!important}.SlotGroup,.SlotSections{gap:initial!important;width:100%!important}.cancellationReasonLabel{font-size:16px!important;text-align:left!important;width:100%!important}.cancellingClose{right:80px!important;z-index:1002}.UserInfoHeader{color:#fff;margin-top:0!important;max-width:none!important;width:300px!important}.AppointmentCreationAdminModal{gap:20px;justify-content:center!important}.customerInputs{flex:initial!important;width:190px!important}.AppointmentCreationAdminModal h2{margin-top:50px}.AppointmentCreationAdminModal p{color:#fff;margin-bottom:0!important;text-align:center;transform:translateY(20px);width:285px}.ModalBox{padding-inline:50px}.CancellationEverything{width:100%!important}.AppointmentCreationButton{margin-bottom:50px}.AppointmentCreationAdminInputsP2{margin-top:.5rem!important;max-width:none!important;padding:.4rem!important}select.AppointmentCreationAdminInputsP2{width:154.8px!important}.AppointmentsCancelModal,.AppointmentsCancelModal .ModalBox{background-color:#000;height:100vh;margin:0;width:100vw}.AppointmentsCancelModal .ModalBox{border:none;padding:50px}label.cancellationReasonLabel{width:100%}.customerLabels{justify-content:right!important;width:80%!important}.DetailsBox .DetailsBoxColumn1,.DetailsBox .DetailsBoxColumn2{align-items:flex-start!important;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;width:100%!important}.DetailsBox .DetailsBoxColumn1 div,.DetailsBox .DetailsBoxColumn2 div{text-wrap:wrap;flex:1 1;flex-direction:column;gap:0!important;width:280px!important}.DetailsBox p.DetailKey{text-align:left;width:100%}.DetailsBox .DetailsBoxColumn2{margin-bottom:20px}.modal.SchedulePageModal{padding-inline:50px}.DetailsBox p.DetailValue{overflow-wrap:break-word;text-align:left;white-space:normal;width:fit-content;width:100%;word-break:break-word}.DetailsBox{align-items:center;flex-direction:column;justify-content:center;width:100%!important}.DetailsBoxActions{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around!important;padding-bottom:10em}.ScheduleBackground .modal div{align-items:center;display:flex;gap:20px;justify-content:center;width:fit-content}.UnAvailable label input{width:200px}.UnAvailable label select{width:230px}.DetailsBoxActions .modal-close{font-size:inherit!important;margin:initial!important;right:30px;width:auto!important}.AppointmentsCancelModal .DetailsBoxActions .modal-close{right:3px!important;top:30px}.Functions button.modal-close{right:50px}.ModalBox textarea{font-size:16px}.App{height:100vh;overflow:hidden}.filter-container.ScheduleFilter{background-color:#000}.filter-container.ScheduleFilter .filter-icon{filter:invert(0)!important;height:30px;transform:rotate(90deg);width:30px}.filter-container{border:1px #000;box-shadow:0 5px 10px #0000;right:9px;top:114px}.filter-menu{top:55px!important}.PageContent{min-height:100%}.ScheduleBackground{height:100%;min-width:0;min-width:auto;overflow-y:scroll}.Days{gap:initial}.Schedule{border-right:none;min-width:0;min-width:auto;width:100vw}.Greeting{margin-bottom:2.5vh}.Greeting .logo{width:55px}.Navigation{height:43px}.Greeting button,.Greeting h2,.Navigation{display:none}.MobileDates{display:flex;gap:15px;justify-content:center}.MobileDayCell{color:#000;min-width:0!important;min-width:auto!important}.MobileDayCell .HeaderWeekDate{align-items:center;border-radius:25px;display:flex;font-size:15px!important;font-weight:400;height:25px;justify-content:center;margin-block:15px!important;width:25px}.Schedule .WeekSelector{background-color:#000;margin:0!important;padding-block:20px!important;padding-inline:5vw;width:90vw!important}.WeekSelector{justify-content:center;margin-bottom:60px!important;width:80vw!important}.WeekSelector select{background-color:initial;color:#fff;flex:1 1;margin:0 10px 0 0;padding:0;position:static}.UserCard{background-color:#f1d2eb;border:1px #ccc;border-radius:20px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;margin:0;min-width:49%;padding:1rem}.OptionSet1,.OptionSet2{flex-wrap:wrap}.calendar-picker{margin-block:0}.DesktopOnly{display:none}.DayCell.Active{width:100vw}.DayCell.Hide{display:none}.DayCell.Times{width:fit-content!important}.MobileDayCell.Highlight .HeaderWeekDate{background-color:#e983cd;color:#fff}.ScheduleEntry{width:86.33333px}.ScheduleEntry.leah{margin-left:98.33333px!important}.ScheduleEntry.kelly{margin-left:196.66667px!important}.DayContent.Times{font-size:12px;width:80px!important}.Table{display:flex;flex:1 1;height:100%}.ScrollContainer{height:calc(100vh - 224px)!important}.hamburger-icon{cursor:pointer;display:block;font-size:30px;position:absolute;right:20px;top:20px;z-index:1001}.menu-overlay{align-items:center;background-color:#000000f2;color:#fff;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1001}.menu-overlay.open{display:flex}.close-icon{cursor:pointer;font-size:40px;position:absolute;right:30px;top:30px}.menu-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.menu-content button{background-color:initial;border:none;color:#fff;font-size:24px;margin:15px 0;text-decoration:none;transition:color .3s}.menu-content button.active{color:#f1d2eb;-webkit-text-decoration:underline 2px #f1d2eb;text-decoration:underline 2px #f1d2eb;text-underline-offset:5px}.SurfaceDetails{flex-direction:column-reverse}.Appointments .Functions .filter-container{background-color:initial;margin-left:0}.Appointments .open-btn{margin:0!important}.Appointments .filter-icon{width:30px}.Appointments .Functions div{margin-inline:0}.Appointments .Functions .FunctionsLeft{padding-right:20px}.Appointments .Functions .FunctionsRight{align-items:center;display:flex;justify-content:center;margin:0!important;padding-left:20px;width:100%}.WorkingHoursContent{margin-bottom:20vh}.WorkingHoursContent .WeekSelector .calendar-picker .calendar-icon{transform:translateX(20px);z-index:1}.Request{padding-bottom:25px}.Request p{font-size:14px;margin:5px 0 0}.Request .Actions{opacity:0;pointer-events:none;position:absolute;transition:opacity 0s}.Request.activeRequest .Actions{opacity:1;pointer-events:inherit;position:static;transition:opacity 1s}.RequestDetailsSection{font-size:14px}.working-hours-row{margin-inline:10px;top:auto}.Settings{align-items:center;flex-direction:column}.PricingSettings{padding-bottom:200px}.FunctionsRight .modal{background-color:#000;border:none;color:#f1d2eb;height:100vh;width:100vw;z-index:1002}}
/*# sourceMappingURL=main.47bbb247.css.map*/