:root{--label-font-size: 1.25rem;--text-color: #333;--input-size: 2rem;--input-border: 10px solid rgba(255, 255, 255, .5);--input-border-focus: 10px solid rgba(255, 255, 255, .8);--bg-gradient: linear-gradient(#358437, #51ad44)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-gradient)}body{margin:unset;min-width:320px;min-height:100vh;line-height:1.5}button,input,textarea,select{font:inherit}canvas,img,picture,video,svg{display:block;max-inline-size:100%;block-size:auto}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{max-width:480px;margin:0 auto}.bill-amount{padding:3rem 0 2rem;margin:0 3rem}.input-group{color:#757575;display:flex;font-size:var(--input-size);background:#fff;border:transparent;border-radius:999rem;padding:1rem}.input-group-text{position:relative;left:1rem}.input-group:has(input:not([value=""])){color:var(--text-color)}label,.label{color:#ffffffe6;font-size:var(--label-font-size);text-transform:uppercase;font-weight:500;display:block;text-align:center;padding-bottom:1rem;margin:0}#bill{background:transparent;color:var(--text-color);caret-color:var(--text-color);border:none;font-size:var(--input-size);width:100%;min-width:2em;outline:0;padding:0 1rem}.tip-percent{margin:0 auto;padding:0 2rem;display:flex;justify-content:center;border-radius:1rem}.tip-percent input{position:fixed;opacity:0;pointer-events:none}.tip-percent input+label{padding:1rem;cursor:pointer}.tip-percent input:checked+label{background:#fff;border-radius:1rem;color:var(--text-color);padding:1rem}.summary{background-color:#1a1a1326;border-radius:1rem;color:#fff;text-align:center;padding:2rem;margin:2rem 3rem}.summary p{font-size:var(--input-size);margin:0}.summary span{color:#ffffffe6;display:block;font-size:var(--label-font-size);text-transform:uppercase}