:root{--box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}*{box-sizing:border-box}body{background-color:#f7f7f7;min-height:100vh;margin:0;font-family:Lato,sans-serif}main{margin-top:1rem}.container{margin:30px auto;width:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}.navbar{background:#000}.navbar,.navbar a{color:#fff}.guest button,.navbar button{border:0;border-radius:5px;background:#639;color:#fff;padding:.5rem 2rem;cursor:pointer}.navbar button:hover{opacity:.9}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 2rem}.navbar .cl-button{background:transparent;border:0}h1{letter-spacing:1px;margin:0}h3{border-bottom:1px solid #bbb;padding-bottom:10px;margin:40px 0 10px}h4{margin:0;text-transform:uppercase}.guest{text-align:center}.error{background:red;color:#fff;padding:3px}.inc-exp-container{background-color:#fff;box-shadow:var(--box-shadow);padding:20px;display:flex;justify-content:space-between;margin:20px 0}.inc-exp-container>div{flex:1 1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:#2ecc71}.money.minus{color:#c0392b}label{display:inline-block;margin:10px 0}input[type=number],input[type=text]{border:1px solid #dedede;border-radius:2px}.btn,input[type=number],input[type=text]{display:block;font-size:16px;padding:10px;width:100%}.btn{cursor:pointer;background-color:#9c88ff;box-shadow:var(--box-shadow);color:#fff;border:0;margin:10px 0 30px}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;padding:0;margin-bottom:40px}.list li{background-color:#fff;box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;position:relative;padding:10px;margin:10px 0}.list li.plus{border-right:5px solid #2ecc71}.list li.minus{border-right:5px solid #c0392b}.delete-btn{cursor:pointer;background-color:#e74c3c;border:0;color:#fff;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;left:0;opacity:0;transform:translate(-100%,-50%);transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7c53f7419436e04b-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1c57ca6f5208a29b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cff529cd86cc0276-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7be645d133f3ee22-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5647e4c23315a2d2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3dbd163d3bb09d47-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Roboto_792391;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/934c4b7cb736f2a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Roboto_Fallback_792391;src:local("Arial");ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.00%;size-adjust:99.78%}.__className_792391{font-family:__Roboto_792391,__Roboto_Fallback_792391;font-weight:400;font-style:normal}