.converter-container{background:#fff;margin:30px 0;padding:20px;position:relative}.converter-container h2{text-align:center;color:#333;margin-bottom:1.5rem}.input-group{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.input-group input{text-transform:uppercase;border:1px solid #ccc;border-radius:5px;flex:1;margin:0 .5rem;padding:.5rem}.input-group>label{font-size:15px}.input-group button{margin:0;padding:10px;font-size:12px}.input-group button:hover{background-color:#0056b3}.custom-base-selector{justify-content:space-between;align-items:center;display:flex}.custom-base-selector select{border:1px solid #ccc;border-radius:4px;margin-right:.5rem;padding:.5rem}.tooltip{z-index:1;color:#3a9e31;font-size:13px;display:inline-block;position:absolute;top:10px;bottom:100%;right:20px}.num-base-copy-button{cursor:pointer;min-width:20px;transition:transform .3s ease-in;display:inline-block;position:relative}.num-base-copy-button:active{top:2px}select#custom-base-input{text-align:center;color:#676767;margin-left:5px;padding:7px 15px 7px 5px;font-size:14px}button.clear-button{background-color:#fd4242;padding:10px 50px}button.clear-button:hover{background-color:#e93b3b}button.clear-button:active{background-color:#fd4242}@media (max-width:768px){.input-group{flex-wrap:wrap}.input-group label,.input-group button{flex:0 0 100%;margin:.5rem 0}.input-group input{margin:0 20px 0 0}}