@charset "UTF-8";*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}select{vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}html{font-size:100%}body{background-color:#fff;font-size:16px}h2{font-size:1.25rem;font-weight:700}img{max-width:100%;height:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0}a{color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}p{line-height:normal}.l-inner{max-width:1040px;width:100%;padding:0 20px;margin:0 auto}@media (width <= 991px){.l-inner{padding:0 16px}}.l-main,.l-main_dashboard{max-width:1500px;width:100%;margin:0 auto;padding:1.5rem}.l-main_dashboard{max-width:900px}@media (width <= 1199px){.l-main_dashboard{max-width:600px}}.sidenav-container{height:calc(100vh - 74px)}.example-spacer{flex:1 1 auto}.l-main-layout__sidenav{padding:.6rem}.c-top__title{font-size:30px;color:#005786;letter-spacing:.1em}@media (width <= 991px){.c-top__title{font-size:24px;margin-bottom:auto}}.c-top__title--register{position:relative;padding:20px 0 20px 26px;display:flex;align-items:center}.c-top__title--register span{font-size:20px;margin-left:20px;letter-spacing:normal}.c-top__title--register:before{position:absolute;content:"";left:0;width:6px;height:41px;background-color:#005786}.c-input__title-sub{margin:20px 0 12px -10px;font-size:1.2rem;font-weight:600}.c-error__message,.c-error__message--small,.c-error__message-center{color:#ba1a1a;line-height:1.3;font-size:.9rem;margin:-10px 0 1rem}.c-error__message-center{text-align:center}.c-error__message--small{font-size:small}.c-register__lead{line-height:normal}.c-register__name{display:flex}.c-register__text{font-size:12px;line-height:normal}.c-register__text li{text-indent:-.6em;padding-left:1em}.c-register__text span{color:#ba1a1a}.c-main__title{height:60px;display:flex;align-items:center;margin-bottom:1rem}@media (width <= 767px){.c-main__title{height:40px}}.c-main__title h1{font-size:30px;font-weight:700}@media (width <= 767px){.c-main__title h1{font-size:26px}}@media (width <= 575px){.c-main__title h1{font-size:24px}}.c-dashboard__wrap{display:grid}.c-dashboard__app-wrap{padding:1.5rem}.c-dashboard__grade-wrap{padding:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (width <= 1199px){.c-dashboard__grade-wrap{grid-template-columns:repeat(1,minmax(0,1fr))}}.c-dashboard__grade-actions-wrap{display:flex;justify-content:center;padding:.5rem}.c-dashboard__grade-form{width:100%}.c-dashboard__grade-input{width:100%;display:flex;flex-direction:column}.c-dashboard__grade-inner{width:100%}.c-dashboard__grade--input-btn{width:180px;margin:0 auto 1rem}.c-dashboard__grade--input-btn-icon{color:#fff}.c-dashboard__grade-btn-wrap{display:flex;justify-content:center}@media (width <= 575px){.c-dashboard__grade-btn-wrap{flex-direction:column;align-items:center;gap:.5rem}}.c-dashboard__grade-btn{margin-inline:.5rem;width:120px;min-width:120px}.c-btn__filled mat-icon{color:#fff}.c-btn__primary,.c-btn__delete,.c-btn__tertiary,.c-btn__secondary{background-color:#147dbc;color:#fff;transition:.3s}.c-btn__primary:hover,.c-btn__delete:hover,.c-btn__tertiary:hover,.c-btn__secondary:hover{opacity:.6;transition:.3s}.c-btn__primary mat-icon,.c-btn__delete mat-icon,.c-btn__tertiary mat-icon,.c-btn__secondary mat-icon{color:#fff}.c-btn__secondary{background-color:#009ebe}.c-btn__tertiary{background-color:#dfa000}.c-btn__delete{background-color:#ba1a1a}.c-student-list__header{display:flex;justify-content:space-between;align-items:center;margin-block:1.5rem}@media (width <= 991px){.c-student-list__header{flex-direction:column;align-items:flex-start;gap:1rem}}.c-student-list__table-wrap{overflow:hidden;border:1px solid #ccc;border-radius:12px}.mat-mdc-table{background-clip:padding-box;background:#fff}.mat-mdc-table .mat-mdc-header-row,.mat-mdc-table .mat-mdc-row{background-clip:padding-box}.mat-mdc-table .mat-mdc-header-row{background-color:#cde5ff;height:2.4rem}.mat-mdc-table .mat-mdc-row:nth-child(2n){background-color:#cde5ff}.mat-mdc-table th,.mat-mdc-table td{vertical-align:middle;padding:4px 10px}.c-dialog__container{padding:200px 1.5rem;height:100vh;background-color:#f7f9ff}.c-dialog__container h2{font-size:30px;font-weight:600;text-align:center;margin-bottom:2rem;color:#005786}.c-dialog__lead{text-align:center}.c-dialog__card{max-width:450px;width:100%;margin:1.5rem auto;padding:14px}.c-dialog__header{justify-content:center}.c-dialog__title{color:#005786}.c-dialog__card-content{margin-top:1.5rem}.c-dialog__loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.c-dialog__success-message,.c-dialog__error-alert{text-align:center;margin-bottom:1rem}.c-dialog__error-alert{color:#ba1a1a}.c-dialog__actions--container{display:flex;margin-top:.8rem;justify-content:center;align-items:center;gap:1rem;padding:.5rem}.c-dialog__actions{display:flex;justify-content:center;gap:1rem}@media (width <= 767px){.c-dialog__actions{flex-direction:column;align-items:center}}.c-dialog__text--bold{font-weight:700;margin-bottom:1rem}.c-dialog__form-field{width:100%;margin-top:1rem}.p-register{margin-top:60px;padding-bottom:90px}@media (width <= 991px){.p-register{margin-top:40px;padding-bottom:30px}}.p-register-top{border-bottom:1px solid #707070}.p-register__content{margin-top:39px}@media (width <= 767px){.p-register__content{margin-top:1.5rem}}.p-register__input-field{width:400px}@media (width <= 575px){.p-register__input-field{width:100%}}.p-register__input{margin-top:2.4rem;display:flex}@media (width <= 575px){.p-register__input{flex-direction:column}}.p-register__buttons-preregister{margin:8px 0 0 20px}@media (width <= 575px){.p-register__buttons-preregister{margin:0}}.p-register__buttons-comfirm{margin:8px 0 0}@media (width <= 575px){.p-register__buttons-comfirm{margin:0}}.p-register__text{margin-top:1.5rem}.p-register__blackcircle:before{content:"\25cf";padding-right:3px}.p-register__fw-bold{font-weight:700}.p-register__inner-wrap{padding-inline:1rem}.p-register__form-row{margin-block:1rem 1.5rem;display:flex;gap:1rem}@media (width <= 767px){.p-register__form-row{flex-direction:column}}.p-register_button-schoollist{margin:-1rem 0 2rem}.p-register__expansion-wrap{width:400px;margin:-1rem 0 1rem}@media (width <= 767px){.p-register__expansion-wrap{width:100%}}.p-register__input-schoolname{width:320px}@media (width <= 767px){.p-register__input-schoolname{width:100%}}.p-register__hr{margin-block:2.5rem;color:#ccc}.p-register__fs90{font-size:90%}.p-register__ff-notosans{font-family:Noto Sans JP,sans-serif}.p-register__input-content-wrap{padding-left:.8rem}.p-register__input-content-wrap .p-register__schoolinfo{display:grid;grid-template-columns:80px 1fr;gap:7px 0}.p-register__input-content-wrap .p-register__teacherinfo{display:grid;grid-template-columns:48px 1fr;gap:7px 0;margin:.5rem 0 0 1rem}.p-register__buttons-register{margin:3rem 0 0 1rem}@media (width <= 575px){.p-register__buttons-register{margin:0}}#login .p-login__container{width:100%;max-width:450px;margin:1.5rem auto;padding:30px;border:1px solid #ccc;border-radius:10px;background-color:#fff}#login .p-login__container .p-login__form-group{margin-bottom:20px}#login .p-login__container label{display:block;margin-bottom:5px;font-weight:700}#login .p-login__container input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:6px;background-color:#fff}#login .p-login__container .p-login__button-wrap{width:65%;margin:2rem auto 0}#login .p-login__container button{width:100%;padding:10px}#login .p-login__alert-danger{color:#ba1a1a;font-size:.8em;margin-top:8px}#main-layout .p-mainlayout__toolbar{border-bottom:2px solid #3f97d8}#main-layout .p-mainlayout__title{line-height:1}@media (width <= 575px){#main-layout .p-mainlayout__title{font-size:1.2rem}}@media (width <= 400px){#main-layout .p-mainlayout__title{font-size:1rem}}#main-layout .p-mainlayout__account-header-wrap{display:flex;align-items:center;gap:1.5rem}@media (width <= 1199px){#main-layout .p-mainlayout__account-header-wrap{display:none}}#main-layout .p-mainlayout__account-sidebar-wrap{display:none}@media (width <= 1199px){#main-layout .p-mainlayout__account-sidebar-wrap{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1rem;background-color:#fff;border-radius:1rem;margin:2rem 1rem}}#main-layout .p-mainlayout__school-name{font-size:1.2rem;letter-spacing:.5px}@media (width <= 1199px){#main-layout .p-mainlayout__school-name{color:#005786;font-weight:700;font-size:1.15rem}}#main-layout .p-mainlayout__account{display:flex;align-items:center;background-color:#cde5ff;border-radius:.5rem;padding:.6rem 1rem;gap:1rem}@media (width <= 1199px){#main-layout .p-mainlayout__account{padding:.8rem;gap:.6rem}}#main-layout .p-mainlayout__account .p-mainlayout__account-icon{flex-shrink:0}#main-layout .p-mainlayout__account>mat-icon{flex-shrink:0}#main-layout .p-mainlayout__account-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow-wrap:break-word}#main-layout .p-mainlayout__account-info .p-mainlayout__teacher-name{font-size:initial;font-weight:400;line-height:1;color:#005786}#main-layout .p-mainlayout__account-info .p-mainlayout__teacher-info{display:flex;gap:.4em;font-size:.75rem;line-height:1;color:#005786;font-weight:400}#main-layout .p-mainlayout__sidenav-hr{display:none}@media (width <= 1199px){#main-layout .p-mainlayout__sidenav-hr{display:block;border:1px solid #3f97d8;margin-top:1rem;opacity:.6}}.p-dashboard-preparation{text-align:center;padding-block:3rem}.p-dashboard-preparation-chip{margin-top:1rem}.p-dashboard-preparation-img{width:100px;margin-block:38px}.p-dashboard-preparation-heading{font-weight:700;font-size:1.5rem}.p-dashboard-preparation-text{margin-top:1rem}#p-textbook .p-textbook__grade-wrap{margin-bottom:1.5rem}#p-textbook .p-textbook__grade-wrap:first-child{margin-top:1.5rem}#p-textbook .p-textbook__grade-wrap:last-child{margin-bottom:0}#p-textbook .p-textbook__grade-title{display:flex;align-items:center;margin-bottom:1rem}#p-textbook .p-textbook__grade-title-icon{margin-right:.4em}#p-textbook .p-textbook__grade-regibtn{color:#fff}#p-textbook .p-textbook__grade-content{text-align:center;padding-block:1rem 1rem .3rem}#p-textbook .p-textbook__grade-unregi-icon{width:80px;margin:0 auto .5rem}#p-textbook .p-textbook__grade-unregi-text{color:#aaa}#p-textbook .p-textbook__grade-content-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media (width <= 1399px){#p-textbook .p-textbook__grade-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width <= 1199px){#p-textbook .p-textbook__grade-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 991px){#p-textbook .p-textbook__grade-content-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}#p-textbook .p-textbook__grade-content-chip-red{background-color:#e2041a26;margin-bottom:.6rem}#p-textbook .p-textbook__grade-content-chip-red span{color:#ba1a1a}#p-textbook .p-textbook__grade-content-chip-blue{background-color:#005dbb26;margin-bottom:.6rem}#p-textbook .p-textbook__grade-content-chip-blue span{color:#005786}#p-textbook .p-textbook__grade-content-detail{font-size:.875rem;line-height:1.25rem}#p-textbook .p-textbook__grade-content-detail-title{font-size:1.1rem;font-weight:700;line-height:1.5}#p-textbook .p-textbook__grade-content-footer{display:flex;gap:.8rem}#p-textbook .p-textbook__grade-content-footer-btn-edit,#p-textbook .p-textbook__grade-content-footer-btn-delete{display:flex;align-items:center;font-size:.875rem;background-color:#00000014;border-radius:.25rem;padding:.25rem .5rem}#p-textbook .p-textbook__grade-content-footer-btn-delete{background-color:#b91c1c26}#p-textbook .p-textbook__grade-edit-wrap .p-textbook__grade-edit-select,#p-textbook .p-textbook__grade-edit-wrap .p-textbook__grade-edit-input{width:100%;padding:.25rem .5rem;text-transform:none;font-size:.875rem;line-height:1.25rem;border:1px solid #ccc;border-radius:.25rem;margin-bottom:12px}#p-textbook .p-textbook__grade-edit-footer{display:flex;gap:.8rem}#p-setting .p-setting__input-card-title{display:flex;align-items:center;gap:.4em}#p-setting .p-setting__info--wrap{margin:1rem 0 1.8rem}#p-setting .p-setting__info--item{display:flex;line-height:1.8;gap:1.2rem}@media (width <= 575px){#p-setting .p-setting__info--item{display:block;line-height:1.4;margin-bottom:.5rem}}#p-setting .p-setting__info--item dt{width:110px}#p-setting .p-setting__input-wrap,#p-setting .p-setting__change-password-wrap,#p-setting .p-setting__change-mail-wrap{margin-bottom:1.2rem}#p-setting mat-card-content{margin-top:.5rem}#p-setting .p-setting__card{max-width:42rem}#p-setting .p-setting__input-item{width:100%;margin-bottom:1rem}#p-setting .p-setting__grade-class-group{display:flex;gap:1rem;margin-bottom:1rem}#p-setting .p-setting__app-info dl{line-height:1.5;font-size:.875rem}#p-setting .p-setting__app-info dl dt{width:200px}#p-setting .p-setting__app-info .p-setting__app-info-item{display:flex}@media (width <= 575px){#p-setting .p-setting__app-info .p-setting__app-info-item{flex-direction:column;margin-bottom:.2rem}}#classroom .p-classroom__title-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}#classroom .p-classroom__content-wrap{margin-top:2rem}#classroom .p-classroom__content-wrap:has(>app-classroom-card){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}@media (width <= 1399px){#classroom .p-classroom__content-wrap:has(>app-classroom-card){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width <= 1199px){#classroom .p-classroom__content-wrap:has(>app-classroom-card){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width <= 767px){#classroom .p-classroom__content-wrap:has(>app-classroom-card){grid-template-columns:repeat(1,minmax(0,1fr))}}#classroom .p-classroom__content-unregistered{text-align:center;padding:3rem}#classroom-card mat-card{height:292.39px}#classroom-card mat-card-content>div{margin-top:.8rem}#classroom-card mat-card-content>div:first-child{margin-top:-.5rem}#classroom-card mat-card-content>div:nth-child(3){margin-top:1.5rem}#classroom-card .p-classroom-card__share{display:flex;justify-content:space-between}#classroom-card .p-classroom-card__share .p-classroom-card__share--grade{color:#005786}#classroom-card .p-classroom-card__share .p-classroom-card__share--number{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#6b7280}#classroom-card .p-classroom-card__share--icons{display:flex;gap:4px}#classroom-card .p-classroom-card__share-icon{color:#6b7280;font-size:.75rem;height:12px;width:12px}#classroom-card .p-classroom-card__number-of-children{display:flex;align-items:center;gap:8px}#classroom-card .p-classroom-card__watch-list-btn{width:100%;background-color:#147dbc;color:#fff}#classroom-card .p-classroom-card__watch-list-btn mat-icon{color:#fff}#classroom-card .p-classroom-card__action-wrap{display:flex;gap:.8rem}#classroom-card .p-classroom-card__action-btn{flex-basis:50%}#classroom-card .p-classroom-card__share-btn,#classroom-card .p-classroom-card__pdf-btn{width:100%;background-color:#009ebe;color:#fff}#classroom-card .p-classroom-card__share-btn mat-icon,#classroom-card .p-classroom-card__pdf-btn mat-icon{color:#fff}#classroom-card .p-classroom-card__pdf-btn{background-color:#dfa000}#classroom-card .p-classroom-card__teacher{font-size:.875rem;line-height:1.25rem}#students-list .p-student-list__header--right{display:flex;justify-content:flex-end;gap:.75rem}@media (width <= 767px){#students-list .p-student-list__header--right{flex-direction:column}}#students-list .c-btn__primary,#students-list .c-btn__delete,#students-list .c-btn__cancel,#students-list .c-btn__tertiary,#students-list .c-btn__secondary{background-color:#147dbc;color:#fff;transition:.3s;border-radius:.5rem}#students-list .c-btn__primary:hover,#students-list .c-btn__delete:hover,#students-list .c-btn__cancel:hover,#students-list .c-btn__tertiary:hover,#students-list .c-btn__secondary:hover{opacity:.6;transition:.3s}#students-list .c-btn__primary mat-icon,#students-list .c-btn__delete mat-icon,#students-list .c-btn__cancel mat-icon,#students-list .c-btn__tertiary mat-icon,#students-list .c-btn__secondary mat-icon{color:#fff}#students-list .c-btn__secondary{background-color:#009ebe}#students-list .c-btn__tertiary{background-color:#dfa000}#students-list .c-btn__cancel{background-color:#9ca3af}#students-list .c-btn__delete{background-color:#ba1a1a}#students-list .p-student-list__classinfo-wrap{margin-bottom:2rem}#students-list .p-student-list__classname{font-size:1.5rem}#students-list .p-student-list__class-members{padding-top:1rem;display:flex;align-items:center;gap:1.5rem}@media (width <= 991px){#students-list .p-student-list__class-members{flex-direction:column;align-items:flex-start}}#students-list .p-student-list__class-members .p-student-list__student-wrap{display:flex;gap:1rem;align-items:center}#students-list .p-student-list__class-members .p-student-list__teacher-wrap{display:flex;gap:1rem}#students-list .p-student-list__class-members mat-chip{background-color:#cde5ff;height:1.7rem;border-radius:100vh}#students-list .p-student-list__class-members mat-chip span{color:#005786;font-weight:700}#students-list .p-student-list__class-members mat-icon{font-size:1.2rem;width:1.2 rem;height:1rem}#students-list .p-student-list__class-members .p-student-list__teacher-name{font-size:.875rem}#students-list .p-student-list__add-student-wrap{padding:1.2rem;background-color:#cde5ff;border-radius:.5rem;display:inline-flex;align-items:flex-end;gap:.8rem;margin-bottom:1.5rem}@media (width <= 991px){#students-list .p-student-list__add-student-wrap{flex-direction:column;gap:.7rem;margin-block:.5rem;align-items:flex-start}}#students-list .p-student-list__add-student-wrap form{display:flex;flex-direction:column;gap:8px}#students-list .p-student-list__add-student-wrap form label{font-size:.9rem}#students-list .p-student-list__add-student-wrap input{width:250px;padding:.6rem;border-radius:.5rem;border:1px solid #ccc;background-color:#fff}#students-list .p-student-list__add-student-wrap input:focus{outline:none;box-shadow:0 0 0 2px #3f97d8}#students-list .p-student-list__table--btngroup{display:flex;align-items:center;gap:1rem}@media (width <= 991px){#students-list .p-student-list__table--btngroup{flex-direction:column;gap:.5rem;margin-block:.5rem;align-items:flex-start}}#students-list .p-student-list__table-btn-url,#students-list .p-student-list__table-btn-open,#students-list .p-student-list__table-btn-qr,#students-list .p-student-list__table-btn-copied{--mat-button-filled-container-height: 28px;--mat-button-filled-touch-target-display: none;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-protected-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;background-color:#3f97d8;color:#fff;font-size:.75rem;transition:.3s}#students-list .p-student-list__table-btn-url:hover,#students-list .p-student-list__table-btn-open:hover,#students-list .p-student-list__table-btn-qr:hover,#students-list .p-student-list__table-btn-copied:hover{opacity:.6;transition:.3s}#students-list .p-student-list__table-btn-url mat-icon,#students-list .p-student-list__table-btn-open mat-icon,#students-list .p-student-list__table-btn-qr mat-icon,#students-list .p-student-list__table-btn-copied mat-icon{color:#fff}#students-list .p-student-list__table-btn-copied{background-color:#b3ebff;color:#005786;width:138.69px}#students-list .p-student-list__table-btn-copied mat-icon{color:#005786}#students-list .p-student-list__table-btn-qr{background-color:#009ebe}#students-list .p-student-list__table-btn-open{background-color:#005786}#students-list .c-student-list__delete{margin-top:100px;text-align:right}#p-classroom__input-dialog .p-classroom__input-dialog--header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}#p-classroom__input-dialog .p-classroom__input-dialog--header h2{padding:1.5rem 2.5rem;color:#005786}@media (width <= 575px){#p-classroom__input-dialog .p-classroom__input-dialog--header h2{font-size:1.2rem;padding:1.5rem}}#p-classroom__input-dialog .p-classroom__input-dialog--header button{margin-right:1rem}#p-classroom__input-dialog .p-classroom__input-dialog--header mat-icon{color:#005786;margin:0;font-size:1.5rem;width:initial}#p-classroom__input-dialog .p-classroom__input-dialog---info-wrap,#p-classroom__input-dialog .p-classroom__input-dialog---list-wrap{margin:1rem 1rem 2rem}@media (width <= 575px){#p-classroom__input-dialog .p-classroom__input-dialog---info-wrap,#p-classroom__input-dialog .p-classroom__input-dialog---list-wrap{margin:0 0 2rem}}#p-classroom__input-dialog h3{font-size:1.1rem;font-weight:700;color:#005786}#p-classroom__input-dialog .p-classroom__input-dialog--input-row{display:flex;gap:1rem;margin-top:1rem}@media (width <= 575px){#p-classroom__input-dialog .p-classroom__input-dialog--input-row{flex-direction:column;gap:.8rem}}#p-classroom__input-dialog .p-classroom__input-dialog--input-row mat-form-field{flex:1 1 auto}#p-classroom__input-dialog .mat-mdc-header-cell,#p-classroom__input-dialog .mdc-data-table__cell{padding:0 2px 0 16px}#p-classroom__input-dialog .mdc-data-table__cell:last-child{padding-right:16px;text-align:center}#p-classroom__input-dialog .mat-column-number{width:90px;text-align:center;line-height:1.2}@media (width <= 575px){#p-classroom__input-dialog .mat-column-number{width:76px;padding-block:4px}}#p-classroom__input-dialog .mat-column-name{width:258px}#p-classroom__input-dialog .p-classroom__input-dialog--input-number,#p-classroom__input-dialog .p-classroom__input-dialog--input-name{width:65px;padding:.4rem .6rem;border-radius:.5rem;border:1px solid #ccc;background-color:#fff;font-size:1rem}#p-classroom__input-dialog .p-classroom__input-dialog--input-number:focus,#p-classroom__input-dialog .p-classroom__input-dialog--input-name:focus{outline:none;box-shadow:0 0 0 2px #3f97d8}@media (width <= 575px){#p-classroom__input-dialog .p-classroom__input-dialog--input-number,#p-classroom__input-dialog .p-classroom__input-dialog--input-name{width:58px}}#p-classroom__input-dialog .p-classroom__input-dialog--input-name{width:100%}.u-margin__top--1{margin-top:5px}.u-margin__top--2{margin-top:10px}.u-margin__top--3{margin-top:15px}.u-margin__top--4{margin-top:20px}.u-margin__left--1{margin-left:5px}.u-margin__left--2{margin-left:10px}.u-margin__left--3{margin-left:15px}.u-margin__right--auto{margin-right:auto}.u-margin__right--1{margin-right:5px}.u-margin__right--2{margin-right:10px}.u-margin__right--3{margin-right:15px}.u-margin__bottom--0{margin-bottom:0}.u-margin__bottom--1{margin-bottom:5px}.u-margin__bottom--2{margin-bottom:10px}.u-margin__bottom--3{margin-bottom:15px}.u-margin__bottom--4{margin-bottom:20px}.u-margin__bottom--5{margin-bottom:25px}.u-margin__bottom--6{margin-bottom:30px}.u-text__fw-bold{font-weight:700}.u-text__fs-medium{font-size:medium}.u-text__center{text-align:center}.u-text__color--white{color:#fff}.u-sizing__w-100{width:100%}.u-sizing__w-50{width:50%}.u-sizing__h-100{height:100%}.u-display__flex{display:flex}.u-br__xs{display:none}@media (width <= 575px){.u-br__xs{display:block}}.u-br__sm{display:none}@media (width <= 767px){.u-br__sm{display:block}}.mat-drawer{border-top-right-radius:0!important;border-bottom-right-radius:0!important}:root{--mat-toolbar-container-background-color: #ffffff;--mat-toolbar-container-text-color: #005786;--mat-toolbar-title-text-weight: bold;--mat-toolbar-standard-height: 74px;--mat-sidenav-container-background-color: #cde5ff;--mat-sidenav-container-width: 250px;--mat-card-title-text-weight: bold;--mat-card-subtitle-text-size: 1.125rem;--mat-card-subtitle-text-weight: bold;--mat-card-filled-container-color: #cde5ff;--mat-card-outlined-container-color: #ffffff;--mat-list-list-item-label-text-size: 1.1rem;--mat-list-list-item-label-text-color: #005786;--mat-list-list-item-leading-icon-color: #005786;--mat-list-list-item-hover-label-text-color: #005786;--mat-list-list-item-hover-leading-icon-color: #005786;--mat-form-field-filled-container-color: #e7f2ff;--mat-icon-color: #005786;--mat-chip-outline-color: transparent;--mat-badge-background-color: #cde5ff;--mat-badge-text-color: #005786;--mat-badge-text-weight: bold;--mat-badge-container-offset: -15px 6px;--mat-table-row-item-outline-color: #ccc}html{color-scheme:light;--mat-sys-background: #f7f9ff;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #eef1f6;--mat-sys-inverse-primary: #94ccff;--mat-sys-inverse-surface: #2d3135;--mat-sys-on-background: #181c20;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #004b74;--mat-sys-on-primary-fixed: #001d32;--mat-sys-on-primary-fixed-variant: #004b74;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #004e5f;--mat-sys-on-secondary-fixed: #001f27;--mat-sys-on-secondary-fixed-variant: #004e5f;--mat-sys-on-surface: #181c20;--mat-sys-on-surface-variant: #404850;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #5e4100;--mat-sys-on-tertiary-fixed: #271900;--mat-sys-on-tertiary-fixed-variant: #5e4100;--mat-sys-outline: #707881;--mat-sys-outline-variant: #bfc7d1;--mat-sys-primary: #006399;--mat-sys-primary-container: #cde5ff;--mat-sys-primary-fixed: #cde5ff;--mat-sys-primary-fixed-dim: #94ccff;--mat-sys-scrim: #000000;--mat-sys-secondary: #00677d;--mat-sys-secondary-container: #b3ebff;--mat-sys-secondary-fixed: #b3ebff;--mat-sys-secondary-fixed-dim: #4cd6fb;--mat-sys-shadow: #000000;--mat-sys-surface: #f7f9ff;--mat-sys-surface-bright: #f7f9ff;--mat-sys-surface-container: #ebeef4;--mat-sys-surface-container-high: #e6e8ee;--mat-sys-surface-container-highest: #e0e2e8;--mat-sys-surface-container-low: #f1f4f9;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #d7dae0;--mat-sys-surface-tint: #006399;--mat-sys-surface-variant: #dce3ee;--mat-sys-tertiary: #7d5800;--mat-sys-tertiary-container: #ffdea9;--mat-sys-tertiary-fixed: #ffdea9;--mat-sys-tertiary-fixed-dim: #ffba27;--mat-sys-neutral-variant20: #293139;--mat-sys-neutral10: #181c20;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}