.target-heartrate-calc{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:1rem;line-height:1.25rem;color:#1a1a1a}
.target-heartrate-calc form .input input{color:#6b6b6b;background:#fff;border:1px solid #ccc;border-radius:4px;font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:1rem;height:40px;line-height:1.25rem;padding:10px 8px;width:100%}
.target-heartrate-calc form .input{margin:0}
.target-heartrate-calc form .input input:focus,.target-heartrate-calc form .input input:focus-visible{outline:0;border:1px solid #2746f8 !important;-webkit-box-shadow:0 0 0 4px #93c5fd;box-shadow:0 0 0 4px #93c5fd;border-radius:.25rem}
.target-heartrate-calc form .input.input--filled .form-control{background-color:#fff;border:1px solid #ccc}
.HeartRateResult{margin:32px 0;background:#012169;padding:48px 24px;color:#fff;font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:1rem;line-height:1.25rem}
.HeartRateResult p{margin-bottom:0;display:flex;flex-direction:column;gap:4px;align-items:center}
.HeartRateResult p .bpm{font-family:'Source Serif Pro';font-style:normal;font-weight:700;font-size:2.25rem;line-height:2.5rem;color:#fff}
@media(min-width){.HeartRateResult p .bpm{font-size:2.75rem;line-height:3rem}
}
.target-heartrate-calc form input + i.fa-triangle-exclamation{display:none;height:20px;width:20px;line-height:1.25rem;color:#e00}
.target-heartrate-calc form .input.error input.form-control{-webkit-appearance:none;background:#fff;border:1px solid #e00 !important}
.target-heartrate-calc form .input.error>input + i.fa-triangle-exclamation{display:inline-block;position:absolute;top:38px;right:8px}
.target-heartrate-calc .error-message ul,.target-heartrate-calc .error-message li{font-size:.875rem;line-height:1.25rem}
.target-heartrate-calc form .input .error-message ul li{color:#e00}