@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:Roboto;font-weight:400;height:100%;margin:0;padding:0}input{outline:none}.container{display:flex;flex-direction:column;height:100vh}.wrapper{display:flex;flex:1 1}.content{display:flex;flex:1 1;flex-direction:column}.header,.main{background-color:#fff}.main{flex-grow:1}.header{border-radius:23px;height:209px;margin:32px 32px 20px 7px}.footer,.header{background-color:#5362d5}.footer{color:#fff;font-size:14;height:48px;text-align:center}.sidebar{background-color:#5362d5;border-radius:23px;margin:32px;width:227px}.sidebar-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between}.sidebar-container-bottom,.sidebar-container-top,.sidebar-container-top-buttons{align-items:center;display:flex;flex-direction:column;margin:24px}.sidebar-container-bottom-trial-panel{align-items:center;display:flex;flex-direction:column;margin:17px}.sidebar-container-bottom span{color:#fcfcff;margin:0}.button-sidebar{background-color:#5362d5;border:none;color:#fcfcff;height:32px;text-align:left;width:122px}.button-sidebar-choose-plan{background-color:#ffb800;border:none;border-radius:6px;color:#fcfcff;height:32px;margin-top:7px;width:122px}.button-sidebar:hover{background-color:#8794fb;border-radius:6px}.sidebar-container span{font:Roboto;font-size:15px;margin-left:13px;padding:0}.sidebar-logo{margin-bottom:26px;margin-top:27px}.teacher-info-container{flex-direction:row;justify-content:space-between;margin-left:30px}.teacher-info,.teacher-info-container{display:flex;height:100%;margin-bottom:32px}.teacher-info{align-items:left;flex-direction:column;justify-content:flex-end}.teacher-name{color:#fff;font-size:40px;font-style:normal;font-weight:700;margin-bottom:7px;margin-top:9px}.today-date{color:#fff;font-size:24px;margin:0}.teacher-banner-container{display:flex;height:100%;width:40%}.teacher-banner{flex:1 1}.student-info{background-color:#5362d5;border-radius:16px;height:78px;margin:0 8px 8px 0;width:326px}.student-info-container{display:flex;flex-direction:row;height:100%;width:100%}.student-info-name-container{height:100%;margin:20px 24px 0 19px;width:60%}.student-info-name{color:#fff;font-size:20px;margin:0}.student-info-lastname{color:#fff;font-size:14px;margin:0}.student-info-buttons-container{display:flex;flex-direction:row;height:100%;justify-content:flex-end;margin-right:37px;width:40%}.student-info-buttons-container button{background-color:initial;border:none;outline:none}.myclass-button-register-student{align-items:center;background-color:#fff;border-radius:16px;border-width:0;box-shadow:0 4px 9.6px #a9a3cb;color:#b5b5b5;display:flex;font-size:20px;font-weight:900;height:78px;justify-content:center;outline:none;width:326px}.addicon-group{margin-right:12px}.registration-modal{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.registration-modal-top{background-color:#5362d5;border-top-left-radius:16px;border-top-right-radius:16px;height:68px;width:615px}.registration-modal-top h3{color:#fff;height:100%;margin:23px 22px 22px;text-align:center}.registration-modal-base{align-items:center;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:295px;justify-content:center;width:615px}.input-parent-email,.input-student-last-name,.input-student-name{border-color:#5362d5;border-radius:13px;border-width:2px;box-shadow:none;height:45px;width:255px}.input-parent-email::placeholder,.input-student-last-name::placeholder,.input-student-name::placeholder{color:#b4bcff;font:Roboto;font-size:16px;font-weight:400}.register-button{background-color:#5362d5;border-radius:13px;border-width:0;color:#fff;font:Roboto;font-size:16px;font-weight:400;height:45px;margin-bottom:44px;width:225px}.register-button:hover{border-color:#0e0e0c;border-width:2px}.container-register-student{display:flex;height:100%;width:100%}.container-register-student p{color:#65cb98;font-weight:700}.form-group.full-width{display:flex;grid-column:1/3;justify-content:center}.student-registration-form{align-items:center;display:grid;flex-direction:column;flex-wrap:wrap;grid-template-columns:1fr 1fr;justify-content:center;margin:0 40px 20px 44px}.student-registration-form span{color:#5362d5;font-size:16px;font-weight:500;text-align:left}.modal-confirmation{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-confirmation-top{background-color:#5362d5;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;height:68px;position:relative;text-align:center;width:479px}.modal-confirmation-container{align-items:center;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:251px;justify-content:space-evenly;width:479px}.modal-confirmation-container h2{align-self:center;font-weight:900;margin-bottom:20px;margin-top:5px}.modal-confirmation-aditional-text-container{justify-content:center;margin:0 90px}.modal-confirmation-aditional-text-container span{color:#5362d5;font-size:20px;font-weight:900}.modal-confirmation-container-buttons{align-items:center;display:flex;justify-content:space-evenly}.yes-button{background-color:#27e4ca;margin-right:12px}.no-button,.yes-button{border-radius:13px;border-width:0;color:#fff;font-size:16px;font-weight:400;height:45px;width:144px}.no-button{background-color:#ff4e8d}.no-button:hover,.yes-button:hover{border-color:#0e0e0c;border-width:2px}.profile-form{display:flex;flex-direction:row;padding:20px}.profile-form-column{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-bottom:20px;width:100%}.profile-form-group{margin-bottom:12px}label{color:#5362d5;display:block;font-size:16px;font-weight:700;font:Roboto;margin-bottom:5px}.profile-input-email,.profile-input-name{border:2px solid #5362d5;border-radius:13px;color:#000;font-size:16px;font-weight:medium;font:Roboto;height:45px;width:255px}.profile-change-password-btn,.profile-change-plan-btn{align-items:center;background-color:#fff;border:2px solid #5362d5;border-radius:13px;display:flex;font-size:16px;height:45px;justify-content:space-between;width:255px}.img-arrow-icon{margin-right:12px}.profile-subscription-plan{display:flex;justify-content:space-between}.profile-form-group-avatars{margin-bottom:20px}.profile-avatar-options,.profile-form-group-avatars{align-items:center;display:flex}.profile-avatar-options img{border:2px solid #0000;border-radius:13px;cursor:pointer;height:133px;margin-right:10px;width:133px}.profile-avatar-options img.selected{border-color:#4b4bff}.profile-form-buttons{display:flex;justify-content:flex-start;padding:20px}.profile-cancel-button,.profile-save-button{background:#fff;border:2px solid #4b4bff;border-radius:13px;color:#5362d5;cursor:pointer;font-weight:700;height:45px;margin-right:12px;transition:background-color .3s;width:163px}.profile-cancel-button:hover,.profile-save-button:hover{background-color:#4b4bff;color:#fff}.container-progressbar{background-color:#02b7ba;flex:1 1;height:53px;margin:0}.progress-attendance{-webkit-appearance:none;appearance:none;background-color:#eae7ed;height:53px;margin:0;width:100%}.progress-attendance::-webkit-progress-bar{background-color:#02b7ba}.progress-attendance::-webkit-progress-value{background-color:#30f22c}.progress:after{content:attr(value) "%"}.stats-info{background-color:#fefefe;display:flex;justify-content:flex-start;margin-left:20px}.stats-info-text{color:#5362d5;margin:0 35px 0 0}.icons-container{display:flex;margin-left:20px;margin-top:9px}.icon{margin-right:12px}.absents-text{color:#c94977}.modal-overlay{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-top{background-color:#5362d5;border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;height:68px;position:relative;text-align:center;width:479px}.modal-container{align-items:center;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;height:251px;justify-content:center;width:479px}.modal-container-buttons{align-items:center;display:flex;justify-content:space-evenly}.absent-button,.here-button{background-color:initial;border-width:0}.absent-button:hover,.here-button:hover{border-color:#0e0e0c;border-width:3px}.modal-close-btn{background-color:initial;border:none;position:absolute;right:0;top:0}.student-card{background-color:#fff;border-radius:20px;border-width:0;box-shadow:0 4px 9.6px #a9a3cb;height:78px;margin:11px 23px;padding:0;width:326px}.student-card-container{display:flex;flex-direction:row;height:100%;justify-content:space-around;width:100%}.student-card-info-container{display:flex;flex-direction:column;height:78px;justify-content:center;margin-left:24px;width:163px}.student-card-absent{background-color:#ffc8dc}.student-card-absent,.student-card-here{border-radius:20px;border-width:0;box-shadow:0 4px 9.6px #a9a3cb;height:78px;margin:11px 23px;width:326px}.student-card-here{background-color:#b2fff4}.student-card-absent:hover,.student-card-here:hover,.student-card:hover{border-color:#000;border-width:1px}.student-name{color:#2d2d2d;font-size:20px;font-weight:700;text-align:left}.student-last-name{color:#2d2d2d}.student-last-name,.student-last-name-inclass{font-size:12px;font-weight:400;text-align:left}.student-last-name-inclass{color:#21af9c}.student-name-inclass{color:#21af9c;font-size:20px;font-weight:700;text-align:left}.student-last-name-absent{color:#ff4e8d;font-size:12px;font-weight:400;text-align:left}.student-name-absent{color:#ff4e8d;font-size:20px;font-weight:700;text-align:left}.status-container{align-items:center;display:flex;flex-direction:row;height:78px;justify-content:center;width:163px}.email-status-container,.student-status-container{align-items:center;display:flex;flex-direction:column;width:60px}.email-status-container img,.student-status-container img{height:33px;width:37px}.student-status-text{color:#ccc8e7}.student-status-text,.student-status-text-absent{font-size:12px;font-weight:400;height:33px;width:37px}.student-status-text-absent{color:#ff4e8d}.student-status-text-inclass{color:#21af9c;font-size:12px;font-weight:400;height:33px;width:37px}.students-list-container{background-color:#fefefe}.students-list{display:flex;flex-direction:row;flex-wrap:wrap}.container-day-is-done,.container-finish-day{display:flex;justify-content:center}.container-day-is-done{align-items:center;flex-direction:column}.btn-finish-day{background-color:#02b7ba;border-radius:20px;border-width:0;color:#fffdff;font-size:20px;font-weight:700;height:67px;padding:0;width:230px}.welcome-image-container,.welcome-trial-container{align-items:center;display:flex;flex:1 1}.welcome-image-container{justify-content:center}.welcome-trial-image{height:345px;height:auto;width:167px}.welcome-content-container{flex:2 1;padding-left:20px}.welcome-content-container h2{color:#5362d5;font-size:54px;margin:0}.welcome-content-container p{color:#5362d5;font-size:16px;font-weight:700;margin:10px 0}.welcome-trial-info{align-items:center;color:#3f51b5;display:flex;margin:10px 0}.welcome-trial-info i{margin-right:5px}.welcome-button-container{display:flex;gap:10px}.welcome-get-plan,.welcome-start-trial{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px}.welcome-start-trial{background-color:#3f51b5;color:#fff}.welcome-get-plan{background-color:#ffb800;color:#fff}.art-container{background-color:#5362d5;width:50%}.login-top-container{align-items:center;display:flex;flex-direction:column;justify-content:left;margin-top:139px}.login-top-container h1{color:#5362d5;margin:0}.login-top-container h3{color:#7e7e7e;margin:0}.login-form{align-items:center;justify-content:center}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{margin-top:12px}.login-form-group span{color:#5362d5;font-size:16px;font-weight:700;margin-bottom:4px;margin-left:6px}.login-form-password-group{display:flex;flex-direction:row;justify-content:space-between;margin-top:6px;width:100%}.login-form-password-group span{color:#5362d5;font-size:16px;font-weight:700}.input-login-password,.input-login-username{border-color:#5362d5;border-radius:13px;border-width:2px;box-shadow:none;box-sizing:border-box;color:#b4bcff;font:Roboto;font-size:20px;font-weight:700;height:45px;padding:10px 20px;width:537px}.input-login-password::placeholder,.input-login-username::placeholder{color:#b4bcff;font-size:16px;font-weight:400}.login-button{height:45px;margin-top:12px;width:537px}.login-button,.signup-button{background-color:#5362d5;border-radius:20px;border-width:0;color:#fffdff;font-size:20px;font-weight:700}.signup-button{height:46px;width:302px}.signup-button-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:30px}.login-container{margin-top:25px}.signin-container h3{color:#757575}.signup-container p{color:red;font:Roboto;font-weight:700}.signup-container h1{color:#5362d5;margin:0}.signup-container h3{color:#7e7e7e;margin:0}.signup-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.signup-form p{color:#262a2d;font:Roboto;font-size:14px;font-weight:400;margin-top:12px}.input-signup-email,.input-signup-name,.input-signup-password{border-color:#5362d5;border-radius:13px;border-width:2px;box-shadow:none;height:45px;width:255px}.input-signup-email::placeholder,.input-signup-name::placeholder,.input-signup-password::placeholder{color:#b4bcff;font-size:16px;font-weight:400}.signup-button-form{background-color:#5362d5;border-radius:20px;border-width:0;color:#fffdff;font-size:20px;font-weight:700;height:46px;margin-top:12px;width:302px}.signup-form-group span{color:#5362d5;font-size:16px;font-weight:700}.signup-back-button{background-color:#08a5a8;border-radius:20px;border-width:0;color:#fffdff;font-size:20px;font-weight:700;height:46px;margin-top:10px;width:302px}.signup-form-group{display:flex;flex-direction:column;margin-top:12px}.signup-signin-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.signin-main-container{display:flex;height:100vh}.left-panel{background-color:#5362d5;flex:1 1;flex-direction:column}.left-panel,.right-panel{align-items:center;display:flex;justify-content:center}.right-panel{background-color:#fff;flex:1 1}.pricing-container{padding:2rem;text-align:center}.pricing-title{color:#4b49ac;font-size:2.5rem;margin-bottom:1rem}.pricing-description{color:#8a8a8a;font-size:1rem;margin-bottom:2rem}.plans{display:flex;gap:2rem;justify-content:center}.plan{background:#fff;border-radius:24px;box-shadow:0 4px 8px #0000001a;flex:1 1;padding:1.5rem;position:relative}.plan-header{margin-bottom:1rem}.plan-header h2{color:#4b49ac;font-size:1.5rem}.plan-header p{color:#8a8a8a;font-size:.9rem}.plan-star{color:#f0c040;font-size:1.2rem}.plan-price{align-items:baseline;display:flex;justify-content:center;margin-bottom:1rem}.plan-price .currency{color:#4b49ac;font-size:1.5rem}.plan-price .amount{color:#4b49ac;font-size:2.5rem;margin-left:.2rem}.plan-features{color:#8a8a8a;list-style:none;margin:1rem 0;padding:0;text-align:left}.plan-features li{margin-bottom:.5rem}.plan-button{background:#4b49ac;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.plan-button:hover{background:#373485}.plan-card{background-color:#556ee6;border-radius:24px;box-shadow:0 4px 8px #0000001a;color:#fff;font-family:Arial,sans-serif;padding:20px;text-align:center;width:200px}.stars{font-size:24px;margin-bottom:10px}.plan-card h3{font-size:24px;margin:0}.plan-card p{font-size:14px;margin:5px 0}.plan-card h2{font-size:36px;margin:10px 0}.discount{font-size:24px;font-weight:700;margin:10px 0}.get-plan-button{background-color:#fff;border:none;border-radius:5px;color:#556ee6;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.get-plan-button:hover{background-color:#ddd}.myplan-container,.myplan-info-group{display:flex;flex-direction:column}.myplan-info-group{margin-bottom:36px}.myplan-info-group-buttons{display:flex;justify-content:flex-start}.myplan-input{border:2px solid #5362d5;border-radius:13px;color:#000;font-size:16px;font-weight:medium;font:Roboto;height:45px;margin-bottom:12px;width:372px}.myplan-btn-back{background-color:#fff;border:2px solid #5362d5;border-radius:13px}.myplan-btn-back,.myplan-btn-cancel{height:45px;margin-right:12px;width:163px}.myplan-btn-cancel{background-color:#ff4e8d;border:2px solid #ff4e8d;border-radius:13px;color:#fff}.myplan-btn-upgrade{background-color:#5362d5;border:2px solid #5362d5;border-radius:13px;color:#fff;height:45px;margin-right:12px;width:163px}
/*# sourceMappingURL=main.26c54575.css.map*/