@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#191919de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{font-family:"Source Sans 3",sans-serif}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h3{font-size:1.5rem;font-weight:400;line-height:1.3}button{font-size:.85rem}p{font-size:1rem;font-weight:400;line-height:1.6}.empty-area{width:100%;min-height:250px;height:40%;margin:7.5% auto 0;padding:1%;text-align:center;border-radius:5px;background-color:#f1e3d199}.empty-area-button-navigation{margin:5% auto 0;display:flex;justify-content:space-around;width:90%}@media only screen and (max-width:850px){p{font-size:.65rem}button{font-size:.7rem}}.home-shell{width:100vw;height:100vh;overflow-y:scroll;background-color:#fafafa}.main-description{margin:4% auto 0;width:80%;height:45%;text-align:center}.main-description h1{margin-bottom:1.5%}.main-description p{margin:2%}.main-description .sign-up{color:#fff;background-color:#a45ee5;min-width:100px;width:12.5%;height:45px;margin-bottom:3%}.main-description .offering-display{width:95%;display:flex;flex-shrink:0;align-items:center;flex-wrap:wrap;min-height:150px;max-height:450px}.main-description .offering-display h3{font-size:1.25rem;font-weight:650;margin:1%}.main-description .offering-display button{margin:1%;box-shadow:2px 2px 2px gray;background-color:#f5f5f5}.stats{display:flex;justify-content:space-between;align-items:center;width:80%;height:10%;margin:2.5% auto 0}.stat{text-align:left}.page-navigation{display:none;width:100%;justify-content:space-between;margin-bottom:15%}.page-option{width:100%}.page-option p{font-size:.75rem}@media only screen and (max-width:1200px){.main-description .offering-display{width:100%}}@media only screen and (max-width:800px){.offering-display,.stats{display:none}.main-description .offering-display{width:100%}.main-description .offering-display button{margin:3%;font-size:1rem}.page-navigation{display:flex}}.header-shell{margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:95vw;height:10%}.header-title{margin-left:1.5%}.header-nav-options{display:flex;justify-content:space-around;align-items:center;width:55%;height:100%;font-size:16px;transition:.4s}.header-nav-options button{min-width:80px}.header-nav-options .sign-up{border:2px solid black;color:#fff;background-color:#000;width:15%;height:60%}.email-counter{margin-left:-40%;margin-top:-40%;background:red;color:#fff;font-size:.75rem;border-radius:50%;width:12px;height:12px}.mail{border-bottom:1px solid black;margin:2%}.mail h3{font-size:16px}.mail p{font-size:10px}.sidebar-option{display:flex;align-items:center;margin:5%;width:100%}.sidebar-option:hover{background-color:#dcdcdc33}.sidebar-option p{margin-left:5%}.sign-out-tab{cursor:default;margin-left:-5%}.divider{width:100%;margin:0 auto;height:2px;border-bottom:1px solid gray}@media only screen and (max-width:1200px){.header-title h1{font-size:2rem}.header-nav-options{width:70%}.header-nav-options p{font-size:12px}}@media only screen and (max-width:800px){.header-nav-options p{display:none}.header-nav-options{width:50%}.sidebar-option p{font-size:.8rem}}.booking-shell{width:100vw;height:100vh;overflow-y:scroll;background-color:#fafafa}.booking-area{display:flex;margin:4% auto 0;width:95%;height:635px}.filter-area{width:30%;height:100%;overflow-y:scroll}.mini-filter-area{width:100%}.mini-filter-area h3{margin-top:5%}.mini-filter-button{display:none}.tutor-catalog-area{width:75%;height:100%}.catalog-header{display:flex;justify-content:space-between;flex-wrap:wrap;width:90%;margin-bottom:2.5%;align-items:center}.catalog-mutaters{margin-left:-5%}.checkbox-label{font-size:.65rem}.checkbox-box{width:.9rem;height:.9rem}.dialog-header{margin-top:10%}.tutors{display:flex;flex-wrap:wrap;height:80%;overflow-y:scroll;margin-bottom:5%}.tutor{min-width:250px;width:250px;height:85%;overflow-y:scroll;background-color:#f1e3d199;border-radius:15px;padding:1%;margin-right:5%;margin-bottom:5%;margin-left:0%}.tutor p{margin:1%}.tutor-display-info{display:flex;flex-direction:column;width:90%;margin:0 auto}.tutor-display-info img{margin:0 auto;width:300px;height:200px;object-fit:contain}.tutor-display-info .email-tag{display:flex;align-items:center;justify-content:center}.tutor-display-info button{margin:0 auto;width:50%}.tutor-essential-info{width:90%;margin-top:2.5%}.tutor-essential-info .tutor-offerings{display:flex;flex-wrap:wrap;align-items:center}@media only screen and (max-width:1200px){button{font-size:.85rem}p{font-size:1rem;font-weight:400;line-height:1.6}}@media only screen and (max-width:800px){.tutor-catalog-area{margin-left:5%;width:90%;height:100%}.tutors{height:75%}.tutor{width:90%;height:60%;min-height:350px}.filter-area{display:none}.mini-filter-button{display:inline}}.book-session-area{display:flex;flex-direction:column;padding:1rem;width:100%;overflow-y:scroll;background-color:#f9fafb}.booking-process{flex:2;display:flex;flex-direction:column;gap:1.5rem}.booking-note{margin:0 auto 2.5%;width:80%;background-color:#f1e3d199;padding:1%;border-radius:5px}.dialog-header{background-color:#f9fafb}.booking-process h1{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#333}.booking-process .booking-button{border:1px solid #ccc;background-color:#fff;color:#333;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.booking-process .booking-button:hover{background-color:#f0f0f0}.booking-process .active-button{background-color:#10b910;color:#fff;border-color:#0a770a}.booked{color:red;opacity:.6;pointer-events:none}.course-list,.location-options{display:flex;flex-wrap:wrap;gap:.5rem}.date-selection{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;padding:.5rem;border:1px solid #ddd;border-radius:8px;background-color:#fff}.calender-area{flex:1}.time-slot-area{flex:1;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.location-selection{display:flex;flex-direction:column;gap:.5rem}.alert{width:50%;margin-top:1rem}@media (max-width: 768px){.date-selection{flex-direction:column;justify-content:center}.alert{width:90%}}.session-shell{width:100vw;height:100vh;overflow-y:scroll;background-color:#fafafa}.session-area{width:80%;margin-left:10%;margin-top:2.5%}.session-area h2{font-size:30px}.session-options{display:flex;flex-wrap:wrap;align-items:center;max-width:1000px;width:90%;margin-top:2.5%}.session-options-tabs-area{max-width:700px;width:100%;height:10%}.sort-button{text-align:left}.session-booked-area{max-width:700px;width:95%;max-height:500px;padding:2%;overflow-y:scroll}.session{display:flex;margin-top:2%;padding:1%;background-color:#f1e3d199;border-radius:15px;width:100%;height:225px}.session .session-topic{display:flex;flex-direction:column;align-items:center;width:35%}.session .session-specifics{display:flex;flex-direction:column;justify-content:space-around;width:65%;margin-left:2.5%}.meeting-status-area{display:flex;align-items:center}.session-status{margin-left:2.5%;text-align:center;width:80px;height:30px;border-radius:20px}.session-action-button{width:100px;height:30px;margin:5%}.dialog-content{display:flex;flex-direction:column;width:100%}.dialog-content h2{font-size:30px;margin-bottom:2.5%;color:#000}.dialog-content p{font-size:16px;color:gray;width:80%}.dialog-content button{background-color:#a45ee5;margin:2.5% auto 0;width:50%}.session-pending{background-color:#b27709;color:#fff}.session-approved,.session-completed{background-color:#09b24f;color:#fff}.session-canceled,.session-rejected{background-color:#b22009;color:#fff}@media only screen and (max-width:850px){.session-status{width:60px;height:20px}p{font-size:.7rem}.session-booked-area{max-height:235px}}@media only screen and (max-width:550px){p{font-size:.65rem}button{font-size:.7rem}}.tutor-view-shell{width:100vw;height:100vh;overflow-y:scroll;background-color:#fafafa}.forbidden-area{width:75%;min-height:250px;height:40%;margin:7.5% auto 0;padding:1%;text-align:center;border-radius:5px;background-color:#f1e3d199}.button-navigation{margin:5% auto 0;display:flex;justify-content:space-around;width:90%}@media only screen and (max-width:850px){.forbidden-area h1{font-size:2rem}}