#reservationTimeLoader{text-align:center;padding-top:110px;height:300px;border-top:1px solid #f0f0f0;display:none}#dayTime{border-top:1px solid #f0f0f0;overflow-x:hidden;overflow-y:auto;background-color:#fff}#dayTime .reserveSchedule{display:none}#dayTime .selectedDayData{display:flex}#dayTime .busy-time{opacity:.4;cursor:default;pointer-events:none}#dayTime .busy-time .dayTime{display:table-cell;width:30%;font-size:16px;font-weight:600}#dayTime .busy-time .dayAmount{display:table-cell;width:30%}#dayTime .busy-time .dayPrice{display:table-cell;width:37%;text-align:right;padding-right:20px}#dayTime .active-item .dayTime{display:table-cell;width:30%;font-size:16px;font-weight:600}#dayTime .active-item .dayAmount{display:table-cell;width:30%}#dayTime .active-item .dayPrice{display:table-cell;width:37%;text-align:right;padding-right:20px}#dayTime .active-item i{display:inline-block}#dayTime ul{list-style-type:none;padding:0;display:flex;opacity:1;flex-direction:column;gap:10px;margin:12px}#dayTime ul li{color:#768082;background-color:#fdfdfd;width:100%;padding:10px;display:table;font-size:14px;text-decoration:none;border:1px solid #e9e9ea;box-sizing:border-box;border-radius:5px}#dayTime ul li:hover{cursor:pointer;color:#3c90be;transform:scale(.97);background:color-mix(in srgb,#000 4%,#ffffff)}#dayTime ul li.emptySchedule{text-align:center;background-color:#fff;pointer-events:none;border:none;min-height:200px;display:flex;flex-direction:column;justify-content:center}#dayTime ul li.emptySchedule:hover{color:#768082;cursor:default}#staffArea{padding:10px 10px 0;width:100%;max-width:1016px;margin:0 auto}#staffArea #selectStaff{font-size:16px;display:inline-block;cursor:pointer;margin-left:20px;position:relative;padding:5px 10px}#staffArea #selectStaff i:first-child{vertical-align:-5px}#staffArea #selectStaff img{width:24px;height:24px;border-radius:50%;vertical-align:-5px}#staffArea #selectStaff ul{margin:0;padding:0;list-style-type:none;box-shadow:0 3px 6px 0 rgb(0 0 0 / .1);transition-timing-function:ease-out;border-radius:0 0 4px 4px;display:none;position:absolute;width:100%;border:1px solid #dfe1e2;background-color:#fff;z-index:999;left:0;top:34px}#staffArea #selectStaff ul li{padding:5px 10px}#staffArea #selectStaff ul li:hover{color:#eb5c4a}ul{list-style-type:none;display:flex;flex-direction:row;gap:5px;margin:0;padding:0}li{flex:1;position:relative}li.busy{opacity:.5}li.today:after{content:"";min-height:4px;width:4px;display:inline-block;border-radius:4px;#background-color:#f2f2f3;background-color:#2d2e34;position:absolute;bottom:6px}li:hover{background-color:color-mix(in srgb,#000 6%,#e9e9ea)}li.active{background-color:#2d2e34;color:#f2f2f3}li.active.today:after{background-color:#f2f2f3}li.active .year,li.active .month,li.active .day,li.active .weekday{color:#f2f2f3}li.active .year{background-color:#24272e;background-color:#24272e}.day-container{cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0 0 12px 0;border-radius:8px;scroll-snap-stop:always;scroll-snap-align:start;background-color:#e9e9ea}.year{font-size:10px;line-height:1.2em;font-weight:400;background-color:#d8d9da;width:100%;text-align:center;letter-spacing:.03em;text-transform:uppercase;align-self:stretch;border-start-start-radius:8px;border-start-end-radius:8px;margin-bottom:8px;padding:2px 0;color:#747679}.weekday{font-size:12px;line-height:1.1666666666666667em;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:#595a5c}.day{font-size:26px;line-height:1.4em;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:#595a5c}.month{font-size:10px;line-height:1.2em;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#595a5c}#serviceCalendar{width:100%;max-width:1016px;margin:0 auto;background-color:#fff;border-radius:5px;padding-top:12px}#daysList{height:100px;display:flex;padding-bottom:12px}#schedule-arrow-left,#schedule-arrow-right{flex:0 0 50px;display:flex;align-items:center;justify-content:center}#schedule-arrow-left .material-icons,#schedule-arrow-right .material-icons{border:1px solid #fff0}#schedule-arrow-left .material-icons:hover,#schedule-arrow-right .material-icons:hover{border:1px solid #d8d9da;border-radius:50%;cursor:pointer}#daysList ul{flex:1}#daysList li.busy,#daysList li.rest,#daysList li.outdated{opacity:.5}#dayTime{padding-bottom:6px;background-color:#fff0}#staffArea #selectStaff{background-color:#fff;border-radius:5px;margin-bottom:6px;margin-left:0}#modal-window{background-color:rgb(0 0 0 / .3);position:fixed;top:0;width:100%;left:0;z-index:9999;height:100%;text-align:center}#modal-window .modal-container{background:#fff;padding:36px;width:300px;text-align:left;border-radius:5px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative}#modal-window .cell{flex-grow:1;width:50%;padding:5px;box-sizing:border-box}.modal-window select{font-size:14px;color:#444;border-bottom:1px solid #444;border-top:none;border-left:none;border-right:none;padding:2px 5px;width:100%}#modal-window i{position:absolute;right:12px;top:12px;cursor:pointer}#modal-window .modal-data{width:100%;display:flex;flex-wrap:wrap}#modal-window .modal-data{width:100%;display:flex;flex-wrap:wrap}#modal-window .modal-data .fields{width:100%}#modal-window .modal-data .fields div{display:flex;margin-bottom:2px}#modal-window .modal-data .fields label,#modal-window .modal-data .fields span,#modal-window .modal-data .fields select{flex-grow:1;width:50%;padding:5px;box-sizing:border-box}#modal-window #service-checkout-price{line-height:36px;font-size:14px;font-weight:700}#modal-window .modal-data .fields span{font-weight:700}#modal-window button{background:#4285f4;color:#fff;cursor:pointer;-webkit-transition:box-shadow .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);line-height:20px;min-width:88px;border:0;text-transform:uppercase;font-size:14px;padding:8px;border-radius:3px;-webkit-box-shadow:0 2px 2px 0 rgb(0 0 0 / .14),0 3px 1px -2px rgb(0 0 0 / .12),0 1px 5px 0 rgb(0 0 0 / .2);box-shadow:0 2px 2px 0 rgb(0 0 0 / .14),0 3px 1px -2px rgb(0 0 0 / .12),0 1px 5px 0 rgb(0 0 0 / .2)}