.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.percentageCalculator{max-width:1200px}.percentageCalculator__hint{text-align:center}.percentageCalculator__hint p{color:#3f464d;font-size:15px}@media(max-width:576px){.percentageCalculator__hint p{font-size:13px}}.percentageCalculator__grid{display:grid;grid-template-columns:1fr;gap:18px}@media(max-width:992px){.percentageCalculator__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.percentageCalculator__grid{grid-template-columns:repeat(2,1fr)}}.percentageCalculator .calcCard{background:#fdfdfd;border:1px solid #eee;border-radius:12px;padding:20px;display:flex;flex-direction:column}@media(max-width:576px){.percentageCalculator .calcCard{padding:16px}}.percentageCalculator .calcCard__title{font-size:17px;font-weight:700;color:#17445c;text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}@media(max-width:576px){.percentageCalculator .calcCard__title{font-size:15px}}.percentageCalculator .sentence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:19px;font-weight:600;color:#17445c;line-height:1.9;margin-bottom:16px}@media(max-width:576px){.percentageCalculator .sentence{font-size:16px;gap:4px}}.percentageCalculator .sentence__text{white-space:pre-wrap}.percentageCalculator .blankInput{width:92px;min-width:64px;max-width:120px;flex:0 1 auto;border:none;border-bottom:3px solid #4e8ab5;background:#4e8ab514;border-radius:6px 6px 0 0;padding:4px 8px;font-size:19px;font-weight:700;color:#3c79a5;text-align:center;transition:all .2s;-moz-appearance:textfield}.percentageCalculator .blankInput::-webkit-outer-spin-button,.percentageCalculator .blankInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.percentageCalculator .blankInput:focus{outline:none;background:#4e8ab52e;border-bottom-color:#3c79a5}.percentageCalculator .blankInput--sm{width:68px;min-width:52px}@media(max-width:576px){.percentageCalculator .blankInput{width:72px;min-width:54px;font-size:16px;padding:3px 6px}.percentageCalculator .blankInput--sm{width:56px;min-width:44px}}.percentageCalculator .resultBox{margin-top:auto;background:#4e8ab514;border-left:4px solid #4e8ab5;border-radius:8px;padding:12px 16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.percentageCalculator .resultBox__label{font-size:14px;font-weight:700;color:#3f464d}.percentageCalculator .resultBox__value{font-size:26px;font-weight:800;color:#3c79a5}@media(max-width:576px){.percentageCalculator .resultBox__value{font-size:22px}}.percentageCalculator .resultBox__value.is-saved{color:#28a745}.percentageCalculator .resultBox__tag{font-size:13px;font-weight:700;padding:2px 10px;border-radius:20px;background:#0000000f;color:#3f464d}.percentageCalculator .resultBox.is-growth{border-left-color:#28a745;background:#28a74514}.percentageCalculator .resultBox.is-growth .resultBox__value{color:#1e7e34}.percentageCalculator .resultBox.is-growth .resultBox__tag{background:#28a74526;color:#1e7e34}.percentageCalculator .resultBox.is-decline{border-left-color:#df2073;background:#df207314}.percentageCalculator .resultBox.is-decline .resultBox__value{color:#df2073}.percentageCalculator .resultBox.is-decline .resultBox__tag{background:#df20731f;color:#df2073}.percentageCalculator .resultBox--double{flex-direction:column;align-items:stretch;gap:6px}.percentageCalculator .resultBox__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}