.walking-speed{padding:40px 0}.walking-speed .panel{width:100%;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dfdfdf;border-radius:14px}.walking-speed .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-speed .panel .actions .action{display:flex;flex-direction:column;gap:16px;transition:all .5s ease}.walking-speed .panel .actions .action>span{font-size:18px;font-weight:700;line-height:22px}.walking-speed .panel .actions .action .input-dropdown .header{padding-left:0}.walking-speed .panel .actions .action .inputs{display:flex;flex-direction:row;justify-content:space-around;gap:12px}.walking-speed .panel .actions .action .inputs+.error{color:red;font-size:14px;font-weight:400;line-height:18px;margin-top:-8px}.walking-speed .panel .actions .action+.action{margin-top:24px}.walking-speed .panel .actions .action.error{max-height:112px}.walking-speed .panel .actions .btn{font-size:18px;font-weight:600;line-height:22px;text-align:center;height:48px;margin-top:32px;display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px}.walking-speed .panel .actions .btn:hover{background-color:#1e79c2}.walking-speed .panel .result{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:54px 64px}.walking-speed .panel .result span{font-size:24px;font-weight:700;line-height:28px;text-align:center}.walking-speed .panel .result div{width:100%;border-bottom:1px solid #dfdfdf;text-align:center}.walking-speed .panel .result div span{display:block;font-size:18px;font-weight:400;line-height:22px;text-align:center;color:#565656;margin-bottom:8px}.walking-speed .panel .result div b{font-size:40px;font-weight:700;line-height:48.41px}.walking-speed .panel .result div .per{font-size:24px;font-weight:500;line-height:28px;display:inline-block;color:#000;margin:0 0 0 8px}.walking-speed .walking-calculator{padding:40px 0 0}.walking-speed .walking-calculator h2{width:100%;margin-left:0;font-size:24px;font-weight:700;line-height:28px;text-align:left}.walking-speed .walking-calculator .calculators{width:100%;margin-left:0;margin-top:24px;gap:25px}.walking-speed .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-speed .walking-calculator .calculators .calculator img{width:64px;height:64px}.walking-speed .walking-calculator .calculators .calculator span{text-align:center}@media screen and (max-width: 1000px){.walking-speed{background-color:#fff;padding:24px 16px}.walking-speed .panel{display:flex;flex-direction:column}.walking-speed .panel .actions{border-top-right-radius:14px;border-bottom-left-radius:0;padding:24px}.walking-speed .panel .actions .action{gap:8px}.walking-speed .panel .actions .action>span{font-size:17px;font-weight:700;line-height:22px}.walking-speed .panel .actions .action+.action{margin-top:16px}.walking-speed .panel .actions .action .input-wrapper .input.has-suffix{padding-right:33px}.walking-speed .panel .actions .action .inputs+.error{margin-top:0}.walking-speed .panel .actions .btn{font-size:17px;font-weight:600;line-height:22px;margin-top:24px}.walking-speed .panel .result{padding:24px 40px 40px}.walking-speed .panel .result span{font-size:18px;font-weight:700;line-height:22px;text-align:center}.walking-speed .panel .result span strong{font-size:17px;font-weight:700;line-height:22px;text-align:center}.walking-speed .panel .result div span{font-size:17px;font-weight:400;line-height:22px}.walking-speed .panel .result div b{font-size:48px;font-weight:700;line-height:58.09px;width:calc(100% + 32px);display:block;transform:translate(-16px)}.walking-speed .walking-calculator{padding:40px 0}.walking-speed .walking-calculator .content{padding:0;width:100%}.walking-speed .walking-calculator h2{text-align:center;font-size:24px;font-weight:700;line-height:28px}.walking-speed .walking-calculator .calculators{display:flex;gap:16px;flex-direction:column}.walking-speed .walking-calculator .calculators .calculator{width:100%;height:80px;border-radius:14px;background-color:#f5f5f5;flex-direction:row;gap:16px;padding:16px}.walking-speed .walking-calculator .calculators .calculator img{width:48px;height:48px}.walking-speed .walking-calculator .calculators .calculator span{text-align:start}}
