@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:Noto Sans JP,sans-serif;font-weight:500}a{color:#000;text-decoration:none}li{list-style-type:none}body{background-color:#dad6d6;font-family:Noto Sans JP,sans-serif}input,li,ul{font-family:Noto Sans JP,sans-serif;font-weight:400}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.content-submitted{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.card-section{display:grid;margin-bottom:10rem}.card-container{grid-row-gap:1rem;grid-column-gap:1rem;display:grid;grid-auto-flow:row;margin:.5rem 1rem 1rem}@media screen and (min-width:650px){.card-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:975px){.card-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1300px){.card-container{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1625px){.card-container{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:2000px){.card-container{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width:2500px){.card-section{margin:0 auto 10rem;max-width:2800px}.card-container{grid-template-columns:repeat(7,1fr)}}.card{background-color:#fff;border:1px solid #adadad;border-radius:.3rem;box-shadow:.2rem .2rem .4rem #00000026;overflow:hidden}.card-section-full-width{display:grid;justify-items:center;margin-bottom:10rem}.card-container-full-width{grid-row-gap:1rem;grid-column-gap:1rem;display:grid;grid-auto-flow:row;margin:.5rem auto 1rem;max-width:800px;width:calc(100% - 2rem)}.card-full-width{background-color:#fff;border:1px solid #adadad;border-radius:.3rem;box-shadow:.2rem .2rem .4rem #00000026;overflow:hidden}.loading-spinner-container{display:grid;margin-top:5rem;place-content:center;width:100%}.loader,.loader:after,.loader:before{animation-fill-mode:both;animation:load7 1.8s ease-in-out infinite;border-radius:50%;height:1rem;width:1rem}.loader{animation-delay:-.16s;color:#00b8a9;font-size:.5rem;margin:5rem auto;position:relative;text-indent:-9999em;transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{animation-delay:-.32s;left:-3.5em}.loader:after{left:3.5em}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.authentication-background-container{display:grid;height:100vh;width:100vw}.authentication-background-container .authentication-container{background-color:#fff;border:1px solid #000;border-radius:.5rem;display:grid;height:calc(100% - 4rem);margin:max(1rem,20vh) auto 0;max-height:19rem;max-width:22rem;padding:1rem;place-content:center;place-items:center;width:calc(100% - 4rem)}.authentication-background-container .authentication-container .text-logo-thin{margin-bottom:2rem;max-width:10rem}.authentication-background-container .authentication-container form{grid-row-gap:1rem;display:grid;grid-auto-flow:row;justify-items:center}.authentication-background-container .authentication-container form input{-webkit-text-fill-color:#000;background-color:#fff;border:1px solid #000;border-radius:.3rem;font-size:1.2rem;padding:.3rem;width:calc(100% - 1rem)}.authentication-background-container .authentication-container form input:focus{outline:2px solid #3a3939}.authentication-background-container .authentication-container form input::placeholder{font-style:italic;opacity:.6}.authentication-background-container .authentication-container form button{background-color:#00b8a9;border-radius:.3rem;color:#fff;font-size:1.2rem;padding:.4rem 1rem}.authentication-background-container .authentication-container .error-message{color:#f6416c;font-weight:400;margin:1rem 0 0}nav.staff-navigation{bottom:2rem;display:grid;justify-content:right;justify-items:right;pointer-events:none;position:fixed;right:2rem;z-index:99}nav.staff-navigation #hamburger-button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#00b8a9;border-radius:20% 5%;box-shadow:.2rem .2rem .5rem .1rem #0000004d;display:grid;height:4.5rem;place-items:center;pointer-events:auto;transition-duration:.4s;width:4.5rem}nav.staff-navigation #hamburger-button #hamburger-container{align-content:space-around;display:grid;grid-template-rows:repeat(5,1fr);height:45%;width:60%}nav.staff-navigation #hamburger-button #hamburger-container .hamburger-line{background-color:#fff;border-radius:99rem;width:100%}nav.staff-navigation #hamburger-button #hamburger-container #hamburger-line-1{grid-row:1}nav.staff-navigation #hamburger-button #hamburger-container #hamburger-line-2{grid-row:3}nav.staff-navigation #hamburger-button #hamburger-container #hamburger-line-3{grid-row:5}nav.staff-navigation #link-list-container{grid-row-gap:1.5rem;display:grid;justify-items:right;margin:1rem;opacity:0;padding:0;pointer-events:none}nav.staff-navigation #link-list-container a{background-color:#00b8a9;border-radius:.5rem;box-shadow:.2rem .2rem .5rem .1rem #0000004d;color:#fff;font-size:1.2rem;padding:.3rem .8rem;text-align:right;transform-origin:100% 50%;-webkit-user-select:none;user-select:none}nav.staff-navigation #link-list-container .active{border-left:1rem solid #ffde7d}nav.staff-navigation.nav-active #hamburger-button{border-radius:10% 65%}nav.staff-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-1{animation:hamburger-line-1-in .4s ease-in forwards}nav.staff-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-2{animation:hamburger-line-2-in .4s ease-in forwards}nav.staff-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-3{animation:hamburger-line-3-in .4s ease-in forwards}nav.staff-navigation.nav-active #link-list-container{opacity:1;pointer-events:auto}nav.staff-navigation.nav-active #link-list-container #link-item-01{animation:nav-list-in .3s ease-out 0ms both}nav.staff-navigation.nav-active #link-list-container #link-item-02{animation:nav-list-in .3s ease-out 50ms both}nav.staff-navigation.nav-active #link-list-container #link-item-03{animation:nav-list-in .3s ease-out .15s both}nav.staff-navigation.nav-active #link-list-container #link-item-04{animation:nav-list-in .3s ease-out .2s both}nav.staff-navigation.nav-active #link-list-container #link-item-05{animation:nav-list-in .3s ease-out .25s both}nav.staff-navigation.nav-inactive{pointer-events:none}nav.staff-navigation.nav-inactive #hamburger-button{pointer-events:auto}nav.staff-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-1{animation:hamburger-line-1-out .3s ease-in forwards}nav.staff-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-2{animation:hamburger-line-2-out .3s ease-in forwards}nav.staff-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-3{animation:hamburger-line-3-out .3s ease-in forwards}nav.staff-navigation.nav-inactive #link-list-container{opacity:1;pointer-events:none}nav.staff-navigation.nav-inactive #link-list-container #link-item-01{animation:nav-list-out .3s ease-out .2s both}nav.staff-navigation.nav-inactive #link-list-container #link-item-02{animation:nav-list-out .3s ease-out .15s both}nav.staff-navigation.nav-inactive #link-list-container #link-item-03{animation:nav-list-out .3s ease-out .1s both}nav.staff-navigation.nav-inactive #link-list-container #link-item-04{animation:nav-list-out .3s ease-out 50ms both}nav.staff-navigation.nav-inactive #link-list-container #link-item-05{animation:nav-list-out .3s ease-out 0ms both}nav.staff-navigation.nav-disabled,nav.staff-navigation.nav-disabled a{pointer-events:none}#close-navigation{display:none;height:100vh;position:fixed;top:0;width:100vw;z-index:1}#close-navigation.nav-active{display:block}#dashboard-primary-container{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;margin-bottom:15rem;margin-top:3rem;padding:1rem}#dashboard-primary-container .component-primary-container{align-content:start;background-color:#fff;border:1px solid #adadad;border-radius:.3rem;box-shadow:.2rem .2rem .4rem #00000026;display:grid;padding:1rem}#dashboard-primary-container .component-primary-container .component-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem}@media screen and (min-width:600px){#dashboard-primary-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){#dashboard-primary-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){#dashboard-primary-container{grid-template-columns:repeat(4,1fr);margin:3rem auto;max-width:1300px}}#incomplete-attendance-for-instructor{align-self:start}#incomplete-attendance-for-instructor .dates-container{grid-column-gap:2px;grid-row-gap:2px;direction:rtl;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(5,1fr)}#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:max(.7rem,2.8vw);justify-self:center;margin-bottom:.3rem}#incomplete-attendance-for-instructor .dates-container .date-record-container{border:2px solid #adadad;border-radius:5px;direction:ltr;display:grid;justify-content:center;padding:.3vw 0 1vw;text-align:center}#incomplete-attendance-for-instructor .dates-container .date-record-container.is-workday{background-color:#00b8a90d;border:2px solid #00b8a9}#incomplete-attendance-for-instructor .dates-container .date-record-container.incomplete.is-workday{background-color:rgba(247,94,130,.075);border:2px solid #f75e82}#incomplete-attendance-for-instructor .dates-container .date-record-container.no-records.is-workday{background-color:#ffde7d4d;border:2px solid #ffde7d}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:max(.5rem,2.8vw)}#incomplete-attendance-for-instructor .loading-spinner-container{margin-top:-3rem}@media screen and (min-width:600px){#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:max(.7rem,1.6vw)}#incomplete-attendance-for-instructor .dates-container .date-record-container{padding:.15vw 0 .5vw}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:max(.5rem,1.6vw)}}@media screen and (min-width:900px){#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:max(.7rem,1.1vw)}#incomplete-attendance-for-instructor .dates-container .date-record-container{padding:.07vw 0 .3vw}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:max(.6rem,1.1vw)}}@media screen and (min-width:1200px){#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:max(.7rem,.8vw)}#incomplete-attendance-for-instructor .dates-container .date-record-container{padding:0 0 .15rem}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:max(.6rem,.8vw)}}@media screen and (min-width:1500px){#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:max(.7rem,.6vw)}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:max(.6rem,.6vw)}}@media screen and (min-width:1800px){#incomplete-attendance-for-instructor .dates-container .day-of-week-title{font-size:.7rem}#incomplete-attendance-for-instructor .dates-container .date-record-container .attendance-date,#incomplete-attendance-for-instructor .dates-container .date-record-container .complete-fraction{font-size:.6rem}}#student-churn .student-churn-data-container{max-width:calc(100vw - 4rem);min-height:20rem}#student-churn .loading-spinner-container{margin-bottom:4rem;margin-top:0;place-self:center}@media screen and (min-width:600px){#student-churn{grid-column:1/3;grid-row:2}}@media screen and (min-width:900px){#student-churn{align-self:start;grid-column:2/4;grid-row:1/3}}#total-active-students .total-active-students-content-container{display:grid;font-size:.9rem;place-items:center}#total-active-students .total-active-students-content-container .data-container{display:grid;grid-column:1;grid-row:1;margin-top:-.8rem}#total-active-students .total-active-students-content-container .data-container .current-count-container{grid-column-gap:.1rem;align-items:baseline;display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,1fr)}#total-active-students .total-active-students-content-container .data-container .current-count-container .count{border-bottom:2px solid #00b8a9;font-size:max(1.5rem,15vw);grid-column:2;justify-self:center}#total-active-students .total-active-students-content-container .data-container .current-count-container .count.under{border-bottom:2px solid #fdbc00}#total-active-students .total-active-students-content-container .data-container .current-count-container .label{font-size:max(.5rem,5vw);grid-column:3;justify-self:left}#total-active-students .total-active-students-content-container .data-container .highest-count-container{grid-column-gap:.1rem;align-items:baseline;color:#3a3939;display:grid;grid-auto-flow:column;grid-template-columns:1fr auto 1fr}#total-active-students .total-active-students-content-container .data-container .highest-count-container .count{font-size:max(.75rem,7.5vw);grid-column:2;justify-self:center}#total-active-students .total-active-students-content-container .data-container .highest-count-container .label{font-size:max(.3rem,3vw);grid-column:3;justify-self:left}#total-active-students .total-active-students-content-container .data-container .highest-date{color:#3a3939;font-size:max(.4285714286rem,4.2857142857vw);font-style:italic;justify-self:center}#total-active-students .total-active-students-content-container .chart-container{grid-column:1;grid-row:1;width:calc(100% - 1rem)}#total-active-students .loading-spinner-container{margin-bottom:3rem;margin-top:0;place-self:center}@media screen and (min-width:600px){#total-active-students .total-active-students-content-container .data-container .current-count-container .count{font-size:max(2.3rem,6.75vw)}#total-active-students .total-active-students-content-container .data-container .current-count-container .label{font-size:max(.7666666667rem,2.25vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .count{font-size:max(1.15rem,3.375vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .label{font-size:max(.46rem,1.35vw)}#total-active-students .total-active-students-content-container .data-container .highest-date{font-size:max(.6571428571rem,1.9285714286vw)}#total-active-students .total-active-students-content-container .chart-container{width:max(13.75rem,33vw)}}@media screen and (min-width:900px){#total-active-students{align-content:start;align-items:start;align-self:start;grid-row:2/5}#total-active-students .total-active-students-content-container .data-container .current-count-container .count{font-size:max(2.3rem,4.5vw)}#total-active-students .total-active-students-content-container .data-container .current-count-container .label{font-size:max(.7666666667rem,1.5vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .count{font-size:max(1.15rem,2.25vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .label{font-size:max(.46rem,.9vw)}#total-active-students .total-active-students-content-container .data-container .highest-date{font-size:max(.6571428571rem,1.2857142857vw)}#total-active-students .total-active-students-content-container .chart-container{width:23.3333333333vw}}@media screen and (min-width:1200px){#total-active-students{grid-column:4;grid-row:1}#total-active-students .total-active-students-content-container .data-container .current-count-container .count{font-size:min(2.9rem,3.3vw)}#total-active-students .total-active-students-content-container .data-container .current-count-container .label{font-size:min(.9666666667rem,1.1vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .count{font-size:min(1.45rem,1.65vw)}#total-active-students .total-active-students-content-container .data-container .highest-count-container .label{font-size:.66vw}#total-active-students .total-active-students-content-container .data-container .highest-date{font-size:min(.8285714286rem,.9428571429vw)}#total-active-students .total-active-students-content-container .chart-container{width:13.5rem}}#dashboard-toolbar{align-items:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;height:2.75rem;justify-content:right;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}#dashboard-toolbar.disable-toolbar-buttons{pointer-events:none}#at-risk-students{align-self:start;display:grid;grid-row:3/5}#at-risk-students .at-risk-students-content-container{aspect-ratio:1/1;overflow-y:scroll}@media screen and (min-width:1200px){#at-risk-students{grid-row:2/4}}#data-load-error-container{color:#3a3939;display:grid;font-size:1.1rem;justify-content:center;justify-items:center;margin-top:3.5rem}#data-load-error-container button{border:1px solid #3a3939;border-radius:.3rem;color:#3a3939;font-size:1rem;padding:.75rem 1.5rem}#display-descriptors-container{color:#3a3939;display:grid;font-size:1rem;justify-content:center;margin:3.3rem 1rem 0;text-align:center}#display-descriptors-container ul{margin:0;padding:0}@media screen and (min-width:450px){#display-descriptors-container{font-size:1.2rem}}#student-profile-list-toolbar{align-content:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.75rem;justify-content:right;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}#student-profile-list-toolbar #search-container{grid-column-gap:.5rem;display:grid;grid-auto-flow:column;margin:0 .25rem;order:4}#student-profile-list-toolbar #search-container #search-input{background-image:url(/static/media/magnifying_glass.41d216b67ddcbe2fefd1.svg);background-position:.5rem 50%;background-repeat:no-repeat;background-size:auto 60%;border:none;border-radius:.3rem;color:#3a3939;font-size:1.2rem;height:2rem;padding:0 .5rem 0 2.1rem;width:calc(100% - 2.6rem)}#student-profile-list-toolbar #search-container #search-input:focus{outline:2px solid #3a3939}#student-profile-list-toolbar #search-container #search-button{border:2px solid #fff;border-radius:.3rem;color:#fff;font-size:1rem}#student-profile-list-toolbar.disable-toolbar-buttons{pointer-events:none}.add-new-profile-button{background-image:url(/static/media/plus_icon_white.dc6ae01028b6afcaaa78.svg);background-position:50%;background-repeat:no-repeat;background-size:80% auto;border-radius:.3rem;height:2rem;margin-left:.5rem;width:2rem}.add-new-profile-button:hover{background-color:#fff3}.filter-menu-container{backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background-color:#ffffffe6;border:1px solid #fff;border-radius:.3rem;box-shadow:0 0 .3rem .3rem #0000001a;display:grid;max-height:calc(100vh - 5rem);overflow:scroll;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}.filter-menu-container .filter-main-title{font-size:1.2rem;font-weight:500;padding:.6rem 1rem}.filter-menu-container .clear-all-filters-button{background-color:#f6416c;border-radius:.3rem;color:#fff;font-size:1rem;font-weight:500;grid-column:2;padding:.3rem .5rem;place-self:center}.filter-menu-container .clear-all-filters-button:hover{background-color:#f6416cb3}.filter-menu-container .filter-title-container{grid-column-gap:.5rem;align-items:center;display:grid;font-size:1.2rem;grid-auto-flow:column;grid-column:1/span 2;justify-content:left;padding:.6rem 2rem}.filter-menu-container .filter-title-container .section-title{-webkit-text-fill-color:#000;font-weight:400}.filter-menu-container .filter-title-container:hover{background-color:#ffde7db3}.filter-menu-container .filter-title-arrow{background-image:url(/static/media/arrow_small.6214836b6c071e0364be.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:.75rem;width:.75rem}.filter-menu-container .filter-title-arrow.rotate-90-deg{transform:rotate(90deg)}.filter-menu-container .filter-menu-group{border-top:1px solid #00000040;display:grid;grid-column:1/span 2}.filter-menu-container .filter-menu-group .select-all-none-container{grid-column-gap:1.5rem;display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,1fr);justify-items:center;margin:.6rem 2rem;white-space:nowrap}.filter-menu-container .filter-menu-group .select-all-none-container button{grid-column-gap:0;background-color:#ffde7d;border-radius:.3rem;color:#000;font-weight:400;grid-template-columns:auto auto;grid-template-rows:auto;margin:0}.filter-menu-container .filter-menu-group .select-all-none-container button:hover{background-color:#ffde7db3}.filter-menu-container .filter-menu-group button{grid-column-gap:1rem;align-items:center;display:grid;font-size:1.2rem;grid-auto-flow:column;grid-template-columns:1.2rem auto;grid-template-rows:1.2rem;justify-content:left;padding:.6rem 2rem}.filter-menu-container .filter-menu-group button input[type=checkbox]{background-color:#3a3939;height:100%;width:100%}.filter-menu-container .filter-menu-group button label{-webkit-text-fill-color:#000;cursor:pointer;font-weight:400}.filter-menu-container .filter-menu-group button:hover{background-color:#ffde7db3}.filter-menu-container .filter-menu-group.height-zero-overflow-hidden{border-top:0;height:0;overflow:hidden}.close-filter-menu-background-button{height:100vh;left:0;position:fixed;top:0;width:100vw}@media screen and (min-width:576px){.filter-menu-container .filter-main-title{font-size:1rem;padding:.4rem .5rem}.filter-menu-container .clear-all-filters-button{font-size:.9rem;padding:.2rem .4rem}.filter-menu-container .filter-title-container{font-size:1rem;padding:.4rem 1rem}.filter-menu-container .filter-menu-group button{font-size:1rem;grid-template-columns:1rem;grid-template-rows:1rem;padding:.4rem 1rem}.filter-menu-container .filter-menu-group .select-all-none-container{grid-column-gap:.75rem;margin:.4rem 1rem}.filter-menu-container .filter-menu-group .select-all-none-container button{font-size:1rem}}.filter-button-container{align-items:center;border-radius:.3rem;cursor:pointer;display:grid;grid-auto-flow:column;margin-left:.5rem;padding:0}.filter-button-container .filter-button{background-image:url(/static/media/filter_icon_white.75578e0fd0dea554ec8d.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:75% auto;display:grid;height:2rem;order:1;width:2rem}.filter-button-container .filter-button-text{display:none;order:2}.filter-button-container:hover{background-color:#fff3}.filter-button-container.filters-active{background-color:#fff;outline:none}.filter-button-container.filters-active .filter-button{background-image:url(/static/media/filter_icon_teal.58c56cfa96518319bcdb.svg)}@media screen and (min-width:576px){.filter-button-container .filter-button-text{color:#fff;display:block;font-size:.7rem;font-weight:600;margin-right:.25rem}.filter-button-container.filters-active .filter-button-text{color:#00b8a9}}.result-container{color:#fff;display:grid;place-content:center;width:4rem}.result-container .result{font-size:1.1rem;text-align:center}@media screen and (min-width:450px){.result-container .result{font-size:1.2rem}}.sort-menu-container{backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background-color:#ffffffe6;border:1px solid #fff;border-radius:.3rem;box-shadow:0 0 .3rem .3rem #0000001a;display:grid;grid-auto-flow:row;position:absolute;-webkit-user-select:none;user-select:none;z-index:1}.sort-menu-container .sort-main-title{font-size:1.2rem;font-weight:500;padding:.6rem 1rem}.sort-menu-container .sort-item-arrow{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1rem;width:1rem}.sort-menu-container .sort-item-arrow.ascending{transform:rotate(180deg)}.sort-menu-container .sort-item-arrow.ascending,.sort-menu-container .sort-item-arrow.descending{background-image:url(/static/media/sort_arrow_black.cce41fd833c48cd3a085.svg)}.sort-menu-container .sort-item-container{-webkit-text-fill-color:#000;grid-column-gap:.5rem;align-items:center;display:grid;font-size:1.2rem;font-weight:400;grid-auto-flow:column;justify-content:left;padding:.6rem 2rem}.sort-menu-container .sort-item-container:hover{background-color:#ffde7db3}.close-sort-menu-background-button{height:100vh;left:0;position:fixed;top:0;width:100vw}@media screen and (min-width:576px){.sort-menu-container .sort-main-title{font-size:1rem;padding:.4rem .5rem}.sort-menu-container .sort-item-container{grid-column-gap:.25rem;font-size:1rem;padding:.4rem 1rem}}.sort-button-and-menu-container .sort-button-container{align-items:center;border-radius:.3rem;cursor:pointer;display:grid;grid-auto-flow:column;margin-left:.5rem;padding:0}.sort-button-and-menu-container .sort-button-container .sort-button{background-image:url(/static/media/sort_icon_white.2f495e27e214de07d6b0.svg);background-position:50%;background-repeat:no-repeat;background-size:90% auto;height:2rem;width:2rem}.sort-button-and-menu-container .sort-button-container .sort-button-text{display:none}.sort-button-and-menu-container .sort-button-container:hover{background-color:#fff3}@media screen and (min-width:576px){.sort-button-and-menu-container .sort-button-container .sort-button{margin-right:.2rem}.sort-button-and-menu-container .sort-button-container .sort-button-text{color:#fff;display:block;font-weight:600;margin-right:.25rem}}.student-profile-header-container{align-content:center;display:grid;grid-auto-flow:column;grid-template-columns:auto auto .7rem;margin-bottom:.4rem;padding:.5rem}.student-profile-header-container .status{color:#fff;font-size:1.3rem;font-weight:500;justify-self:right}.student-profile-header-container .more-info-container{background-color:#fff;box-shadow:0 0 5px 2px #0003;grid-column:3;grid-row:1;height:2rem;justify-self:right;margin-right:-1.5rem;margin-top:-1.5rem;pointer-events:none;transform:rotate(45deg);width:2rem}.archived{background-image:url(/static/media/archived.199f8c06c3ff3352ca29.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:1.5rem}.pre-enrolled{background-color:#fdbc00}.enrolled{background-color:#00b8a9}.short-absence{background-color:#f6416c}.long-absence,.status-unknown{background-color:#3a3939}.student-profile-body-container{padding:.5rem}.student-profile-body-container .name-container{margin-bottom:1rem}.student-profile-body-container .name-container .name-kanji-grade{font-size:1.1rem;font-weight:500}.student-profile-body-container .name-container .name-katakana{color:#3a3939;margin-left:.1rem}.student-profile-body-container .name-container .name-romaji{color:#3a3939;margin-left:.3rem}.student-profile-body-container .student-info-container>div:not(:first-child){border-top:1px solid #adadad;padding-top:.15rem}.student-profile-body-container .student-info-container>div:not(:last-child){padding-bottom:.15rem}.student-profile-footer-container{background-color:#f1f1f1;border-top:1px solid #adadad;display:grid;padding:.8rem 1rem}.student-profile-footer-container a.profile-edit-button{background-image:url(/static/media/edit.62f95fa28256d5dce1d6.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:1.8rem;width:1.8rem}#enrolled-classes .card-full-width{display:grid}#enrolled-classes .card-full-width .enrolled-class-header-container{align-content:center;background-color:#adadad;display:grid;grid-auto-flow:column;justify-content:space-between;padding:.5rem}#enrolled-classes .card-full-width .enrolled-class-header-container .enrolled-class-number,#enrolled-classes .card-full-width .enrolled-class-header-container .enrolled-class-title{color:#fff;font-size:1.3rem;font-weight:500}#enrolled-classes .card-full-width .enrolled-class-header-container.pre-enrolled{background-color:#fdbc00}#enrolled-classes .card-full-width .enrolled-class-header-container.enrolled{background-color:#00b8a9}#enrolled-classes .card-full-width .enrolled-class-header-container.short-absence{background-color:#f6416c}#enrolled-classes .card-full-width .enrolled-class-header-container.long-absence{background-color:#3a3939}#enrolled-classes .card-full-width .enrolled-class-body-container{grid-row-gap:.5rem;display:grid;padding:.5rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container{border:1px solid #adadad;border-radius:.5rem;box-shadow:.1rem .2rem .2rem #0003;display:grid;padding:.5rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container{align-items:end;border-bottom:1px solid #adadad;display:grid;grid-auto-flow:column;justify-content:space-between;margin-bottom:.3rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data{grid-column-gap:.5rem;align-items:end;display:grid;font-size:.9rem;grid-auto-flow:column;justify-content:start}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-title{font-size:.8rem;font-weight:400}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-day-of-week,#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-start-time{color:#3a3939;font-size:.7rem;font-weight:400}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-instructor-icon{background-color:#00b8a9;background-position:50% calc(100% + .1rem);background-repeat:no-repeat;background-size:auto 90%;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;height:2.25rem;margin-bottom:.5rem;width:2.25rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container{display:grid;margin-top:1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container{grid-column-gap:.5rem;border-radius:.5rem;cursor:pointer;display:grid;justify-content:left;padding:.5rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-status-indicator{align-self:center;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;grid-column:1;grid-row:1/3;height:1rem;pointer-events:none;width:1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-status-indicator.pre-enrolled{background-color:#fdbc00}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-status-indicator.enrolled{background-color:#00b8a9}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-status-indicator.short-absence{background-color:#f6416c}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-status-indicator.long-absence{background-color:#3a3939}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-name-kanji,#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-name-katakana{grid-column:2;pointer-events:none}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-name-kanji{font-size:.9rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container .student-name-katakana{color:#3a3939;font-size:.8rem;margin-left:.1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .enrolled-students-container .enrolled-student-container.this-student{background-color:#f8f3d4;pointer-events:none}@media screen and (min-width:350px){#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data{grid-column-gap:.9rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-title{font-size:1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-day-of-week,#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-start-time{font-size:.8rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-instructor-icon{height:2.25rem;width:2.25rem}}@media screen and (min-width:400px){#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data{grid-column-gap:1.1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-title{font-size:1.1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-day-of-week,#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-start-time{font-size:.9rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-instructor-icon{height:2.5rem;width:2.5rem}}@media screen and (min-width:450px){#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data{grid-column-gap:1.3rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-title{font-size:1.1rem}#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-day-of-week,#enrolled-classes .card-full-width .enrolled-class-body-container .enrolled-class-container .event-info-container .event-data .event-start-time{font-size:1rem}}#student-profile-details-toolbar{align-content:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.75rem;justify-content:left;padding:0 .5rem;position:fixed;top:0;width:100%;z-index:3}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container{grid-template-columns:repeat(2,auto);justify-content:space-between}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .section-title{color:#fff;font-size:1.3rem;font-weight:500}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .header-right-container{grid-column-gap:1rem;display:grid}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .header-right-container .status{justify-self:right}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .header-right-container .archived-button{background-image:url(/static/media/archived.199f8c06c3ff3352ca29.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:none;width:1.5rem}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .archived-profile{grid-template-columns:auto 1.5rem}.card-section-full-width .card-container-full-width .card-full-width .student-profile-header-container .archived-profile .archived-button{display:block}#attendance-records .attendance-records-container{display:grid}#attendance-records .attendance-records-container .attendance-records-header-container{align-content:center;background-color:#adadad;display:grid;grid-auto-flow:column;justify-content:space-between;padding:.5rem}#attendance-records .attendance-records-container .attendance-records-header-container .attendance-records-number,#attendance-records .attendance-records-container .attendance-records-header-container .attendance-records-title{color:#fff;font-size:1.3rem;font-weight:500}#attendance-records .attendance-records-container .attendance-records-header-container.pre-enrolled{background-color:#fdbc00}#attendance-records .attendance-records-container .attendance-records-header-container.enrolled{background-color:#00b8a9}#attendance-records .attendance-records-container .attendance-records-header-container.short-absence{background-color:#f6416c}#attendance-records .attendance-records-container .attendance-records-header-container.long-absence{background-color:#3a3939}#attendance-records .attendance-records-container .attendance-records-body-container{grid-row-gap:.5rem;display:grid;margin-bottom:.4rem;max-height:500px;overflow-y:scroll;padding:.5rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container{grid-column-gap:.75rem;border:1px solid #adadad;border-radius:.5rem;box-shadow:.1rem .2rem .2rem #0003;cursor:pointer;display:grid;grid-template-columns:auto 1.5rem;padding:.5rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container{grid-column-gap:1rem;display:grid;font-size:.8rem;grid-auto-flow:row;grid-template-columns:2rem auto;justify-content:left;pointer-events:none;-webkit-user-select:none;user-select:none}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .instructor-icon{background-color:#00b8a9;background-position:50% calc(100% + .1rem);background-repeat:no-repeat;background-size:auto 90%;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;grid-row:1/3;height:2rem;width:2rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-date{grid-column:2;grid-row:1}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-start-time{grid-column:2;grid-row:2}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-event-name{grid-column:2;grid-row:3}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-record-grade-name{grid-column:2;grid-row:4}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .attendance-record-status-icon{align-self:center;background-position:50% 50%;background-repeat:no-repeat;background-size:55% auto;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;height:1.5rem;justify-self:right;pointer-events:none;-webkit-user-select:none;user-select:none;width:1.5rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .attendance-record-status-icon.pending{background-color:#fdbc00;background-image:url(/static/media/pending_white.17aaea6348171339c133.svg)}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .attendance-record-status-icon.present{background-color:#00b8a9;background-image:url(/static/media/present_white.e56e8f7b0686a89f3b30.svg)}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .attendance-record-status-icon.absent{background-color:#f6416c;background-image:url(/static/media/absent_white.ed9a0f81018ed42e01e2.svg)}@media screen and (min-width:350px){#attendance-records .attendance-records-container .attendance-records-body-container .record-container{grid-template-columns:auto 1.75rem;padding:.75rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container{font-size:.9rem;grid-template-columns:2.5rem auto}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .instructor-icon{height:2.5rem;width:2.5rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .attendance-record-status-icon{height:1.75rem;width:1.75rem}}@media screen and (min-width:400px){#attendance-records .attendance-records-container .attendance-records-body-container .record-container{grid-column-gap:1.25rem;padding:1rem}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container{grid-column-gap:1.25rem;font-size:1rem;grid-auto-flow:column}}@media screen and (min-width:600px){#attendance-records .attendance-records-container .attendance-records-body-container .record-container{grid-column-gap:1.5rem;align-items:center;grid-auto-flow:column;justify-content:space-between}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container{grid-column-gap:1.5rem;font-size:1rem;grid-auto-flow:column;grid-template-columns:2.5rem 10rem auto}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-event-name{grid-column:3;grid-row:1}#attendance-records .attendance-records-container .attendance-records-body-container .record-container .record-data-container .attendance-record-grade-name{grid-column:3;grid-row:2}}#journal .journal-entries-container{display:grid}#journal .journal-entries-container .journal-entries-header-container{align-content:center;background-color:#adadad;display:grid;grid-auto-flow:column;justify-content:space-between;padding:.5rem}#journal .journal-entries-container .journal-entries-header-container.pre-enrolled{background-color:#fdbc00}#journal .journal-entries-container .journal-entries-header-container.enrolled{background-color:#00b8a9}#journal .journal-entries-container .journal-entries-header-container.short-absence{background-color:#f6416c}#journal .journal-entries-container .journal-entries-header-container.long-absence{background-color:#3a3939}#journal .journal-entries-container .journal-entries-header-container .journal-entries-number,#journal .journal-entries-container .journal-entries-header-container .journal-entries-title{color:#fff;font-size:1.3rem;font-weight:500}#journal .journal-entries-container .journal-entries-body-container{grid-row-gap:.5rem;display:grid;margin-bottom:.4rem;max-height:500px;overflow-y:scroll;padding:.5rem}#journal .journal-entries-container .journal-entries-body-container .journal-entry-container{border:1px solid #adadad;border-radius:.5rem;box-shadow:.1rem .2rem .2rem #0003;cursor:pointer;display:grid;font-size:.8rem;padding:1rem}#journal .journal-entries-container .journal-entries-body-container .journal-entry-container .journal-entry-instructor-container{display:grid;grid-auto-flow:column;justify-content:start}#journal .journal-entries-container .journal-entries-body-container .journal-entry-container .journal-entry-instructor-container div:after{content:"・"}#journal .journal-entries-container .journal-entries-body-container .journal-entry-container .journal-entry-instructor-container div:last-child:after{content:""}#journal .journal-entries-container .journal-entries-body-container .loading-spinner-container{margin-top:-2.5rem}#student-profile-create-toolbar{align-content:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.75rem;justify-content:left;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}.profile-section-header{border-bottom:1px solid #000;margin-top:2rem;text-align:right;width:100%}.create-new-profile-body-container{padding:0 1.5rem}#profile-create-form{display:grid;grid-auto-flow:row}#profile-create-form label{margin-top:.7rem}#profile-create-form input{-webkit-text-fill-color:#000;background-color:#fff;border:1px solid #000;border-radius:.3rem;font-size:1.2rem;padding:.3rem}#profile-create-form input:focus{outline:2px solid #3a3939}#profile-create-form .input-width-7{max-width:7rem}#profile-create-form .input-width-s{max-width:11rem}#profile-create-form .input-width-12{max-width:12rem}#profile-create-form .input-width-20{max-width:20rem;width:calc(100% - 1rem)}#profile-create-form select{-webkit-text-fill-color:#000;border:1px solid #000;border-radius:.3rem;cursor:pointer;font-size:1.2rem;padding:.3rem}#profile-create-form select:focus{outline:2px solid #3a3939}#profile-create-form .create-profile-section-header:first-child{margin-top:0}#profile-create-form .create-profile-section-header{margin-top:3rem}#profile-create-form .horizontal-select-menu{display:grid;grid-auto-flow:column;justify-content:left}#profile-create-form .horizontal-select-menu button.horizontal-select-menu-option{-webkit-text-fill-color:#000;border:1px solid #000;border-right:none;font-size:1rem;font-weight:400;padding:.4rem .5rem}#profile-create-form .horizontal-select-menu .horizontal-select-menu-option:last-child{border-right:1px solid #000}#profile-create-form .horizontal-select-menu .selected-button{background-color:#00b8a9}#profile-create-form button#archived-button-container{background-color:#adadad;border-radius:3rem;display:grid;height:3rem;padding:0;transition:.35s;width:5.8rem}#profile-create-form button#archived-button-container .archived-button-icon{background-image:url(/static/media/archived.199f8c06c3ff3352ca29.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.5rem;margin:.75rem 1rem;position:absolute;width:1.5rem}#profile-create-form button#archived-button-container .archived-dot{background-color:#fff;border-radius:50%;height:2.5rem;left:.25rem;position:relative;top:.25rem;transition:.35s;width:2.5rem}#profile-create-form button#archived-button-container.archived-button-active{background-color:#ffde7d}#profile-create-form button#archived-button-container.archived-button-active .archived-dot{transform:translateX(2.8rem)}#profile-create-form #phone-number-container{display:grid;grid-auto-flow:row}#profile-create-form #phone-number-container .phone-number-data{background-color:#f8f3d4;border-radius:.5rem;display:grid;grid-auto-flow:row;justify-self:left;margin-top:1.25rem;padding:0 3rem .75rem .75rem}#profile-create-form #phone-number-container .phone-number-data .phone-number{width:calc(100% - 1rem)}#profile-create-form #phone-number-container .add-remove-phone-number-container{grid-column-gap:2rem;display:grid;grid-auto-flow:column;justify-content:left;margin-top:1.5rem}#profile-create-form #phone-number-container .add-remove-phone-number-container button{background-color:#adadad;border-radius:50%;display:grid;grid-template-columns:1.5fr 2fr 1fr 2fr 1.5fr;grid-template-rows:1.5fr 2fr 1fr 2fr 1.5fr;height:1.9rem;padding:0;width:1.9rem}#profile-create-form #phone-number-container .add-remove-phone-number-container button.disable-button{opacity:.4;pointer-events:none}#profile-create-form #phone-number-container .add-remove-phone-number-container .vertical-line{background-color:#fff;border-radius:2rem;grid-column:3;grid-row:2/5;height:100%;width:100%}#profile-create-form #phone-number-container .add-remove-phone-number-container .horizontal-line{background-color:#fff;border-radius:2rem;grid-column:2/5;grid-row:3;height:100%;width:100%}#profile-create-form .bottom-buttons-container{display:grid;grid-auto-flow:column;justify-content:space-between;margin:3rem 0 2rem}#profile-create-form .bottom-buttons-container .button-group-container{grid-column-gap:1rem;display:grid;grid-auto-flow:column}#profile-create-form .bottom-buttons-container .button[type=submit]{background-color:#00b8a9;color:#fff}#profile-create-form .bottom-buttons-container .button{background-color:#3a3939;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem}#profile-create-form .bottom-buttons-container .button.delete{background-color:#f6416c}@media screen and (min-width:450px){button.horizontal-select-menu-option{padding:.4rem 1rem}}#student-profile-delete-toolbar,#student-profile-update-toolbar{align-content:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.75rem;justify-content:left;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}.student-profile-footer-container{min-height:1.8rem}.confirm-delete-bottom-button-container{display:grid;grid-auto-flow:column;justify-content:space-between;max-width:800px;width:calc(100% - 2rem)}.confirm-delete-bottom-button-container .button{background-color:#3a3939;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem}.confirm-delete-bottom-button-container .button.delete{background-color:#f6416c}#calendar-toolbar{align-items:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;height:2.75rem;justify-content:right;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}#calendar-toolbar.disable-toolbar-buttons{pointer-events:none}.add-new-event-button{background-image:url(/static/media/plus_icon_white.dc6ae01028b6afcaaa78.svg);background-position:50%;background-repeat:no-repeat;background-size:80% auto;border-radius:.3rem;height:2rem;margin-left:.5rem;width:2rem}.add-new-event-button:hover{background-color:#fff3}#close-event-details-background-overlay{animation:fade-in .3s ease-in-out .1s forwards;background-color:#000;opacity:0;z-index:100}#close-event-details-background-overlay,#event-details-container{cursor:pointer;height:100vh;position:fixed;right:0;top:0;width:100vw}#event-details-container{align-content:center;display:grid;justify-content:center;pointer-events:none;z-index:101}#event-details-container .event-details-card{background-color:#fff;border-radius:.5rem;box-shadow:.2rem .2rem .5rem #0003;cursor:default;display:grid;grid-template-rows:auto 1fr;max-height:calc(100vh - 2rem);max-width:calc(550px - 1rem);outline:1px solid #adadad;overflow:hidden;pointer-events:auto;width:calc(100vw - 1rem)}#event-details-container .event-details-card .event-details-card-header{grid-column-gap:.5rem;align-items:center;background-color:#00b8a9;border-radius:.5rem .5rem 0 0;display:grid;font-size:1.2rem;grid-auto-flow:column;height:3rem;justify-content:space-between;padding:0 1rem}#event-details-container .event-details-card .event-details-card-header .event-details-card-header-text{color:#fff;font-size:1.3rem;font-weight:500}#event-details-container .event-details-card .event-details-card-header .event-details-card-header-close-button{aspect-ratio:1/1;background-image:url(/static/media/close_cross_white.08094e61ee272210920a.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:90% auto;cursor:pointer;width:1.75rem}#event-details-container .event-details-card .event-details-card-body{grid-row-gap:.5rem;align-content:start;display:grid;overflow-y:scroll;padding:1rem}#event-details-container .event-details-card .event-details-card-body .class-info-container{grid-row-gap:.3rem;grid-column-gap:.5rem;align-content:start;display:grid;justify-content:left}#event-details-container .event-details-card .event-details-card-body .class-info-container .label{align-self:end;font-size:.85rem;grid-column:1;justify-self:right}#event-details-container .event-details-card .event-details-card-body .class-info-container .data{font-size:1rem;grid-column:2}#event-details-container .event-details-card .event-details-card-body .student-container{grid-column-gap:1rem;grid-row-gap:.5rem;align-content:start;align-items:start;display:grid;grid-auto-flow:row}#event-details-container .event-details-card .event-details-card-body .student-container .label{font-size:.85rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-number-indicator{background-color:#ffde7d;border-radius:.2rem;font-size:.85rem;grid-column:2;justify-self:right;padding:0 .2rem}#event-details-container .event-details-card .event-details-card-body .student-container .class-over-capacity{background-color:#f87292}#event-details-container .event-details-card .event-details-card-body .student-container .student-status-indicator{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;grid-column:1;grid-row:1/3;place-self:center;width:1.1rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container{border-bottom:1px solid #adadad;cursor:pointer;display:grid;grid-template-columns:2rem auto 2rem;padding:.2rem .3rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container .student-name-kanji{align-self:center;font-size:.9rem;grid-column:2;pointer-events:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container .student-name-katakana{align-self:center;font-size:.7rem;pointer-events:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container .add-student-icon{aspect-ratio:1/1;background-color:#00b8a9;background-image:url(/static/media/plus_white.be000f9e91365cb72f08.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;border-radius:50%;grid-column:3;grid-row:1/3;margin:.3rem 0;place-self:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:1.5rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container.no-katakana{grid-template-rows:auto 0}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container.no-kanji{grid-template-rows:0 auto}#event-details-container .event-details-card .event-details-card-body .student-container .student-name-container:last-child{border-bottom:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container{grid-row-gap:.5rem;background-color:#ffde7d;border-radius:.3rem;display:grid;grid-column:1/3;padding:.5rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container .student-search{-webkit-text-fill-color:#000;background-color:#fff;border:none;border-radius:.3rem;font-size:1rem;grid-column:1/3;padding:.3rem;width:calc(100% - .6rem)}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container .student-search:focus{outline:2px solid #5f5f5f}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container #select-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;height:15rem;overflow-x:hidden;overflow-y:scroll}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container #select-container .student-selected{background-color:#00b8a9;border-bottom:1px solid #0000;pointer-events:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container #select-container .student-selected .add-student-icon{opacity:0}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container #select-container .student-selected:last-child{border-bottom:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container #select-container .loading-spinner-container{margin-top:0}#event-details-container .event-details-card .event-details-card-body .student-container .student-select-container.disable-clicks{pointer-events:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-enrolled-container{grid-row-gap:.5rem;background-color:#00b8a9;border-radius:.3rem;display:grid;padding:.5rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-enrolled-container .enrolled-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;overflow-x:hidden;overflow-y:scroll;-webkit-user-select:none;user-select:none}#event-details-container .event-details-card .event-details-card-body .student-container .student-enrolled-container .enrolled-container .student-name-container{display:grid;grid-template-columns:2rem auto 2rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-enrolled-container .enrolled-container .student-name-container .remove-student-icon{aspect-ratio:1/1;background-color:#f6416c;background-image:url(/static/media/minus_white.f66c863fb0fe27d8654a.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;border-radius:50%;grid-column:3;grid-row:1/3;place-self:center;pointer-events:none;width:1.5rem}#event-details-container .event-details-card .event-details-card-body .student-container .student-enrolled-container.disable-clicks{pointer-events:none}#event-details-container .event-details-card .event-details-card-footer{align-items:center;background-color:#f1f1f1;border-top:1px solid #adadad;display:grid;min-height:1.8rem;padding:.8rem 1rem}#event-details-container .event-details-card .event-details-card-footer .archive-button{aspect-ratio:1/1;background-image:url(/static/media/archive_button_grey.59d763ef3e03e569667f.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:1.8rem}body,html{scroll-behavior:smooth}#calendar-container{display:grid;grid-auto-flow:column;overflow:scroll;padding-bottom:15rem;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}#calendar-container ::-webkit-scrollbar{display:none}#calendar-container .day-of-week-container{display:grid;padding-bottom:1rem;padding-top:3.5rem}#calendar-container .day-of-week-container .background-and-events-container{display:grid;margin:0 .5rem;position:relative;width:calc(100% - 1rem)}#calendar-container .day-of-week-container .background-and-events-container .background-container{border:1px solid #adadad;border-radius:.5rem;box-shadow:.2rem .2rem .5rem #0003}#calendar-container .day-of-week-container .background-and-events-container .background-container .hour-increment{align-items:end;background-color:#f8f3d4;border-bottom:1px solid #3a3939;display:grid;height:25rem}#calendar-container .day-of-week-container .background-and-events-container .background-container .hour-increment .hour-text{font-size:.8rem;font-style:italic;margin:0 0 .3rem .3rem}#calendar-container .day-of-week-container .background-and-events-container .background-container .hour-increment:first-child{border-radius:.5rem .5rem 0 0}#calendar-container .day-of-week-container .background-and-events-container .background-container .hour-increment:last-child{border-bottom:none;border-radius:0 0 .5rem .5rem}#calendar-container .day-of-week-container .background-and-events-container .events-container{grid-column-gap:.5rem;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:center;position:absolute;top:0;width:calc(100% - 1rem)}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container{display:grid;position:relative;width:100%}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event{background-color:#fff;border-radius:.5rem;box-shadow:.2rem .2rem .5rem #0003;display:grid;grid-template-rows:auto 1fr;outline:1px solid #adadad;position:absolute;width:100%}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header{background-color:#00b8a9;border-radius:.5rem .5rem 0 0;color:#1e1e1e;cursor:pointer;display:grid;font-size:.6rem;overflow:hidden;padding:.25rem .3rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header .more-info-container{background-color:#fff;box-shadow:0 0 5px 2px #0003;grid-column:2;grid-row:1;height:2rem;justify-self:right;margin-right:-1.3rem;margin-top:-1.25rem;pointer-events:none;transform:rotate(45deg);width:2rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header .event-name{font-size:1.1rem;grid-column:1/3;grid-row:1}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header .event-start-time{align-self:center;font-size:1rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header .student-count-container{align-self:center;background-color:#ffde7d;border-radius:.2rem;color:#323232;display:grid;font-size:.8rem;grid-auto-flow:column;grid-column:2;grid-row:2;justify-self:right;padding:0 .2rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-header .event-full{background-color:#f87292}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body{-ms-overflow-style:none;grid-row-gap:.2rem;align-content:start;align-items:start;cursor:pointer;display:grid;margin:.2rem 0;overflow-x:hidden;overflow-y:scroll;padding:.2rem;scrollbar-width:none}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body::-webkit-scrollbar{display:none}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container{grid-column-gap:.5rem;align-items:center;cursor:pointer;display:grid;justify-content:left}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .student-status{border:.15rem solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;grid-row:1/3;height:1.2rem;width:1.2rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .pre-enrolled{background-color:#fdbc00}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .enrolled{background-color:#00b8a9}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .short-absence{background-color:#f6416c}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .long-absence{background-color:#3a3939}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .student-name-kanji{font-size:.9rem;grid-column:2}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container .student-name-katakana{grid-column-gap:.2rem;display:grid;font-size:.7rem;grid-auto-flow:column;grid-column:2;justify-content:left}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-instructor-icon{background-position:50% calc(100% + .1rem);background-repeat:no-repeat;background-size:contain;bottom:0;height:2rem;position:absolute;right:.15rem;width:2rem}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event.highlighted-event{outline:2px solid #f6416c}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .duplicate{transform:translateY(1.65rem);z-index:2}#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .duplicate .event-header{background-color:#ffde7d}#calendar-container .day-of-week-container:last-child .background-and-events-container{border-right:none}#indicator-container{display:grid;justify-items:center;opacity:.9;pointer-events:none;position:fixed;top:4.25rem;width:100%;z-index:3}#indicator-container #indicator-box{grid-column-gap:.375rem;display:grid;grid-auto-flow:column;pointer-events:auto}#indicator-container #indicator-box .indicator{-webkit-tap-highlight-color:rgba(0,0,0,0);aspect-ratio:1/1;background-color:#ffde7d;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;cursor:pointer;display:grid;font-size:.75rem;font-weight:500;grid-auto-flow:column;grid-template-columns:5fr 95fr;line-height:1rem;place-items:center;-webkit-user-select:none;user-select:none;width:1.5rem}#indicator-container #indicator-box .indicator:before{content:""}#indicator-container #indicator-box .active{background-color:#00b8a9;color:#fff}#next-previous-navigation-container{display:none;grid-auto-flow:column;justify-content:space-between;margin:0 1.5rem;pointer-events:none;position:fixed;top:calc(50% - 2.5rem);width:calc(100% - 3rem);z-index:3}#next-previous-navigation-container button{aspect-ratio:1/1;background-color:#adadad;background-image:url(/static/media/prev_next_arrow_white.1ebaa331c7a75a2ba5f8.svg);background-position:55% 50%;background-repeat:no-repeat;background-size:40% auto;border:.15rem solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;opacity:.9;pointer-events:auto;transition-duration:.2s;width:2.5rem}#next-previous-navigation-container .disabled{opacity:0;pointer-events:none}#next-previous-navigation-container #previous-day-button{transform:rotate(180deg)}@keyframes fade-in{0%{opacity:0}to{opacity:.5}}@media(hover:hover){#next-previous-navigation-container{display:grid}}@media screen and (min-width:350px){#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body{padding:.2rem .5rem}}@media screen and (min-width:400px){#indicator-container #indicator-box{grid-column-gap:.5rem}#indicator-container #indicator-box .indicator{font-size:1rem;grid-template-columns:2fr 98fr;width:2rem}}@media screen and (min-width:450px){#calendar-container .day-of-week-container .background-and-events-container .background-container .hour-increment{height:25rem}}@media screen and (min-width:500px){#calendar-container .day-of-week-container .background-and-events-container .events-container .instructor-container .event .event-body .student-container{grid-row-gap:0}}@media screen and (min-width:1100px){#calendar-container .day-of-week-container .background-and-events-container .events-container{width:calc(100% - 1rem)}}#calendar-create-toolbar{align-content:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;height:2.75rem;justify-content:left;padding:0 .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}#calendar-create-toolbar.disable-toolbar-buttons{pointer-events:none}#calendar-event-create .card-container-full-width .card-full-width .event-header-container{background:#00b8a9;margin-bottom:.4rem;padding:.5rem}#calendar-event-create .card-container-full-width .card-full-width .event-header-container .event-name-text{color:#fff;font-size:1.3rem;font-weight:500}#calendar-event-create .card-container-full-width .card-full-width .event-header-container .event-name-text:after{content:"​"}#calendar-event-create .card-container-full-width .card-full-width .event-body-container{padding:0 1.5rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form{display:grid;grid-auto-flow:row;max-width:100%}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form label{margin-top:.7rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form input,#calendar-event-create .card-container-full-width .card-full-width .event-body-container form select{-webkit-text-fill-color:#000;background-color:#fff;border:1px solid #000;border-radius:.3rem;font-size:1.2rem;font-weight:500;padding:.3rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form input[name=event_name]{font-weight:400}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form input:focus{outline:2px solid #3a3939}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form input.invalid-input,#calendar-event-create .card-container-full-width .card-full-width .event-body-container form select.invalid-input{outline:2px solid #f6416c}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form select:focus{outline:2px solid #3a3939}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .time-input{-webkit-text-fill-color:initial;font-weight:400;max-width:5.5rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .input-width-7{max-width:7rem;width:calc(100% - 1rem + 4px)}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .input-width-15{max-width:15rem;width:calc(100% - 1rem + 4px)}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .input-width-20{max-width:20rem;width:calc(100% - 1rem + 4px)}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .bottom-buttons-container{display:grid;grid-auto-flow:column;justify-content:space-between;margin:3rem 0 2rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .bottom-buttons-container .button[type=submit]{background-color:#00b8a9;color:#fff}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .bottom-buttons-container .button{background-color:#3a3939;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem}#calendar-event-create .card-container-full-width .card-full-width .event-body-container form .bottom-buttons-container .button.delete{background-color:#f6416c}#attendance{display:grid;justify-items:center;margin-bottom:15rem;width:100%}#attendance,h3{margin-top:3.75rem}#attendance-toolbar{grid-column-gap:.5rem;align-items:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.25rem;justify-content:space-between;padding:.25rem .5rem;position:fixed;top:0;width:calc(100% - 1rem);z-index:3}#attendance-toolbar .toolbar-back-button{height:1.5rem}#attendance-toolbar .button-set-container{display:grid;grid-auto-flow:column}#attendance-toolbar .button-set-container .instructor-select-container{grid-column-gap:.2rem;display:grid;grid-auto-flow:column;margin:0 .25rem;max-width:6rem;overflow-x:scroll}#attendance-toolbar .button-set-container .instructor-select-container .instructor-button{background-position:50% calc(100% + 1px);background-repeat:no-repeat;background-size:auto 95%;border-radius:.2rem;cursor:pointer;height:2rem;width:2rem}#attendance-toolbar .button-set-container .instructor-select-container .instructor-button:hover{background-color:#fff3}#attendance-toolbar .button-set-container .instructor-select-container .instructor-button.active{background-color:#fff}#attendance-toolbar .button-set-container .instructor-select-container-arrow{align-self:center;background-color:#fff;clip-path:polygon(0 50%,100% 0,100% 100%);height:.5rem;margin-right:-.1rem;width:.4rem}#attendance-toolbar .button-set-container .instructor-select-container-arrow.right-arrow{margin-left:-.1rem;transform:rotate(180deg)}@media screen and (min-width:500px){#attendance-toolbar .button-set-container .instructor-select-container{grid-column-gap:.5rem;margin:0;max-width:none;overflow-x:visible}#attendance-toolbar .button-set-container .instructor-select-container-arrow{display:none}}.add-new-attendance-button{background-image:url(/static/media/plus_icon_white.dc6ae01028b6afcaaa78.svg);background-position:50%;background-repeat:no-repeat;background-size:80% auto;border-radius:.3rem;height:2rem;width:2rem}.add-new-attendance-button:hover{background-color:#fff3}.vertical-divider-thin{background-color:#fff;height:100%;margin:0 .5rem;width:1px}button#jump-to-today-button{background-image:url(/static/media/calendar.22d5c1f0459fa3437497.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 90%;border-radius:.3rem;display:grid;height:2rem;margin-left:.5rem;place-content:center;width:2rem}button#jump-to-today-button div{color:#fff;font-size:.7rem;font-weight:600;margin-top:.25rem}button#jump-to-today-button:hover{background-color:#fff3}button#auto-generate-attendance-records-button{background-image:url(/static/media/generate_data_white.2ea03a8876df1db7f91e.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 90%;border-radius:.3rem;height:2rem;width:2rem}button#auto-generate-attendance-records-button:hover{background-color:#fff3}.toolbar-back-button{background-image:url(/static/media/back_arrow.0f86bcdb3cc6d3015bdb.svg);background-position:0 50%;background-repeat:no-repeat;background-size:cover;border-radius:.2rem;border-right:.3rem solid #fff;color:#3a3939;overflow-x:hidden;padding:.2rem .5rem .2rem 1.5rem;white-space:nowrap}.attendance-update-background{background-color:#00000080;display:grid;height:100vh;position:fixed;top:0;width:100vw;z-index:99}.attendance-update-container{display:grid;height:100vh;place-content:center;pointer-events:none;position:fixed;top:0;width:100vw;z-index:100}.attendance-update-container .attendance-update-card{background-color:#fff;border-radius:.5rem;box-shadow:.2rem .2rem .5rem #0003;display:grid;grid-template-rows:3rem auto;height:calc(100vh - 2rem);margin:1rem;max-height:1020px;max-width:550px;outline:1px solid #adadad;pointer-events:auto;width:calc(100vw - 2rem)}.attendance-update-container .attendance-update-card .attendance-update-card-header{align-items:center;background-color:#00b8a9;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;display:grid;grid-auto-flow:column;padding:0 .75rem}.attendance-update-container .attendance-update-card .attendance-update-card-header .attendance-event-name{font-size:1.3rem;font-weight:500}.attendance-update-container .attendance-update-card .attendance-update-card-header .exit-button{align-self:center;background-image:url(/static/media/close_cross_white.08094e61ee272210920a.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:1.75rem;justify-self:right;width:1.75rem}.attendance-update-container .attendance-update-card .attendance-update-card-body{grid-row-gap:.75rem;align-content:start;display:grid;overflow-y:scroll;padding:1rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .label{font-size:.85rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container{grid-row-gap:.5rem;background:#ffde7d;border-radius:.3rem;display:grid;padding:.5rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-number-indicator{font-size:.85rem;grid-column:2;justify-self:right}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-search{background-color:#fff;border:none;border-radius:.3rem;grid-column:1/3;padding:.3rem;width:calc(100% - .6rem)}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-search:focus{outline:2px solid #5f5f5f}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;height:25rem;overflow-x:hidden;overflow-y:scroll}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container{grid-column-gap:.5rem;align-items:start;border-bottom:1px solid #5f5f5f;cursor:pointer;display:grid;font-size:.85rem;grid-template-columns:calc(2rem + 4px) auto;padding:0 .75rem 1rem;-webkit-user-select:none;user-select:none}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-column:1/3;margin-bottom:.5rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box{background-color:#fff;border:1px solid #3a3939;border-right:none;border-top:none;display:grid;grid-row:1;place-content:center}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:first-child{border-bottom-left-radius:.3rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:nth-child(7){border-bottom-right-radius:.3rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .start-time-box{background-color:#ffde7d;border:1px solid #3a3939;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;border-top:none;display:grid;grid-row:2;padding-bottom:.1rem;place-content:center;width:calc(100% - 1px)}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .start-time-box.saturday{width:calc(100% - 2px)}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:nth-child(7){border-right:1px solid #3a3939}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active{background-color:#ffde7d;border-bottom:none}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active.saturday{border-bottom-right-radius:0}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active.sunday{border-bottom-left-radius:0}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-primary-instructor{align-self:center;background-color:#00b8a9;background-position:50% calc(100% + .1rem);background-repeat:no-repeat;background-size:auto 90%;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;grid-column:1;grid-row:2/4;height:1.75rem;width:1.75rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-name{align-self:center;font-size:1rem;grid-column:2/3;justify-self:left;padding-bottom:.1rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-type{font-size:.75rem;grid-column:2}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container{display:grid;grid-column:1/3;justify-content:right;justify-items:left;margin-top:.5rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student{grid-column-gap:.4rem;display:grid;font-size:.8rem;grid-auto-flow:column;white-space:nowrap}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student .status-indicator{border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;height:.75rem;place-self:center;width:.75rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student .pre-enrolled{background-color:#fdbc00}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student .enrolled{background-color:#00b8a9}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student .short-absence{background-color:#f6416c}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container .event-student .long-absence{background-color:#3a3939}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container.active{background-color:#00b8a9}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container.active .event-name,.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container.active .event-students-container,.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container.active .event-type{color:#1e1e1e;font-weight:500}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container.active .event-name{font-weight:400}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container:last-child{border-bottom:none}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container>div{pointer-events:none}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .loading-spinner-container{margin-top:0}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data{grid-row-gap:.1rem;align-items:end;display:grid;justify-content:left}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data .label{font-size:1rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data input,.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data select{background-color:#fff;border:1px solid #3a3939;border-radius:.2rem;color:#3a3939;font-size:1.2rem;font-weight:500}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data input:focus{outline:2px solid #3a3939}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data input[type=date]{background-color:#d2d2d2;pointer-events:none;width:9rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data input::-webkit-calendar-picker-indicator{filter:invert(.4)}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.date{grid-column:1}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.date input{width:12ch}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.time{grid-column:1}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.instructor{grid-row:1}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.instructor select{background-color:#d2d2d2;padding-bottom:3.5px;padding-top:3.5px;pointer-events:none;width:14ch}.attendance-update-container .attendance-update-card .attendance-update-card-body.disable-clicks{pointer-events:none}.attendance-update-container .attendance-update-card .attendance-update-card-footer{align-items:center;align-self:end;background-color:#f1f1f1;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:1px solid #adadad;display:grid;min-height:1.8rem;padding:.6rem 1rem}.attendance-update-container .attendance-update-card .attendance-update-card-footer.disable-clicks{pointer-events:none}@media screen and (min-width:400px){.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-name{font-size:1.15rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-type{font-size:.85rem}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container .event-select-container .event-container .event-students-container{margin-top:0}}@media screen and (min-width:450px){.attendance-update-container .attendance-update-card .attendance-update-card-body{grid-template-columns:repeat(2,1fr)}.attendance-update-container .attendance-update-card .attendance-update-card-body .class-select-container{grid-column:1/3}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.date{grid-column:2;grid-row:1}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.time{grid-row:2}.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data.instructor{grid-column:1;grid-row:1}}@media screen and (min-width:500px){.attendance-update-container .attendance-update-card .attendance-update-card-body .label-and-data{margin-left:1rem}}#attendance-student-container.student-container{grid-column:1/3}#attendance-student-container.student-container .student-number-indicator{background-color:#ffde7d;border-radius:.2rem;font-size:.85rem;grid-column:2;justify-self:right;padding:0 .2rem}#attendance-student-container.student-container .student-select-container{grid-row-gap:.5rem;background-color:#ffde7d;border-radius:.3rem;display:grid;margin-top:.5rem;padding:.5rem}#attendance-student-container.student-container .student-select-container .student-search{-webkit-text-fill-color:#000;background-color:#fff;border:none;border-radius:.3rem;font-size:1rem;grid-column:1/3;padding:.3rem;width:calc(100% - .6rem)}#attendance-student-container.student-container .student-select-container .student-search:focus{outline:2px solid #5f5f5f}#attendance-student-container.student-container .student-select-container #select-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;height:15rem;overflow-x:hidden;overflow-y:scroll}#attendance-student-container.student-container .student-select-container #select-container .student-selected{background-color:#00b8a9;border-bottom:1px solid #0000;pointer-events:none}#attendance-student-container.student-container .student-select-container #select-container .student-selected .add-student-icon{opacity:0}#attendance-student-container.student-container .student-select-container #select-container .student-selected:last-child{border-bottom:none}#attendance-student-container.student-container .student-select-container #select-container .loading-spinner-container{margin-top:0}#attendance-student-container.student-container .student-select-container .student-status-indicator{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;grid-column:1;grid-row:1/3;place-self:center;width:1.1rem}#attendance-student-container.student-container .student-select-container .student-name-container{border-bottom:1px solid #adadad;cursor:pointer;display:grid;grid-template-columns:2rem auto 2rem;padding:.2rem .3rem}#attendance-student-container.student-container .student-select-container .student-name-container .student-name-kanji{align-self:center;font-size:.9rem;grid-column:2;pointer-events:none}#attendance-student-container.student-container .student-select-container .student-name-container .student-name-katakana{align-self:center;font-size:.7rem;pointer-events:none}#attendance-student-container.student-container .student-select-container .student-name-container .add-student-icon{aspect-ratio:1/1;background-color:#00b8a9;background-image:url(/static/media/plus_white.be000f9e91365cb72f08.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;border-radius:50%;grid-column:3;grid-row:1/3;margin:.3rem 0;place-self:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:1.5rem}#attendance-student-container.student-container .student-select-container .student-name-container.no-katakana{grid-template-rows:auto 0}#attendance-student-container.student-container .student-select-container .student-name-container.no-kanji{grid-template-rows:0 auto}#attendance-student-container.student-container .student-select-container .student-name-container:last-child{border-bottom:none}.student-enrolled-container{grid-row-gap:.5rem;background-color:#00b8a9;border-radius:.3rem;display:grid;grid-column:1/3;padding:.5rem}.student-enrolled-container .student-number-indicator{background-color:#ffde7d;border-radius:.2rem;font-size:.85rem;grid-column:2;justify-self:right;padding:0 .2rem}.student-enrolled-container .class-over-capacity{background-color:#f87292}.student-enrolled-container .enrolled-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;max-height:20rem;min-height:5rem;overflow-x:hidden;overflow-y:scroll;-webkit-user-select:none;user-select:none}.student-enrolled-container .enrolled-container .student-name-container{border-bottom:1px solid #adadad;cursor:pointer;display:grid;grid-template-columns:2rem auto 2rem;padding:.2rem .3rem}.student-enrolled-container .enrolled-container .student-name-container .student-status-indicator{aspect-ratio:1/1;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;grid-column:1;grid-row:1/3;place-self:center;width:1.1rem}.student-enrolled-container .enrolled-container .student-name-container .student-name-kanji{align-self:center;font-size:.9rem;grid-column:2;pointer-events:none}.student-enrolled-container .enrolled-container .student-name-container .student-name-katakana{align-self:center;font-size:.7rem;pointer-events:none}.student-enrolled-container .enrolled-container .student-name-container .remove-student-icon{aspect-ratio:1/1;background-color:#f6416c;background-image:url(/static/media/minus_white.f66c863fb0fe27d8654a.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;border-radius:50%;grid-column:3;grid-row:1/3;place-self:center;pointer-events:none;width:1.5rem}.delete-attendance-button{aspect-ratio:1/1;background-image:url(/static/media/garbage_can_grey_01.bf6b4049295ae0a451a9.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;width:2.2rem}button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;cursor:pointer}#confirmation-modal-container{background-color:#00000080;display:grid;height:100vh;place-items:center;position:fixed;right:0;top:0;width:100vw;z-index:101}#confirmation-modal-container .confirmation-modal-dialog-container{grid-row-gap:1rem;background-color:#fff;border:1px solid #adadad;border-radius:.3rem;box-shadow:.2rem .2rem .5rem #0003;display:grid;justify-content:space-between;max-width:350px;padding:1rem;width:calc(100vw - 4rem)}#confirmation-modal-container .confirmation-modal-dialog-container .confirmation-modal-dialog{grid-column:1/3;place-self:center}#confirmation-modal-container .confirmation-modal-dialog-container button{border-radius:.3rem;color:#fff;font-size:1rem;padding:.6rem 1rem}#confirmation-modal-container .confirmation-modal-dialog-container .cancel-button{background-color:#adadad;justify-self:left}#confirmation-modal-container .confirmation-modal-dialog-container .confirm-button{background-color:#f6416c;grid-column:2;justify-self:right}#date-select-container{grid-column-gap:.75rem;align-items:center;display:grid;grid-auto-flow:column;justify-content:center;justify-items:center}#date-select-container .date-arrow{background:#5f5f5f;clip-path:polygon(50% 10%,10% 100%,90% 100%);cursor:pointer;height:1.7rem;width:1.7rem}#date-select-container .date-arrow.previous{transform:rotate(-90deg)}#date-select-container .date-arrow.next{grid-row:1;transform:rotate(90deg)}#date-select-container input{background-color:#fff;border:1px solid #5f5f5f;border-radius:.2rem;color:#5f5f5f;cursor:text;font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:500;grid-row:1;padding:0 .4rem;width:9rem}#date-select-container input::-webkit-calendar-picker-indicator{filter:invert(.4)}#date-select-container .day-of-week-text{color:#5f5f5f;font-size:1.3rem;font-weight:500;grid-column:1/4;grid-row:2;margin-top:.25rem}#date-select-container button{background-color:#00b8a9;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;grid-column:1/4;grid-row:3;margin-top:2rem;padding:.5rem 1rem}#date-select-container.disable-clicks{pointer-events:none;-webkit-user-select:none;user-select:none}#attendance-container{grid-row-gap:1rem;display:grid;justify-items:center;max-width:800px;padding:1rem 0;width:100%}#attendance-container .card{background-color:#fff;border:1px solid #5f5f5f;border-radius:.2rem;box-shadow:.2rem .2rem .4rem #00000026}#attendance-container .attendance{grid-row-gap:.5rem;grid-column-gap:1rem;display:grid;grid-template-columns:calc(2.5rem + 4px) auto;padding:.75rem;position:relative;width:calc(100% - 2.5rem)}#attendance-container .attendance .more-info-container{background-color:#adadad;box-shadow:0 0 5px 2px #0003;cursor:pointer;height:2.2rem;position:absolute;right:-1.15rem;top:-1.15rem;transform:rotate(45deg);width:2.2rem}#attendance-container .attendance .primary-instructor-icon{background-color:#00b8a9;background-position:55% calc(100% + .1rem);background-repeat:no-repeat;background-size:auto 90%;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;height:2.5rem;width:2.5rem}#attendance-container .attendance .section-title-container{align-items:center;border-bottom:1px solid #000;cursor:pointer;display:grid;font-size:1.2rem;grid-auto-flow:column;grid-column:2;justify-content:space-between;width:100%}#attendance-container .attendance .section-title-container .class-name{grid-row:1/3}#attendance-container .attendance .section-title-container>div{pointer-events:none}#attendance-container .attendance .attendance-records-container{grid-row-gap:1rem;display:grid;font-size:1.2rem;grid-column:1/3;padding:1rem}#attendance-container .attendance .attendance-records-container .attendance-record{display:grid;grid-template-columns:auto 3rem}#attendance-container .attendance .attendance-records-container .attendance-record .student-name-kanji{cursor:pointer;grid-column:1;grid-row:1}#attendance-container .attendance .attendance-records-container .attendance-record .student-name-katakana{cursor:pointer;font-size:.8rem}#attendance-container .attendance .attendance-records-container .attendance-record .student-attendance-status{align-self:center;background-position:50% 50%;background-repeat:no-repeat;background-size:55% auto;border:2px solid #fff;border-radius:50%;box-shadow:.2rem .2rem .4rem #00000026;cursor:pointer;grid-row:1/3;height:calc(2rem + 1px);justify-self:right;width:calc(2rem + 1px)}#attendance-container .attendance .attendance-records-container .attendance-record .student-attendance-status.pending{background-color:#fdbc00;background-image:url(/static/media/pending_white.17aaea6348171339c133.svg)}#attendance-container .attendance .attendance-records-container .attendance-record .student-attendance-status.present{background-color:#00b8a9;background-image:url(/static/media/present_white.e56e8f7b0686a89f3b30.svg)}#attendance-container .attendance .attendance-records-container .attendance-record .student-attendance-status.absent{background-color:#f6416c;background-image:url(/static/media/absent_white.ed9a0f81018ed42e01e2.svg)}#attendance-container .attendance .attendance-records-container .attendance-record .disable-clicks-to-attendance-status-buttons{pointer-events:none}#attendance-container .schedule-break-container{background-color:#ffde7d;display:grid;font-size:1.1rem;font-weight:400;padding:.5rem;place-content:center;width:calc(100% - 2rem)}#attendance-completed-indicator{grid-row-gap:.5rem;background-color:#f8f3d4e6;border-bottom-right-radius:1.5rem;border-top-right-radius:.5rem;bottom:1rem;box-shadow:.2rem .2rem .4rem #00000026;display:grid;left:0;padding:.5rem;place-items:center;position:fixed}#attendance-completed-indicator .completion-percentage{color:#000;font-size:.9rem;margin-left:.2rem}#attendance-completed-indicator .completion-counter-text{border:2px solid #fff;border-radius:50%;box-shadow:.2rem .2rem .4rem #00000026;display:grid;font-size:1.2rem;height:calc(2.2rem + 1px);place-items:center;width:calc(2.2rem + 1px)}#attendance-completed-indicator .completion-counter-text.record-count-incomplete{background-color:#fdbc00}#attendance-completed-indicator .completion-counter-text.record-count-present{background-color:#00b8a9}#attendance-completed-indicator .completion-counter-text.record-count-absent{background-color:#f6416c}#attendance-completed-indicator.completed{background-color:#00b8a9e6}#attendance-completed-indicator.completed .completion-percentage{color:#fff}#attendance-create-section #display-descriptors-container{color:#3a3939;display:grid;font-size:1.2rem;justify-content:center;margin:3.3rem 1rem 0;text-align:center}#attendance-create-section .attendance-create-card-container{grid-row-gap:1rem;grid-column-gap:1rem;display:grid;grid-auto-flow:row;margin:.5rem auto 15rem;max-width:800px;width:calc(100% - 2rem)}#attendance-create-section .attendance-create-card-container .attendance-create-card{background-color:#fff;border:1px solid #adadad;border-radius:.3rem;box-shadow:.2rem .2rem .4rem #00000026;overflow:hidden}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-header-container{background:#00b8a9;margin-bottom:.4rem;padding:.5rem}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-header-container .attendance-name-text{color:#fff;font-size:1.3rem;font-weight:500}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-header-container .attendance-name-text:after{content:"​"}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container{display:grid;padding:0 1rem}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .class-select-container,#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container label{margin-top:.7rem}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container input:read-only,#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container select:read-only{background-color:#d2d2d2;pointer-events:none;-webkit-user-select:none;user-select:none}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container #start-time-input.missing-input{outline:2px solid #f6416c}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .section-header{border-bottom:1px solid #3a3939;color:#3a3939;margin-top:2rem;text-align:right;width:100%}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data{grid-row-gap:.1rem;align-items:end;display:grid;justify-content:left}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data input,#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data select{background-color:#fff;border:1px solid #3a3939;border-radius:.2rem;color:#3a3939;font-size:1.2rem;font-weight:500}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data select{padding-bottom:3.5px;padding-top:3.5px}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data input:focus{outline:2px solid #3a3939}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data input[type=date]{background-color:#d2d2d2;pointer-events:none;width:9rem}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data input::-webkit-calendar-picker-indicator{filter:invert(.4)}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.instructor{grid-row:4}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.instructor select{background-color:#d2d2d2}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.date{grid-row:5}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.date input{width:12ch}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.time{grid-row:6}@media screen and (min-width:450px){#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container{grid-template-columns:repeat(2,1fr)}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container #class-input,#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .section-header{grid-column:1/3}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.date,#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.instructor{grid-row:4}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .label-and-data.time{grid-row:5}#attendance-create-section .attendance-create-card-container .attendance-create-card .attendance-body-container .bottom-buttons-container{grid-column:1/3}}#attendance-create-toolbar{align-items:center;background-color:#00b8a9;box-shadow:0 0 .3rem .3rem #0003;display:grid;grid-auto-flow:column;height:2.25rem;justify-content:left;padding:.25rem .75rem;position:fixed;top:0;width:calc(100% - 1.5rem);z-index:3}#attendance-toolbar.disable-toolbar-buttons{pointer-events:none}.class-select-container{grid-row-gap:.5rem;background:#ffde7d;border-radius:.3rem;display:grid;padding:.5rem}.class-select-container .event-number-indicator{font-size:.85rem;grid-column:2;justify-self:right}.class-select-container .event-search{background-color:#fff;border:none;border-radius:.3rem;grid-column:1/3;padding:.3rem;width:calc(100% - .6rem)}.class-select-container .event-search:focus{outline:2px solid #5f5f5f}.class-select-container .event-select-container{align-content:start;background-color:#fff;border-radius:.3rem;display:grid;grid-column:1/3;height:25rem;overflow-x:hidden;overflow-y:scroll}.class-select-container .event-select-container .event-container{grid-column-gap:.5rem;align-items:start;border-bottom:1px solid #5f5f5f;cursor:pointer;display:grid;font-size:.85rem;grid-template-columns:calc(2rem + 4px) auto;padding:0 .75rem 1rem;-webkit-user-select:none;user-select:none}.class-select-container .event-select-container .event-container .event-day-time-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-column:1/3;margin-bottom:.5rem}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box{background-color:#fff;border:1px solid #3a3939;border-right:none;border-top:none;display:grid;grid-row:1;place-content:center}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:first-child{border-bottom-left-radius:.3rem}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:nth-child(7){border-bottom-right-radius:.3rem}.class-select-container .event-select-container .event-container .event-day-time-container .start-time-box{background-color:#ffde7d;border:1px solid #3a3939;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;border-top:none;display:grid;grid-row:2;padding-bottom:.1rem;place-content:center;width:calc(100% - 1px)}.class-select-container .event-select-container .event-container .event-day-time-container .start-time-box.saturday{width:calc(100% - 2px)}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box:nth-child(7){border-right:1px solid #3a3939}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active{background-color:#ffde7d;border-bottom:none}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active.saturday{border-bottom-right-radius:0}.class-select-container .event-select-container .event-container .event-day-time-container .day-of-week-box.active.sunday{border-bottom-left-radius:0}.class-select-container .event-select-container .event-container .event-primary-instructor{align-self:center;background-color:#00b8a9;background-position:50% calc(100% + .1rem);background-repeat:no-repeat;background-size:auto 90%;border:2px solid #fff;border-radius:50%;box-shadow:.1rem .2rem .2rem #0006;grid-column:1;grid-row:2/4;height:1.75rem;width:1.75rem}.class-select-container .event-select-container .event-container .event-name{align-self:center;font-size:1rem;grid-column:2/3;justify-self:left;padding-bottom:.1rem}.class-select-container .event-select-container .event-container .event-type{font-size:.75rem;grid-column:2}.class-select-container .event-select-container .event-container .event-students-container{display:grid;grid-column:1/3;justify-content:right;justify-items:left;margin-top:.5rem}.class-select-container .event-select-container .event-container .event-students-container .event-student{grid-column-gap:.4rem;display:grid;font-size:.8rem;grid-auto-flow:column;white-space:nowrap}.class-select-container .event-select-container .event-container .event-students-container .event-student .status-indicator{border:2px solid #fff;border-radius:50%;box-shadow:.1rem .1rem .3rem #0003;height:.75rem;place-self:center;width:.75rem}.class-select-container .event-select-container .event-container .event-students-container .event-student .pre-enrolled{background-color:#fdbc00}.class-select-container .event-select-container .event-container .event-students-container .event-student .enrolled{background-color:#00b8a9}.class-select-container .event-select-container .event-container .event-students-container .event-student .short-absence{background-color:#f6416c}.class-select-container .event-select-container .event-container .event-students-container .event-student .long-absence{background-color:#3a3939}.class-select-container .event-select-container .event-container.active{background-color:#00b8a9}.class-select-container .event-select-container .event-container.active .event-name,.class-select-container .event-select-container .event-container.active .event-students-container,.class-select-container .event-select-container .event-container.active .event-type{color:#1e1e1e;font-weight:500}.class-select-container .event-select-container .event-container.active .event-name{font-weight:400}.class-select-container .event-select-container .event-container>div{pointer-events:none}.class-select-container .event-select-container .loading-spinner-container{margin-top:0}.class-select-container.missing-input{outline:2px solid #f6416c}.bottom-buttons-container{display:grid;grid-auto-flow:column;justify-content:space-between;margin:3rem 0 2rem}.bottom-buttons-container button{border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem}.bottom-buttons-container button.cancel{background-color:#3a3939}.bottom-buttons-container button.submit{background-color:#00b8a9}nav.customer-navigation{bottom:2rem;display:grid;justify-content:right;justify-items:right;position:fixed;right:2rem}nav.customer-navigation #hamburger-button{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#00b8a9;border-radius:20% 5%;box-shadow:.2rem .2rem .5rem .1rem #0000004d;display:grid;height:4.5rem;place-items:center;transition-duration:.4s;width:4.5rem}nav.customer-navigation #hamburger-button #hamburger-container{align-content:space-around;display:grid;grid-template-rows:repeat(5,1fr);height:45%;width:60%}nav.customer-navigation #hamburger-button #hamburger-container .hamburger-line{background-color:#fff;border-radius:99rem;width:100%}nav.customer-navigation #hamburger-button #hamburger-container #hamburger-line-1{grid-row:1}nav.customer-navigation #hamburger-button #hamburger-container #hamburger-line-2{grid-row:3}nav.customer-navigation #hamburger-button #hamburger-container #hamburger-line-3{grid-row:5}nav.customer-navigation #link-list-container{grid-row-gap:1.5rem;display:grid;justify-items:right;margin:1rem;opacity:0;padding:0;pointer-events:none}nav.customer-navigation #link-list-container a{background-color:#00b8a9;border-radius:.5rem;box-shadow:.2rem .2rem .5rem .1rem #0000004d;color:#fff;font-size:1.2rem;padding:.3rem .8rem;text-align:right;transform-origin:100% 50%;-webkit-user-select:none;user-select:none}nav.customer-navigation #link-list-container .active{border-left:1rem solid #ffde7d}nav.customer-navigation.nav-active #hamburger-button{border-radius:10% 65%}nav.customer-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-1{animation:hamburger-line-1-in .4s ease-in forwards}nav.customer-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-2{animation:hamburger-line-2-in .4s ease-in forwards}nav.customer-navigation.nav-active #hamburger-button #hamburger-container #hamburger-line-3{animation:hamburger-line-3-in .4s ease-in forwards}@keyframes hamburger-line-1-in{0%{transform:translate(0) rotate(0);-webkit-transform:translate(0) rotate(0)}50%{transform:translateY(.81rem) rotate(0);-webkit-transform:translateY(.81rem) rotate(0)}to{transform:translateY(.81rem) rotate(45deg);-webkit-transform:translateY(.81rem) rotate(45deg)}}@keyframes hamburger-line-2-in{0%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes hamburger-line-3-in{0%{transform:translate(0) rotate(0);-webkit-transform:translate(0) rotate(0)}50%{transform:translateY(-.81rem) rotate(0);-webkit-transform:translateY(-.81rem) rotate(0)}to{transform:translateY(-.81rem) rotate(-45deg);-webkit-transform:translateY(-.81rem) rotate(-45deg)}}nav.customer-navigation.nav-active #link-list-container{opacity:1;pointer-events:auto}nav.customer-navigation.nav-active #link-list-container #link-item-01{animation:nav-list-in .4s ease-out 0ms both}nav.customer-navigation.nav-active #link-list-container #link-item-02{animation:nav-list-in .4s ease-out .1s both}nav.customer-navigation.nav-active #link-list-container #link-item-03{animation:nav-list-in .4s ease-out .2s both}@keyframes nav-list-in{0%{transform:scale(0) translateX(5rem);-webkit-transform:scale(0) translateX(5rem)}70%{transform:scale(1.15);-webkit-transform:scale(1.15)}to{transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0)}}nav.customer-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-1{animation:hamburger-line-1-out .4s ease-in forwards}nav.customer-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-2{animation:hamburger-line-2-out .4s ease-in forwards}nav.customer-navigation.nav-inactive #hamburger-button #hamburger-container #hamburger-line-3{animation:hamburger-line-3-out .4s ease-in forwards}@keyframes hamburger-line-1-out{0%{transform:translateY(.81rem) rotate(45deg);-webkit-transform:translateY(.81rem) rotate(45deg)}50%{transform:translateY(.81rem) rotate(0);-webkit-transform:translateY(.81rem) rotate(0)}to{transform:translate(0) rotate(0);-webkit-transform:translate(0) rotate(0)}}@keyframes hamburger-line-2-out{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes hamburger-line-3-out{0%{transform:translateY(-.81rem) rotate(-45deg);-webkit-transform:translateY(-.81rem) rotate(-45deg)}50%{transform:translateY(-.81rem) rotate(0);-webkit-transform:translateY(-.81rem) rotate(0)}to{transform:translate(0) rotate(0);-webkit-transform:translate(0) rotate(0)}}nav.customer-navigation.nav-inactive #link-list-container{opacity:1;pointer-events:none}nav.customer-navigation.nav-inactive #link-list-container #link-item-01{animation:nav-list-out .4s ease-out .2s both}nav.customer-navigation.nav-inactive #link-list-container #link-item-02{animation:nav-list-out .4s ease-out .1s both}nav.customer-navigation.nav-inactive #link-list-container #link-item-03{animation:nav-list-out .4s ease-out 0ms both}@keyframes nav-list-out{0%{transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0)}to{transform:scale(1) translateX(15rem);-webkit-transform:scale(1) translateX(15rem)}}nav.customer.navigation.nav-disabled,nav.customer.navigation.nav-disabled a{pointer-events:none}#display-one-primary-container{grid-row-gap:1rem;grid-column-gap:1rem;align-content:start;display:grid;height:calc(100vh - 4rem);margin:2rem;width:calc(100vw - 4rem)}#display-one-primary-container .glass{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#ffffff40;border:.1rem solid #fff3;box-shadow:0 .1rem .2rem 0 #00000026}#display-one-primary-container #student-info-container{align-self:start;border-radius:.5rem;display:grid;justify-self:left;min-width:35vw;padding:1.5rem}#display-one-primary-container #student-info-container #student-name-grade{font-size:2.5rem;font-weight:500}#display-one-primary-container #student-info-container .data-title-value-container{margin-top:1rem}#display-one-primary-container #student-info-container .data-title-value-container .data-title{border-bottom:1px solid #3a3939;font-size:.9rem}#display-one-primary-container #student-info-container .data-title-value-container .data-value{font-size:2rem}#display-one-primary-container #student-attendance-record-container{display:none;overflow-y:scroll}#display-one-primary-container #recent-checkins-container{grid-row-gap:1.6rem;align-self:start;display:grid;grid-column:2;justify-self:right}#display-one-primary-container #recent-checkins-container .checkin-container{grid-column-gap:2.5rem;border-radius:.5rem;display:grid;justify-content:space-between;padding:.25rem;position:relative}#display-one-primary-container #recent-checkins-container .checkin-container .checkin-student-name-level{font-size:1.3rem;font-weight:500}#display-one-primary-container #recent-checkins-container .checkin-container .checkin-xp{font-size:1.3rem;grid-column:2}#display-one-primary-container #recent-checkins-container .checkin-container .checkin-level{border-radius:50%;display:grid;font-size:1rem;height:1.8rem;left:-1.2rem;place-content:center;position:absolute;top:-1.2rem;width:1.8rem}#display-one-primary-container #recent-checkins-container .checkin-container.level-up{background:#ffde7de6}#display-one-primary-container #uuid-form{bottom:5vh;left:5vw;position:fixed}#display-one-primary-container #uuid-form input{border-radius:.3rem;caret-color:#0000;font-size:1.5rem;text-align:center}#display-one-primary-container #uuid-form input:focus{outline:2px solid #fff3}#display-one-primary-container #background-gradient-container{height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:100vw;z-index:-1}#display-one-primary-container #background-gradient-container #background-gradient{background:linear-gradient(90deg,#ee0979,#f5af19);height:100%;position:absolute;right:0;top:0;width:100%}#display-one-primary-container #background-gradient-container #background-gradient-mask{background:linear-gradient(90deg,#8360c3,#2ebf91);height:100%;mask-image:linear-gradient(180deg,#0000,#000);-webkit-mask-image:linear-gradient(180deg,#0000,#000);position:absolute;right:0;top:0;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1d594efc.css.map*/