:root{--primary: #faa31a;--secondary: #14213d;--errorColor: red;--stepNumber: 3;--containerWidth: 600px;--bgColor: #14213d;--inputBorderColor: lightgray;--tooltip: #faa31a}.container-body{display:flex!important;justify-content:center!important;overflow-x:hidden!important;box-sizing:content-box!important}::selection{color:#fff;background:var(--primary)}.container{width:var(--containerWidth);background:#fff;text-align:center;border-radius:5px;padding:10px 35px;outline:solid lightgray;margin:50px 10px}.container header{font-size:35px;font-weight:600;margin:0 0 30px}.container .form-outer{width:100%;overflow:hidden}.container .form-outer form{display:flex;width:calc(100% * var(--stepNumber))}.form-outer form .page{width:calc(100% / var(--stepNumber));transition:margin-left .3s ease-in-out}.form-outer form .page .title{text-align:left;font-size:25px;font-weight:500}.form-outer form .page .title-result{text-align:center;font-size:25px;font-weight:600}.form-outer form .page .custom-field{width:var(--containerWidth);height:45px;margin:45px 0;display:flex;position:relative}.form-outer form .page .custom-field-radio{width:var(--containerWidth);position:relative;margin:45px 0 45px .8px}form .page .custom-field .label,form .page .custom-field-radio .label{position:absolute;top:-30px;font-weight:600}form .page .custom-field input{box-sizing:border-box;height:100%;width:100%;border:1px solid var(--inputBorderColor);border-radius:5px;padding-left:15px;margin:0 5px;font-size:18px;transition:border-color .15s ease}form .page .custom-field input,input::placeholder{font-size:12px}form .page .custom-field-radio .group-radio{display:flex;flex-direction:row;align-items:center}form .page .custom-field input.invalid-input,form .page .custom-field-radio input.invalid-input{border-color:var(--errorColor);outline:1px solid #ff0000}form .page .custom-field select{width:100%;padding-left:10px;font-size:17px;font-weight:500}form .page .custom-field button{width:100%;height:calc(100% + 5px);border:none;background:var(--secondary);margin-top:-20px;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.5s ease}form .page .custom-field button:hover{background:#faa31a}form .page .btns button.prev{margin-right:3px;margin-left:.8px}form .page .btns button.next{margin-left:3px}.container .custom-progress-bar{display:flex;margin:20px 0;-webkit-user-select:none;user-select:none}.container .custom-progress-bar .step{text-align:center;width:100%;position:relative}.container .custom-progress-bar .step p{font-weight:700;font-size:18px;margin-bottom:8px}.custom-progress-bar .step .bullet{height:25px;width:25px;border:2px solid;display:inline-block;border-radius:50%;position:relative;transition:.2s;font-weight:500;font-size:17px;line-height:25px}.custom-progress-bar .step .bullet.active{border-color:var(--primary);background:var(--primary)}.custom-progress-bar .step .bullet span{position:absolute;left:50%;transform:translate(-50%)}.custom-progress-bar .step .bullet.active span{color:#fff}.custom-progress-bar .step .bullet.active:after{background:var(--primary);transform:scaleX(0);transform-origin:left;animation:animate .3s linear forwards}@keyframes animate{to{transform:scaleX(1)}}.custom-progress-bar .step:last-child .bullet:before,.custom-progress-bar .step:last-child .bullet:after{display:none}.custom-progress-bar .step p.active{color:var(--primary);transition:.2s linear}.custom-progress-bar .step .check{position:absolute;left:50%;top:70%;font-size:15px;transform:translate(-50%,-50%);display:none}.custom-progress-bar .step .check.active{display:block;color:#fff}@media screen and (max-width: 660px){:root{--containerWidth: 400px}.custom-progress-bar .step p{display:none}.custom-progress-bar .step .bullet:after,.custom-progress-bar .step .bullet:before{display:none}.custom-progress-bar .step .bullet{display:flex;align-items:center;justify-content:center}.custom-progress-bar .step .check{position:absolute;left:50%;top:50%;font-size:15px;transform:translate(-50%,-50%);display:none}.step{display:flex;align-items:center;justify-content:center}}@media screen and (max-width: 490px){:root{--containerWidth: 100%}.container{box-sizing:border-box;border-radius:0;outline:0;margin:0}.container header{font-size:30px}}.hide{display:none}.table{display:flex;margin-top:25px;flex-flow:column nowrap;gap:30px;justify-content:center}@media screen and (min-width: 669px){.row{display:flex;column-gap:15%}}@media screen and (max-width: 668px){.row{display:flex}form .page .custom-field button{font-size:14px}}.heading{font-weight:700}.cell{display:flex;flex:1;justify-content:center;align-items:center}.modal{display:none;position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;align-items:center;justify-content:center}@media screen and (max-width: 668px){.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:fit-content;position:relative;border-radius:10px;text-align:center;font-size:12px}}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:fit-content;position:relative;border-radius:10px;text-align:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700;position:absolute;top:0;right:10px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}@media screen and (min-width: 668px){.tooltip-btn{display:none}.tooltip{position:relative;display:inline-block;color:#fff;background:var(--secondary);height:20px;width:20px;border-radius:50%;font-size:12px}.tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:300px;background-color:var(--tooltip);color:#fff;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;margin-top:-4px;left:125%}.tooltip .tooltiptext:after{content:" ";position:absolute;top:8px;left:-9px;border-width:5px;border-style:solid;border-color:transparent var(--tooltip) transparent transparent}.tooltip:hover .tooltiptext{visibility:visible}}@media screen and (max-width: 668px){.tooltip{display:none}.tooltip-btn{border-radius:50%;font-size:12px;position:relative;display:inline-block;color:#fff;background:var(--secondary);height:16px;margin:0 2px;border:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/custom-calculator.css.map */