.calculator *{box-sizing:border-box}.calculator{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:40px auto;max-width:800px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.calculator .form-group{margin-bottom:25px}.calculator .calc-label{display:block;margin-bottom:5px;font-weight:700;background-color:transparent;color:#333;font-size:1.1em}.calculator .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;background-color:transparent;flex-direction:row;flex-wrap:nowrap;width:100%}.calculator input,.calculator select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1em;color:#333}.calculator button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .3s}.calculator button:hover{background-color:#0056b3}.calculator #result{margin-top:20px;font-size:1.2em;color:#333;padding:15px;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d;line-height:1.5;display:none}.calculator .warning{color:#d32f2f;font-size:.9em;margin-top:10px}.calculator .toggle-container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.calculator .switch{position:relative;display:inline-block;width:40px;height:24px}.calculator .switch input{opacity:0;width:0;height:0}.calculator .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.calculator .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.calculator input:checked+.slider{background-color:#666}.calculator input:checked+.slider:before{transform:translate(16px)}.calculator .toggle-container span{font-size:.8em;color:#333}.calculator .info-section{margin-top:30px;font-size:.95em;color:#333}.calculator .info-section h2{font-size:1.3em;margin-bottom:10px;color:#222}.calculator .info-section h3{font-size:1.1em;margin-top:20px;margin-bottom:8px;color:#222}.calculator .info-section p{margin-bottom:10px;line-height:1.5}.calculator .info-section ul{list-style-type:disc;margin-left:20px;margin-bottom:10px}.calculator .info-section ul li{margin-bottom:8px}@media (max-width: 840px){.calculator{padding:20px;margin:20px auto}.calculator h1{font-size:1.3em}.calculator>p{font-size:.9em}.calculator .calc-label{font-size:1em}.calculator input,.calculator select{font-size:.9em}.calculator button{font-size:.9em;padding:8px 16px}.calculator #result{font-size:1.1em;padding:12px}.calculator .warning{font-size:.8em}.calculator .info-section{font-size:.9em}.calculator .info-section h2{font-size:1.2em}.calculator .info-section h3{font-size:1em}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/magnesium-calculator.css.map */