*,:after,:before{box-sizing:border-box}ul{padding:0;list-style-type:none}html{font-size:62.5%}body{font-family:sans-serif;font-size:1.4rem}.variations{display:flex;gap:1em;flex-wrap:wrap}.variation-item{padding:.25em 1em;font-size:.9em;background-color:#e3e3e3;border-radius:.25em;cursor:pointer}.variation-item .active{cursor:not-allowed;font-weight:700;background-color:#82a3f4;color:#242424}.result-item{position:relative;display:flex;justify-content:space-between;max-width:300px;gap:1em;background-color:#fff}.result-item.active{font-weight:700}.result-item:after{position:absolute;content:"";width:100%;border-bottom:1px dotted;z-index:0;left:0;top:50%}.result-subject{padding-right:.5em}.result-points,.result-subject{position:relative;z-index:1;background-color:inherit}.result-points{padding-left:.5em;font-family:monospace}.subject-item{display:flex;gap:1em;max-width:500px;overflow:auto;border:1px solid rgba(0,0,0,.26666666666666666)}.subject-item:not(:first-child){border-top-color:transparent}.subject-name{display:flex;align-items:center;min-width:120px;background-color:#fff;position:sticky;left:0;padding:.5em}.subject-sections{display:flex;gap:.25em;flex-grow:1}.subject-section{padding:.25em;border-left:1px solid rgba(0,0,0,.26666666666666666);flex-grow:1;display:flex;flex-direction:column;align-items:center}.section-name{font-weight:700;margin-bottom:.25em}.answers{display:flex;gap:.5em}.answer-box{display:flex;flex-direction:column}.answer-box label{font-size:.9rem;text-align:center;text-transform:uppercase}.answer-box input{width:40px}.answer-box input[step]{width:50px}