@font-face{font-display:swap;font-family:Space Mono;font-style:normal;font-weight:700;src:url(/tip-calculator-app/assets/space-mono-v17-latin-700-mWgeinG7.woff2) format("woff2"),url(/tip-calculator-app/assets/space-mono-v17-latin-700-DpnI5uVn.ttf) format("truetype")}:root{--color-cyan-50:#f4fafa;--color-cyan-75:#c5e4e7;--color-cyan-100:#7f9c9f;--color-cyan-200:#5e7a7d;--color-cyan-300:#9be9df;--color-cyan-500:#26c0ab;--color-cyan-900:#00494d;--color-red-500:#d86a4b;--color-white:#fff;--font-primary:"Space Mono",sans-serif;--font-bold:700;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--leading-none:1;--rounded-full:9999px;--rounded-sm:.375rem;--rounded-md:1rem;--rounded-lg:1.5rem;--tracking-tight:-.02em;--tracking-tighter:-.05em;--focus-outline-width:2px;--focus-outline-offset:4px;--focus-outline-style:dashed;--focus-outline-color:var(--color-cyan-900)}*,:after,:before{box-sizing:border-box;margin:0}body{line-height:1;line-height:var(--leading-none);-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}@supports selector(:focus-visible){button:focus,input:focus{outline:0}button:focus-visible,input:focus-visible{outline-color:#00494d;outline-color:var(--focus-outline-color);outline-offset:4px;outline-offset:var(--focus-outline-offset);outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px;outline-width:var(--focus-outline-width)}}.radio-field{border:none;margin-bottom:2.25rem;margin-top:2.25rem;padding:0;position:relative}.radio-field__option-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;border-radius:.375rem;border-radius:var(--rounded-sm);gap:1rem;width:100%}.radio-field__option-group:focus-within{outline-color:#00494d;outline-color:var(--focus-outline-color);outline-offset:6px;outline-style:dashed;outline-style:var(--focus-outline-style);outline-width:2px;outline-width:var(--focus-outline-width)}.radio-field__label{color:#00494d;color:var(--color-cyan-900);margin-bottom:1.25rem;padding:0}.radio-field__hint{color:#d86a4b;color:var(--color-red-500);display:none;position:absolute;right:0;top:calc(100% + .875rem)}.radio-field[aria-invalid=true]{margin-bottom:3rem}.radio-field[aria-invalid=true] .radio-field__hint{display:block}.radio-field__option{border-radius:.375rem;border-radius:var(--rounded-sm)}.radio-field__option-label{align-items:center;background-color:#00494d;background-color:var(--color-cyan-900);border-radius:inherit;color:#f4fafa;color:var(--color-cyan-50);cursor:pointer;display:flex;font-size:1.5rem;font-size:var(--text-xl);height:3rem;justify-content:center;transition-duration:.2s;transition-property:color,background-color;transition-timing-function:ease}.radio-field__input{opacity:0;position:absolute}.radio-field__input:checked+.radio-field__option-label{background-color:#26c0ab;background-color:var(--color-cyan-500);box-shadow:0 0 0 2px #00494d;box-shadow:0 0 0 2px var(--color-cyan-900);color:#00494d;color:var(--color-cyan-900)}.radio-field__option:hover .radio-field__option-label{background-color:#9be9df;background-color:var(--color-cyan-300);color:#00494d;color:var(--color-cyan-900)}.radio-field__custom-option{position:relative}.radio-field__custom-option label:first-child{bottom:0;left:0;position:absolute;right:0;top:0}.radio-field__custom-input{background-color:#f4fafa;background-color:var(--color-cyan-50);border:2px solid transparent;border-radius:.375rem;border-radius:var(--rounded-sm);color:#00494d;color:var(--color-cyan-900);font-size:1.5rem;font-size:var(--text-xl);height:3rem;padding-left:.75rem;padding-right:.75rem;position:relative;text-align:right;transition:border-color .2s ease;width:100%;z-index:10;--focus-outline-color:transparent}.radio-field__custom-input:disabled{pointer-events:none}.radio-field__custom-input::-moz-placeholder{color:#00494d;color:var(--color-cyan-900)}.radio-field__custom-input::placeholder{color:#00494d;color:var(--color-cyan-900)}.radio-field__custom-input:focus{border-color:#26c0ab;border-color:var(--color-cyan-500)}.text-field__label{color:#5e7a7d;color:var(--color-cyan-200);display:block;font-size:1rem;font-size:var(--text-md);margin-bottom:.625rem}.text-field__hint{color:#d86a4b;color:var(--color-red-500);display:none;margin-top:.625rem}.text-field[aria-invalid=true] .text-field__hint{display:block}.text-field__input-wrapper{border-radius:.375rem;border-radius:var(--rounded-sm);position:relative}.text-field__input{background-color:#f4fafa;background-color:var(--color-cyan-50);border:2px solid transparent;border-radius:inherit;color:#00494d;color:var(--color-cyan-900);font-size:1.5rem;font-size:var(--text-xl);height:3rem;padding-left:2.75rem;padding-right:1rem;text-align:right;transition:border-color .2s ease;width:100%}.text-field__input::-moz-placeholder{color:#7f9c9f;color:var(--color-cyan-100)}.text-field__input::placeholder{color:#7f9c9f;color:var(--color-cyan-100)}.text-field__input[aria-invalid=true]{border-color:#d86a4b;border-color:var(--color-red-500)}.text-field__icon{flex-shrink:0;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.calculator{background-color:#fff;background-color:var(--color-white);border-top-left-radius:1.5rem;border-top-left-radius:var(--rounded-lg);border-top-right-radius:1.5rem;border-top-right-radius:var(--rounded-lg);margin:0 auto;padding:2.25rem 1.5rem 2rem;width:min(100%,40rem)}.calculator__form{margin-bottom:2rem;padding-left:.5rem;padding-right:.5625rem;position:relative}.result{background-color:#00494d;background-color:var(--color-cyan-900);border-radius:1rem;border-radius:var(--rounded-md);color:#f4fafa;color:var(--color-cyan-50);display:flex;flex-direction:column;justify-content:space-between;padding:2.6875rem 1.375rem 1.5rem 1.5rem}.result__list{display:grid;list-style:none;margin-bottom:2.3125rem;padding:0;grid-gap:1.9375rem;gap:1.9375rem}.result__item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.result__label small{color:#7f9c9f;color:var(--color-cyan-100);display:block;font-size:.875rem;font-size:var(--text-sm);letter-spacing:-.05em;letter-spacing:var(--tracking-tighter);margin-top:.4375rem}.result__value{color:#26c0ab;color:var(--color-cyan-500);font-size:2rem;font-size:var(--text-2xl);letter-spacing:-.02em;letter-spacing:var(--tracking-tight);padding-top:.125rem}.result__reset-btn{background-color:#26c0ab;background-color:var(--color-cyan-500);border:none;border-radius:.375rem;border-radius:var(--rounded-sm);color:#00494d;color:var(--color-cyan-900);cursor:pointer;font-size:1.25rem;font-size:var(--text-lg);padding:.9375rem 0 .8125rem .0625rem;position:relative;text-transform:uppercase;transition:background-color .2s ease;width:100%}.result__reset-btn:disabled{opacity:.25;pointer-events:none}.sr-only{height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem;clip:rect(0 0 0 0);border:0;white-space:nowrap}.main{background-color:#c5e4e7;background-color:var(--color-cyan-75);font-family:Space Mono,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-md);font-weight:700;font-weight:var(--font-bold);min-height:100vh;padding-top:clamp(3.125rem,16vw - 3em,10.125rem)}.main__logo{margin-bottom:clamp(2.5rem,5vw + 1.25rem,5.5rem);margin-left:auto;margin-right:auto}@media (min-width:40em){.radio-field__option-group{gap:1rem .875rem;grid-template-columns:1fr 1fr 1fr}.calculator{border-radius:1.5rem;border-radius:var(--rounded-lg);box-shadow:0 16px 48px 16px #00494d1a;padding:2rem}.calculator__form{padding-top:1.0625rem}.result{padding:3.25rem 2.5rem 2.5rem}.result__value{font-size:3rem;font-size:var(--text-3xl)}.main{padding-bottom:clamp(6rem,15vw + 3em,14.9375rem)}}@media (min-width:64em){.radio-field{margin-bottom:2.75rem;margin-top:2.75rem}.calculator{display:flex;justify-content:space-between;width:min(100%,57.5rem)}.calculator__form{margin-bottom:0;padding-bottom:1rem;padding-left:1rem;padding-right:3rem;width:100%}.result{max-width:25.8125rem;width:100%}.result__list{gap:3rem}.result__label{padding-top:.375rem}.result__value{padding:0}}@media (hover:hover){.text-field__input:hover{border-color:#26c0ab;border-color:var(--color-cyan-500)}.result__reset-btn:hover{background-color:#9be9df;background-color:var(--color-cyan-300)}}@media (prefers-reduced-motion:reduce){.radio-field__custom-input,.radio-field__option-label,.result__reset-btn,.text-field__input{transition:none}}