.visual-select-input{z-index:20;position:relative}.visual-select-input__native{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visual-select-input__control{margin:2px 0;position:relative}.visual-select-input__control summary{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:42px minmax(0,1fr) 10px;align-items:center;gap:8px;min-height:54px;padding:4px 14px 4px 9px;list-style:none;display:grid}.visual-select-input__control summary:after{content:"";border:4px solid #0000;border-top:5px solid #787878;width:0;height:0;transition:transform .16s;transform:translateY(3px)}.visual-select-input__control summary::-webkit-details-marker{display:none}.visual-select-input__control summary:focus-visible{outline-offset:2px;outline:3px solid #44627047}.visual-select-input__control summary img{object-fit:contain;width:38px;height:34px}.visual-select-input__control summary .visual-select-input__current{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;overflow:hidden}.visual-select-input__control[open] summary:after{transform:translateY(-2px)rotate(180deg)}.visual-select-input__options{box-sizing:border-box;background:#fff;border:1px solid #44627029;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 44px #2d3c442e}.visual-select-input--columns-2 .visual-select-input__options{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-select-input--columns-4 .visual-select-input__options{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-select-input__options button{color:#263238;min-height:50px;font:inherit;text-align:left;cursor:pointer;background:#f3f7f9;border:1px solid #0000;border-radius:9px;grid-template-columns:40px minmax(0,1fr);align-items:center;padding:4px 7px;display:grid}.visual-select-input__options button:hover,.visual-select-input__options button:focus-visible{background:#e9f1f5;border-color:#44627057;outline:none}.visual-select-input__options button.is-selected{background:#e1ecf3;border-color:#718893}.visual-select-input__options img{object-fit:contain;width:36px;height:32px}.visual-select-input__options span{font-size:13px;line-height:1.2}@media screen and (width<=800px){.visual-select-input__control summary{min-height:48px}.visual-select-input__options,.visual-select-input--columns-4 .visual-select-input__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=430px){.visual-select-input__options button{grid-template-columns:42px minmax(0,1fr);padding-left:4px}.visual-select-input__options img{width:38px}}#metal-calculator #result.metal-result{align-items:stretch;padding:24px 28px 36px}#metal-calculator .metal-result__title{color:#0000009e;font-size:15px;font-weight:500;line-height:1.3}#metal-calculator #result .metal-result__primary{margin:0 auto;padding:8px 0 4px;font-size:36px;line-height:1.05}#metal-calculator .metal-result__details{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:10px auto 8px}#metal-calculator .metal-result__details tr+tr{border-top:1px solid #001e3214}#metal-calculator .metal-result__details th,#metal-calculator .metal-result__details td{border:0;padding:7px 0;line-height:1.2}#metal-calculator .metal-result__details th{color:#00000094;text-align:left;padding-right:14px;font-size:12px;font-weight:400}#metal-calculator .metal-result__details td{color:#000000db;text-align:right;white-space:nowrap;font-size:13px;font-weight:400}#metal-calculator .metal-result__detail-value{font-weight:700}#metal-calculator .metal-result__detail-unit{color:#00000075;font-size:.92em;font-weight:400}#metal-calculator #result.metal-result .resultdopinfo{margin-top:8px;padding:0;line-height:1.4}@media screen and (width<=800px){#metal-calculator #result.metal-result{padding:20px 18px 30px}#metal-calculator #result .metal-result__primary{font-size:32px}#metal-calculator .metal-result__details th{padding-right:10px}#metal-calculator .visual-select-input~label,#metal-calculator .visual-select-input~.label{width:50%}#metal-calculator .visual-select-input.metal-fields-count-1~.label:has(input[name=metal-quantity]),#metal-calculator .visual-select-input.metal-fields-count-3~.label:has(input[name=metal-quantity]),#metal-calculator #checkresult{width:100%}}@media screen and (width<=600px){#metal-calculator #result.metal-result{padding:20px 24px 22px}#metal-calculator .metal-result__details{max-width:360px}}@media screen and (width<=430px){#metal-calculator .visual-select-input~label,#metal-calculator .visual-select-input~.label{width:100%}}