@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Bebas Neue;src:url(/_next/static/media/Bebas_Neue.6190c040.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:#fff;color:#e0e0e0}h1{margin-top:1.5em;font-family:Bebas Neue,sans-serif;color:#199c68;font-weight:400px;font-size:3em;margin-bottom:1rem}.time_offset{color:#626262;font-size:1.2rem;font-weight:700}.time_offset span{padding:2rem}h3{margin-top:1rem;font-family:Roboto,sans-serif;color:#171717;font-weight:400px}.App{text-align:center}.scheduler{margin:2rem auto;max-width:750px;height:500px;background:#ebebeb;padding:1rem;border-radius:40px}.date-selector{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.date-selector button{background:#199c68;color:#121212;border:none;padding:.5rem 1rem;margin:0 .5rem;border-radius:4px;cursor:pointer}.date-selector span{font-size:1rem;color:#171717;font-family:Roboto,sans-serif}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.5rem;gap:1.5rem}@media(max-width:600px){.time-grid{grid-template-columns:repeat(2,1fr)}}.time-card{background:#fff;border:1px solid #cdcdcd;border-radius:11px;padding:.8rem .5rem;text-align:center;cursor:pointer;color:#171717;font-size:1.2rem;font-weight:700}.time-card.selected{background:#199c68;color:#fff;border:none}.time-card.booked{background-color:#cdcdcd;color:#171717;cursor:not-allowed}button{background-color:#199c68;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:11px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1.5rem}.cancel-btn{margin-top:0;background-color:#2e2e2e;color:#e0e0e0;padding:.25rem .5rem;font-size:.875rem;border:1px solid #424242;border-radius:4px}.cancel-btn:hover{background-color:#1e1e1e}.appointments{color:#626262}.appointments h3{color:inherit}.appointments button{border-radius:11px}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup{background:#fff;border-radius:40px;padding:20px;max-width:800px;width:100%;height:560px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.popup h1{font-family:Bebas Neue,sans-serif;color:#171717}.popup p{margin-top:0;color:#199c68;font-size:2rem}.popup span{font-size:2rem;color:#171717}.popup .error,.popup span{font-family:Roboto,sans-serif}.popup .error{font-size:.8rem;padding:0;margin:0;color:red}.popup input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #e4e4e4;border-radius:20px;background-color:#f5f5f5;height:3rem;max-width:500px;font-weight:700;color:gray}.popup button{background:#199c68;color:#fff;padding:10px 20px;border:none;border-radius:20px;cursor:pointer;max-width:500px;width:100%;height:4rem}.popup button.inactive{background-color:#4a4a4a;color:#d1d1d1;cursor:not-allowed}@media(max-width:1024px){.time-grid{grid-template-columns:repeat(4,1fr)}.scheduler{height:550px}.popup{margin:2rem}}@media(max-width:768px){.time-grid{grid-template-columns:repeat(3,1fr)}.scheduler{height:700px;margin:3rem}.popup h1{font-size:2rem}.popup p,.popup span{font-size:1rem}.popup input{margin:1rem;width:85%;height:3rem}.popup button{width:85%}}@media(max-width:480px){.time-grid{grid-template-columns:repeat(2,1fr)}.scheduler{height:1000px;margin:2rem}}