vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}.time-section{box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;padding:8px;border-radius:5px;background-color:#fbfbfb}#preview_logo{max-width:200px;border-radius:10px}vaadin-tab[active]{color:var(--my-salon-color)}vaadin-tab:before{background-color:var(--my-salon-color)}.reservation_preview_card{padding:10px;border:solid 1px;border-radius:10px;width:300px!important;margin:10px}.float-cart{width:100%;justify-content:center;align-items:center;position:fixed;bottom:0;background-color:#fff;left:0}@media all and (max-width: 550px){.services_column{display:none}.reservation_preview_card{width:90%!important}.inner .preview_services_box{display:none}.service_row{height:100%}.category-box div{gap:var(--lumo-space-m);display:flex!important;flex-direction:column;margin:10px}body{font-size:14px;--lumo-font-size-m: 14px}.service-box{font-size:14px!important}.parent-row{height:160px!important;padding:10px!important}.parent-box{padding:10px!important;margin-left:0!important;margin-top:0!important;min-width:100px!important}}@media all and (max-width: 1300px){.inner .preview_services_box{display:none}.tab3 .information_col,.tab3 .col2{width:100%!important}}@media all and (max-width: 900px){.selection_col{width:100%!important}.tab2 .preview_col{width:100%!important}.tab2 .preview_col .preview_time_services_box{height:100%!important}}.parent-row{background-color:#f8f8f8;padding:25px;width:100%;overflow:auto;height:250px}.service_row{height:100%;overflow:auto;justify-content:space-between;width:100%}.service-row{justify-content:space-between;width:100%}.preview_services_box{border-radius:10px}.tab2 .preview_services_box{height:500px;max-height:500px!important}.service-box:hover{background-color:#eceaea;border-radius:10px;border:none}.service-box{border-bottom:1px solid #ececec;cursor:pointer}.service-box div{font-size:17px;text-align:start}.bottom_row vaadin-button{background-color:var(--my-salon-color);color:#fff;cursor:pointer}.bottom_row,vaadin-tab[selected],.salon-text-color{color:var(--my-salon-color)}.cart-icon{border:solid 2px var(--my-salon-color);background-color:#fff;color:var(--my-salon-color);cursor:pointer}.cart-icon:hover,.cart-icon.active{background-color:var(--my-salon-color);color:#fff}.service-box2{border-bottom:solid 1px #00000045}.bold_text{font-weight:700}.parent-box{display:flex;flex-direction:column;padding:20px;background-color:#fff;margin-left:10px;border-radius:.3rem;align-items:center;cursor:pointer;box-shadow:-2px 5px .2rem #e8e8e8;transition:ease .1s;margin-top:10px;overflow:auto;min-width:150px}.parent-box:hover{transform:translateY(-5px);border:2px solid var(--my-salon-color)}.parent-box.active{border:2px solid var(--my-salon-color);transform:translateY(2px)}.category-box{width:100%}.category-box vaadin-details-summary{padding:10px;cursor:pointer;color:#000;background-color:#fff;border-radius:.3rem;border:2px solid #dddddd;margin-top:10px;transition:ease .1s;width:100%;height:55px}.category-box vaadin-details-summary:hover{background-color:var(--my-salon-color);color:#fff;border:2px solid var(--my-salon-color)}.category-box div{display:none}.category-box.active vaadin-details-summary{box-shadow:-2px 5px .2rem #e8e8e8;border:2px solid var(--my-salon-color);transform:translateY(-2px)}.selection_col{width:100%;box-shadow:#00000059 0 5px 15px;height:500px;border:solid 1px #00000045;border-radius:10px}.time_selection_row:hover{color:#fff;background-color:var(--my-salon-color)}.time_selection_row.selected{border:solid 1px var(--my-salon-color)}.time_selection_row{cursor:pointer;width:100%;padding:10px;border-radius:5px}.service_time_employees{width:100%;height:500px;overflow:auto;box-shadow:#0000000f 0 2px 4px inset}.preview_services_box{width:50%;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;max-height:500px;overflow:auto;border:solid 1px #00000045}.bottom_row{border-top:solid 1px #80808038}.custom_box{border:solid 1px #00000045;border-radius:10px;padding:20px;font-weight:700}.preview_time_services_box{border:solid 1px #00000045;border-radius:10px;padding:20px;align-items:center;height:fit-content}.preview_time_services_box .custom_box{max-height:500px;overflow:auto}.tab3 .col2{width:40%}.tab3 h3,.tab3 a{color:var(--my-salon-color)}.tab3 vaadin-checkbox[checked]::part(checkbox){background-color:var(--my-salon-color)}.time{display:table;margin-top:10px}.time span{font-size:45px;display:table-cell;vertical-align:middle}.divider{width:1px;background-color:#aca9a9;margin-left:10px}.date{display:flex;flex-direction:column;margin-left:10px}.tab2{flex-wrap:wrap;justify-content:center}.tab3{flex-wrap:wrap;justify-content:center;align-items:start}vaadin-month-calendar::part(selected date),vaadin-month-calendar::part(date):hover{background-color:var(--my-salon-color);color:#fff;cursor:pointer}vaadin-month-calendar::part(selected date){transition:none}vaadin-radio-button[checked]::part(radio){background-color:var(--my-salon-color)}.modal{display:block;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;width:80%;max-width:700px}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width: 700px){.modal-content{width:100%}}