:root{--text: #ffffff;--background: #252423;--primary: #ff4b4b;--on-primary: #ffffff;--secondary: #ff8f42;--on-secondary: #ffffff;--deactivate: #6a7166;--outline: #6a7166;--on-warning: #f0ee6c;--info: #4cb8fb2a;--on-info: #4cb9fb;--green-accent: #88d16a;--green-accent-dark: #28461c;--on-green-accent: #376626;--orange-accent: #ff8f42;--on-orange-accent: #a7521a;--orange-accent-dark: #7c3d13}.font-title{font-family:Sora,sans-serif;font-size:3rem;font-weight:700}.font-subtitle{font-family:Sora,sans-serif;font-size:2rem;font-weight:400}.font-body-big{font-family:Lexend Deca,sans-serif;font-size:1.5rem;font-weight:700}.font-body{font-family:Lexend Deca,sans-serif;font-size:1rem;font-weight:lighter}.font-label{font-family:Lexend Deca,sans-serif;font-size:.8rem;font-weight:400}.font-label-small{font-family:Lexend Deca,sans-serif;font-size:.6rem;font-weight:400}*{box-sizing:border-box;padding:0;margin:0;color:var(--text);font-family:Lexend Deca,sans-serif;font-weight:400}body{background-color:var(--background);min-width:100vw}button{border:none}#app{min-width:100vw;min-height:100vh}.inputBox[data-v-571797a8]{position:relative;width:30ch;display:inline-block}.inputBox input[data-v-571797a8]{width:var(--23b2d7d3);padding:1.2ch;border:1px solid var(--outline);background:var(--background);border-radius:5px;outline:none;color:text;transition:.5s}.inputBox input[data-v-571797a8]:valid,.inputBox input[data-v-571797a8]:focus{border:1px solid var(--primary)}.field-label[data-v-571797a8]{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:2ch;pointer-events:none;color:var(--outline);text-transform:uppercase;transition:.5s}.inputBox input:valid~.field-label[data-v-571797a8],.inputBox input:focus~.field-label[data-v-571797a8]{color:var(--primary);top:0;transform:translate(1rem) translateY(-50%);padding:0 2ch;background:var(--background);border-left:1px solid var(--primary);border-right:1px solid var(--primary);letter-spacing:.2em}.field-unit[data-v-571797a8]{position:absolute;right:1.6ch;top:50%;transform:translateY(-50%);padding:1ch;color:var(--outline);background:var(--background);transition:.5s}.inputBox input:valid~.field-unit[data-v-571797a8],.inputBox input:focus~.field-unit[data-v-571797a8]{color:var(--primary)}.option[data-v-1d52ff2c]{position:absolute;top:calc(105% + 1rem);left:20%;width:var(--077ea6cf);background:var(--primary);box-shadow:#000c 0 19px 38px,#000c 0 15px 12px;border-radius:10px;overflow:hidden;z-index:200}.option div[data-v-1d52ff2c]{padding:.5rem 1rem;cursor:pointer;transition:.3s}.option-active[data-v-1d52ff2c],.option div[data-v-1d52ff2c]:hover{background-color:var(--text);color:var(--primary)}.select-field[data-v-eba1cf75]{position:relative;display:inline-block}.inputBox[data-v-eba1cf75]{position:relative;width:30ch;display:inline-block;cursor:pointer!important}.inputBox input[data-v-eba1cf75]{width:var(--0af0e502);padding:1.2ch;border:1px solid var(--outline);background:var(--background);border-radius:5px;outline:none;color:text;transition:.5s;cursor:pointer!important}.inputBox .inputBox-active[data-v-eba1cf75]{border:1px solid var(--primary)}.field-label[data-v-eba1cf75]{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:2ch;pointer-events:none;color:var(--outline);text-transform:uppercase;transition:.5s}.inputBox-label-active[data-v-eba1cf75]{color:var(--primary);top:0;transform:translate(1rem) translateY(-50%);padding:0 2ch;background:var(--background);border-left:1px solid var(--primary);border-right:1px solid var(--primary);letter-spacing:.2em}.field-arrow[data-v-eba1cf75]{position:absolute;right:1.6ch;top:50%;transform:translateY(-50%) rotate(0);padding:1ch;color:var(--outline);transition:.5s}.inputBox-arrow-active[data-v-eba1cf75]{color:var(--primary);transform:translateY(-50%) rotate(90deg)}.pushable[data-v-45dacd64]{position:relative;background:transparent;display:inline-block;width:var(--e08f15da);border:none;padding:0;cursor:pointer;outline-offset:5px;height:fit-content;-webkit-tap-highlight-color:transparent}.front[data-v-45dacd64]{display:block;padding:1ch;border-radius:12px;background-color:var(--orange-accent);color:var(--on-orange-accent);border:7px solid var(--on-orange-accent);transform:translateY(-4px);transition:transform .25s}.shadow[data-v-45dacd64]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background-color:#00000040;transform:translateY(2px)}.edge[data-v-45dacd64]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:var(--orange-accent-dark)}.pushable[data-v-45dacd64]:focus:not(:focus-visible){outline:none}.pushable:hover .front[data-v-45dacd64]{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front[data-v-45dacd64]{transform:translateY(-2px);transition:transform 34ms}.pushable:hover .shadow[data-v-45dacd64]{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow[data-v-45dacd64]{transform:translateY(1px);transition:transform 34ms}.tooltip[data-v-b01fdc95]{color:var(--outline);font-size:1.2rem;transition:.5s;position:relative}.tooltip[data-v-b01fdc95]:hover{color:var(--on-info)}.tooltip span[data-v-b01fdc95]{--scale: 0;position:absolute;top:50%;width:var(--2d75cb12);padding:1ch;color:var(--on-info);background-color:var(--info);transform:translate(2ch) translateY(-50%) scale(var(--scale));border-radius:3px;font-family:Lexend Deca,sans-serif;font-size:.8rem;font-weight:lighter;transition:.2s;z-index:100}.tooltip:hover span[data-v-b01fdc95]{--scale: 1}.container[data-v-ea9a2e9c]{position:relative}.inputBox[data-v-ea9a2e9c]{position:relative;width:30ch;display:inline-block}.inputBox input[data-v-ea9a2e9c]{width:var(--7c997e4f);padding:1.2ch;border:1px solid var(--outline);background:var(--background);border-radius:5px;outline:none;color:text;transition:.5s}.inputBox input[data-v-ea9a2e9c]:valid,.inputBox input[data-v-ea9a2e9c]:focus{border:1px solid var(--primary)}.field-label[data-v-ea9a2e9c]{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:2ch;pointer-events:none;color:var(--outline);text-transform:uppercase;transition:.5s}.inputBox input:valid~.field-label[data-v-ea9a2e9c],.inputBox input:focus~.field-label[data-v-ea9a2e9c]{color:var(--primary);top:0;transform:translate(1rem) translateY(-50%);padding:0 2ch;background:var(--background);border-left:1px solid var(--primary);border-right:1px solid var(--primary);letter-spacing:.2em}.field-unit[data-v-ea9a2e9c]{position:absolute;right:1.6ch;top:50%;transform:translateY(-50%);padding:1ch;color:var(--outline);background:var(--background);cursor:pointer;transition:.5s;z-index:100}.inputBox input:valid~.field-unit[data-v-ea9a2e9c],.inputBox input:focus~.field-unit[data-v-ea9a2e9c]{color:var(--primary)}.field-unit[data-v-ea9a2e9c]:hover{color:var(--secondary)!important}.tooltip[data-v-ea9a2e9c]{position:absolute;right:0;top:25%;transform:translate(105%)}.container[data-v-350cabad]{position:relative;display:flex;justify-content:space-between;align-items:center;width:var(--f0c548d2)}.switch-container[data-v-350cabad]{width:100%}.switch-label[data-v-350cabad]{color:var(--outline);text-transform:uppercase;margin-right:2ch}.theme-checkbox[data-v-350cabad]{--toggle-size: 1ch;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6.25em;height:3.125em;background:-webkit-gradient(linear,left top,right top,color-stop(50%,var(--background)),color-stop(50%,var(--primary))) no-repeat;background:-o-linear-gradient(left,var(--background) 50%,var(--primary) 50%) no-repeat;background:linear-gradient(to right,var(--background) 50%,var(--primary) 50%) no-repeat;background-size:205%;background-position:0;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;border:2px solid var(--outline);border-radius:99em;position:relative;cursor:pointer;font-size:var(--toggle-size);margin-right:2ch}.theme-checkbox[data-v-350cabad]:before{content:"";width:2.25em;height:2.25em;position:absolute;top:50%;transform:translateY(-50%);left:.438em;background:-webkit-gradient(linear,left top,right top,color-stop(50%,var(--outline)),color-stop(50%,var(--primary))) no-repeat;background:-o-linear-gradient(left,var(--background) 50%,var(--primary) 50%) no-repeat;background:linear-gradient(to right,var(--background) 50%,var(--primary) 50%) no-repeat;background-size:205%;background-position:100%;border-radius:50%;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.theme-checkbox[data-v-350cabad]:checked:before{left:calc(100% - 2.688em);background-position:0}.theme-checkbox[data-v-350cabad]:checked{background-position:100%;border:0 solid var(--outline)}.tooltip[data-v-350cabad]{position:absolute;right:0;top:25%;transform:translate(100%)}.sidebar[data-v-769cc03f]{height:100vh;padding:0;width:0;min-width:0;background-color:var(--background);border-right:1px solid black;border-left:1px solid black;display:flex;flex-direction:column;align-items:start;transition:.5s ease-in-out;overflow:hidden}.active[data-v-769cc03f]{padding:3ch;width:38ch;min-width:38ch;overflow:visible}.inputBox[data-v-05f30630]{position:relative;width:30ch;display:inline-block}.text-container[data-v-05f30630]{display:inline-block;width:var(--40a52b7b);height:4.5ch;padding:1.2ch;border:1px solid var(--outline);background:var(--background);border-radius:5px;outline:none;color:text;transition:.5s}.text-container-filled[data-v-05f30630]{border:1px solid var(--primary)}.field-label[data-v-05f30630]{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:2ch;pointer-events:none;color:var(--outline);text-transform:uppercase;transition:.5s}.field-label-filled[data-v-05f30630]{color:var(--primary);top:0;transform:translate(1rem) translateY(-50%);padding:0 2ch;background:var(--background);border-left:1px solid var(--primary);border-right:1px solid var(--primary);letter-spacing:.2em}.field-unit[data-v-05f30630]{position:absolute;right:1.6ch;top:50%;transform:translateY(-50%);padding:1ch;color:var(--outline);background:var(--background);transition:.5s}.field-unit-filled[data-v-05f30630]{color:var(--primary)}.oval[data-v-37224234]{position:absolute;transform:translate(-50%)}ellipse[data-v-37224234]{fill:var(--background);stroke:#fff}div[data-v-37224234]{width:100%;position:relative}canvas[data-v-37224234]{width:100%;aspect-ratio:6 / 2;border:1px solid white}.displayContainer[data-v-5f787ee5]{display:grid;grid-template-columns:1fr;align-items:center;justify-items:center}.plus[data-v-5f787ee5]{color:var(--49113c44)}.minus[data-v-5f787ee5]{color:var(--fbd260f0)}#window[data-v-ff001c61]{display:flex;justify-content:space-between}main[data-v-ff001c61]{display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:10% 10% 50% 20% 10%;grid-template-areas:". . ." "info info info" "left display right" ". material ." ". . .";position:relative;width:100%}.info[data-v-ff001c61]{grid-area:info;justify-self:center;align-self:end}.left[data-v-ff001c61]{grid-area:left}.right[data-v-ff001c61]{grid-area:right}.display[data-v-ff001c61]{grid-area:display;align-self:center}.material[data-v-ff001c61]{grid-area:material;justify-self:center;align-self:center;height:100%}.input[data-v-ff001c61]{margin-top:3ch}.submit-btn[data-v-ff001c61],.stop-btn[data-v-ff001c61],.clear-btn[data-v-ff001c61]{margin-top:10ch;align-self:center}.submit-btn[data-v-ff001c61] .front{background-color:var(--green-accent);border:7px solid var(--green-accent-dark);color:var(--on-green-accent)}.submit-btn[data-v-ff001c61] .front i{color:var(--on-green-accent)}.submit-btn[data-v-ff001c61] .edge{background-color:#233c23}.stop-btn[data-v-ff001c61] .front i,.clear-btn[data-v-ff001c61] .front i{color:var(--on-orange-accent)}