/*!/wp-content/uploads/wp-coder/style-27.css*/@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);.container_body{background:#000814;display:flex;justify-content:center;align-items:center;width:90%;margin:30px auto;border-radius:15px;padding:20px}.converter-container{background:linear-gradient(135deg,#5280af,#8b9fb3);padding:25px;border-radius:15px;box-shadow:0 10px 30px rgb(0 31 63 / .5);text-align:center;width:100%;transition:transform 0.3s ease-in-out}.converter-container:hover{transform:scale(1.02)}.converter-title{font-size:30px;font-weight:600;color:#fff;text-transform:uppercase;margin:20px 0;text-shadow:0 0 10px #00FFFF,0 0 20px cyan}.input-container{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.input-container label{color:#fff;font-size:18px;margin-bottom:5px}.input-container input{width:60%;padding:12px;font-size:20px;text-align:center;border-radius:6px;border:2px solid #ddd;box-shadow:2px 2px 8px rgb(0 0 0 / .2);transition:all 0.3s ease-in-out}.input-container input:focus{border-color:cyan;box-shadow:0 0 10px rgb(0 255 255 / .8)}.magnetic-scale{position:relative;width:100%;height:10px;background:rgb(255 255 255 / .2);border-radius:5px;margin-top:20px;overflow:hidden}#magneticEffect{height:10px;width:0;background:linear-gradient(135deg,#00FFFF,#00FF99);transition:width 0.5s ease-in-out;box-shadow:0 0 10px rgb(0 255 255 / .7)}.results-container button{background:#0F9;color:#000;border-radius:8px;padding:12px;border:none;cursor:pointer;font-size:16px;margin:5px;transition:background 0.3s ease-in-out,transform 0.2s}.results-container button:hover{background:#0C7;transform:scale(1.05)}.results-container{background:rgb(255 255 255 / .3);padding:15px;border-radius:8px;margin-top:15px}#finalResult{font-size:24px;font-weight:700;color:#fff;padding:10px;background:linear-gradient(135deg,#00A86B,#00FFA2);border-radius:6px;box-shadow:0 0 15px rgb(0 255 153 / .5)}.comparison-container{margin-top:15px;background:rgb(255 255 255 / .2);padding:12px;border-radius:8px}.comparison-container h3{font-size:18px;color:#fff}.comparison-container p{font-size:16px;color:#fff;font-style:italic}.conversion-history{background:rgb(255 255 255 / .2);padding:15px;border-radius:8px;margin-top:15px}.conversion-history h3{font-size:18px;color:#fff}#historyChart{max-width:100%;height:200px}.reset-btn{padding:12px;border-radius:6px;border:none;cursor:pointer;background:#E74C3C;color:#fff;font-size:16px;margin-top:15px}.reset-btn:hover{background:#C0392B}.dark-mode{background:#2C3E50!important;color:#fff}.dark-mode .converter-container{background:linear-gradient(135deg,#1F1C2C,#302B63)}.dark-mode .input-container input{background:#34495E;color:#fff;border:2px solid #5D6D7E}@media (max-width:992px){.container_body{width:90%}.converter-title{font-size:24px}.input-container input{font-size:20px;padding:8px}}@media (max-width:768px){.container_body{width:95%}.converter-title{font-size:22px}.input-container input{font-size:18px;padding:8px}.results-container button{width:80%}.reset-btn{width:80%}}@media (max-width:600px){.container_body{width:100%;padding:10px}.converter-title{font-size:20px}.input-container input{font-size:16px;padding:6px}.comparison-container p{font-size:14px}.reset-btn{font-size:14px}.results-container button{width:80%}.reset-btn{width:80%}}@media (max-width:400px){.container_body{padding:8px}.converter-title{font-size:18px}.input-container input{font-size:14px;padding:5px}.results-container button{font-size:12px}.reset-btn{font-size:12px}.results-container button{width:80%}.reset-btn{width:80%}}