.subject{--light-subject-bg: #f0f0f0;--light-subject-border: var(--light-border);--dark-subject-bg: #2b2b2b;--dark-subject-border: var(--dark-border);width:330px;background-color:var(--subject-bg);border:1px solid var(--subject-border);border-radius:.25rem;margin-top:1.5rem;padding:1rem .5rem .5rem}.subject h2:first-child{position:absolute;transform:translate(1rem,-3.25rem);background-color:var(--subject-bg);padding:.25rem .5rem;border:1px solid var(--subject-border);border-radius:.25rem;font-size:1.45rem}.subject h2:first-child:after{content:":"}.subject h3{font-size:1.2rem;margin-bottom:.5rem}.subject p{line-height:1.25rem;margin-top:.25rem}.subject p.green{color:var(--green);font-weight:700}@media (prefers-color-scheme: light){.subject{--subject-bg: var(--light-subject-bg);--subject-border: var(--light-subject-border)}}@media (prefers-color-scheme: dark){.subject{--subject-bg: var(--dark-subject-bg);--subject-border: var(--dark-subject-border)}}.grade-input.svelte-1fou3sj{display:flex;gap:0}button.svelte-1fou3sj{--light-gcolor: var(--diako-purple);--light-gbg: var(--light-bg);--light-gborder: var(--light-border);--dark-gcolor: var(--dark-color);--dark-gbg: var(--diako-purple);--dark-gborder: var(--dark-border);display:inline-block;width:2rem;height:2rem;margin:0;cursor:pointer;font-size:1.2rem;font-weight:700;color:var(--gcolor);background-color:var(--gbg);border:1px solid var(--gborder);border-left:none}button.svelte-1fou3sj:first-child{border-left:1px solid var(--gborder)}button.active.svelte-1fou3sj{background-color:var(--gcolor);color:var(--gbg)}@media (prefers-color-scheme: dark){button.svelte-1fou3sj{--gcolor: var(--dark-gcolor);--gbg: var(--dark-gbg);--gborder: var(--dark-gborder)}}@media (prefers-color-scheme: light){button.svelte-1fou3sj{--gcolor: var(--light-gcolor);--gbg: var(--light-gbg);--gborder: var(--light-gborder)}}.grade.svelte-11sv2vc{font-weight:700}.grade.green.svelte-11sv2vc{color:var(--green)}.grade.red.svelte-11sv2vc{color:var(--red)}