.container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 3.2rem}.list-item{list-style-type:none}.btn{background-color:var(--btn-bg-color);border:none;border-radius:9px;color:var(--btn-color);cursor:pointer;font-family:inherit;font-size:2rem;font-weight:600;padding:1.2rem 2.4rem;transition:background-color .3s,opacity .3s}.btn:disabled{cursor:default!important;opacity:.5}.btn:hover:not(:disabled){background-color:var(--btn-hover)}.container__centered--v{justify-content:center}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:1.6rem solid var(--loader-border-color);border:1.6rem solid var(--loader-border-color);border-radius:50%;border-top-color:var(--color-primary);height:12rem;margin:0 auto;width:12rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container__checkbox{align-items:center;cursor:pointer;display:flex;height:2.4rem;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:2.4rem}.container__checkbox input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.checkmark{background-color:#eee;border-radius:50%;font-size:1.8rem;height:100%;width:100%}.container__checkbox input.checked{z-index:1}.container__checkbox input.checked+.checkmark{background-color:var(--color-primary)}.checkmark:after{color:#fff;content:"\2714";display:none;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container__checkbox input.checked+.checkmark:after,.form__label{display:block}.form__label{font-size:1.6rem;font-weight:500;margin-bottom:1.8rem}.Student_grid__3-col__GJlG0{grid-gap:1.6rem;align-items:center;border-radius:5px;cursor:pointer;display:grid;gap:1.6rem;grid-template-columns:-webkit-min-content -webkit-min-content -webkit-max-content;grid-template-columns:min-content min-content max-content;justify-items:center;padding:.8rem 3rem .8rem .8rem;transition:all .2s linear;width:100%}.Student_grid__3-col__GJlG0:hover:not(.Student_selected__-suBU){background-color:#d9ebeb}.Student_selected__-suBU{background-color:#b2d7d7}.Student_img__d2GW8{border-radius:50%;grid-column:2/3;height:4.8rem}.Students_list__7zKcA{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:1fr;margin-bottom:1.8rem}.PaginationList_wrapper__YPFRo{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -.2px 9px rgba(0,0,0,.1);display:flex;justify-content:center;margin-top:auto;padding:1.2rem 0;position:-webkit-sticky;position:sticky;width:100%}.PaginationList_container__Fh9RV{align-items:center;display:flex;gap:1.2rem}.PaginationList_btn__mSwd3{background:none;border:1px solid var(--color-primary);border-radius:50%;cursor:pointer;height:4.8rem;width:4.8rem}.PaginationList_btn__mSwd3:hover:not(:disabled){background:var(--color-primary)}.PaginationList_btn__icon__R1tc4{stroke:var(--color-primary);height:2.4rem}.PaginationList_btn__mSwd3:hover:not(:disabled) .PaginationList_btn__icon__R1tc4{stroke:#fff}.PaginationList_btn__page__DPLom{background:none;border:none;color:#343434;cursor:pointer;font-size:1.8rem;height:3.6rem;width:3.6rem}.PaginationList_btn__page__DPLom.PaginationList_btn__page--current__qa0S6,.PaginationList_btn__page__DPLom:hover:not(:disabled){background:var(--color-primary);border-radius:50%;color:#fff}.PaginationList_container__Fh9RV :disabled{cursor:default!important;opacity:.5}.Pagination_container__THcrl{margin:0;padding:0}.Pagination_title__D5k8q{color:#444;font-size:2.8rem;letter-spacing:1px;margin-bottom:4.9rem;margin-top:1.8rem}.Checkbox_label__Ngqht{left:100%;margin-left:1.2rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.InputWrapper_container__cRcup:focus{box-shadow:0 0 0 .6rem var(--focus-box-shadow);outline:none}.InputWrapper_img__hHCJt{font:var(--color-primary);height:2.4rem}.TypedInput_input__6aIlv{background-color:var(--input-bg-color);border:none;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1);font-family:inherit;font-size:1.8rem;margin-bottom:1.2rem;padding:1.2rem}.TypedInput_error__hQfR1{color:var(--err-msg-color)}.SelectInput_input__ZnC0m{background-color:var(--input-bg-color);border:none;border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer;font-family:inherit;font-size:1.8rem;margin-bottom:1.2rem;padding:1.2rem;width:100%}.StudentDetails_form__47aK1{grid-column-gap:3.2rem;grid-row-gap:2.4rem;color:#444;-webkit-column-gap:3.2rem;column-gap:3.2rem;display:grid;font-size:1.8rem;grid-template-columns:1fr 1fr;margin-bottom:1.2rem;margin-top:4.9rem;row-gap:2.4rem}.StudentDetails_btn__Qve0b{position:relative}@media (max-width:37em) and (min-height:40em){.StudentDetails_form__47aK1{grid-template-columns:1fr}}.Header_header__3dRNp{align-items:center;background-image:linear-gradient(to right,var(--color-primary-dark),var(--color-primary-light));color:var(--btn-color);display:flex;justify-content:space-between;min-height:7.2rem;padding:0 2.4rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.Header_title-container__twe5-{align-items:center;display:flex;font-size:2.8rem;gap:1.2rem}.Header_icon__43-6y{height:4.9rem}.Header_control-btns__-ZAFY{display:flex;gap:1.2rem}.Header_btn__BSatA:focus-visible{box-shadow:0 0 0 .6rem var(--btn-focus-box-shadow)}.Header_saved__3fhUG:after{-webkit-animation:Header_fadein__krHUP .5s,Header_fadeout__kFJpP .5s 2s forwards;animation:Header_fadein__krHUP .5s,Header_fadeout__kFJpP .5s 2s forwards;background-color:#fff;border-radius:155px;box-shadow:0 1rem 2rem rgba(0,0,0,.3);color:var(--color-primary-dark);content:"Success updating student";display:block;font-size:1.6rem;left:50%;padding:1.2rem 1.6rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes Header_fadein__krHUP{0%{opacity:0}to{opacity:1}}@keyframes Header_fadein__krHUP{0%{opacity:0}to{opacity:1}}@-webkit-keyframes Header_fadeout__kFJpP{0%{opacity:1}to{opacity:0}}@keyframes Header_fadeout__kFJpP{0%{opacity:1}to{opacity:0}}@media (max-width:37em) and (min-height:40em){.Header_header__3dRNp{min-height:5.5rem}.Header_btn__BSatA{font-size:1.2rem;padding:.8rem 1.8rem}.Header_icon__43-6y{height:2.8rem}.Header_title-container__twe5-{font-size:1.8rem}.Header_saved__3fhUG:after{box-shadow:0 1rem 2rem rgba(0,0,0,.3);font-size:1.2rem;padding:.8rem 1.2rem}}.Footer_footer__bYOaj{align-items:center;background-color:var(--color-primary-dark);color:var(--btn-color);display:flex;font-size:1.2rem;gap:.8rem;justify-content:center;min-height:3.2rem}.Footer_github-logo__\+E5vv{fill:#fff;height:2.2rem;transition:all .3s linear}.Footer_github-logo__\+E5vv:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}:root{--color-primary:#3f9a9a;--color-primary-light:#65aeae;--color-primary-dark:#327b7b;--focus-box-shadow:rgba(50,123,123,.5);--btn-color:#ecf5f5;--btn-bg-color:#204d4d;--btn-hover:#193e3e;--btn-focus-box-shadow:#2c6c6c;--input-bg-color:#ecf5f5;--err-msg-color:#b95353;--loader-border-color:#f3f3f3}*,:after,:before{box-sizing:border-box;margin:0;padding:0}* :focus-visible{box-shadow:0 0 0 .6rem rgba(50,123,123,.5);box-shadow:0 0 0 .6rem var(--focus-box-shadow);outline:none}#root{display:flex;flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}#root,body,html{height:100%}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:2.2rem}@media (max-width:50em){html{font-size:50%}}@media (max-width:32em){html{font-size:40%}}@media (max-width:25em){html{font-size:35%}}@media (max-width:50em) and (min-height:40em){html{font-size:50%}}@media (max-width:37em) and (min-height:40em){html{font-size:50%}}@media (max-width:25em) and (min-height:40em){html{font-size:50%}}@media (max-width:18em) and (min-height:40em){html{font-size:40%}}
/*# sourceMappingURL=main.a593d96a.css.map*/