:root{--sun-gold: rgb(247, 147, 30);--water-blue: rgb(37, 64, 143);--soil-brown: rgb(155, 143, 131);--steel-silver: rgb(168, 168, 168);--dark-steel-silver: rgb(67, 67, 66);--sun-gold-transparent: rgba(247, 147, 30, .5);--water-blue-transparent: rgba(37, 64, 143, .5);--soil-brown-transparent: rgba(155, 143, 131, .5);--steel-silver-transparent: rgba(168, 168, 168, .5);--dark-steel-silver-transparent: rgba(67, 67, 66, .5)}@font-face{font-family:oswald;src:url("./media/Oswald-Regular-I2HVWGJT.ttf")}*{font-family:oswald;font-size:20px}a{color:inherit;cursor:pointer;text-decoration:0;transition:color;transition-duration:.25s}a:hover{color:var(--steel-silver)}body{margin:0}button{cursor:pointer}.content{background-color:#fff;border-radius:4px;color:var(--water-blue);display:flex;gap:10px;justify-content:center;max-width:720px;margin:1rem auto;padding:40px;position:relative}.description{border:4px solid;border-image:linear-gradient(160deg,var(--water-blue),var(--sun-gold)) 0 0 0 1;display:block;height:fit-content;max-width:320px;padding:0 0 0 10px;position:sticky;text-align:left;top:150px}.divider{background:linear-gradient(160deg,var(--water-blue),var(--sun-gold));height:80%;margin:auto 0;width:2px}h1{text-align:center;font-size:36px}h2{font-size:24px}input,select{background-color:var(--water-blue-transparent);border:0;border-radius:2px;box-sizing:border-box;color:#fff;transition:background .1s ease-in-out,border .1s ease-in-out,color .1s ease-in-out;width:100%}input::placeholder,select::placeholder{color:var(--dark-steel-silver);text-align:left}input:disabled{background-color:var(--dark-steel-silver-transparent)}input:focus,select:focus{background-color:var(--sun-gold-transparent);color:#000;outline:1px solid var(--sun-gold)}input:focus+.unit{color:#000}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-column{display:flex;flex-direction:column;gap:10px;justify-content:center;margin:auto;max-width:200px;position:relative;text-align:left}label{position:relative}main{display:flex;flex-direction:column;min-height:100dvh}.output{margin:0 auto}.output-box{background-color:var(--sun-gold-transparent);display:flex;outline:none;padding:10px}.output-column{display:flex;flex-direction:column;gap:10px;justify-content:center;margin:0 auto;max-width:200px;text-align:left;width:100%}select option{color:#000}.text-button{background-color:var(--water-blue);border:0;border-radius:2px;color:#fff}.text-button:active{background-color:var(--sun-gold)}.tooltip{background-image:url("./media/info-no-fill-WHVRG5F5.svg");cursor:pointer;height:26px;float:right;position:relative;width:26px}.tooltip:hover{background-image:url("./media/info-GV4LRBQ4.svg")}.tooltip:hover .tooltip-text{opacity:1}.tooltip-text{background-color:var(--sun-gold);border-radius:1rem;box-sizing:border-box;color:#000;opacity:0;padding:5px;pointer-events:none;position:absolute;text-align:center;width:200px;z-index:5;outline:0}.unit{color:#fff;position:absolute;right:2px}@media screen and (max-width: 950px){.description{top:100px}}