.magnesium-calculator{--page-bg: #f3f3f5;--card-bg: #ffffff;--text-main: #112b52;--text-body: #5d6f88;--text-muted: #7d8aa0;--border: #d8dde6;--button-bg: #0f1d44;--button-hover: #16285c;--button-text: #ffffff;--accent-soft: #eef3fb;--shadow: 0 2px 12px rgba(17, 43, 82, .05);--error: #b42318;--error-bg: #fef3f2;--error-border: #f3c7c2;--warning: #a15c07;--warning-bg: #fffaeb;--warning-border: #f5d38b}.magnesium-calculator *{box-sizing:border-box}.magnesium-calculator.calculator-container{max-width:1060px;margin:0 auto;padding:36px 16px;background:transparent;box-shadow:none;border-radius:0;font-family:Arial,sans-serif;color:var(--text-body);line-height:1.6}.magnesium-calculator .calculator-card{background:var(--card-bg);border-radius:20px;padding:34px 30px 36px;box-shadow:var(--shadow)}.magnesium-calculator h1{margin:0 0 16px;font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.08;font-weight:800;color:var(--text-main);letter-spacing:-.02em;text-align:left}.magnesium-calculator h2{margin:0 0 12px;font-size:clamp(1.65rem,2.2vw,2rem);line-height:1.2;font-weight:800;color:var(--text-main)}.magnesium-calculator h3{margin:28px 0 12px;font-size:clamp(1.45rem,2vw,1.75rem);line-height:1.25;font-weight:800;color:var(--text-main)}.magnesium-calculator .intro-text{margin:0 0 18px;font-size:1rem;line-height:1.8;color:var(--text-body);max-width:780px}.magnesium-calculator .form-stack{max-width:770px}.magnesium-calculator .form-group{margin-bottom:18px}.magnesium-calculator .calc-label{display:block;margin:0 0 10px;font-size:1rem;line-height:1.4;font-weight:700;color:var(--text-main);background:transparent}.magnesium-calculator .volume-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;background:transparent;flex-direction:row;flex-wrap:nowrap;width:100%}.magnesium-calculator .volume-row .calc-label{margin:0}.magnesium-calculator input,.magnesium-calculator select{width:100%;min-height:60px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:#fff;color:#334760;font-size:1rem;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.magnesium-calculator input::placeholder{color:#6f7e94;opacity:1}.magnesium-calculator input:focus,.magnesium-calculator select:focus{outline:none;border-color:#aeb9ca;box-shadow:0 0 0 4px #112b520f}.magnesium-calculator select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%23455773' d='M4.47 5.97 8 9.5l3.53-3.53 1.06 1.06L8 11.62 3.41 7.03z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px;cursor:pointer}.magnesium-calculator .toggle-container{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0}.magnesium-calculator .toggle-container span{font-size:.95rem;font-weight:700;color:#455773}.magnesium-calculator .switch{position:relative;display:inline-block;width:54px;height:30px}.magnesium-calculator .switch input{opacity:0;width:0;height:0}.magnesium-calculator .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cdd5e1;transition:.25s ease;border-radius:999px}.magnesium-calculator .slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:4px;background-color:#fff;transition:.25s ease;border-radius:50%;box-shadow:0 1px 5px #00000029}.magnesium-calculator input:checked+.slider{background-color:var(--button-bg)}.magnesium-calculator input:checked+.slider:before{transform:translate(24px)}.magnesium-calculator .calculate-button{width:100%;min-height:58px;padding:14px 18px;border:none;border-radius:14px;background:var(--button-bg);color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:700;line-height:1.2;transition:background-color .25s ease,transform .15s ease;margin-top:4px}.magnesium-calculator .calculate-button:hover{background:var(--button-hover)}.magnesium-calculator .calculate-button:active{transform:translateY(1px)}.magnesium-calculator #result{display:none;margin-top:24px;max-width:770px;padding:20px;border:1px solid var(--border);border-radius:16px;background:#fafbfd;box-shadow:none;line-height:1.7;font-size:1rem;color:var(--text-body)}.magnesium-calculator .result-label{display:block;margin-bottom:10px;font-size:.9rem;line-height:1.2;font-weight:800;color:var(--text-main)}.magnesium-calculator #result strong{color:var(--text-main)}.magnesium-calculator #result .inline-warning{display:block;margin-top:12px;color:var(--error);font-size:.95rem;font-weight:700;line-height:1.6}.magnesium-calculator .warning{max-width:770px;margin-top:22px;padding:16px 18px;border:1px solid var(--warning-border);border-radius:14px;background:var(--warning-bg);color:var(--warning);font-size:.95rem;line-height:1.75}.magnesium-calculator .warning strong{color:var(--warning);font-weight:800;text-decoration:none}.magnesium-calculator .info-section{max-width:770px;margin-top:34px;font-size:1rem;color:var(--text-body);line-height:1.85}.magnesium-calculator .info-section p{margin:0 0 14px}.magnesium-calculator .info-section ul{list-style-type:disc;margin:0 0 10px 22px;padding:0}.magnesium-calculator .info-section ul li{margin-bottom:10px;font-size:1rem;line-height:1.8;color:var(--text-body)}@media(max-width:840px){.magnesium-calculator.calculator-container{padding:18px 10px}.magnesium-calculator .calculator-card{padding:24px 18px 28px;border-radius:16px}.magnesium-calculator h1{font-size:2.2rem}.magnesium-calculator .intro-text,.magnesium-calculator .form-stack,.magnesium-calculator #result,.magnesium-calculator .warning,.magnesium-calculator .info-section{max-width:100%}.magnesium-calculator .volume-row{flex-direction:column;align-items:flex-start;gap:10px}.magnesium-calculator input,.magnesium-calculator select,.magnesium-calculator .calculate-button{min-height:56px;font-size:.98rem}.magnesium-calculator #result{font-size:.98rem}.magnesium-calculator .warning,.magnesium-calculator .info-section{font-size:.95rem}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/magnesium-calculator.css.map */