.settings-title{margin:1rem auto 2rem;text-align:center}.confirm-delete{margin-top:1rem;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 2rem;align-items:center;border-radius:2.25rem;background-color:#fff}.confirm-delete__text{min-width:260px}.confirm-delete__buttons{display:inline-grid;grid-auto-flow:column;grid-template-columns:repeat(2,-webkit-min-content);grid-template-columns:repeat(2,min-content);justify-content:end;-moz-column-gap:.5rem;column-gap:.5rem}.confirm-delete__button{white-space:nowrap}.confirm-delete__button--cancel{--button-fg:#607d8b;--button-fg-active:#455a64}.confirm-delete__button--confirm{--button-fg:#f44336;--button-fg-active:#d32f2f}.color-picker{margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:.25rem .125rem;border:0}.color-picker__legend{display:flex;grid-column:1/-1}.color-picker__input{position:absolute;opacity:0;z-index:-1}.color-picker__label{padding:.125rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:2rem;font-size:.8rem;text-align:center;color:var(--color-page-fg);background-color:var(--color,#cfd8dc);border:.125rem solid #fff}.color-picker__label:active,.color-picker__label:hover{border-color:#78909c}:focus+.color-picker__label{outline:none;box-shadow:0 0 0 .125rem var(--color-page-bg),0 0 0 .25rem #78909c}:checked+.color-picker__label{border-color:currentColor}.subject-form__footer{margin-top:1rem;display:flex;justify-content:flex-end;align-items:center}.subject-form__footer button{margin-left:1rem}.subject-card{margin-bottom:2rem;display:grid;grid-template:"color .    name delete edit" auto "form  form form form   form" auto/auto 1rem 1fr auto auto;align-items:center}.subject-card__color{width:2rem;height:2rem;display:inline-block;grid-area:color;border:.125rem solid #fff;border-radius:1rem;background-color:var(--color,var(--color-page-bg))}.subject-card__name{grid-area:name;font-size:1.4em;font-weight:700}.subject-card__delete{--button-fg:#b71c1c;--button-fg-active:#d32f2f;--button-width:3rem;grid-area:delete}.subject-card__edit{--button-fg:#006064;--button-fg-active:#0097a7;--button-width:3rem;grid-area:edit}.subject-card__form{margin-top:1rem;padding:1rem;grid-area:form;border-radius:2.25rem;background-color:#fff}.subject-card__confirm{grid-area:form}.preset-form__footer{margin-top:1rem;display:flex;justify-content:flex-end;align-items:center}.preset-form__footer button{margin-left:1rem}.preset-card{margin-bottom:2rem;display:grid;grid-template:"desc    desc    desc     delete edit" auto "subject .       duration delete edit" auto "form    form    form     form  form" auto/auto 1rem 1fr auto auto;align-items:center}.preset-card__description{grid-area:desc;font-size:1.4rem;font-weight:700}.preset-card__subject{padding:.25rem 1rem;grid-area:subject;justify-self:start;font-size:.8rem;text-transform:uppercase;letter-spacing:.03125rem;background-color:var(--color,#fff);border-radius:1rem}.preset-card__duration{grid-area:duration;font-size:.8rem}.preset-card__delete{--button-fg:#b71c1c;--button-fg-active:#d32f2f;--button-width:3rem;grid-area:delete}.preset-card__edit{--button-fg:#006064;--button-fg-active:#0097a7;--button-width:3rem;grid-area:edit}.preset-card__form{margin-top:1rem;padding:1rem;grid-area:form;border-radius:2.25rem;background-color:#fff}.preset-card__confirm{grid-area:form}.grade-picker{margin:1rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .125rem;border:0}.grade-picker__legend{display:flex;flex:1 0 100%}.grade-picker__input{position:absolute;opacity:0;z-index:-1}.grade-picker__label{margin:0 .125rem .125rem 0;padding:.125rem 1rem;width:auto;height:2rem;display:inline-flex;align-items:center;border-radius:2rem;font-size:.8rem;text-align:center;text-transform:uppercase;letter-spacing:.03125rem;color:var(--color-page-fg);background-color:var(--color,#cfd8dc);border:.125rem solid #fff}.grade-picker__label:active,.grade-picker__label:hover{border-color:#78909c}:focus+.grade-picker__label{outline:none;box-shadow:0 0 0 .125rem var(--color-page-bg),0 0 0 .25rem #78909c}:checked+.grade-picker__label{border-color:currentColor}.student-form__footer{margin-top:1rem;display:flex;justify-content:flex-end;align-items:center}.student-form__footer button{margin-left:1rem}.student-card{margin-bottom:2rem;display:grid;grid-template:"grade .    name delete edit" auto "form  form form form   form" auto/auto 1rem 1fr auto auto;align-items:center}.student-card__grade{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;grid-area:grade;border:.125rem solid #fff;border-radius:1rem;background:#cfd8dc;text-transform:uppercase}.student-card__name{grid-area:name;font-size:1.4rem;font-weight:700}.student-card__delete{--button-fg:#b71c1c;--button-fg-active:#d32f2f;--button-width:3rem;grid-area:delete}.student-card__edit{--button-fg:#006064;--button-fg-active:#0097a7;--button-width:3rem;grid-area:edit}.student-card__form{margin-top:1rem;padding:1rem;grid-area:form;border-radius:2.25rem;background-color:#fff}.student-card__confirm{grid-area:form}