#hpcom-unit-converter{margin:1em auto;text-align:center}#hpcom-unit-converter BUTTON{background:-webkit-linear-gradient(top, #E03C31 50%, #cf2e2e 100%);background:linear-gradient(to bottom, #E03C31 50%, #cf2e2e 100%);color:#fff;padding:.5em .75em;border-radius:.25em;font-size:16px;border:none;cursor:pointer}#hpcom-unit-converter BUTTON:hover{background:-webkit-linear-gradient(top, #cf2e2e 50%, #E03C31 100%);background:linear-gradient(to bottom, #cf2e2e 50%, #E03C31 100%)}#hpcom-unit-converter #hpcom-unit-converter-form{--form-font-size: 14px;---form-field-height: 2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:calc( var( --content-vertical-spacing, 1rem ) / 2 )}#hpcom-unit-converter #hpcom-unit-converter-form label,#hpcom-unit-converter #hpcom-unit-converter-form span{padding:5px}#hpcom-unit-converter #hpcom-unit-converter-form input{--form-field-width: 70px;margin:0 .25em;display:inline-block;border:1px solid #000;border-radius:5px;text-align:center}#hpcom-unit-converter #hpcom-unit-converter-form select{border:1px solid #000;border-radius:5px;padding:.25em .5em;padding-right:1.5em;width:unset}#hpcom-unit-converter #hpcom-unit-converter-form #conversion-results{display:inline-block;margin-left:.5em}#hpcom-unit-converter #hpcom-unit-converter-form #conversion-results::before{content:"=";font-weight:bold}@media only screen and (max-width: 576px){#hpcom-unit-converter #hpcom-unit-converter-form #conversion-results{display:block}#hpcom-unit-converter #hpcom-unit-converter-form #conversion-results label{text-align:center}}#hpcom-unit-converter #hpcom-unit-converter-form.hidden{display:none}