:root{--light: #F4F4F6;--border: #F4F4F6;--primary: #DB3069;--secondary: #333}.converter-container{background:var(--light);border:solid 1px var(--border);border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.converter-container select,.converter-container input{padding:.5rem}.converter-container label{display:block;margin-bottom:.2rem}.converter-container input[type=number]{display:block}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group.gap{gap:.3rem}.input-group input[type=number]{width:auto}.input-group input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group label,.input-group input[type=number]{padding:.5rem 1rem}.input-group label{padding:.5rem 1rem;cursor:pointer;border:solid 1px var(--primary);border-left-width:0;color:var(--primary);margin:0}.input-group label:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px;border-left-width:1px}.input-group label:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.input-group input:checked+label{color:#fff;background-color:var(--primary)}.input-group.input-group-sm label,.input-group.input-group-sm input[type=number]{padding:.2rem .5rem}.input-group.input-group-secondary label{border-color:var(--secondary);color:var(--secondary)}.input-group.input-group-secondary input:checked+label{background-color:var(--secondary);color:#fff}.result-display{border-radius:.5rem;background-color:#fff;padding:1rem;box-shadow:0 .125rem .25rem #00000013}.result-display div{display:flex;align-items:stretch;width:100%;gap:.3rem}.result-display h3{margin:0!important}.result-display p{margin-top:0;margin-bottom:1rem}.input-lg{font-size:1.5rem;padding:.5rem;width:auto}.text-primary{color:var(--primary)}.rounded-0{border-radius:0!important;border-left-width:0!important}.mb-1{margin-bottom:.3rem}