.calculator-main-wrap .units-selector{background-color:#fff;border:1px solid #000;border-radius:20px;color:var(--background);cursor:pointer;display:grid;font-weight:500;grid-template-columns:50px 50px;margin-left:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.calculator-main-wrap .units-selector>div{padding:7px;text-align:center;transition:all .2s;z-index:2}.calculator-main-wrap .units-selector>div:nth-child(2){color:#fff}.calculator-main-wrap .units-selector:before{background-color:var(--red);border-radius:20px;color:#fff;content:"";height:100%;position:absolute;top:0;transform:translateX(45px);transition:all .2s;width:55px;z-index:1}.calculator-main-wrap .units-selector--in>div:first-child{color:#fff}.calculator-main-wrap .units-selector--in>div:nth-child(2){color:inherit}.calculator-main-wrap .units-selector--in:before{transform:translateX(0);width:50px}.calculator-main-wrap .calculator-categories{display:flex;flex-wrap:wrap;gap:20px}.calculator-main-wrap .calculator-categories .pic-box{border:1px solid #ccc;border-radius:20px;cursor:pointer;flex:calc(50% - 20px);overflow:hidden;position:relative}.calculator-main-wrap .calculator-categories .pic-box.pic-active{border:3px solid var(--red)}.calculator-main-wrap .calculator-categories .pic-box h3{background-color:rgba(0,0,0,.588);color:#fff;left:0;padding:10px 15px;position:absolute;top:0;width:100%}.calculator-main-wrap .calculator-categories .pic-box img{transition:all .3s ease-in-out}.calculator-main-wrap .calculator-categories .pic-box:hover img{transform:scale(1.1)}@media(max-width:991px){.calculator-main-wrap .calculator-categories{flex-wrap:nowrap;gap:10px;overflow-x:auto}.calculator-main-wrap .calculator-categories .pic-box{flex:0 0 42%}}.calculator-main-wrap .calculator-grid{display:flex;gap:28px}@media(max-width:991px){.calculator-main-wrap .calculator-grid{flex-direction:column}}.calculator-main-wrap .calculator-grid .calc-left,.calculator-main-wrap .calculator-grid .calc-right{flex:1}.calculator-main-wrap .calculator-grid .gray-box{background-color:#eee;border-radius:10px;font-size:14px;margin-bottom:10px;padding:10px;position:relative}.calculator-main-wrap .calculator-grid .gray-box:after{border:1px solid transparent;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease-in-out}.calculator-main-wrap .calculator-grid .gray-box.has-error:after{border-color:var(--secondary);opacity:1}.calculator-main-wrap .calculator-grid label{margin-bottom:0}.calculator-main-wrap .calculator-grid .form-control{border-radius:4px;text-align:right;width:100%}.calculator-main-wrap .calculator-grid .input-group{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr 60px;margin-bottom:10px}@media(max-width:991px){.calculator-main-wrap .calculator-grid .input-group{grid-template-columns:1fr 60px}.calculator-main-wrap .calculator-grid .input-group label{grid-column:span 2}.calculator-main-wrap .calculator-grid .input-group-sm{gap:0;-moz-column-gap:10px;column-gap:10px;grid-template-columns:1fr;margin-bottom:15px}.calculator-main-wrap .calculator-grid .input-group-sm .outcome-result{text-align:left!important}}.calculator-main-wrap .calculator-grid .input-group .outcome-result{text-align:right}.calculator-main-wrap .calculator-grid .input-group:last-child{margin-bottom:0}.calculator-main-wrap .calculator-grid .input-group.focused{font-weight:700}.calculator-main-wrap .calculator-grid .input-unit{font-size:12px;margin-left:0}.calculator-main-wrap .calculator-grid__material{display:flex;flex-wrap:wrap;gap:3px;list-style:none}@media(min-width:992px){.calculator-main-wrap .calculator-grid__material{margin:0 auto;max-width:97%;padding:10px 0}}.calculator-main-wrap .calculator-grid__material li{flex:1;overflow:hidden;padding:4px;text-align:center}.calculator-main-wrap .calculator-grid__material li span{align-items:center;aspect-ratio:1;border-radius:6px;color:#fff;cursor:pointer;display:flex!important;flex:1;font-size:clamp(1.25rem,.5rem + 2vw,2rem);font-weight:600;justify-content:center;position:relative}.calculator-main-wrap .calculator-grid__material li label{color:#333;font-size:clamp(.625rem,.5rem + .3vw,.75rem);margin-top:10px}.calculator-main-wrap .calculator-grid__material li.active span:after{border:2px solid rgba(0,0,0,.502);border-radius:8px;content:"";inset:-4px;position:absolute}.calculator-main-wrap .calculator-grid .matP span{background-color:var(--colorP)}.calculator-main-wrap .calculator-grid .matM span{background-color:var(--colorM)}.calculator-main-wrap .calculator-grid .matN span{background-color:var(--colorN)}.calculator-main-wrap .calculator-grid .matK span{background-color:var(--colorK)}.calculator-main-wrap .calculator-grid .matS span{background-color:var(--colorS)}.calculator-main-wrap .calculator-grid .matH span{background-color:var(--colorH)}.calculator-main-wrap .calculator-wrapp__material{display:flex;flex-direction:column;gap:6px}.calculator-main-wrap .alert.alert-danger{border-radius:6px;color:var(--secondary);display:none;font-size:14px;font-weight:500;margin-bottom:10px;padding:2px 10px}