*,:before,:after{box-sizing:border-box;margin:0;padding:0}@media (min-width:1173px) and (max-width:1439px){.pageWrapperLeft{width:100%}}@media (min-width:1440px){.pageWrapperLeft{width:800px}}.leftWrapper{background:#fafafa;border:1px solid #b9b9bd4d;border-bottom:none;border-radius:16px 16px 0 0;flex-flow:column;gap:28px;width:100%;padding:36px;display:flex}@media (min-width:360px) and (max-width:820px){.leftWrapper{gap:16px;padding:16px}}.leftwraperHeading{flex-direction:column;gap:20px;display:flex}.title{color:#000;font-feature-settings:"liga" off;letter-spacing:-1.44px;font-family:Satoshi-Variable;font-size:36px;font-style:normal;font-weight:900;line-height:normal}@media (min-width:360px) and (max-width:820px){.title{letter-spacing:-.4px;font-size:20px}}@media (min-width:821px) and (max-width:1291px){.title{letter-spacing:-.4px;font-size:38px}}.leftWrapperResultTable{background:#eef6fc;border:1px solid #b9b9bd4d;border-top:none;border-radius:0 0 16px 16px;flex-flow:column;gap:16px;width:100%;padding:36px;display:flex}@media (min-width:360px) and (max-width:820px){.leftWrapperResultTable{flex-flow:column wrap;gap:20px;padding:20px 16px}}@media (min-width:821px) and (max-width:1216px){.leftWrapperResultTable{flex-flow:column wrap}}.differenceBar{flex-direction:row;justify-content:center;align-items:center;display:flex}@media (min-width:360px) and (max-width:820px){.differenceBar{justify-content:center}}.differenceBarContainer{background:#18b777b3;border:1px solid #18b777;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:8px;display:flex}@media (min-width:360px) and (max-width:820px){.differenceBarContainer{border-radius:8px;width:100%}}.saveTag{color:#fff;letter-spacing:-.013px;font-family:Satoshi-Variable;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media (min-width:360px) and (max-width:820px){.saveTag{letter-spacing:-.01px;font-size:12px}}.saveAmount{color:#fff;letter-spacing:-.013px;font-family:Satoshi-Variable;font-size:16px;font-style:normal;font-weight:700;line-height:normal}@media (min-width:360px) and (max-width:820px){.saveAmount{letter-spacing:-.01px;font-size:12px}}.saveAmount,.saveTag{color:#fff;letter-spacing:-.013px;font-family:Satoshi-Variable;font-size:16px;font-style:normal;line-height:normal}@media (min-width:360px) and (max-width:820px){.saveAmount,.saveTag{letter-spacing:-.01px;font-size:12px}}.differenceIconContainer{justify-content:center;align-items:center;display:flex}.resultContainer{flex-direction:column;width:100%;display:flex}.TablePieChart{z-index:0;flex-direction:row;justify-content:space-between;width:100%;margin-top:20px;display:flex}@media (min-width:360px) and (max-width:820px){.TablePieChart{flex-direction:column;gap:20px;margin-top:8px}}.tableBallContainer{flex-direction:row;justify-content:center;align-items:center;gap:4px;display:flex}@media (min-width:360px) and (max-width:820px){.tableBallContainer{gap:2px}}.tableBallContainer h3{color:#707687;letter-spacing:-.013px;font-family:Satoshi-Variable;font-size:16px;font-style:normal;font-weight:500;line-height:normal}@media (min-width:360px) and (max-width:820px){.tableBallContainer h3{letter-spacing:-.01px;font-size:12px;line-height:14px}}.tableBallStyle{width:10.3px;height:10.3px}.outputPieChart{justify-content:center;align-items:center;display:flex}.iconFrame{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.piechartTitle{flex-direction:column;justify-content:center;align-items:start;gap:8px;display:flex}@media (min-width:360px) and (max-width:820px){.piechartTitle{flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:8px}}.piechartTitleContainer{flex-direction:row;display:flex}@media (min-width:360px) and (max-width:820px){.piechartTitleContainer{justify-content:center;align-items:center}}.dummyDiv{width:100px}@media (min-width:360px) and (max-width:820px){.dummyDiv{display:none}}.thePieChart{max-width:170px;max-height:170px;position:relative}.piechartContainer{flex-direction:row;gap:92px;display:flex}@media (min-width:360px) and (max-width:820px){.piechartContainer{justify-content:center;align-items:center}}.piechartHeadding{color:#707687;text-align:center;letter-spacing:-.013px;font-family:Satoshi-Variable;font-size:16px;font-style:normal;font-weight:500;line-height:18px}#flatValue{z-index:-1;position:absolute;top:75px;left:72px}@media (min-width:360px) and (max-width:820px){#flatValue{top:75px}}#ReducingValue{z-index:-1;position:absolute;top:66px;right:50px}@media (min-width:360px) and (max-width:820px){#ReducingValue{top:65px}}.container{flex-direction:column;gap:20px;width:100%;display:flex}.inBox{flex-direction:row;gap:20px;width:100%;display:flex}@media (min-width:360px) and (max-width:820px){.inBox{flex-direction:column;gap:16px}}.content{width:100%}@media (min-width:630px) and (max-width:1149px){.content{flex-direction:column}}.divider{border-bottom:1px solid #8198da33;margin:16px 0}.inputSliderContainer{flex-direction:column;gap:28px;width:100%;display:flex}.slideContainer{flex-direction:column;gap:12px;width:100%;display:flex}input.apple-switch{appearance:none;background-color:#fff;border:1px solid #d9dadc;border-radius:50px;outline:none;width:50px;height:30px;transition-duration:.2s;position:relative;box-shadow:inset -20px 0 #78788029}input.apple-switch:after{content:"";background-color:#0000;border-radius:50%;width:26px;height:26px;position:absolute;top:1px;left:1px;box-shadow:2px 4px 6px #0003}input.apple-switch:checked{border-color:#18b777;box-shadow:inset 20px 0 #18b777}input.apple-switch:checked:after{left:20px;box-shadow:-2px 4px 3px #0000000d}.toggleNames{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.contentContainer{text-align:start;margin-top:60px}.questionTitle{color:#000;font-size:20px;font-weight:700;line-height:26px}@media (min-width:320px) and (max-width:820px){.questionTitle{font-size:18px}}.questionContent{color:#000;word-wrap:break-word;font-size:18px;font-weight:400;line-height:26px}@media (min-width:320px) and (max-width:820px){.questionContent{font-size:16px}}.contentList{margin-left:30px;font-size:18px}@media (min-width:320px) and (max-width:820px){.contentList{margin-left:15px;font-size:16px}}.strongerText{color:#000;font-size:18px;font-weight:500;line-height:26px}