.container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;height:80vh}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{margin:0 auto;text-align:center;height:100%;width:100%;background-image:url(/assets/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.favorite-item-card{width:90%;background-color:#fff}.favorite-item-picture{aspect-ratio:1 / 1;height:13vh;border-radius:10%;margin-top:.5vh;margin-left:.5vh}.favorite-item-text{flex-grow:1;text-align:left;padding-left:5px}.favorite-list{display:flex;flex-direction:column;align-items:center;gap:16px;height:80vh;overflow-y:auto}.appointment-item-card{width:90%;background-color:#fff}.appointment-item-picture{aspect-ratio:1 / 1;height:8vh;border-radius:10%;margin-top:.5vh;margin-left:.5vh}.appointment-item-text{flex-grow:1;text-align:left;padding-left:5px}.appointment-item-button-text{font-size:.5rem}.appointment-list{display:flex;flex-direction:column;align-items:center;gap:16px;height:80vh;overflow-y:auto}.category-card{border-radius:20px;height:10vh;display:flex;align-items:center;border-color:#fff;border-width:2px;background-color:#fff6}.category-image{width:10vh;height:10vh;object-fit:cover}.category-list{display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto;scrollbar-width:none;padding:10px}.vendor-list{display:flex;flex-direction:column;align-items:center;gap:16px;height:60vh;overflow-y:auto;scrollbar-width:none}.vendor-item-card{width:90%;background-color:#fff;border-radius:10%}.vendor-item-picture{aspect-ratio:1 / 1;height:13vh;border-radius:10%;margin-top:.5vh;margin-left:.5vh}.vendor-item-text{flex-grow:1;text-align:left;padding-left:5px}.zkz-card{width:100%}.appointment-list{display:flex;flex-direction:column;gap:16px;max-height:700px;overflow-y:auto;scrollbar-width:none}.appointment-item-content{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.appointment-item-date{width:100%;flex-shrink:0}.header-placeholder{width:36px}.service-select-container{width:100%;height:80vh}.service-list{display:flex;justify-items:center;align-items:center;flex-direction:column;scrollbar-width:none;height:40vh;width:100%;gap:12px;overflow-y:auto}.carousel-image-container{display:flex;justify-content:space-between;align-items:center;height:40vh;overflow:hidden}.carousel-image{object-fit:cover;border-radius:10px;height:36vh;width:80%}.carousel-image-prev,.carousel-image-next{object-fit:cover;border-radius:8px;height:36vh;width:5%}.calendar-container{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}button{width:100%;max-width:600px}.month-name{width:20%;background-color:#fff}.weekdays-container{display:flex;align-items:center;justify-content:center;margin-top:16px}.arrow-button{font-size:24px;color:#555}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.appointments-container{height:40vh;margin-top:16px;width:95%;display:flex;justify-content:center}.calendar-vendor-picture{aspect-ratio:1 / 1;height:7vh;border-radius:10%;margin-top:.5vh;margin-left:-.5vh}.calendar-vendor-card{width:90%;background-color:#fff;height:8vh;margin-bottom:2vh}.calendar-pos-selector{width:95%;height:13vh;margin-top:2vh;display:flex;background-color:#fff;border-radius:8px;flex-direction:column}.weekdays-row{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.weekday-container{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background-color:#fff;border-radius:8px}.weekday-box{width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;align-items:center}.weekday-circle{margin:4px 1px;width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center}.weekday-circle.selected{font-weight:700}.appointments-table{overflow-y:auto;padding:10px;width:100%;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:flex-start;scrollbar-width:none}.appointments-item{min-width:15vw;margin:0;padding:8px;box-sizing:border-box;text-align:center}@media (min-width: 1024px){.appointments-item{min-width:5vw}}.placeholder{width:36px}.typography{flex-grow:1;text-align:center}.account-container{padding:16px;max-width:600px;margin:0 auto;border-radius:8px}.account-card{width:360px;padding:24px;box-shadow:3px 3px 10px #0000001a;border:3px solid #cac4d0;border-radius:10px;height:80vh}.three-pager-container{display:flex;justify-content:center;align-items:flex-start;overflow-x:auto;height:100%;width:100%}.three-pager-grid{width:100%}.three-pager-item{padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:100%;overflow-y:auto}.one-pager-container{display:flex;flex-direction:column;height:100%;width:100%}.one-pager-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-image:linear-gradient(to right,#1466fe,#00d7ff);border-bottom:1px solid #ddd}.one-pager-title{flex-grow:1;text-align:center;font-weight:700;color:#fff}.one-pager-logo{width:107px;height:77px}.one-pager-body{flex-grow:1;padding:16px;overflow-y:hidden}.vendor-stream-container{background-color:#f9f9f9}.vendor-stream-title{margin-bottom:16px;font-weight:700}.MuiTableCell-head{background-color:#f5f5f5;font-weight:700}.scrollable-table-container{max-height:100vh;overflow-y:scroll}.vendor-stream-logo{width:72px;height:52px}.vendor-stream-logo-cell{background-image:linear-gradient(to right,#1466fe,#00d7ff)}.vendor-stream-legend{display:flex;max-height:100vh;align-items:center;background-image:linear-gradient(to bottom,#1466fe,#00d7ff)}.header{position:relative;align-items:center;top:0;width:100%;height:10vh}.header-icon{cursor:pointer;margin:0 16px}.notification-badge{position:absolute;top:3vh;right:6.5vw;background-color:red;color:#fff;border-radius:50%;width:2vh;height:2vh;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}@media (max-width: 768px){.notification-badge{right:.5vw}}.footer{position:absolute;bottom:0;align-items:center;width:100%;height:10vh}.footer-icon{font-size:36px;cursor:pointer}