:root{--main-color-rgb: 128,0,128;--main-color: rgb(var(--main-color-rgb));--background-color: pink;--gutter-margin: 2rem;--gap-l-margin: 2rem;--gap-margin: 1rem;--gap-sm-margin: .5rem;--border:3px solid var(--main-color);--padding-cards: .7rem;--font-family:"Inter", sans-serif;--font-weight:700;--font-size: 1rem;--font-size-2: .8rem}body{box-sizing:border-box;width:calc(100% - (var(--gutter-margin)*2));max-width:600px;margin:auto;margin-top:var(--gutter-margin);font-family:var(--font-family);background-color:var(--background-color)}body div{display:flex;flex-direction:column}h3:first-of-type{margin-top:0}h3{font-size:var(--font-size);color:var(--main-color);margin-bottom:var(--gap-sm-margin);opacity:.5;margin-top:var(--gap-margin)}form{display:flex;flex-direction:column}img{width:100%;aspect-ratio:1/1}input{box-sizing:border-box;width:100%;margin-bottom:var(--gap-margin);border:var(--border);outline:none;padding:var(--padding-cards);background-color:var(--background-color);color:var(--main-color);font-family:var(--font-family);font-weight:var(--font-weight);font-size:var(--font-size)}input::placeholder{color:var(--main-color);opacity:.4}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{border:var(--border);outline:none;padding:var(--padding-cards);font-weight:var(--font-weight);font-size:var(--font-size);color:var(--background-color);background-color:var(--main-color);margin-bottom:var(--gap-margin);cursor:pointer}button:active,button:hover,a:focus{background-color:var(--background-color);color:var(--main-color)}button:disabled{opacity:.5;background-color:var(--main-color);color:var(--background-color);cursor:default}a{margin-bottom:1rem;border:var(--border);outline:none;padding:var(--padding-cards);background-color:var(--main-color);color:var(--background-color);text-decoration:none;text-align:center;font-weight:var(--font-weight);font-size:var(--font-size)}a:active,a:hover{background-color:var(--background-color);color:var(--main-color)}a.disable{opacity:.5;background-color:var(--main-color);color:var(--background-color);cursor:default}.nav{position:fixed;bottom:var(--gutter-margin);right:var(--gutter-margin);z-index:1}.nav a,.nav button{position:relative;box-sizing:border-box;margin:0;margin-top:1rem;border-radius:100rem;padding:0;height:4rem;aspect-ratio:1;box-shadow:0 4px #0003;background-color:var(--main-color);cursor:pointer}.nav a:hover,.nav button:hover{border:var(--border);background-color:var(--background-color)}.nav a:disabled,.nav button:disabled{color:var(--background-color);background-color:var(--main-color);opacity:.5;cursor:not-allowed}.nav a:before,.nav button:before{font-family:Material Icons;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add:before{content:"add"}.face:before{content:"face"}.back:before{content:"arrow_back"}.save:before{content:"save"}.delete:before{content:"delete"}.tick:before{content:"done"}.filler{margin-top:var(--gap-l-margin);background-color:var(--background-color);order:1}.group{border:var(--border);padding:var(--padding-cards);background-color:var(--background-color);color:var(--main-color);text-align:left}div.group,div.group+form button{margin-bottom:var(--gap-sm-margin)}div.group+form button{padding:.5rem}div.group+form button:last-child{margin-bottom:var(--gap-margin)}.group:active,.group:hover{background-color:var(--main-color);color:var(--background-color)}.group p{font-size:var(--font-size);font-weight:var(--font-weight);margin:0;margin-bottom:.2rem}.group p:not(:first-child){font-size:var(--font-size-2);margin-top:.05rem;margin-bottom:.05rem}.header{background-color:var(--main-color);color:var(--background-color);border-radius:1rem;box-shadow:0 4px #0003}.new-expense{background-color:var(--main-color);width:fit-content;padding:0 .7rem;margin:0;border-top-left-radius:.3rem;border-top-right-radius:.3rem;font-size:var(--font-size-2);color:var(--background-color);transition:height .5s ease}.expense{display:flex;flex-direction:row;text-align:left;padding:var(--padding-cards);background-color:var(--background-color);color:var(--main-color)}.expense.not-author{background-color:rgba(var(--main-color-rgb),.2)}.expense:hover{background-color:var(--main-color);color:var(--background-color)}.expense div{box-sizing:border-box}.expense div p{margin:0}.expense div p:last-child{font-size:var(--font-size-2)}.expense div:nth-child(1){width:25%}.expense div:nth-child(2){width:75%}.favourites{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:var(--gap-margin)}.favourites button{width:fit-content;margin-right:var(--gap-sm-margin);border-radius:100px}.split{flex-direction:row;margin-bottom:var(--gap-sm-margin);align-items:center;background-color:var(--main-color)}.split input{width:50%;margin:0;text-align:right;background-color:var(--background-color)}.split:last-child{margin-bottom:0}label{padding-left:var(--gap-margin);width:50%;color:var(--background-color);font-weight:var(--font-weight)}.cost{margin-bottom:var(--gap-margin)}.cost input,.cost button{margin-bottom:var(--gap-sm-margin)}.splits+input{margin-top:var(--gap-l-margin)}