*{box-sizing:border-box;margin:0;overflow:hidden;padding:0}body{background-color:#c5e4e7;font-family:Nunito Sans,sans-serif;min-height:100vh;overflow:hidden}.container,body{height:100vh;width:100%}.container{align-items:center;justify-content:space-between}.container,.container-title{display:flex;flex-direction:column}.container-title{height:18%;justify-content:center}.container-calculator{background-color:#fff;border-radius:25px 25px 0 0;height:82%;padding:8%;width:100%}.container-calculator,.container-calculator__input{display:flex;flex-direction:column;justify-content:space-between}.container-calculator__input{height:63%}.container-calculator__input p{color:#5e7a7d;font-size:16px;list-style:24px;text-indent:6px}.calculator-input__bill,.calculator-input__people,.tip{font-size:16px;font-weight:700;line-height:24px}.calculator-input__bill,.calculator-input__people{display:flex;flex-direction:column;height:20%}.input{background:#f3f9fa url(/static/media/icon-dollar.9f9be3534a9295a65957.svg) 12px no-repeat;border:0;border-radius:5px;caret-color:#26c2ae;height:55%;margin:0 auto;width:98%}.input:focus{border:2px solid #9fe8df;cursor:pointer}.input:last-child:focus{cursor:pointer;outline:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.calculator-input__people input{background:#f3f9fa url(/static/media/icon-person.65bfd20465dd1d2cb58c.svg) 12px no-repeat}.input-value{font-size:24px;font-weight:700;line-height:36px;padding:15px;text-align:right}.input-error{border:2px solid #e17457}.input-error,.input-value__default{color:#9ebbbd}.input-value__active{border:none;color:#00474b}.tip{height:58%;overflow:hidden}.tip-buttons{grid-row-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:90%;row-gap:10px}.tip-buttons>div{align-items:center;background-color:#00474b;border-radius:5px;color:#fff;display:flex;font-size:24px;font-weight:700;height:85%;justify-content:center;line-height:36px;width:95%}.tip-buttons div:last-child{background-color:#f3f9fa;color:#547878}.button.button-active{background-color:#26c2ae;color:#00474b}.input-costum{border:2px solid #26c2ae;caret-color:#26c2ae;color:#00474b;font-size:24px;font-weight:700;height:100%;line-height:36px;padding:15px;text-align:right}.input-costum:focus-visible{outline:1px solid #26c2ae}.calculator-input__people{height:22%}.text-error-default{display:none}.text-error{color:#e17457;font-size:14px;font-weight:700;padding-right:2%;text-align:right}.container-calculator__output{background-color:#00474b;border-radius:15px;color:#fff;display:flex;flex-direction:column;height:35%;justify-content:space-between;padding:5%}.output-values{display:flex;flex-direction:column;height:65%;justify-content:space-around}.output-values__tip,.output-values__total{display:flex;height:40%;justify-content:space-between;width:100%}.output-values__tip .text,.output-values__total .text{width:50%}.output-values__tip .text-title,.output-values__total .text-title{font-size:15px;font-weight:700;line-height:24px}.output-values__tip .text-description,.output-values__total .text-description{color:#7f9d9f;font-size:14px;font-weight:700;line-height:19px}.output-values__tip .value-tip,.output-values__tip .value-total,.output-values__total .value-tip,.output-values__total .value-total{align-items:flex-end;align-self:center;color:#26c2ae;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:flex-end;line-height:47px;vertical-align:super;width:50%}.output-values__tip .value-icon,.output-values__total .value-icon{height:85%;min-width:10%}button{border:none;border-radius:10px;color:#00474b;font-size:20px;font-weight:700;height:30%;line-height:30px;outline:none;padding:10px}.button-disabled{background-color:#0d686d;color:#00474b}.button-active{background-color:#26c2ae}@media(min-width:768px){.container{justify-content:flex-start}.container-calculator{border-radius:25px;height:79%;padding:5%;width:50%}}@media(min-width:1024px){.container-calculator{flex-direction:row;height:70%;padding:4%;width:80%}.container-calculator__input,.container-calculator__output{height:100%;width:48%}.tip{display:flex;flex-direction:column;justify-content:center}.tip-buttons{align-items:center;-webkit-column-gap:12px;column-gap:12px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:45%}.tip-buttons>div:hover{background-color:#9fe8df;color:#00474b;cursor:pointer}.output-values__tip .value,.output-values__total .value{align-self:flex-start;font-size:48px}.output-values__tip .value-icon,.output-values__total .value-icon{align-self:baseline;height:60%;min-width:5%}.output-values__tip .text-title,.output-values__total .text-title{font-size:16px}button{height:15%}button:hover{background-color:#9fe8df;color:#00474b;cursor:pointer}}@media(min-width:1440px){.output-values__tip .value-icon,.output-values__total .value-icon{height:78%}.text-title{font-size:18px}}
/*# sourceMappingURL=main.0fc000af.css.map*/