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