#profit-margin-calculator{padding:30px;box-shadow:0 0 15px 5px rgba(0,0,0,.05);border-radius:16px;width:100%;--red: #EA1010}#profit-margin-calculator .calc--title{font-size:3.4rem;font-weight:500}@media(min-width: 992px){#profit-margin-calculator .calc--title{font-size:4.25rem}}@media(min-width: 1440px){#profit-margin-calculator .calc--title{font-size:3.4rem}}#profit-margin-calculator .wrapper--row .wrapper--input{margin-top:30px}@media(min-width: 768px){#profit-margin-calculator .wrapper--row{display:flex;column-gap:30px;width:100%}#profit-margin-calculator .wrapper--row .wrapper--input,#profit-margin-calculator .wrapper--row .wrapper--output{flex:1}}#profit-margin-calculator .label-with-tooltip{display:flex;column-gap:8px;align-items:center}#profit-margin-calculator .label-with-tooltip svg{--sym1-disp: 1;--sym2-disp: 0}#profit-margin-calculator .label-with-tooltip svg:hover,#profit-margin-calculator .label-with-tooltip svg:focus{--sym1-disp: 0;--sym2-disp: 1}#profit-margin-calculator label.label-with-tooltip{color:var(--neutral-500);margin-bottom:10px;font-size:2rem}@media(min-width: 992px){#profit-margin-calculator label.label-with-tooltip{font-size:2.5rem}}@media(min-width: 1440px){#profit-margin-calculator label.label-with-tooltip{font-size:2rem}}#profit-margin-calculator .w-input,#profit-margin-calculator .w-select{padding:12px 16px 12px calc(20px + 1ch);font-size:2rem;line-height:normal;height:auto;border-radius:8px;font-weight:600}#profit-margin-calculator .w-input:focus,#profit-margin-calculator .w-select:focus{background-color:rgba(0,68,253,.1);border-color:var(--color--brand--main)}#profit-margin-calculator .w-input:invalid,#profit-margin-calculator .w-select:invalid{border-color:#ea1010}#profit-margin-calculator .w-input:invalid+.error-text,#profit-margin-calculator .w-select:invalid+.error-text{display:block}@media(min-width: 992px){#profit-margin-calculator .w-input,#profit-margin-calculator .w-select{font-size:2.5rem}}@media(min-width: 1440px){#profit-margin-calculator .w-input,#profit-margin-calculator .w-select{font-size:2rem}}#profit-margin-calculator .w-select{padding:12px 16px;background-color:#fff}#profit-margin-calculator .w-select .current{color:var(--off-black)}#profit-margin-calculator .currency{position:relative}#profit-margin-calculator .currency .dollar-symbol{position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:2rem;font-weight:600}#profit-margin-calculator #form--calculator:invalid #btn--calculate{background-color:#b3c7ff;cursor:not-allowed}#profit-margin-calculator #btn--calculate{font-size:2rem}#profit-margin-calculator #btn--calculate:hover,#profit-margin-calculator #btn--calculate:focus{background-color:var(--off-black)}@media(min-width: 992px){#profit-margin-calculator #btn--calculate{font-size:2.5rem}}@media(min-width: 1440px){#profit-margin-calculator #btn--calculate{font-size:2rem}}#profit-margin-calculator .btn--plain{background-color:rgba(0,0,0,0);text-decoration:underline;margin-top:15px;font-size:1.8rem}@media(min-width: 992px){#profit-margin-calculator .btn--plain{font-size:2rem}}@media(min-width: 1440px){#profit-margin-calculator .btn--plain{font-size:1.8rem}}#profit-margin-calculator .wrapper--buttons{margin-top:30px;margin-bottom:40px}#profit-margin-calculator output{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f2f5ff;padding:50px 30px}#profit-margin-calculator output .label-with-tooltip{font-size:2rem;font-weight:500}@media(min-width: 992px){#profit-margin-calculator output .label-with-tooltip{font-size:2.5rem}}@media(min-width: 1440px){#profit-margin-calculator output .label-with-tooltip{font-size:2rem}}#profit-margin-calculator output .output--value{font-size:4rem;color:var(--color--brand--main);font-weight:bold;margin-bottom:30px}@media(min-width: 992px){#profit-margin-calculator output .output--value{font-size:5rem}}@media(min-width: 1440px){#profit-margin-calculator output .output--value{font-size:4rem}}#profit-margin-calculator output #output--message{font-size:2.2rem;font-weight:600;text-align:center}@media(min-width: 992px){#profit-margin-calculator output #output--message{font-size:2.75rem}}@media(min-width: 1440px){#profit-margin-calculator output #output--message{font-size:2.2rem}}#profit-margin-calculator .tippy-box{text-align:center;background-color:var(--off-black);padding:15px;text-wrap:balance}#profit-margin-calculator .tippy-box .tippy-content{font-size:1.6rem}@media(min-width: 992px){#profit-margin-calculator .tippy-box .tippy-content{font-size:2rem}}@media(min-width: 1440px){#profit-margin-calculator .tippy-box .tippy-content{font-size:1.6rem}}/*# sourceMappingURL=profit-margin-calc.css.map */
