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}:root{--row-front-label-gap:-3rem;--row-back-label-gap:-2rem;--calculator-row-width:27rem;--calculator-cell-height:4.5rem;--grade-color-hd:#69e1ff;--grade-color-d:#abff69;--grade-color-c:#e4ff69;--grade-color-p:#ffc117;--grade-color-f:#ff1717;--cell-border-radius:0.6rem;--disabled-color:#a7a7a7;--border-color:#b1b1b1;--stripe-bg-white:#f0f0f0;--current-grade:-10%;--stripe-height:1rem;font-size:10pt}input:focus{box-shadow:0 2px #555;outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{caret-color:transparent;font-family:Inter,sans-serif;-webkit-user-select:all;user-select:all}*{margin:0;padding:0}body{font-family:Inter,sans-serif;font-weight:500}#root{display:flex;min-height:100vh}.main-container{display:flex;margin:14vh auto 10rem;position:relative;width:-webkit-min-content;width:min-content}.logo-box{align-items:center;bottom:-7rem;cursor:pointer;display:flex;position:absolute}.logo-box>img{margin-left:1rem;padding:.2rem 0;width:8rem}.logo-box:hover>img{box-shadow:0 2px #000}a{text-decoration:none}h1{background-color:#fff;color:#000;font-size:3rem;font-weight:700;mix-blend-mode:multiply;overflow:hidden;position:relative}h1:before{background-image:linear-gradient(90deg,#000 9%,#8381ff 44%,#ff4747 72%,#ffee54);content:"";display:block;inset:0;mix-blend-mode:screen;opacity:.5;position:absolute;-webkit-transform:translateX(50%) scale(2);transform:translateX(50%) scale(2);transition:opacity .7s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,opacity .7s ease-in-out;transition:transform .6s ease-in-out,opacity .7s ease-in-out,-webkit-transform .6s ease-in-out}h1:hover:before{opacity:1;-webkit-transform:translateX(-75%) scale(2);transform:translateX(-75%) scale(2)}h3{font-size:1.5rem;margin-top:1rem}.calculator-section,.graph-section{height:-webkit-min-content;height:min-content;width:27rem;width:var(--calculator-row-width)}.calculator-controller-section,.calculator-table{margin-top:2rem}.calculator-controller-header,.calculator-controller-row,.calculator-header,.calculator-status-row{display:grid}.calculator-controller-header,.calculator-header{font-weight:700;margin-bottom:.8rem}.calculator-header{grid-template-columns:12.59% 2.91% 19.85% 4.6% 22.76% 7.26% 30.02%}.calculator-controller-header{grid-template-columns:39.47% 28.81% 31.96%}.calculator-header>span:nth-child(5),.calculator-header>span:nth-child(6){text-align:center}.calculator-controller-row,.calculator-subject-row{margin-bottom:1rem;position:relative;width:27rem;width:var(--calculator-row-width)}.calculator-controller-row,.calculator-status-row{font-size:1.5rem}.subject-row-inputs{display:grid;grid-template-columns:39.225% 28.812% 31.961%}.subject-row-inputs>div:first-child{margin-right:10%}.subject-row-inputs>div:nth-child(2){margin-right:18%}.double-input-box,.grade-display-box,.grade-display-box--no-grade,.percentage-input-box{align-items:center;background-color:#d9d9d9;border-radius:.6rem;border-radius:var(--cell-border-radius);display:flex;height:4.5rem;height:var(--calculator-cell-height);justify-content:center;position:relative}.grade-display-box{font-size:1.5rem;font-weight:900}.double-input-box>input,.percentage-input-box>input{background:none;border:none;font-size:1.5rem;height:1.5rem;padding:.2rem 0;text-align:center}.double-input-box input{margin:0 .2rem;width:3rem}.double-input-box input:first-child{width:4.2rem}.percentage-input-box input{width:2.5rem}.subject-row-end-label,.subject-row-front-label,.total-points-end-label{font-size:1.2rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.subject-row-front-label{left:-3rem;left:var(--row-front-label-gap)}.subject-row-end-label,.total-points-end-label{right:-2rem;right:var(--row-back-label-gap)}.total-points-end-label{font-weight:700}.grade-display-box{box-shadow:6px 9px 12px rgba(0,0,0,.1)}.grade-display-box--no-grade{background-color:#fff;outline:1px solid #b1b1b1;outline:var(--border-color) 1px solid}.hover-shadow-button{transition:.5s}.hover-shadow-button:hover{box-shadow:8px 12px 30px rgba(0,0,0,.2);color:#4a4a4a;-webkit-filter:brightness(1.1);filter:brightness(1.1)}.grade-display-box.hd{background-color:#69e1ff;background-color:var(--grade-color-hd)}.grade-display-box.d{background-color:#abff69;background-color:var(--grade-color-d)}.grade-display-box.c{background-color:#e4ff69;background-color:var(--grade-color-c)}.grade-display-box.p{background-color:#ffc117;background-color:var(--grade-color-p)}.grade-display-box.f{background-color:#ff1717;background-color:var(--grade-color-f);color:#f3ff37}.grade-display-box.invalid{color:red;outline:2px solid red}.calculator-controller-row{grid-template-columns:19.61% 19.85% 28.81% 31.72%}.calculator-controller-row>div:first-child{margin-right:20.99%}.calculator-controller-row>div:nth-child(2){margin-right:20.73%}.calculator-controller-row>div:nth-child(3){margin-right:18.49%}.calculator-total-level,.calculator-total-out-of,.minus-button,.percentage-indicator,.plus-button,.total-indicator{align-items:center;border-radius:.6rem;border-radius:var(--cell-border-radius);display:flex;height:4.5rem;height:var(--calculator-cell-height);justify-content:center;outline:1px solid #b1b1b1;outline:var(--border-color) 1px solid}.total-indicator{font-weight:900}.minus-button,.plus-button{cursor:pointer;font-size:2.5rem;font-weight:700}.plus-button{background-color:#f3f3f3}.plus-button:after{content:"+";padding-bottom:.3rem}.minus-button:after{content:"-";padding-bottom:.3rem}.minus-button{background-color:#ffe7e7}.minus-button:hover{background-color:#ff6262;outline:1px solid #ff6262}.disabled-button{color:#a7a7a7;color:var(--disabled-color);pointer-events:none}.invalid-input{background-color:red;color:#fff}.calculator-status-row{grid-template-columns:68.04% 31.96%}.calculator-status-row>div:first-child{margin-right:7.82%}.calculator-total-out-of{color:#a7a7a7;color:var(--disabled-color);overflow:hidden;position:relative}.calculator-total-out-of:hover{background:#ff7d7d;color:#fff;text-shadow:3px 4px 13px rgba(0,0,0,.8)}.calculator-total-out-of:after{background:red;content:"";-webkit-filter:blur(10px);filter:blur(10px);height:100%;opacity:.5;position:absolute;right:120%;top:0;transition:right .4s ease-in-out;width:100%;z-index:-1}.calculator-total-out-of:hover:after{--current-grade:inherit;right:110%;right:calc(100% - var(--current-grade))}.calculator-total-level{font-weight:900}.calculator-total-level.hd{background-color:#69e1ff;background-color:var(--grade-color-hd)}.calculator-total-level.d{background-color:#abff69;background-color:var(--grade-color-d)}.calculator-total-level.c{background-color:#e4ff69;background-color:var(--grade-color-c)}.calculator-total-level.p{background-color:#ffc117;background-color:var(--grade-color-p)}.calculator-total-level.f{background-color:#ff1717;background-color:var(--grade-color-f);color:#fff}.graph-section{--horizontal-padding:2rem;border-radius:.6rem;border-radius:var(--cell-border-radius);margin-left:clamp(4rem,10dvw,20rem);outline:1px solid #b1b1b1;outline:var(--border-color) 1px solid;overflow:hidden;padding:1.5rem 2rem;transition:margin .2s;width:calc(27rem - var(--horizontal-padding)*2);width:calc(var(--calculator-row-width) - var(--horizontal-padding)*2)}.graph-section>h1{margin-bottom:1rem}.graph-area.fill-first-label{align-items:center;display:flex;flex-direction:column;height:28rem;justify-content:center}.graph-area.fill-first-label>img{width:50%}.graph-fill-first-hint{color:#a7a7a7;color:var(--disabled-color);font-size:1.4rem;font-weight:700;margin-bottom:3rem;margin-top:2rem}.stripe-area{background-color:#f0f0f0;background-color:var(--stripe-bg-white);border-radius:2rem;height:1rem;height:var(--stripe-height);margin-bottom:11rem;margin-top:4rem;position:relative;width:100%}.stripe-area.no-what-if{margin-bottom:1rem;margin-top:3.5rem}.stripe-area:after{background-color:rgba(0,0,0,.7);content:"";height:1.5rem;height:calc(var(--stripe-height) + .5rem);left:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px}.subject-stripe{border-radius:2rem;height:100%;position:absolute;transition:box-shadow .2s ease-in-out;width:calc(var(--subject-grade) + 3%)}.subject-stripe:hover{box-shadow:2px 2px 14px hsla(0,100%,79%,.762);outline:2px solid #ff7070;z-index:999}.subject-stripe:last-of-type{width:var(--subject-grade)}.subject-stripe.hd{background:#69e1ff;background:var(--grade-color-hd)}.subject-stripe.d{background:#abff69;background:var(--grade-color-d)}.subject-stripe.c{background:#e4ff69;background:var(--grade-color-c)}.subject-stripe.p{background:#ffc117;background:var(--grade-color-p)}.subject-stripe.f{background:#ff1717;background:var(--grade-color-f)}.subject-stripe.whatif-stripe{background:linear-gradient(90deg,#8381ff,#ff4747 63%,#ffee54);font-weight:900;text-align:center;white-space:nowrap}.subject-stripe--label{left:50%;position:absolute;top:-1.8rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.all-what-if-stripes{display:flex;flex-direction:column}.what-if-stripe{background-color:#f0f0f0;background-color:var(--stripe-bg-white);border-radius:3rem;height:1rem;height:var(--stripe-height);margin-top:1rem;position:relative;width:100%}.what-if-stripe:first-of-type{margin-top:2.5rem}.what-if-stripe:after{border-radius:2rem;content:"";height:1rem;height:var(--stripe-height);left:0;position:absolute;top:0}.what-if-stripe.hd:after,.what-if-stripe:after{background:#69e1ff;background:var(--grade-color-hd)}.what-if-stripe.hd:after{width:85%}.what-if-stripe.d:after{background:#abff69;background:var(--grade-color-d);width:75%}.what-if-stripe.c:after{background:#e4ff69;background:var(--grade-color-c);width:65%}.what-if-stripe.p:after{background:#ffc117;background:var(--grade-color-p);width:50%}.what-if-stripe--pre-tag{left:0;position:absolute;-webkit-transform:translateX(calc(-100% - 1rem));transform:translateX(calc(-100% - 1rem))}.what-if-stripe--post-tag{font-weight:500;position:absolute;right:0;-webkit-transform:translateX(calc(100% + .8rem));transform:translateX(calc(100% + .8rem));transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.all-what-if-stripes[data-too-long=true] .what-if-stripe--post-tag{-webkit-transform:translateX(calc(100% + .2rem));transform:translateX(calc(100% + .2rem))}.summary-total-strip{background-color:#999;border-radius:2rem;height:1rem;height:var(--stripe-height);margin-top:2rem;position:relative;width:var(--total-width)}.summary-total-strip.no-space{margin-top:3rem}.summary-total-strip>p{position:absolute;right:0;top:50%;-webkit-transform:translateX(120%) translateY(-50%);transform:translateX(120%) translateY(-50%)}.summary-total-strip.no-space>p{right:0;top:-1.8rem;-webkit-transform:none;transform:none}.what-if-text-area{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:2fr 3fr}.what-if-text-area-title{font-size:1.1em;font-weight:900;margin-bottom:.4rem}.what-if-text-area span{opacity:.3;transition:opacity .2s ease-in-out}.what-if-text-area p:hover span{opacity:1}@media (max-width:900px){.main-container{flex-direction:column}.graph-section{margin-left:auto;margin-top:5rem}.logo-box{flex-direction:column;justify-content:center;width:100%}.logo-box>img{margin:0}}@media (max-width:500px){:root{--calculator-row-width:30rem;font-size:8pt}.logo-box{bottom:-7rem}.main-container{flex-direction:column;margin:5dvh auto 10rem}.subject-row-front-label{display:none}.graph-section .summary-header{font-size:1.4rem}.what-if-text-area{font-size:1.2rem}}
/*# sourceMappingURL=main.eb7d0628.css.map*/