html,body{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{font-size:62.5%;font-family:Arial,Helvetica,sans-serif}body{min-width:320px}.dc-about-btn{position:absolute;top:3px;right:3px;display:flex;justify-content:center;background-color:transparent;color:#f8f8ff;font-size:3rem;line-height:1;height:35px;width:35px;border:none;border-radius:6px}.dc-about-btn:hover,.dc-about-btn:focus{background-color:#484848}.dinner-calculator{--color-lightest: #fff4e6;--color-light: #ffe8cc;--color-medium: #ffa94d;--color-dark: #ff922b;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:.5rem;background-color:#d3d3d3;color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:1rem;border:1px solid ghostwhite;border-radius:9px;min-height:50rem;width:100%;max-width:500px}.dinner-calculator *{box-sizing:border-box}.dinner-calculator .button{background-color:var(--color-medium);color:#343a40;font-weight:700;margin-top:1rem;padding:.8rem 1.2rem;border:none;border-radius:7px;cursor:pointer;transition:.3s}.dinner-calculator .button:hover,.dinner-calculator .button:focus{background-color:var(--color-dark)}.dinner-calculator .selected{background-color:#fffaf0}.dinner-calculator .sidebar ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;font-size:1.4rem;margin:0;padding:0}.dinner-calculator .sidebar li{display:grid;grid-template-columns:4.8rem 1fr auto;align-items:start;column-gap:1.6rem;padding:1.2rem;border:2px inset floralwhite;border-radius:7px;transition:.5s}.dinner-calculator .sidebar li:not(.selected):hover{background-color:#dcdcdc}.dinner-calculator .sidebar li img{border-radius:50%;width:100%;grid-row:span 2}.dinner-calculator .sidebar li h3{grid-row:1;grid-column:2;margin:0}.dinner-calculator .sidebar li p{grid-row:2;grid-column:2}.dinner-calculator .sidebar li .button{grid-column:3;min-width:7.58672rem}.dinner-calculator .sidebar li .button.select-friend{grid-row:1;align-self:center}.dinner-calculator .sidebar li .button.reset-friend{grid-row:2;align-self:center}.dinner-calculator .sidebar li .button.delete-friend{grid-row:3;align-self:center}.dinner-calculator .sidebar>.button{width:100%}.dinner-calculator .green,.dinner-calculator .pass,.dinner-calculator .plusTaxTip{color:#66a80f}.dinner-calculator .red,.dinner-calculator .error,.dinner-calculator #inputMyTotal{color:#e03131}.dinner-calculator .error,.dinner-calculator .pass{font-weight:700}.dinner-calculator form{font-size:1.6rem;display:grid;align-items:center;gap:1.2rem;background-color:#f5f5f5;border-radius:7px}.dinner-calculator form .avatar{max-height:2rem}.dinner-calculator form .button{margin-top:.6rem}.dinner-calculator form .form-lower-btns{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.dinner-calculator form h2{grid-column:1 / -1;font-size:2.2rem;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:1.6rem}.dinner-calculator form hr{grid-column:span 2;border:1px solid gainsboro;width:100%}.dinner-calculator .form-add-friend{margin-top:1rem;padding:1.2rem;border:2px inset}.dinner-calculator .form-split-bill{grid-template-columns:1fr 12rem;padding:1.6rem 2rem}.dinner-calculator label{font-weight:500;text-indent:-2.8rem;margin-left:2.8rem}.dinner-calculator label:first-letter{display:inline-block;margin-right:4px;font-size:1.8rem}.dinner-calculator input,.dinner-calculator select{font-family:inherit;color:inherit;font-size:1.5rem;padding:.7rem;text-align:center;border:1px solid whitesmoke;border-radius:4px;transition:.3s}.dinner-calculator input:focus,.dinner-calculator input:focus-visible,.dinner-calculator select:focus,.dinner-calculator select:focus-visible{outline:none;border:1px solid var(--color-dark)}.dinner-calculator input::selection,.dinner-calculator select::selection{background:var(--color-dark);color:#f8f8ff}@media screen and (min-width: 450px){.dinner-calculator .form-split-bill{padding:3.2rem 4rem}}@media screen and (min-width: 830px){.dinner-calculator{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:1rem;align-items:start;width:calc(100% - 40px);max-width:900px}.dinner-calculator .show-sidebar{grid-area:2 / 1;align-content:start}.dinner-calculator .form-split-bill{grid-area:1 / 2 / span 2;margin-top:0}}#alertOverlay{position:fixed;top:0;left:0;background-color:#000000a6;width:100%;height:100vh;z-index:1000;transition:all .5s}#alertOverlay #alertContent{position:fixed;top:50%;left:50%;background-color:#ccc;font-size:1.6rem;padding:32px 40px;min-width:200px;transform:translate(-50%,-50%);border-radius:9px;box-shadow:2px 2px 4px #222;transition:all .5s}#alertOverlay .alertClose{position:absolute;top:0;right:0;background:none;margin:0;padding:0;width:35px;height:35px;border:none;transition:all .2s;cursor:pointer}#alertOverlay .alertClose:focus{background-color:#bbb}#confirmOverlay{--color-lightest: #fff4e6;--color-light: #ffe8cc;--color-medium: #ffa94d;--color-dark: #ff922b;position:fixed;top:0;left:0;background-color:#000000a6;width:100%;height:100vh;z-index:1000;transition:all .5s}#confirmOverlay #confirmContent{position:fixed;top:50%;left:50%;display:grid;grid-template-columns:1fr 1fr;gap:1rem;background-color:#ccc;font-size:1.6rem;padding:32px 40px;min-width:200px;transform:translate(-50%,-50%);border-radius:9px;box-shadow:2px 2px 4px #222;transition:all .5s}#confirmOverlay #confirmContent div{grid-area:1 / span 2}#confirmOverlay #confirmContent button{background-color:var(--color-medium);color:#343a40;font-weight:700;margin-top:1rem;padding:.8rem 1.2rem;border:none;border-radius:7px;cursor:pointer;transition:.3s}#confirmOverlay #confirmContent button:hover{background-color:var(--color-dark)}#confirmOverlay #confirmContent button:focus,#confirmOverlay #confirmContent button:focus-visible{background-color:var(--color-dark);outline:1px solid ghostwhite}