#calc{align-items:flex-start;display:flex;gap:2rem}input[type=number]{appearance:textfield}.empty-msg{background:#fff;border-radius:4px;font-size:24px;font-weight:700;padding:2rem;text-align:center;text-transform:capitalize}.align-center{align-items:center}.hide{display:none}.bold{font-weight:600}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-8{gap:2rem}.justify-between{justify-content:space-between}th{cursor:default}html{--blue:#004995;--light-blue:#3a7ab8}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:20px;padding:20px}label{color:#333;display:block;font-weight:700;margin-bottom:8px;width:100%}#calc input,#calc select{background:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}input[type=number]{padding-right:8px;text-align:right}input:hover,select:hover{border-color:#999}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 5px rgba(0,73,149,.3);outline:none}.form-group{margin-bottom:16px;width:100%}#calculator-form{align-items:flex-start;display:flex;flex-direction:column;gap:.5em;margin:0;padding:24px;width:300px}#calculator-form,table{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}table{border-collapse:collapse;margin-top:20px;overflow:hidden;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:left}th{background-color:var(--blue);color:#fff;font-weight:700;text-transform:uppercase}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd;transition:.2s ease-in-out}.unit-switch-container{display:none;margin-bottom:16px}.unit-switch{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;display:flex;margin-top:8px;overflow:hidden}.unit-switch input[type=radio]{display:none}.unit-switch label{cursor:pointer;flex:1;font-size:14px;font-weight:400;margin:0;padding:10px 12px;text-align:center;text-align:right;transition:background-color .3s}.unit-switch input[type=radio]:checked+label{background-color:var(--blue);color:#fff}.unit-switch label:hover{background-color:var(--light-blue);color:#fff}.conversion-info{color:#777;font-size:12px;font-style:italic;margin-top:8px;text-align:center}th{cursor:pointer}.sorted.asc:after{color:#fff;font-size:18px;height:30px;position:relative;width:30px}.sorted.asc:after{content:"⬆";margin-left:16px}.sorted.desc:after{content:"⬇";margin-left:16px}thead th{color:#fff!important}