@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:"Poppins",sans-serif}:root{--color1:#203f9a;--color2:#fff;--color3:#363636;--color4:#3db166;--color5:#ff3c3c;--color6:#b8c2df;--active-link-bg:hsla(0,0%,100%,0.192);--active-link-color:hsla(0,0%,100%,0.63);--loader-bg:hsla(0,0%,100%,0.356);--loader-border-width:8px;--loader-size:70px;--shadow:5px 5px 10px 1px rgba(0,0,0,0.3);--radius:30px}.login-page-container{height:100vh}.login-form-container,.login-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.login-form-container{border-radius:30px 30px 0 0;border-radius:var(--radius) var(--radius) 0 0;background-color:#203f9a;background-color:var(--color1);height:100%;width:100vw;grid-gap:3em;gap:3em}.login-btn-container,.reset-password-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:1em;gap:1em}.reset-password-heading{color:#fff;color:var(--color2);margin:0 1em}.reset-password-heading h2{text-align:center}.reset-password-heading>p{font-size:clamp(1em,2.5vw,1.2em);color:#fff;color:var(--color2)}.login-logo{aspect-ratio:1;width:clamp(8em,100%,12vw)}.forgot-password{display:flex;justify-content:flex-end;margin-top:.5em;color:#fff;color:var(--color2);cursor:pointer}.login-input-container{display:flex;grid-gap:.6em;gap:.6em;border:2px solid #fff;border:2px solid var(--color2);border-radius:8px;width:90vw;max-width:500px;padding:.5em .6em}.login-input{background-color:transparent;border:none;outline:none;color:#fff;color:var(--color2);width:100%}.login-input:-ms-input-placeholder{color:#8d8d8d}.login-input::placeholder{color:#8d8d8d}.login-btn{background-color:#fff;background-color:var(--color2);border:none;border-radius:8px;padding:.1em 1.8em;color:#203f9a;color:var(--color1);font-weight:900;font-size:1.5em;transition:all .08s ease}.login-btn:active{transform:scale(1.1);filter:brightness(.8);box-shadow:5px 5px 10px 1px rgba(0,0,0,.3);box-shadow:var(--shadow)}.cancel-btn{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2)}.navbar-container{background-color:#203f9a;background-color:var(--color1);width:100%;height:9vh;display:flex;align-items:center;position:fixed;top:0;z-index:990;justify-content:center;border-radius:0 0 13px 13px;box-shadow:0 10px 0 0 #fff}.navbar-menu-icon{height:80%;width:clamp(2em,5vw,4em);left:clamp(10px,2vw,30px);position:absolute;cursor:pointer}.navbar-logo{height:100%;width:100%}.push-notification-btn{background-color:#fff;background-color:var(--color2);border:none;display:flex;align-items:center;justify-content:center;font-size:clamp(1.3em,3vw,2em);width:clamp(2.5em,5vw,7em);right:clamp(10px,2vw,30px);color:#203f9a;color:var(--color1);height:70%;position:absolute;cursor:pointer;border-radius:10px}.confirmation-modal-container{height:100vh;width:100vw;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-modal-container,.confirmation-modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.confirmation-modal-content{background-color:#fff;background-color:var(--color2);width:90%;max-width:700px;grid-gap:1em;gap:1em;border-radius:10px;overflow:hidden;padding-bottom:.5em}.confirmation-modal-heading{background:#203f9a;background:var(--color1);width:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;color:var(--color2);padding:.5em 0;font-size:clamp(.9em,3vw,1.3em)}.confirmation-modal-body{text-align:center;font-size:clamp(1em,3vw,1.2em);font-weight:600}.confirmation-modal-btn-container{display:flex;justify-content:space-evenly;grid-gap:2em;gap:2em;padding-top:1em}.confirmation-modal-button{background:red;border:none;padding:.3em 1em;border-radius:8px;color:#fff;color:var(--color2);font-size:clamp(.9em,3vw,1.3em);cursor:pointer}.allow-btn{background-color:#3db166;background-color:var(--color4)}.sidebar-container{position:fixed;top:0;z-index:999;height:100%;width:100%;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;transition:opacity .5s cubic-bezier(.22,.61,.36,1)}.sidebar-content{position:fixed;top:0;z-index:1000;height:100%;width:80%;max-width:700px;background-color:#203f9a;background-color:var(--color1);border-radius:0 15px 15px 0;display:flex;transition:transform .5s cubic-bezier(.22,.61,.36,1);transform:translateX(-100%);flex-direction:column}.hide{opacity:0;pointer-events:none}.float-in{transform:translateX(0)}.sidebar-heading{color:#fff;color:var(--color2);display:flex;align-items:center;height:12%;width:100%;font-size:clamp(.5rem,2vw,1.5rem);grid-gap:2.5em;gap:2.5em;padding:0 2em;position:relative}.sidebar-heading:after{content:"";position:absolute;bottom:-8px;left:1em;width:calc(100% - 2em);height:3px;border-radius:50px;background-color:#fff;background-color:var(--color2)}.sidebar-logo{height:100%;width:28%}.sidebar-body{display:flex;flex-direction:column;height:76%;width:100%;padding:0 .5em;padding-block:1.4em;grid-gap:1em;gap:1em;font-size:clamp(.9rem,2vw,1rem)}.sidebar-icon{height:100%;width:clamp(1.5em,100%,2.5vw);aspect-ratio:1}.sidebar-link-container{display:flex;grid-gap:.8em;gap:.8em;align-items:center;width:100%;background-color:transparent;border-radius:9px;padding:.7em}.active{background-color:hsla(0,0%,100%,.192);background-color:var(--active-link-bg);color:#fff!important;color:var(--color2)!important}.sidebar-link,.sidebar-link-container{text-decoration:none;color:hsla(0,0%,100%,.63);color:var(--active-link-color)}.sidebar-bottom-btns-container{display:flex;margin-top:auto;flex-direction:column;grid-gap:1em;gap:1em}.install-btn{background-color:#fff;background-color:var(--color2);color:#363636;color:var(--color3);font-weight:900;cursor:pointer}.sidebar-footer{color:#fff;color:var(--color2);display:flex;align-items:center;height:12%;width:100%;position:relative;grid-gap:.8em;gap:.8em;padding:0 1em}.sidebar-footer h3{font-size:clamp(.8rem,2vw,2rem);font-weight:500}.sidebar-icon-person{display:flex;align-items:center;justify-content:center;color:#203f9a;color:var(--color1);width:3.5em;height:3.5em;padding:1em}.sidebar-footer:after,.sidebar-icon-person{background-color:#fff;background-color:var(--color2);border-radius:50px}.sidebar-footer:after{content:"";position:absolute;top:-8px;left:.5em;width:calc(100% - 1em);height:3px}.show-badge{position:relative}.show-badge:after{content:"";position:absolute;top:10%;left:1%;width:1em;height:1em;border-radius:50%;background-color:#ff3c3c;background-color:var(--color5)}.show-course-tile-badge{position:relative}.show-course-tile-badge:after{content:"";position:absolute;top:-5%;right:0;width:1.4em;height:1.4em;border-radius:50%;background-color:#ff3c3c;background-color:var(--color5)}.logout{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2);transition:all .08s ease;cursor:pointer;font-weight:900}.logout:active{transform:scale(1.02);filter:brightness(.8)}.body-container{position:relative;margin-top:calc(9vh + 1em);height:calc(100% - 9vh);width:100%;display:flex;align-items:center;flex-direction:column;grid-gap:2em;gap:2em;padding-bottom:1em}.page-heading{font-size:clamp(.4rem,5vw,1.3rem);background-color:#203f9a;background-color:var(--color1);padding:.5em;max-width:30em}.page-heading,.schedule-tile-container{width:95%;display:flex;justify-content:center;border-radius:10px;color:#fff;color:var(--color2)}.schedule-tile-container{background-color:#363636;background-color:var(--color3);padding:0 0 1em;align-items:center;flex-direction:column;max-width:50em;grid-gap:1em;gap:1em;box-shadow:5px 5px 10px 1px rgba(0,0,0,.3);box-shadow:var(--shadow)}.schedule-tile-container h3{font-size:clamp(.9rem,2vw,1rem);text-align:center;background-color:#203f9a;background-color:var(--color1);border-radius:10px 10px 15px 15px;width:100%;padding:1em}.schedule-tile-container p{margin-inline:1em}.no-schedule{background-color:#363636;color:#fff;color:var(--color2);border-radius:10px;padding:1em;margin-block:5em;font-size:clamp(1rem,2vw,1.5rem);text-align:center}.time-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;padding:1em 0;grid-gap:.2em;gap:.2em}.day-heading{font-size:clamp(1.2rem,2vw,1.5rem);text-align:center;background-color:#363636;background-color:var(--color3);border-radius:10px;padding:.5em 2em;color:#fff;color:var(--color2)}.class-container{flex-direction:column;margin-top:1em;grid-gap:.2em;gap:.2em}.class-container,.day-selector-container{display:flex;align-items:center;justify-content:center}.day-selector-container{width:100%;color:#363636;color:var(--color3)}.day-selector-container span{font-size:clamp(1em,1.5vw,1.5em);font-weight:700;text-align:center;font-family:Poppins,sans-serif;background-color:#363636;background-color:var(--color3);border-radius:10px;padding:.5em 0;width:50%;color:#fff;color:var(--color2)}.day-selector-arrows{cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.day-selector-content-container{display:flex;align-items:center;justify-content:space-between;min-width:260px;width:95%;max-width:450px;padding:.3em;background-color:transparent;border-radius:30px;border-radius:var(--radius)}.day-selector-content-container>svg{border-radius:50%;padding:.3em;border:2px solid #363636;border:2px solid var(--color3);transition:all .2s ease-in-out}.day-selector-content-container>svg:hover{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2);box-shadow:0 0 10px 0 #363636;box-shadow:0 0 10px 0 var(--color3);transform:scale(1.2)}.loader-container{display:flex;justify-content:center;align-items:center;height:91vh;position:absolute;z-index:999;width:100vw;bottom:0}.loader-content{position:relative;width:70px;width:var(--loader-size);aspect-ratio:1/1}.loader-bottom,.loader-top{position:absolute;width:100%;height:100%;border-radius:50%;border:8px solid transparent;border-top-color:#203f9a;border:var(--loader-border-width) solid transparent;border-top:var(--loader-border-width) solid var(--color1);animation:spinTop 1s linear infinite}.loader-bottom{border:8px solid transparent;border-bottom-color:#203f9a;border:var(--loader-border-width) solid transparent;border-bottom:var(--loader-border-width) solid var(--color1);animation:spinBottom 1s linear infinite}.toast-container{font-family:"Poppins",sans-serif;position:fixed;width:-webkit-max-content;width:max-content;padding:clamp(1em,2vw,2em);height:2em;display:flex;justify-content:center;align-items:center;top:2em;left:50%;transform:translateX(-50%);background-color:#3db166;background-color:var(--color4);z-index:9998;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;box-shadow:5px 5px 10px 1px rgba(0,0,0,.3);box-shadow:var(--shadow);animation:animate-toast .4s ease-in-out;overflow:hidden}.toast-container:after{content:"";position:absolute;bottom:0;width:100%;height:15%;left:0;z-index:-1;background-color:#363636;background-color:var(--color3);animation:animate-toast-shadow 3s ease-in-out both;animation-delay:.3s}.toast-container p{font-size:clamp(.8em,1.5vw,1em);color:#fff;color:var(--color2);font-family:"Poppins",sans-serif;font-weight:700}.error-toast{background-color:#ff3c3c;background-color:var(--color5)}.notification-tile-container{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2);border-radius:10px;padding:1em;width:95%;max-width:50em;display:flex;flex-direction:column;grid-gap:1.2em;gap:1.2em;overflow:hidden;position:relative;box-shadow:5px 5px 10px 1px rgba(0,0,0,.3);box-shadow:var(--shadow)}.notification-tile-container:after{content:"";position:absolute;top:0;left:0;width:.4em;height:100%}.makeup-class:after{background-color:#203f9a;background-color:var(--color1)}.cancelled-class:after{background-color:#ff3c3c;background-color:var(--color5)}.rescheduled-class:after{background-color:#3db166;background-color:var(--color4)}.notification-time{opacity:.5;font-size:clamp(.7em,1.5vw,.9em)}.notification-time,.read{color:#fff;color:var(--color2)}.read{background-color:#6b6b6b}.course-info-tile-container{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2);border-radius:14px;width:95%;max-width:46em;padding:1em;font-size:clamp(1em,2vw,1.2em);display:flex;flex-direction:column;grid-gap:2.5em;gap:2.5em;cursor:pointer}.course-info-tile-class{font-size:13px}.message-tile-container{background-color:#fafafa;color:#363636;color:var(--color3);box-shadow:1px 1px 5px 1px rgba(0,0,0,.25);border-radius:14px;width:95%;max-width:46em;padding:.5em 1em;display:flex;font-size:clamp(1em,2vw,1.2em);flex-direction:column;grid-gap:1.5em;gap:1.5em;font-weight:550;word-wrap:break-word;white-space:pre-wrap}.message-tile-date{font-weight:bolder;font-size:small}.section-tile-container{background-color:#b8c2df;background-color:var(--color6);color:#363636;color:var(--color3);border-radius:14px;width:80%;max-width:28em;padding:.5em 1em;display:flex;font-size:clamp(1em,2vw,1.2em);flex-direction:column;font-weight:900;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.section-tile-container>h2{font-size:3em}.section-tile-container>h3{font-size:1.3em}.create-message-FAB-container{background-color:#363636;background-color:var(--color3);color:#fff;color:var(--color2);border-radius:50%;width:60px;font-size:2em;box-shadow:0 3px 6px 1px rgba(0,0,0,.5);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:fixed;bottom:30px;right:30px;cursor:pointer}.section-selector-container{display:flex;width:100%;max-width:45em;align-items:center;grid-gap:1em .1em;gap:1em .1em;justify-content:space-around;flex-wrap:wrap}.section-selector-container .section-tile-container{width:21%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;font-size:.8em;color:#6a6a6a}.section-selector-container .section-tile-container h2{font-size:2.5em}.section-selector-container .section-tile-container h3{font-size:1em}.selected-section{background-color:#203f9a;background-color:var(--color1);color:#fff!important;color:var(--color2)!important;position:relative}.selected-section svg{position:absolute;bottom:15px;right:10px;font-size:clamp(1.5em,4vw,2em)}.create-message-input{padding:1em;resize:none;border:none;outline:none}.send-message-button{border:none;outline:none;background-color:#203f9a;background-color:var(--color1);color:#fff;color:var(--color2);padding:.5em;border-radius:50px;width:95%;max-width:30em;cursor:pointer;margin-top:1em;display:flex;justify-content:center;align-items:center;grid-gap:1em;gap:1em;font-size:clamp(1.2em,3vw,1.4em);font-weight:900}.send-message-button svg{transform:rotate(-45deg) translateY(-3px)}@media screen and (max-height:400px){.login-logo{display:none}.login-form-container{border-radius:0}}@media screen and (max-width:720px){.sidebar-icon-person{width:2.5em;height:2.5em;padding:.5em}}@keyframes spinTop{0%{transform:rotate(0deg);border-width:8px;border-width:var(--loader-border-width)}50%{transform:rotate(180deg);border-width:1px}to{transform:rotate(1turn);border-width:8px;border-width:var(--loader-border-width)}}@keyframes spinBottom{0%{transform:rotate(0deg);border-width:1px}50%{transform:rotate(180deg);border-width:8px;border-width:var(--loader-border-width)}to{transform:rotate(1turn);border-width:1px}}@keyframes animate-toast{0%{top:-100px}to{top:2em}}@keyframes animate-toast-shadow{0%{left:-110%}to{left:0}}
/*# sourceMappingURL=main.6b0eb271.chunk.css.map */