@charset "UTF-8";.metal-calculator{border:1px solid #ccc;background:linear-gradient(#ca9f6c,#ecd19b);box-shadow:0px 0.5px 1px 0px rgb(0,0,0);margin-right:-31.5px;margin-left:-31.5px;margin-top:-32.5px;padding-bottom:50px}.metal-calculator h1{margin-left:-7.5px;margin-right:-7.5px}.metal-calculator label{display:block;width:auto;margin-right:0;margin-bottom:5px;font-weight:bold;margin-top:10px}.metal-calculator input[type="number"],.metal-calculator select{width:100%;height:50px;font-size:18px;border-radius:6px}.metal-calculator #result{font-weight:bold;font-size:34px;color:#060;display:flex;flex-direction:row;align-items:center;white-space:nowrap;overflow-x:auto;width:100%;margin-bottom:0px;box-shadow:rgb(0,0,0) 0px -2px 8px;background:radial-gradient(circle at left,rgb(255,255,255) 0%,rgb(229,232,232) 65%,rgb(189,194,193) 100%);z-index:1020;height:61px}.metal-calculator #error-message{color:maroon;margin-top:0px}.metal-calculator .calculateBtnNoJS{padding:8px 15px;background-color:#007bff;color:white;border:none;cursor:pointer}.metal-calculator .calculateBtnNoJS:hover{background-color:#0056b3}.highlight{color:maroon;font-weight:bold}.unit-selector{white-space:nowrap;overflow-x:auto;margin-left:-7.5px;margin-right:-7.5px;box-shadow:rgb(0,0,0) 0px 2px 4px;background:radial-gradient(circle at left,rgb(240,227,120) 0%,rgb(234,202,142) 65%,rgb(210,177,47) 100%);position:sticky;top:65px;height:50px}#shape-image-container{width:100%;height:100%}.shape-container{box-shadow:0px 4px 8px 0px rgb(0,0,0);background-color:oldlace;background-image:linear-gradient(to right,#ccc 1px,transparent 1px),linear-gradient(to bottom,#ccc 1px,transparent 1px);background-size:20px 20px;background-position:0 0;font-family:georgia,palatino,serif}#shape-icon-container{width:36px;height:36px}.validation-error{color:maroon;font-size:0.85em;margin-top:5px;display:none}input.is-invalid{border:1px solid maroon;box-shadow:0 0 3px rgba(255,0,0,0.5)}input.is-valid{border:1px solid green;box-shadow:0 0 3px rgba(0,128,0,0.5)}.form-check-input:checked+.form-check-label{color:#060}.form-check-input:checked{background-color:#060;border-color:#060}.form-check.form-check-inline:not(.static-label-unit) .form-check-label,.form-check.form-check-inline:not(.static-label-unit) .form-check-input{cursor:pointer}.form-check.form-check-inline:not(.static-label-unit):hover .form-check-label{color:#060;transition:color 0.2s ease}.static-label-unit:hover .form-check-label,.static-label-unit:hover{color:inherit;cursor:default;background-color:transparent;box-shadow:none}#metalCalculator select option{font-weight:normal}.inner-content-wrapper{padding-left:5px;padding-right:5px}@media (max-width:767.98px){.shape-container{border-radius:0 !important;border:none !important;border-bottom:4px solid maroon !important;border-top:4px solid maroon !important;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h4v1H0V0zm0 2h4v1H0V2z' fill='%23d0d0d0' fill-opacity='0.4'/%3E%3C/svg%3E");padding:10px;box-shadow:none}.inner-content-wrapper{padding-left:0;padding-right:0}}
