@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(../../../../static/media/InterRegular.9ca9ba81e9dcaa12b3a1.ttf) format("TrueType")}
*{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;scrollbar-width:none}
#esgSplunk-app.App,body{font-family:Manrope,sans-serif}
#esgSplunk-app.App{--text-dark:#a00056;--text-white:#fff;--color-primary:#ed0080;--color-dark:#a00056;--color-white:#fff;--color-green:#3bdbc6;--Main-Text:#101828;--Grey-50:#f9fafb;--Grey-300:#d0d5dd;--Grey-500:#5c6881;width:100%}
code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
#esgSplunk-app .container{margin:0 auto;width:100%}
#esgSplunk-app img{max-width:100%}
#custom-slider .rc-slider-step .rc-slider-dot{display:none}
#custom-slider .rc-slider-handle{opacity:1}
#custom-slider .rc-slider-handle:active{border-color:#6b0bea;box-shadow:0 0 5px #6b0bea}
#custom-slider .rc-slider-mark{display:flex;font-size:12px;justify-content:space-between;left:0;position:absolute;top:18px;width:102.9%}
#custom-slider .rc-slider-mark-text{position:static}
#custom-slider .cols{display:block;font-size:12px;width:70px}
#esgSplunk-app.App{display:flex;flex-direction:column;text-align:left}
#esgSplunk-app.App h1,#esgSplunk-app.App h2,#esgSplunk-app.App h3,#esgSplunk-app.App h4,#esgSplunk-app.App h5,#esgSplunk-app.App p{margin:0}
#esgSplunk-app header#header{background:var(--text-white);box-shadow:0 4px 8px 0 #0000000a;flex-shrink:0}
#esgSplunk-app footer#footer{background:var(--text-white);color:var(--Main-Text);flex-shrink:0}
#esgSplunk-app main#main{background:var(--bg-color)}
#esgSplunk-app main{flex:1 0 auto;padding:16px 0}
@media(min-width:768px){#esgSplunk-app .justify-content-md-start{justify-content:flex-start !important}
}
@media(min-width:1200px){#esgSplunk-app main{padding:16px 0}
}
.flex{display:flex}
#esgSplunk-app main .homepage-text{color:var(--Main-Text);display:flex;flex-direction:column;font-family:Arial;font-style:normal;gap:8px;line-height:normal;margin-bottom:24px}
#esgSplunk-app main .homepage-text h2{font-size:14px;font-weight:400;text-transform:uppercase}
#esgSplunk-app main .homepage-text h1{font-size:20px;font-weight:700}
#esgSplunk-app main .homepage-text p{font-size:20px;font-weight:400}
#esgSplunk-app #Splunk-form{background:var(--text-white);box-shadow:0 4px 8px 0 #0000000a;display:flex;flex-direction:column;margin-bottom:20px;padding:16px}
#esgSplunk-app #Splunk-form p{font-size:16px;font-weight:400;line-height:150%}
#esgSplunk-app input[type=radio]{accent-color:var(--color-primary);margin-left:0;margin-right:5px}
#esgSplunk-app #Splunk-form input:not([type=radio]),#esgSplunk-app #Splunk-form select{-webkit-appearance:none;appearance:none;border:1px solid var(--Grey-300);border-radius:4px;color:var(--Grey-500);font-size:16px;font-weight:400;line-height:100%;outline:0;padding:12px 12px 12px 22px;text-align:right;width:100%}
#esgSplunk-app #Splunk-form select{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMTc1IDYuOTEyIDEwIDEwLjczbDMuODI1LTMuODE2TDE1IDguMDg4bC01IDUtNS01IDEuMTc1LTEuMTc1WiIgZmlsbD0iI0VEMDA4MCIvPjwvc3ZnPg==);background-position-x:95%;background-position-y:47%;background-repeat:no-repeat;border:1px solid var(--Grey-300);direction:rtl;display:flex;flex-direction:row;justify-content:space-between;padding-left:24px;position:relative;text-align:left}
#esgSplunk-app #Splunk-form input:focus,#esgSplunk-app #Splunk-form select:focus{border:1px solid var(--color-primary);outline:0}
#esgSplunk-app #Splunk-form .input-field{align-items:center;display:flex;gap:5px}
#esgSplunk-app #Splunk-form .question-row{display:flex;gap:10px}
#esgSplunk-app #Splunk-form hr{border:1px solid #fff;border-bottom:1px solid var(--Grey-300);margin:16px 0}
#esgSplunk-app #Splunk-form .question-row .input-info{flex:20px 1;margin-left:5px}
#esgSplunk-app #Splunk-form .question-box{display:flex;flex-direction:column;gap:10px;width:100%}
#esgSplunk-app #Splunk-form .question-box p{width:calc(100% - 30px)}
#esgSplunk-app #Splunk-form .question-box.tooltip .input-field>:first-child{width:100%}
#esgSplunk-app input[type=number]{-moz-appearance:textfield}
#esgSplunk-app input[type=number]::-webkit-inner-spin-button,#esgSplunk-app input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
#custom-slider .cols p{font-size:12px !important;width:70px}
#esgSplunk-app .result-total{border-bottom:1px solid var(--Grey-300);border-radius:4px;border-top:1px solid var(--Grey-300);display:flex;flex-direction:column;gap:4px;justify-content:center;margin-bottom:16px;margin-inline:auto;max-width:412px;padding:12px;text-align:center}
#esgSplunk-app .result-total p{color:#101828;color:var(--Main-Text,#101828);font-family:Arial;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-align:center}
#esgSplunk-app .result-total p.estimate{color:#c2006b;font-size:32px}
#esgSplunk-app .result-labels{display:flex;flex-direction:column;gap:12px;margin:20px auto 16px;max-width:412px;padding:12px}
#esgSplunk-app .result-labels .label-block{align-items:center;display:flex;gap:8px}
#esgSplunk-app .result-labels .clr-blck{background:#f99d1c;flex-basis:16px;flex-grow:0;flex-shrink:0;height:16px;width:16px}
#esgSplunk-app .result-labels .clr-blck.orange{background:#f05a22}
#esgSplunk-app .result-labels .clr-blck.dpink{background:#c2006b}
#esgSplunk-app .result-labels .clr-blck.pink{background:#ed0080}
#esgSplunk-app .result-labels .label-block p{color:var(--Main-Text);font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:20px}
#esgSplunk-app .result-labels .label-block p .pink{color:#c2006b;font-weight:700}
#esgSplunk-app .result-section h2.graph-title{color:#101828;color:var(--Main-Text,#101828);font-family:Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:700;line-height:150%;text-align:center}
#esgSplunk-app .result-section{background:var(--text-white);box-shadow:0 4px 8px 0 #0000000a;filter:blur(12px);padding:16px}
#esgSplunk-app .result-section.open{filter:none}
#esgSplunk-app .result-section .graph-container{margin:0 auto;max-width:490px;width:100%}
#esgSplunk-app #Splunk-form .input-field.radio-field{gap:10px}
#esgSplunk-app #Splunk-form .radio-box .input-info .circle{justify-content:end}
#esgSplunk-app #Splunk-form .radio-box .radio-input{display:flex;gap:16px;width:100%}
#esgSplunk-app #Splunk-form .radio-box .radio-input .single-radio label{align-items:center;display:flex}
#esgSplunk-app #Splunk-form .radio-box{align-items:flex-start;display:flex;justify-content:space-between;width:100%}
#esgSplunk-app input[type=radio]{border-color:var(--Grey-300);border:1px solid var(--Grey-300);border-radius:4px;height:18px;width:18px}
#esgSplunk-app input[type=radio]:checked{background:var(--color-primary);border:1px solid var(--color-primary)}
#esgSplunk-app input[type=radio]:checked:after{border-bottom:2px solid var(--text-white);border-left:2px solid var(--text-white);content:"";display:block;height:7px;left:23%;position:absolute;rotate:-45deg;top:25%;width:12px}
#esgSplunk-app #Splunk-form .question-box p .digit{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--text-white);display:inline-flex;flex-shrink:0;font-family:Arial;font-size:14px;font-style:normal;font-weight:400;height:24px;justify-content:center;line-height:150%;margin-right:8px;width:24px}
#esgSplunk-app #Splunk-form .question-box p span.digit.clear{background-color:var(--color-white);border:1px solid var(--Grey-300);color:var(--Main-Text)}
#esgSplunk-app button.form-btn.first{margin-top:24px}
#esgSplunk-app .graph-btn button.btn{width:196px}
@media(max-width:560px){#esgSplunk-app #Splunk-form .input-field.radio-field{gap:10px}
#esgSplunk-app #Splunk-form .radio-box{align-items:flex-start;display:flex;justify-content:space-between;width:100%}
#esgSplunk-app #Splunk-form .radio-field{align-items:flex-start;flex-direction:column}
#esgSplunk-app #Splunk-form .input-field.radio-field .input-info{display:flex;justify-content:flex-end}
#esgSplunk-app .container.form-container{padding:0}
#esgSplunk-app #Splunk-form .input-field{width:100%}
}
@media(min-width:768px){#esgSplunk-app #Splunk-form{padding:16px 24px}
#esgSplunk-app main .homepage-text h2{font-size:16px}
#esgSplunk-app main .homepage-text h1{font-size:21px}
#esgSplunk-app main .homepage-text p{font-size:15px}
#esgSplunk-app #Splunk-form .question-box p{align-items:center;display:flex;gap:8px}
#esgSplunk-app #Splunk-form .question-box p .digit{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:50%;color:var(--text-white);display:flex;flex-shrink:0;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;height:38px;justify-content:center;line-height:150%;margin-right:0;width:38px}
#esgSplunk-app #Splunk-form hr{margin:18px 0;max-width:92.5%}
#esgSplunk-app .last-row{padding-bottom:32px}
#esgSplunk-app #Splunk-form .question-box{flex-direction:row;gap:20px;justify-content:space-between}
#esgSplunk-app #Splunk-form .input-field input:not([type=radio]),#esgSplunk-app #Splunk-form .input-field select{height:42px;width:220px}
#esgSplunk-app #Splunk-form .radio-box{width:250px}
}
@media(min-width:1200px){#esgSplunk-app main .homepage-content{display:flex;gap:40px}
#esgSplunk-app #Splunk-form .question-box p{width:calc(100% - 275px)}
#esgSplunk-app #Splunk-form .question-box .slider-input{position:relative;top:76px}
#esgSplunk-app main .homepage-content.assumption-content .result-section{align-items:flex-start;display:flex;justify-content:flex-end}
#esgSplunk-app main .homepage-content.assumption-content .result-section button{margin:0}
#esgSplunk-app main .homepage-content #Splunk-form{flex:60% 1;margin-bottom:0}
#esgSplunk-app main .homepage-content .result-section{flex:40% 1}
#esgSplunk-app #Splunk-form .question-box p{align-items:center;display:flex;gap:8px}
#esgSplunk-app #Splunk-form .input-field{gap:10px}
#esgSplunk-app #Splunk-form .input-field .input-info{width:20px}
#custom-slider{width:400px}
#esgSplunk-app .result-section{margin-bottom:0;margin-top:0}
#esgSplunk-app #Splunk-form .input-field.radio-field{align-items:flex-start;flex-direction:row;justify-content:center;width:160px}
#esgSplunk-app #Splunk-form .input-field.radio-field .input-info{display:flex;justify-content:flex-end}
#esgSplunk-app #Splunk-form .radio-box{align-items:center;width:100%}
#esgSplunk-app .graph-btn{display:flex;justify-content:center}
#esgSplunk-app .graph-btn button.btn{margin:0;width:196px}
}
#esgSplunk-app #Splunk-form .input-field select{height:auto;line-height:25px;padding:12px 28px 12px 22px;white-space:pre-wrap}
.btn.btn-primary{background:#ed0080;border-color:#ed0080}
.btn.btn-primary:focus,.btn.btn-primary:hover{background:#a00056;border-color:1px solid #a00056}
.result-form .modal-title{font-size:30px;text-transform:uppercase}
.form-check-input:checked{background-color:#ed0080 !important;border-color:#ed0080 !important}
.result-form .modal-footer{justify-content:center}