@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/tip-calculator-app-v2/assets/SpaceMono-Bold-DNiUqnVy.woff2) format("woff2")}:root{--color-white: 0 100% 100%;--color-black: 0 0% 0%;--color-grey-600: 180 25% 32%;--color-grey-550: 180 18% 40%;--color-grey-500: 186 14% 43%;--color-grey-400: 184 14% 56%;--color-grey-300: 184 19% 68%;--color-grey-200: 185 41% 84%;--color-grey-100: 186 38% 50%;--color-grey-50: 189 47% 97%;--color-green-900: 183 100% 15%;--color-green-800: 183 85% 21%;--color-green-750: 183 79% 24%;--color-green-400: 172 67% 45%;--color-green-200: 173 61% 77%;--color-orange-400: 13 70% 60%;--shadow1: 0 32px 43px 0 hsl(var(--color-grey-100) / 20.07%);--ff-base: "Space Mono", monospace;--fw-bold: 700;--fs-800: 3rem;--fs-700: 2rem;--fs-600: 1.5rem;--fs-500: 1.25rem;--fs-400: 1rem;--fs-300: .8125rem;--lh-800: 4.4375rem;--lh-700: 2.9375rem;--lh-600: 2.25rem;--lh-500: 1.875rem;--lh-400: 1.5rem;--lh-300: 1.1875rem;--ls-800: -1px;--ls-700: -.67px;--ls-400: 0px;--space-1600: 8rem;--space-1500: 7.5rem;--space-1200: 6rem;--space-1000: 5rem;--space-900: 4.5rem;--space-800: 4rem;--space-700: 3.5rem;--space-600: 3rem;--space-500: 2.5rem;--space-450: 2.25rem;--space-425: 2.125rem;--space-400: 2rem;--space-375: 1.875rem;--space-350: 1.75rem;--space-300: 1.5rem;--space-250: 1.25rem;--space-200: 1rem;--space-150: .75rem;--space-125: .625rem;--space-112: .5625rem;--space-100: .5rem;--space-50: .25rem;--space-25: .125rem;--space-0: 0;--br-400: 25px;--br-300: 15px;--br-200: 5px}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,ol,ul,figure,picture{margin:0}input,button,textarea,select{font-family:inherit;font-size:inherit}button{border:none;background:transparent;font:inherit;color:inherit;padding:0;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}img,svg,picture{max-width:100%;display:block}body{min-inline-size:20rem;min-block-size:100dvb}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--color-background-body: hsl(var(--color-grey-200));--color-background-main: hsl(var(--color-white));--color-background-results: hsl(var(--color-green-900));--color-background-input-number: hsl(var(--color-grey-50));--color-background-input-option-label: hsl(var(--color-green-900));--color-background-input-option-label-selected: hsl(var(--color-green-400));--color-background-input-option-label-active: hsl(var(--color-green-200));--color-background-input-custom: hsl(var(--color-grey-50));--color-background-button: hsl(var(--color-green-400));--color-background-button-active: hsl(var(--color-green-200));--color-background-button-disabled: hsl(var(--color-green-750));--color-text-primary: hsl(var(--color-grey-500));--color-text-secondary: hsl(var(--color-white));--color-text-input-label: hsl(var(--color-grey-500));--color-text-input-value: hsl(var(--color-green-900));--color-text-input-placeholder: hsl(var(--color-green-900) / 35%);--color-text-input-outline: hsl(var(--color-green-400));--color-text-input-error: hsl(var(--color-orange-400));--color-text-input-option-label: hsl(var(--color-white));--color-text-input-option-label-selected: hsl(var(--color-green-900));--color-text-input-option-label-active: hsl(var(--color-green-900));--color-text-input-custom: hsl(var(--color-green-550));--color-text-result-label: hsl(var(--color-white));--color-text-result-sublabel: hsl(var(--color-grey-400));--color-text-result-value: hsl(var(--color-green-400));--color-text-button: hsl(var(--color-green-900));--color-text-button-disabled: hsl(var(--color-green-800));--main-inline-size-max: 57.5rem;--main-inline-size-gutter: 0;--main-inline-size-padding: var(--space-300);--main-block-size-padding: var(--space-400);--form-inline-size-max: 52.5rem;--header-block-margin-start: 3.125rem;--header-block-margin-end: 2.5rem;--input-padding-inline: var(--space-200);--input-padding-block: var(--space-100)}@media (min-width: 40rem){:root{--main-inline-size-gutter: var(--space-1000);--main-inline-size-padding: var(--space-400);--main-block-size-padding: var(--space-600)}}@media (min-width: 60rem){:root{--main-block-size-padding: var(--space-400);--header-block-margin-end: 5.4375rem}}.text-preset1{font-size:var(--fs-800);line-height:var(--lh-800);letter-spacing:var(--ls-800)}.text-preset2{font-size:var(--fs-700);line-height:var(--lh-700);letter-spacing:var(--ls-700)}.text-preset3{font-size:var(--fs-600);line-height:var(--lh-600)}.text-preset4{font-size:var(--fs-500);line-height:var(--lh-500)}.text-preset5{font-size:var(--fs-400);line-height:var(--lh-400)}.text-preset6{font-size:var(--fs-300);line-height:var(--lh-300)}body{color:var(--color-text-primary);background-color:var(--color-background-body);font-family:var(--ff-base);font-weight:var(--fw-bold);margin:0;padding:0}.inputs[data-v-cbfe429d]{display:grid;row-gap:var(--space-400)}.input__container[data-v-cbfe429d]{display:grid;gap:var(--space-100);grid-template-areas:"label error" "input input";align-items:end}.input__fieldset[data-v-cbfe429d]{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;border:0}.input__label[data-v-cbfe429d],.input__legend[data-v-cbfe429d]{grid-area:label;color:var(--color-text-input-label);font-size:var(--fs-400);line-height:var(--lh-400);padding-inline:0}.input__label[data-v-cbfe429d]{cursor:pointer}.input__number[data-v-cbfe429d]{grid-area:input;inline-size:100%;background-color:var(--color-background-input-number);color:var(--color-text-input-value);font-size:var(--fs-600);line-height:var(--lh-600);border-radius:var(--br-200);border:0;padding:var(--input-padding-block) var(--input-padding-inline);text-align:end}.input__number--custom[data-v-cbfe429d]{background-color:var(--color-background-input-custom);color:var(--color-text-input-custom);text-align:center}.input__number[data-v-cbfe429d]::placeholder{color:var(--color-text-input-placeholder)}.input__number[data-v-cbfe429d]:hover,.input__number[data-v-cbfe429d]:focus-visible{outline:2px solid var(--color-text-input-outline);outline-offset:-2px}.input__number[data-v-cbfe429d]:not(:focus):not(:placeholder-shown):invalid{outline:2px solid var(--color-text-input-error);outline-offset:-2px}.input__error[data-v-cbfe429d]{grid-area:error;margin-inline-start:auto;color:var(--color-text-input-error);font-size:var(--fs-400);line-height:var(--lh-400);text-align:end}.input__icon[data-v-cbfe429d]{grid-area:input;margin-inline-start:var(--input-padding-inline);align-self:center}.input__options[data-v-cbfe429d]{grid-area:input;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-200)}.input__option-container[data-v-cbfe429d]{position:relative;display:grid;grid-template-areas:"stack"}.input__option-container[data-v-cbfe429d]>*{grid-area:stack}.input__option[data-v-cbfe429d]{cursor:pointer;margin:0;outline:0;border:0;border-radius:var(--br-200);z-index:1;display:block;padding-inline:0;padding-block:0;opacity:0}.input__option-label[data-v-cbfe429d]{cursor:pointer;padding:var(--space-100) var(--space-200);inline-size:100%;border-radius:var(--br-200);text-align:center;background-color:var(--color-background-input-option-label);color:var(--color-text-input-option-label);font-size:var(--fs-600);line-height:var(--lh-600)}.input__option-label--custom[data-v-cbfe429d]{opacity:0}.input__option-container:has(:checked) .input__option-label[data-v-cbfe429d]{background-color:var(--color-background-input-option-label-selected);color:var(--color-text-input-option-label-selected)}.input__option-container:has(:hover):not(:has(:checked)) .input__option-label[data-v-cbfe429d],.input__option-container:has(:focus-visible):not(:has(:checked)) .input__option-label[data-v-cbfe429d]{background-color:var(--color-background-input-option-label-active);color:var(--color-text-input-option-label-active)}.input__option-container:has(:focus-visible) .input__option-label[data-v-cbfe429d]{outline:2px solid var(--color-text-input-outline);outline-offset:2px}@media (min-width: 40rem){.inputs[data-v-cbfe429d]{row-gap:var(--space-300)}.input__options[data-v-cbfe429d]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 60rem){.inputs[data-v-cbfe429d]{row-gap:var(--space-500)}}.results[data-v-94c41b88]{background:var(--color-background-results);color:var(--color-text-secondary);border-radius:var(--br-300);padding:var(--space-300);display:grid;grid-template-rows:min-content 1fr;gap:var(--space-400)}.results__output[data-v-94c41b88]{display:grid;gap:var(--space-300)}.result__container[data-v-94c41b88]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;column-gap:var(--space-100);row-gap:0}.result__label[data-v-94c41b88]{display:grid;color:var(--color-text-result-label);font-size:var(--fs-400);line-height:var(--lh-400)}.result__label>span[data-v-94c41b88]{color:var(--color-text-result-sublabel);font-size:var(--fs-300);line-height:var(--lh-300)}.result__value[data-v-94c41b88]{color:var(--color-text-result-value);font-size:var(--fs-700);line-height:var(--lh-700);letter-spacing:var(--ls-700)}.results__button[data-v-94c41b88]{margin-block-start:auto;cursor:pointer;inline-size:100%;block-size:var(--space-600);padding:var(--space-100) var(--space-400);font-size:var(--fs-500);line-height:var(--lh-500);text-transform:uppercase;color:var(--color-text-button);background-color:var(--color-background-button);border-radius:var(--br-200)}.results__button[data-v-94c41b88]:hover,.results__button[data-v-94c41b88]:focus-visible{background-color:var(--color-background-button-active)}.results__button[data-v-94c41b88]:focus-visible{outline:2px dashed var(--color-background-button-active);outline-offset:2px}.results__button[data-v-94c41b88]:disabled{cursor:not-allowed;color:var(--color-text-button-disabled);background-color:var(--color-background-button-disabled)}@media (min-width: 40rem){.results[data-v-94c41b88]{padding:var(--space-300) var(--space-400);gap:var(--space-200)}.result__value[data-v-94c41b88]{color:var(--color-text-result-value);font-size:var(--fs-800);line-height:var(--lh-800);letter-spacing:var(--ls-800)}}.app__container[data-v-727e448f]{min-block-size:100svb;display:grid;grid-template-rows:min-content 1fr}.app__header[data-v-727e448f]{margin-block-start:var(--header-block-margin-start);margin-block-end:var(--header-block-margin-end)}.app__logo[data-v-727e448f]{margin-inline:auto}.app__main[data-v-727e448f]{background-color:var(--color-background-main);inline-size:min(100% - 2 * var(--main-inline-size-gutter),var(--main-inline-size-max));border-start-start-radius:var(--br-400);border-start-end-radius:var(--br-400);padding-inline:var(--main-inline-size-padding);padding-block:var(--main-block-size-padding)}.app__inner[data-v-727e448f]{max-inline-size:var(--form-inline-size-max);margin-inline:auto;display:grid;row-gap:var(--space-400)}@media (min-width: 40rem){.app__container[data-v-727e448f]{grid-template-rows:min-content min-content;justify-items:center;align-content:center}.app__main[data-v-727e448f]{border-radius:var(--br-400);box-shadow:var(--shadow1);margin-block-end:var(--header-block-margin-start)}.app__inner[data-v-727e448f]{row-gap:var(--space-500)}}@media (min-width: 60rem){.app__inner[data-v-727e448f]{display:grid;grid-template-columns:379px 1fr;column-gap:var(--space-600)}}