.walking-weight-loss{padding:40px 0}.walking-weight-loss .panel{width:100%;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfdfdf;border-radius:14px}.walking-weight-loss .panel .actions{background-color:#f2f3f7;border-right:1px solid #dfdfdf;padding:37px 40px;border-top-left-radius:14px;border-bottom-left-radius:14px;gap:62px}.walking-weight-loss .panel .actions .action{display:flex;flex-direction:column;transition:all .3s ease;gap:8px}.walking-weight-loss .panel .actions .action>span{font-size:18px;font-weight:700;line-height:22px}.walking-weight-loss .panel .actions .action .deficit .list{width:251px}.walking-weight-loss .panel .actions .action .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.walking-weight-loss .panel .actions .action .grid>div{flex-basis:calc((100% - 16px)/2);min-width:calc((100% - 16px)/2)}.walking-weight-loss .panel .actions .action .grid>div>span{font-size:18px;font-weight:700;line-height:22px}.walking-weight-loss .panel .actions .action .grid>div .input-dropdown,.walking-weight-loss .panel .actions .action .grid>div>.input-wrapper{margin-top:8px}.walking-weight-loss .panel .actions .action .grid>div .input-dropdown .dropdown,.walking-weight-loss .panel .actions .action .grid>div>.input-wrapper .dropdown{width:80px}.walking-weight-loss .panel .actions .action .grid>div .input-dropdown .dropdown .header,.walking-weight-loss .panel .actions .action .grid>div>.input-wrapper .dropdown .header{padding:0 16px 0 0;gap:4px}.walking-weight-loss .panel .actions .action .grid>div>.dropdown{margin-top:8px}.walking-weight-loss .panel .actions .action .grid .input-wrapper .input+.input-suffix{top:24px}.walking-weight-loss .panel .actions .action .height .ft-in .change{margin-top:8px}.walking-weight-loss .panel .actions .action>.error{color:red}.walking-weight-loss .panel .actions .action>.error span{font-size:14px;font-weight:400;line-height:18px;display:block}.walking-weight-loss .panel .actions .action+.action{margin-top:24px}.walking-weight-loss .panel .actions .btn{font-size:18px;font-weight:600;line-height:22px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-top:32px;height:48px}.walking-weight-loss .panel .actions .btn:hover{background-color:#1e79c2}.walking-weight-loss .panel .result{display:flex;flex-direction:column;align-items:center;padding:80px 40px 90px}.walking-weight-loss .panel .result>p{font-size:24px;font-weight:700;line-height:30px;text-align:center}.walking-weight-loss .panel .result .bmi{width:100%;display:none;margin:24px 0 14px;border-radius:8px;border:1px solid #dfdfdf;padding:40px}.walking-weight-loss .panel .result .bmi p{font-size:18px;font-weight:400;line-height:22px;text-align:left}.walking-weight-loss .panel .result .bmi p b{font-weight:800}.walking-weight-loss .panel .result .bmi p+p{margin-top:16px}.walking-weight-loss .panel .result .area{width:100%;height:248px;margin:24px 0 14px;border-radius:8px;border:1px solid #dfdfdf;position:relative}.walking-weight-loss .panel .result .area span{font-style:italic;font-weight:400;line-height:18px;color:#b2b2b2}.walking-weight-loss .panel .result .area .xtitle{font-weight:400;line-height:18px;position:absolute;font-size:14px;display:flex;gap:55px;bottom:25px;left:100px}.walking-weight-loss .panel .result .area .xtitle span:nth-child(2){margin-left:-11px}.walking-weight-loss .panel .result .area .ytitle{position:absolute;color:#b2b2b2;transform:rotate(-90deg);left:-10px;top:90px;font-size:14px;font-weight:400;line-height:18px}.walking-weight-loss .panel .result .area .yaxis{position:absolute;display:flex;gap:14px;flex-direction:column;top:30px;left:62px;text-align:right;font-size:14px;font-weight:400;line-height:18px}.walking-weight-loss .panel .result .area .chart{position:absolute;top:30px;left:111px;width:277px;height:167px;border-bottom:1px solid #dfdfdf}.walking-weight-loss .panel .result .area .chart .xlines div{position:absolute;width:100%;height:3px;border-bottom:1px dashed #dfdfdf}.walking-weight-loss .panel .result .area .chart .ylines div{position:absolute;width:3px;height:100%;border-right:1px dashed #dfdfdf}.walking-weight-loss .panel .result .area .chart canvas{width:100%;height:166px;position:relative;z-index:1}.walking-weight-loss .panel .result .area .chart .point{position:absolute;width:26px;height:26px;background-color:#ff78471a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.walking-weight-loss .panel .result .area .chart .point .circle{width:14px;height:14px;border-radius:50%;background-color:#fff;border:4px solid rgb(255,120,71);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.walking-weight-loss .panel .result .area .chart .point.end{background-color:#007aff1a}.walking-weight-loss .panel .result .area .chart .point.end .circle{border:4px solid rgb(0,122,255)}.walking-weight-loss .panel .result .info{font-size:18px;font-weight:400;line-height:22px;color:#565656;text-align:start}.walking-weight-loss .panel .result .info b{font-weight:700}.walking-weight-loss .panel .result .info a{color:#328fde;cursor:pointer}.walking-weight-loss .panel .result .info a:hover{color:#328fde;text-decoration:underline}.walking-weight-loss .panel .result.show-bmi .bmi{display:block}.walking-weight-loss .panel .result.show-bmi .area{display:none}.walking-weight-loss .tips{font-size:15px;font-weight:400;line-height:18px;color:gray;margin-top:16px}.walking-weight-loss .walking-calculator{padding:40px 0 0}.walking-weight-loss .walking-calculator h2{width:100%;margin-left:0;font-size:24px;font-weight:700;line-height:28px;text-align:left}.walking-weight-loss .walking-calculator .calculators{width:100%;margin-left:0;margin-top:24px;gap:25px}.walking-weight-loss .walking-calculator .calculators .calculator{width:180px;height:204px;border:1px solid #dfdfdf;background-color:#fff;flex-direction:column;align-items:center;justify-content:start;padding:32px 16px 0}.walking-weight-loss .walking-calculator .calculators .calculator img{width:64px;height:64px}@media screen and (max-width: 1000px){.walking-weight-loss{background-color:#fff;padding:24px 16px}.walking-weight-loss .panel{display:flex;flex-direction:column}.walking-weight-loss .panel .actions{border-top-right-radius:14px;border-bottom-left-radius:0;padding:24px}.walking-weight-loss .panel .actions .action>span{font-size:17px;font-weight:700;line-height:22px}.walking-weight-loss .panel .actions .action+.action{margin-top:16px}.walking-weight-loss .panel .actions .action .deficit .list{width:100%}.walking-weight-loss .panel .actions .action .grid{display:flex;flex-direction:column}.walking-weight-loss .panel .actions .action .grid:nth-child(2){flex-direction:row}.walking-weight-loss .panel .actions .action .grid>div>span{font-size:17px;font-weight:700;line-height:22px}.walking-weight-loss .panel .actions .action .grid>div .input-dropdown,.walking-weight-loss .panel .actions .action .grid>div .input-wrapper{margin-top:8px!important}.walking-weight-loss .panel .actions .action .grid .height .ft-in .change{margin-top:8px}.walking-weight-loss .panel .actions .action .grid .height .ft-in .input-wrapper{margin-top:0!important}.walking-weight-loss .panel .actions .action>div>.dropdown{margin-top:8px;min-width:unset;display:block}.walking-weight-loss .panel .actions .action .dropdown{width:100%;min-width:unset}.walking-weight-loss .panel .actions .age .grid{flex-direction:row}.walking-weight-loss .panel .actions .age .grid>div{flex-basis:calc((100% - 16px)/2);min-width:calc((100% - 16px)/2)}.walking-weight-loss .panel .actions .btn{margin-top:24px;font-size:17px;font-weight:600;line-height:22px}.walking-weight-loss .panel .result{padding:24px}.walking-weight-loss .panel .result>p{font-size:18px;font-weight:700;line-height:22px}.walking-weight-loss .panel .result .area{height:200px}.walking-weight-loss .panel .result .area .ytitle{font-size:12px;font-weight:300;line-height:16px;left:-14px}.walking-weight-loss .panel .result .area .yaxis{left:34px;top:16px;gap:12px}.walking-weight-loss .panel .result .area .yaxis span{font-size:12px;line-height:16px}.walking-weight-loss .panel .result .area .xtitle{gap:0;font-size:12px;line-height:16px;width:calc(100% - 75px);justify-content:space-between;left:50px;bottom:16px}.walking-weight-loss .panel .result .area .chart{top:16px;bottom:40px;left:69px;width:calc(100% - 95px);height:unset}.walking-weight-loss .panel .result .area .chart canvas{height:unset}.walking-weight-loss .panel .result .info{font-size:17px;font-weight:400;line-height:20px}.walking-weight-loss .panel .result .info a{color:#328fde;cursor:pointer}.walking-weight-loss .panel .result .info a:hover{color:#328fde;text-decoration:underline}.walking-weight-loss .walking-calculator{padding:40px 0}.walking-weight-loss .walking-calculator .content{padding:0;width:100%}.walking-weight-loss .walking-calculator h2{text-align:center;font-size:24px;font-weight:700;line-height:28px}.walking-weight-loss .walking-calculator .calculators{display:flex;gap:16px;flex-direction:column}.walking-weight-loss .walking-calculator .calculators .calculator{width:100%;height:80px;border-radius:14px;background-color:#f5f5f5;flex-direction:row;gap:16px;padding:16px}.walking-weight-loss .walking-calculator .calculators .calculator img{width:48px;height:48px}.walking-weight-loss .walking-calculator .calculators .calculator span{text-align:start}}