*{font-family:Nunito;user-select:none;-webkit-user-select:none}h3{font-size:20px}body{margin:0;padding:0}.loaderContainer{background:#fffc;height:100%;left:0;position:fixed;top:0;width:100%;z-index:97}.loaderBall1{background:#ff96ce;height:50px;opacity:.8;width:50px}.loaderBall1,.loaderBall2{border-radius:50%;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.loaderBall2{background:#ff66b7;height:100px;opacity:.5;width:100px}.appBar{align-items:center;background:#f542a1;box-shadow:0 8px 32px 0 #0000004d;color:#fff;display:flex;left:0;max-height:90px;min-height:70px;padding:0 20px;position:fixed;top:0;width:100%;z-index:99}.appBarIcon{font-size:32px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0 3px 3px 0}.logoutButton{align-items:center;display:flex;justify-content:center;margin:0 35px 0 auto}.logoutButton:active{opacity:.5}.logoutIcon{font-size:32px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.footer{bottom:0;box-shadow:0 8px 32px 4px #0000004d;color:#fff;left:0;min-height:40px;padding:0 20px;width:100%;z-index:99}.footer,.notificationBox{align-items:center;background:#fa39c7;display:flex;justify-content:center;position:fixed;text-align:center}.notificationBox{border-radius:10px;height:auto;left:50%;margin:100px 0;max-width:80%;padding:5px 0;top:0;transform:translate(-50%);width:300px;z-index:98}.notificationText{color:#fff;margin:5px}.welcomeMessage{align-items:center;border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;color:#000;display:flex;flex-direction:row;height:auto;margin:130px auto 0;max-width:70%;padding:5px 30px;width:600px}.welcomeMessageIcon{font-size:32px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0 5px 1px 0}.classContainer{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;color:#000;height:200px;margin:40px auto;max-width:50%;padding:80px 30px;width:300px}.classButton,.classContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.classButton{background:#ff66d6;border:5px solid #fa39c7;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;color:#fff;font-size:14px;font-weight:700;margin:5px;padding:10px;width:120px}.classButton:active{filter:brightness(1.2)}.classes,.students{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;display:flex;flex-direction:column;height:350px;justify-content:center;margin:130px auto 80px;max-width:800px;padding:50px 30px 100px;width:70%}.classHeader{flex-direction:row;gap:20px;margin:10px 0 10px 10px}.backButton,.classHeader{align-items:center;display:flex}.backButton{background:#ff66d6;border-radius:10px;box-shadow:0 1px 4px 0 #0000004d;color:#fff;justify-content:center;margin-left:auto;padding:10px}.backButton:active{filter:brightness(1.2)}.classBox{align-items:center;align-self:center;background:#fcfcfc;border-radius:10px;box-shadow:inset 0 2px 8px 0 #0000004d;height:90%;min-height:90%;width:90%}.classBox,.classOverflow{display:flex;justify-content:center;padding:20px 0}.classOverflow{flex-wrap:wrap;height:95%;overflow-y:auto;width:95%}.classAddButton,.classSelf,.startAttendanceButton{align-items:center;background:#fff;border:5px solid #ff96ce;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;color:#ff96ce;display:flex;height:100px;justify-content:center;margin:20px;padding:10px;text-align:center;width:100px;word-break:break-word}.classSelf:active{opacity:.5}.classAddButton{background:#ff66d6;border:5px solid #fa39c7;border-radius:10px;color:#fff;flex-direction:column;font-weight:700}.classAddButton:active{filter:brightness(1.2)}.studentSelf{align-items:center;background:#fff;border:5px solid #ff96ce;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;display:flex;flex-direction:column;height:140px;justify-content:center;margin:20px;padding:10px;text-align:center;width:140px;word-break:break-word}.attendanceIcon,.studentIcon{color:#f542a1;font-size:38px;font-variation-settings:"FILL" 1,"wght" 800,"GRAD" 0,"opsz" 24}.studentName{color:#ff96ce;font-size:15px;font-weight:800;margin:5px}.studentRoll{color:#aaa;font-size:12px;font-weight:800;margin:0 5px}.startAttendanceButton{background:#ff66d6;border:5px solid #fa39c7;border-radius:10px;color:#fff;flex-direction:column;font-weight:700;height:140px;width:140px}.startAttendanceButton:active{filter:brightness(1.2)}.attendanceIcon{color:#fff}.classAdderBackground{background:#fffc;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.classAdderBackground,.classAdderContainer{align-items:center;display:flex;justify-content:center}.classAdderContainer{background:#fff;border:5px solid #fa39c7;border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;flex-direction:column;height:auto;max-width:70%;padding:30px 20px;width:300px}.classAdderName{margin:10px}.classAdderInput{border:5px solid #ff96ce;border-radius:10px;color:#888;font-size:14px;font-weight:700;margin:0 0 25px;outline:none;padding:5px;text-align:center;width:150px}.classAdderInput:focus{outline:4px solid #fa39c7}.classAdderButtons,.classAdderCloseButton{align-items:center;display:flex;flex-direction:row;justify-content:center}.classAdderCloseButton{background:#ff57b0;border:5px solid #f542a1;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;color:#fff;font-size:12px;font-weight:700;height:15px;margin:5px;padding:10px;width:60px}.classAdderCloseButton:active{filter:brightness(1.2)}.classAdderAddButton{align-items:center;background:#ff66d6;border:5px solid #fa39c7;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;color:#fff;display:flex;flex-direction:row;font-size:12px;font-weight:700;height:15px;justify-content:center;margin:5px;padding:10px;width:60px}.classAdderAddButton:active{filter:brightness(1.2)}.classAdderIcon{font-size:20px}.studentAdderContainer{align-items:center;border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;display:flex;flex-direction:column;height:500px;justify-content:center;margin:130px auto 70px;max-width:400px;padding:5px 20px 20px;width:80%}.studentAdderHeader{margin:10px 0 35px}.studentAdderName,.studentAdderPictures,.studentAdderRoll{color:#fa39c7;margin:0 0 10px}.studentAdderNameInput,.studentAdderRollInput{border:5px solid #ff96ce;border-radius:10px;color:#888;font-size:14px;font-weight:700;margin:0 0 30px;max-width:80%;outline:none;padding:5px;text-align:center;width:200px}.studentAdderNameInput:focus,.studentAdderRollInput:focus{outline:4px solid #fa39c7}.studentAdderPicturesImageButton{align-items:center;background:#fa39c7;border:5px solid #ff66d6;border-radius:5px;color:#fff;display:flex;flex-direction:row;font-weight:700;gap:2px;justify-content:center;margin:0 0 10px;padding:10px}.studentAdderPicturesImageButton:active{filter:brightness(1.2)}.studentAdderPicturesImageInput{display:none}.studentAdderImageIcon{margin:0 0 2px}.studentAdderButtons{font-size:14px;width:80px}.studentAdderPicturesImagePreview{color:#aaa;margin:0 0 20px}.attendanceRoomContainer{display:flex;flex-direction:row;justify-content:center}.cameraContainer{align-items:center;height:450px;max-width:300px;padding:35px 25px 15px}.cameraContainer,.studentList{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;display:flex;flex-direction:column;margin:130px 20px 80px;width:70%}.studentList{height:325px;justify-content:center;max-width:800px;padding:75px 30px 100px}.cameraFeedBox{align-items:center;border:7px solid #ff66d6;border-radius:5px;display:flex;height:380px;justify-content:center;margin:0 0 15px;width:90%;z-index:5}.cameraFeed{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.cameraButton{font-size:16px;height:15px;margin:0}.cameraButton,.cameraScanButtons{align-items:center;display:flex;flex-direction:row;justify-content:center}.cameraScanButton{display:none}.cameraScanIcon{font-size:20px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0 5px 0 0}.cameraBrightnessButton{align-items:center;background:#ff57b0;border:5px solid #f542a1;border-radius:5px;box-shadow:0 2px 8px 0 #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;margin:0 15px;width:20px}.cameraBrightnessButton:active{filter:brightness(1.2)}.cameraBrightnessButtonIcon{font-size:16px;font-weight:700}@media screen and (max-width:800px){.attendanceRoomContainer{align-items:center;flex-direction:column}.cameraContainer{margin:130px 20px 30px}.studentList{margin:0 20px 80px}}.studentPresent{border:5px solid #ff96ce;border-radius:10px}.studentAbsent,.studentPresent{align-items:center;background:#fff;box-shadow:0 2px 8px 0 #0000004d;display:flex;flex-direction:column;height:150px;justify-content:center;margin:20px;padding:10px;text-align:center;width:150px;word-break:break-word}.studentAbsent{border:5px solid #ccc;border-radius:10px;color:#ccc}.studentNamePresent{color:#ff96ce;font-size:15px;font-weight:800;margin:5px}.studentRollPresent{color:#aaa;font-size:12px;font-weight:800;margin:0 5px}.studentStatusPresent{color:#ff96ce;font-size:16px;margin:10px 0 0}.studentNameAbsent{color:#ccc;font-size:15px;font-weight:800;margin:5px}.studentRollAbsent{color:#ccc;font-size:12px;font-weight:800;margin:0 5px}.studentStatusAbsent{color:#ccc;font-size:16px;margin:10px 0 0}.studentIconAbsent{color:#ccc;font-size:38px;font-variation-settings:"FILL" 1,"wght" 800,"GRAD" 0,"opsz" 24}.attendanceBox{align-items:center;align-self:center;background:#fcfcfc;border-radius:10px;box-shadow:inset 0 2px 8px 0 #0000004d;display:flex;height:85%;justify-content:center;min-height:85%;padding:20px 0;width:90%}.attendanceBoxFinishContainer{align-self:center;margin:15px 0 0}.finishScanIcon{font-size:30px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0}.attendanceDownloaderContainer{height:100%;left:0;position:absolute;top:0;width:100%}.attendanceDownloader,.attendanceDownloaderContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.attendanceDownloader{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;height:200px;margin:0 auto;max-width:400px;padding:50px 30px 60px;width:70%}.attendanceDownloaderHeader{align-items:center;display:flex;flex-direction:row;margin:10px 0 0}.attendanceDownloadTitle{text-align:center}.attendanceDownloaderButtonContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.attendanceDownloaderButton{margin:0 0 20px;width:200px}.photoClicker,.photoClickerCameraContainer{align-items:center;display:flex;flex-direction:column}.photoClickerCameraContainer{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;height:450px;margin:0 20px 60px;max-width:300px;padding:35px 25px 15px;width:70%}.photoClickerCameraFeedBox{align-items:center;border:7px solid #ff66d6;border-radius:5px;display:flex;height:380px;justify-content:center;margin:0 0 15px;width:90%;z-index:5}.scanHelper{font-size:16px;font-weight:700}.scanTitle{color:#f542a1}.scanText{color:#ff57b0}.finishAttendanceButton{width:180px}.backHomeButton{margin:100px 0 20px;width:200px}.loginContainer{height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.login,.loginContainer{align-items:center;display:flex;flex-direction:column}.login{border-radius:10px;box-shadow:0 4px 16px 0 #0000004d;height:260px;margin:0;max-width:350px;width:90%}.loginLogo{background:#f542a1;border-radius:10px;color:#fff;justify-content:center;margin:30px 0 0;max-width:70%;padding:0 30px;text-align:center}.loginHeader,.loginLogo{align-items:center;display:flex}.loginHeader{flex-direction:row;margin:10px 0 0}.loginTitle{text-align:center}.loginButton{width:180px}.chatButton{align-items:center;background:#fa39c7;border:5px solid #ff66d6;border-radius:50%;bottom:50px;box-shadow:0 4px 16px 0 #0000004d;color:#fff;display:flex;height:15px;justify-content:center;padding:20px;position:fixed;right:10px;width:15px}.chatButton:active{filter:brightness(1.2)}.chatIcon{font-size:26px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0}.chatBox{background:#fff;border-radius:10px;bottom:60px;box-shadow:0 4px 16px 0 #0000004d;display:flex;flex-direction:column;height:400px;max-width:90%;position:fixed;right:20px;visibility:hidden;width:300px}.chatBoxHeader{align-items:center;display:flex;flex-direction:row;justify-content:center}.chatBoxTitle{margin:0 0 0 20px}.chatCloseButton{align-items:center;background:#ff66d6;border-radius:10px;box-shadow:0 1px 4px 0 #0000004d;color:#fff;display:flex;height:30px;justify-content:center;margin:0 15px 0 auto;width:30px}.chatCloseButton:active{filter:brightness(1.2)}.chatCloseIcon{font-size:22px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0}.chatMessageContainer{align-items:center;align-self:center;background:#fcfcfc;border-radius:10px;box-shadow:inset 0 2px 8px 0 #0000004d;display:flex;height:260px;justify-content:center;margin:0 0 15px;max-width:90%;width:250px}.chatMessageOverflow{display:flex;flex-direction:column;height:90%;max-height:90%;max-width:90%;overflow-y:auto;padding:10px;width:90%}.chatMessage{word-wrap:break-word;align-self:flex-start;background:#f542a1;border-radius:5px;box-shadow:0 1px 4px 0 #0000004d;color:#fff;margin:0 0 10px;max-width:70%;padding:15px;-webkit-user-select:none;user-select:none;width:70%;word-break:break-word}.chatMessageSelf{align-self:flex-end;background:#ff66d6}.chatMessageHeader{font-size:14px;font-weight:700;margin:0 0 5px}.chatMessageBody{font-size:12px;font-weight:500}.chatMessageInputContainer{display:flex;flex-direction:row;justify-content:center}.chatMessageInput{border:5px solid #ff96ce;border-radius:10px;color:#888;flex:auto;font-size:14px;font-weight:700;margin:0 0 15px 20px;outline:none;padding:5px;text-align:center;width:150px}.chatMessageInput:focus{outline:4px solid #fa39c7}.chatMessageSendButton{align-items:center;background:#ff57b0;border:5px solid #f542a1;border-radius:10px;box-shadow:0 2px 8px 0 #0000004d;color:#fff;display:flex;flex-direction:row;font-size:12px;font-weight:700;height:10px;justify-content:center;margin:0 15px 0 7px;padding:10px;width:10px}.chatMessageSendButton:active{filter:brightness(1.2)}.aboutButton{align-items:center;background:#fa39c7;border:5px solid #ff66d6;border-radius:50%;bottom:50px;box-shadow:0 4px 16px 0 #0000004d;color:#fff;display:flex;height:15px;justify-content:center;left:10px;padding:20px;position:fixed;width:15px}.aboutButton:active{filter:brightness(1.2)}.aboutBox{background:#fff;border-radius:10px;bottom:60px;box-shadow:0 4px 16px 0 #0000004d;display:flex;flex-direction:column;height:400px;left:20px;max-width:90%;position:fixed;visibility:hidden;width:300px}.aboutIcon{font-size:30px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;margin:0}.aboutBoxContent{align-self:center;color:#f542a1;width:240px}.aboutBoxName{color:#fa39c7;margin:10px 0 0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ddd;border-radius:10px;box-shadow:inset 0 0 3px #fff}::-webkit-scrollbar-thumb{background:#f472d0;border-radius:10px;box-shadow:inset 0 0 3px #fff}::-webkit-scrollbar-thumb:hover{background:#e356bc}
/*# sourceMappingURL=main.83ccdfa2.css.map*/