:root{--input-padding-x:0.75rem;--input-padding-y:0.75rem}body,html{height:100%}body{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background:url(/26469f962b0ae9a8e413.jpg) no-repeat 50%;background-size:cover;display:-ms-flexbox;display:-webkit-box;display:flex;justify-content:center;padding-bottom:40px}.form-converter{margin:0 auto;max-width:420px;padding:15px;width:100%}.form-label-group{margin-bottom:1rem;position:relative}.form-label-group>input,.form-label-group>label{padding:var(--input-padding-y) var(--input-padding-x)}.form-label-group>label{border:1px solid transparent;border-radius:.25rem;color:#495057;display:block;left:0;line-height:1.5;margin-bottom:0;position:absolute;top:0;transition:all .1s ease-in-out;width:100%}.form-label-group input::-webkit-input-placeholder{color:transparent}.form-label-group input:-ms-input-placeholder{color:transparent}.form-label-group input::-ms-input-placeholder{color:transparent}.form-label-group input::-moz-placeholder{color:transparent}.form-label-group input::placeholder{color:transparent}.form-label-group input:not(:placeholder-shown){padding-bottom:calc(var(--input-padding-y)/3);padding-top:calc(var(--input-padding-y) + var(--input-padding-y)*.66667)}.form-label-group input:not(:placeholder-shown)~label{color:#777;font-size:12px;padding-bottom:calc(var(--input-padding-y)/3);padding-top:calc(var(--input-padding-y)/3)}.input-group-text{height:100%}.alert-result p{margin-bottom:.5rem}.result-value{font-size:32px;font-weight:700}.alert-result{background-color:#efd7a8;border:1px solid #c07f5b}.btn-submit{background-color:#c07f5b;-webkit-box-shadow:0 4px 0 #5c3209,0 4px 25px rgba(0,0,0,.7);-moz-box-shadow:0 4px 0 #5c3209,0 4px 25px rgba(0,0,0,.7);box-shadow:0 4px 0 #5c3209,0 4px 25px rgba(0,0,0,.7);color:#5c3209;font-weight:700}#result{display:none}