@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--strongCyan: #26c0ab;--veryDarkCyan: hsl(183, 100%, 15%);--darkGrayishCyan: hsl(186, 14%, 43%);--grayishCyan: hsl(184, 14%, 56%);--lightGrayishCyan: hsl(185, 41%, 84%);--veryLightGrayishCyan: hsl(189, 41%, 97%);--white: hsl(0, 0%, 100%);--errorColor: #FF3333}*{box-sizing:border-box;font-family:"Space Mono",monospace !important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{margin:0;background-color:var(--lightGrayishCyan);display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:"Space Mono",monospace !important;padding:32px;padding-bottom:64px;position:relative}@media(max-width: 745px){body{padding:32px 16px 64px}}main{width:100%;max-width:920px}.container{width:100%}button{cursor:pointer}.logoWrapper{text-align:center;margin-bottom:32px}.attribution{position:absolute;bottom:32px}@media(max-width: 745px){.attribution{bottom:16px}}.calculatorWrapper{padding:32px;background-color:var(--white);border-radius:16px;display:flex;gap:32px}.calculatorWrapper .col{width:50%}@media(max-width: 1024px){.calculatorWrapper .col{width:100%}}.calculatorWrapper .secondCol{background-color:var(--veryDarkCyan);padding:32px;border-radius:16px;position:relative}@media(max-width: 1024px){.calculatorWrapper .secondCol{padding:16px;padding-bottom:94px}}@media(max-width: 1024px){.calculatorWrapper{flex-direction:column}}@media(max-width: 745px){.calculatorWrapper{padding:16px}}.receiveGreenBorder{border:2px solid rgba(0,0,0,0);transition:.3s}.inputNumberLabel,.mainCalculatorTitle{color:var(--grayishCyan);font-weight:400;font-size:20px}.inputNumberLabel:first-of-type{margin-bottom:16px;display:block}.inputNumberLabel:last-of-type{margin-top:16px;display:block}.mainCalculatorTitle{margin:0}.inputNumberIcon{flex:0}.labelTitleSpan{display:flex;width:100%;justify-content:space-between;align-items:center}.errorMessage{color:var(--errorColor);font-size:14px;display:none}.inputNumberLabel input{border:0;background-color:rgba(0,0,0,0);font-size:24px;color:var(--veryDarkCyan);text-align:right;width:calc(100% - 11px)}.inputNumberLabel input::placeholder{color:var(--veryDarkCyan)}.inputNumberLabel input:focus{outline:none}.customValueInput:focus{outline:none}.inputNumberSpan{flex:1}.inputNumberSpanWrapper{background-color:var(--veryLightGrayishCyan);padding:8px 16px;border-radius:6px;width:100%;display:flex;gap:8px;margin-top:8px;align-items:center;border:2px solid rgba(0,0,0,0)}.selectTipGridInner{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:16px}.selectTipGridInner .tipColumn{border-radius:8px;overflow:hidden}.selectTipGridInner button,.selectTipGridInner input{height:50px;width:100%;font-size:22px;font-family:"Space Mono",monospace !important;text-align:center}.selectTipGridInner button{background-color:var(--veryDarkCyan);border:0;color:var(--white);font-weight:600;transition:.5s;cursor:pointer}.selectTipGridInner button:hover{color:var(--veryDarkCyan);background-color:var(--strongCyan)}.selectTipGridInner button.active{color:var(--veryDarkCyan);background-color:var(--strongCyan)}.selectTipGridInner input,.selectTipGridInner input::placeholder{color:var(--veryDarkCyan);font-weight:600;background-color:var(--veryLightGrayishCyan);border:0;border-radius:8px;transition:.5s;border:2px solid rgba(0,0,0,0)}.selectTipGridInner input:focus{outline:none;border-color:var(--strongCyan)}@media(max-width: 745px){.selectTipGridInner{grid-template-columns:repeat(2, 1fr)}}.resultWrapper{font-size:16px;color:var(--white);display:flex;justify-content:space-between;align-items:center;gap:64px}.resultWrapper .col{width:auto;max-width:50%}.resultWrapper .personSpan{color:var(--grayishCyan);font-size:16px}.resultWrapper .secondCol{font-size:28px;color:var(--strongCyan);padding:0}.resultWrapper .secondCol span{word-wrap:break-word;overflow-wrap:break-word}.resultWrapper .resetBtn{width:calc(100% - 64px);position:absolute;left:32px;bottom:16px;padding:12px;background-color:var(--strongCyan);border:2px solid var(--strongCyan);border-radius:6px;font-size:18px;color:var(--veryDarkCyan);font-weight:700;transition:.5s}.resultWrapper .resetBtn:hover{background-color:rgba(0,0,0,0);color:var(--strongCyan)}/*# sourceMappingURL=styles.css.map */