:root{--primary-color:#302ae6;--secondary-color:#536390;--font-color:#424242;--bg-color:#fff;--heading-color:#292922}[data-theme=dark]{--primary-color:#9a97f3;--secondary-color:#818cab;--font-color:#e1e1ff;--bg-color:#161625;--heading-color:#818cab}*{font-family:monospace}a,a:visited{color:#302ae6;color:var(--primary-color)}body,html{background-color:#fff;background-color:var(--bg-color);color:#424242;color:var(--font-color);height:100%;margin:0}.App{font-family:sans-serif;min-height:100%;text-align:center}.content{margin-bottom:-2.5rem;padding:10px}.footer{align-items:center;bottom:0;display:flex;height:2.5rem;justify-content:center;position:absolute;width:100%}.infoText{color:#536390;color:var(--secondary-color);margin:1em}.top{background:linear-gradient(90deg,red 10%,#ff0 40%,green 90%);height:10px;position:relative}h1{color:#536390;color:var(--secondary-color);font-size:2rem;text-transform:uppercase}:root{--link-color:#697fb3;--link-color-hover:#000;--input-color:#99a3ba;--input-border:#cdd9ed;--input-background:#fff;--input-placeholder:#cbd1dc;--input-border-focus:#275efe;--group-color:var(--input-color);--group-border:var(--input-border);--group-background:#eef4ff;--group-color-focus:#fff;--group-border-focus:var(--input-border-focus);--group-background-focus:#678efe}#calcFrame{height:300px;position:fixed;visibility:hidden;width:400px}.unit-list{grid-row-gap:5px;border:1px solid #cdd9ed;border:1px solid var(--group-border);border-radius:6px;color:#99a3ba;color:var(--group-color);display:grid;justify-content:center;margin:5px auto;max-width:200px;padding:.3rem}.unit-row{display:grid;grid-template-columns:minmax(50px,100px) minmax(50px,100px)}.unit-row>*{justify-self:right}.unit-item{color:#697fb3;color:var(--link-color);cursor:pointer}.unit-item:hover{color:#000;color:var(--link-color-hover);font-weight:700}.inputContainer{display:inline-block}.inputGroup{display:flex;float:left;margin:5px 0}.inputGroup:first-child{margin-right:5px}.inputGroup>input,.inputGroup>label{border:1px solid #cdd9ed;border:1px solid var(--group-border);box-sizing:border-box;color:#99a3ba;color:var(--group-color);font-family:inherit;line-height:22px;margin:0;padding:6px;transition:background .3s ease,border .3s ease,color .3s ease}.inputGroup>label{background:#eef4ff;background:var(--group-background);border-radius:6px 0 0 6px;font-weight:700;min-width:5em;text-align:center}.inputGroup>input{background:#fff;background:var(--input-background);border-left:none;border-radius:0 6px 6px 0;color:#99a3ba;color:var(--input-color);min-width:100px;width:15vw}.inputGroup>input::placeholder{color:#cbd1dc;color:var(--input-placeholder)}.inputGroup>input:focus{border-color:#275efe;border-color:var(--input-border-focus);outline:none}.inputGroup>input:hover{background:#f8f8ff}.inputGroup:focus-within>label{background:#678efe;background:var(--group-background-focus);border-color:#275efe;border-color:var(--group-border-focus);color:#fff;color:var(--group-color-focus)}
/*# sourceMappingURL=main.9498128a.css.map*/