body{align-items:flex-start;background-color:#eef1f7;box-sizing:border-box;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh}.container,body{display:flex;padding:2rem}.container{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000001a;flex-direction:column;gap:2rem;margin:0 auto;max-width:900px;width:100%}h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1.5rem;text-align:center}h2{border-bottom:2px solid #dceeff;color:#34495e;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.unit-settings{align-items:center;display:flex;gap:1rem}.unit-settings label{color:#555;font-weight:700}.unit-settings select{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.6rem;width:auto}.mixture-fields,.property-fields{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.mixture-fields>div,.property-fields>div{display:flex;flex-basis:calc(48% - 1rem);flex-direction:column;flex-grow:1;flex-shrink:1;gap:.5rem;max-width:100%;min-width:250px}.mixture-fields label,.property-fields label{color:#555;font-weight:700}input,select{background:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem;transition:border .3s ease,box-shadow .3s ease}input:focus,select:focus{background:#fff;border-color:#3498db;box-shadow:0 0 5px #3498db80;outline:none}.button-container{display:flex;justify-content:center;margin-top:1.5rem}button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;text-transform:uppercase;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}button:hover{background:#2980b9;box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}button:active{background:#1c5986;transform:scale(.98)}.select-dropdown{margin:6px 6px 6px 0}.result{background:#f4f9ff;border:1px solid #dceeff;border-radius:8px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem;padding:1.8rem}.result table{background:#fff;border-collapse:collapse;border-radius:5px;box-shadow:0 4px 6px #0000001a;margin-top:1.5rem;overflow:hidden;width:100%}.result table td,.result table th{border:1px solid #ddd;font-size:1rem;padding:1.2rem;text-align:left}.result table th{background:#3498db;color:#fff;font-weight:700;text-transform:uppercase}.result table td{background:#f9f9f9;color:#333}.result table tr:nth-child(2n) td{background:#f2f2f2}.result table tr:hover td{background:#eaf5ff}.mixture-pair{display:flex;gap:1rem;justify-content:space-between;width:100%}.mixture-pair>div{display:flex;flex-basis:calc(48% - 1rem);flex-direction:column;flex-grow:1;flex-shrink:1;gap:.5rem;max-width:100%;min-width:250px}@media (max-width:1024px){.container{max-width:95%}.mixture-fields>div,.property-fields>div{flex-basis:calc(48% - 0.5rem);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.mixture-fields,.property-fields{flex-wrap:wrap;gap:1rem;justify-content:space-between}.mixture-fields>div,.property-fields>div{flex-basis:calc(48% - 1rem);flex-grow:1;flex-shrink:1;min-width:250px}.container{max-width:95%;padding:1.5rem}}.coolprop-form{position:relative}.info-icon{cursor:pointer;font-size:24px;position:absolute;right:10px}.tooltip-text{word-wrap:break-word;background-color:#333;border-radius:6px;box-sizing:border-box;color:#fff;font-size:12px;left:100%;margin-left:10px;padding:5px;position:absolute;text-align:center;top:30px;visibility:hidden;white-space:normal;width:200px;z-index:1}.info-icon:hover .tooltip-text{visibility:visible}@media (max-width:768px){.tooltip-text{left:auto;margin-left:0;margin-right:10px;right:100%;text-align:center}}
/*# sourceMappingURL=main.7e65bf7a.css.map*/