.alloy-tool{--alloy-navy: #0e2f5a;--alloy-blue: #1e5bb8;--alloy-border: #d9e1ec;color:#1b2430;background:#f5f7fa;padding-bottom:4rem}.alloy-tool [hidden]{display:none!important}.alloy-tool__intro,.alloy-tool__workspace,.alloy-tool__reference{width:min(100%,1240px);margin-inline:auto;padding-inline:var(--page-margin)}.alloy-tool__intro{padding-block:3rem 2rem}.alloy-tool__eyebrow{color:var(--alloy-blue);font-size:.75rem;font-weight:800;letter-spacing:.12em}.alloy-tool h1{margin:.8rem 0;color:var(--alloy-navy);font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.1;letter-spacing:-.035em}.alloy-tool__intro>p{max-width:48rem;color:#53657b;font-size:1.1rem;line-height:1.65}.alloy-tool__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.alloy-tool__badges span,.alloy-tool__tag{padding:.3rem .65rem;background:#e9f0fa;border-radius:99px;color:#1b4e96;font-size:.75rem;font-weight:650}.alloy-tool__workspace{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.25rem;align-items:start}.alloy-tool__panel{min-width:0;padding:clamp(1.2rem,2.5vw,1.8rem);background:#fff;border:1px solid var(--alloy-border);border-radius:.8rem}.alloy-tool h2{margin:0 0 .9rem;color:var(--alloy-navy);font-size:1.25rem;line-height:1.3}.alloy-tool h2>.alloy-tool__step{display:inline-flex;align-items:center;min-height:2rem;margin-right:.55rem;margin-bottom:.25rem;padding:.35rem .6rem;border:1px solid #b9cce7;border-radius:.4rem;background:#eaf2fd;color:var(--alloy-blue);font-size:1rem;font-weight:800;line-height:1.2;vertical-align:middle;white-space:nowrap}.alloy-tool__panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:.8rem}.alloy-tool__panel-heading h2{margin:0}.alloy-tool__help{margin:.65rem 0 1rem;color:#53657b;font-size:.86rem;line-height:1.6}.alloy-tool label{display:block;color:var(--alloy-navy);font-size:.85rem;font-weight:650}.alloy-tool :is(input:not([type=radio]):not([type=file]),select,textarea){width:100%;min-width:0;min-height:2.8rem;margin-top:.35rem;padding:.65rem .7rem;border:1px solid #b6c5d9;border-radius:.35rem;background:#fff;color:#1b2430;font:inherit;font-size:.95rem}.alloy-tool textarea{resize:vertical}.alloy-tool :is(button,.alloy-tool__file-button){min-height:2.6rem;padding:.55rem .75rem;border:1px solid #b6c5d9;border-radius:.35rem;background:#fff;color:var(--alloy-blue);font:inherit;font-size:.82rem;font-weight:650;cursor:pointer}.alloy-tool :is(button,.alloy-tool__file-button):hover{background:#eaf1fb;border-color:var(--alloy-blue)}.alloy-tool :is(button,input,select,textarea,summary,a,[tabindex]):focus-visible,.alloy-tool__file-button:focus-within{outline:2px solid var(--alloy-blue);outline-offset:3px}.alloy-tool button:disabled{color:#657186;cursor:not-allowed;opacity:.7}.alloy-tool__basis{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 .5rem;padding:.8rem;border:1px solid var(--alloy-border);border-radius:.4rem}.alloy-tool__basis legend{padding-inline:.25rem;color:var(--alloy-navy);font-size:.8rem;font-weight:700}.alloy-tool__basis label{display:flex;align-items:center;gap:.35rem;font-size:.8rem}.alloy-tool__basis input{accent-color:var(--alloy-blue)}.alloy-tool__row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:.6rem;margin:.8rem 0;align-items:end}.alloy-tool__row button{padding-inline:.6rem;min-height:2.8rem;color:#53657b}.alloy-tool__add{width:100%;border-style:dashed!important}.alloy-tool__total{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--alloy-border);font-size:.85rem}.alloy-tool__total strong{margin-left:.4rem;font-variant-numeric:tabular-nums}.alloy-tool__batch{display:grid;grid-template-columns:minmax(0,1fr) 5rem;gap:.7rem}.alloy-tool__message{margin:.8rem 0 0;color:#8d3e12;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.alloy-tool__message:empty{display:none}.alloy-tool__table-scroll{max-width:100%;overflow-x:auto;margin-block:1rem;border:1px solid var(--alloy-border);border-radius:.4rem}.alloy-tool table{width:100%;border-collapse:collapse;font-size:.87rem;font-variant-numeric:tabular-nums}.alloy-tool :is(th,td){padding:.85rem .6rem;border-bottom:1px solid #e7ecf2;text-align:right;white-space:nowrap}.alloy-tool :is(th,td):first-child{text-align:left}.alloy-tool thead,.alloy-tool tfoot{background:#f0f4f9;color:var(--alloy-navy)}.alloy-tool tbody th{font-weight:700}.alloy-tool tbody th small{display:block;color:#53657b;font-size:.7rem;font-weight:400}.alloy-tool__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.8rem 1rem}.alloy-tool__file-button{position:relative;overflow:hidden;display:inline-flex!important;align-items:center}.alloy-tool__file-button input{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.alloy-tool__note{margin-top:1.5rem;padding:1rem;border-left:3px solid #6081ac;background:#f4f7fb;font-size:.85rem;line-height:1.6;color:#53657b}.alloy-tool__note strong{color:var(--alloy-navy)}.alloy-tool__note p{margin:.5rem 0 0}.alloy-tool__empty{min-height:8rem;display:grid;place-items:center;padding:1.5rem;border:1px dashed var(--alloy-border);color:#53657b;font-size:.95rem;line-height:1.65;text-align:center}.alloy-tool__quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-block:1rem}.alloy-tool .alloy-tool__primary{width:100%;margin-top:1rem;padding:.9rem;border-color:var(--alloy-blue);background:var(--alloy-blue);color:#fff;line-height:1.5}.alloy-tool .alloy-tool__primary:hover{background:var(--alloy-navy)}.alloy-tool__reference{margin-top:2.5rem;color:#53657b;line-height:1.75}.alloy-tool__reference>h2{margin-top:2rem}.alloy-tool__reference a{color:var(--alloy-blue)}.alloy-tool__formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.alloy-tool__formulas p{margin:0;padding:1rem;border:1px solid var(--alloy-border);background:#fff;border-radius:.4rem}.alloy-tool__formulas strong{display:block;margin-bottom:.5rem;color:var(--alloy-navy)}.alloy-tool code{font-size:.9rem;overflow-wrap:anywhere}.alloy-tool__reference details{padding:1rem 0;border-bottom:1px solid var(--alloy-border)}.alloy-tool__reference summary{color:var(--alloy-navy);font-weight:650;cursor:pointer}.alloy-tool__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:899px){.alloy-tool__workspace,.alloy-tool__formulas{grid-template-columns:1fr}.alloy-tool__intro{padding-top:2rem}}@media(max-width:420px){.alloy-tool__quote-fields{grid-template-columns:1fr}.alloy-tool__row{gap:.4rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.alloy-tool__row button{font-size:.7rem;padding-inline:.35rem}.alloy-tool :is(th,td){padding:.75rem .4rem;font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/alloy-composition-calculator.css.map */