*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:calc(1em + .5rem)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-icon{align-items:center;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.user-icon.selected{background:#ddd}.user-icon.small{border-width:1px;font-size:14px;height:32px;width:32px}.item-list{display:flex;flex-direction:column;width:100%}.item-list .item{border:solid #000;border-width:1px 0;display:flex;transition:transform .3s ease-out,opacity .3s ease-out}.item-list .item+.item{border-top:none}.item-list .item.deleting{opacity:0;transform:translateX(100%)}.item-list .item .item-name-price{flex-shrink:0;width:180px}.item-list .item .item-name-price input{text-align:right}.item-list .item .item-users{align-items:center;display:flex;flex:3 1;gap:4px;overflow-x:auto;overflow-y:hidden;padding:4px}.item-list .item .item-actions{align-items:center;display:flex;flex:0 0 auto}.picture-button{align-items:center;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;display:inline-flex;height:36px!important;justify-content:center;width:36px!important}.picture-button svg{height:24px;width:24px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;z-index:999}.modal{animation:pop .25s ease;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;margin:auto;padding:0;position:relative;width:-webkit-fit-content;width:fit-content}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.picture-x{background:#fff;border-radius:12px;color:#000;cursor:pointer;height:25px;margin:5px;position:absolute;right:15px;text-align:center;top:15px;width:25px;z-index:999}.user-bar{align-items:center;display:flex;gap:12px;padding:6px 12px 12px}.user-bar .user-icon-wrapper{position:relative}.user-bar .edit-user-icon{color:#888;cursor:pointer;height:18px;left:-6px;position:absolute;top:-6px;width:18px;z-index:1}.user-bar .edit-user-icon:hover{color:#1976d2}.user-bar .remove-user-icon{fill:#fff;color:#888;cursor:pointer;height:18px;position:absolute;right:-6px;top:-6px;width:18px;z-index:1}.user-bar .remove-user-icon:hover{color:#e53935}.user-bar .piggy-bank-wrapper{left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.user-bar .piggy-bank-icon{fill:#e91e63;color:#e91e63;cursor:pointer;height:16px;width:16px}.user-bar .tooltip{animation:fadeIn .2s ease-in-out;background:#000;border-radius:4px;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-bar .add-user-icon{cursor:pointer;height:48px;width:48px}.add-user-modal{display:flex;flex-direction:column;gap:12px;margin:12px;min-width:250px}.add-user-modal h3{margin:0}.add-user-modal button,.add-user-modal input{border:1px solid #000;border-radius:8px;font-size:16px;padding:10px}.add-user-modal button{background:#000;color:#fff;cursor:pointer}.tip-input{align-items:center;display:flex;gap:8px}.tip-input .tip-button{background:#f5f5f5;border:1px solid #ccc;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:2px}.tip-input .tip-button.selected{background:#9e9e9e;border-color:#757575;color:#fff}.tip-input .tip-button.custom{align-items:center;cursor:text;display:flex;justify-content:center}.tip-input .tip-button.custom input{background:#0000;border:none;font-size:inherit;outline:none;padding:0;text-align:right;width:2ch}.tip-input .tip-button.custom input::placeholder{color:#999}.tip-input .tip-button.custom.selected input{color:#fff}.tip-input .tip-button.custom.selected input::placeholder{color:#fff9}.tip-tax-total{grid-gap:2px 20px;align-items:center;display:grid;gap:2px 20px;grid-template-columns:auto 1fr auto;padding:0 12px 4px}.tip-tax-total .toggle{color:#666;cursor:pointer;display:flex;grid-column:1/-1;justify-content:center}.tip-tax-total .toggle:hover{color:#333}.tip-tax-total .label{text-align:left}.tip-tax-total .user-value,.tip-tax-total .value{text-align:right}.tip-tax-total .total{font-weight:700}.tip-tax-total .venmo-link{align-items:center;color:#008cff;display:flex;gap:4px;justify-content:flex-end;text-decoration:none}.tip-tax-total .venmo-link:hover{text-decoration:underline}input{border:none;border-bottom:1px dashed gray;margin:0;outline:none;padding:0;width:100%}#root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;width:100vw}.main-content{flex:1 1;gap:20px;overflow-y:auto;padding:20px}.fixed-bottom-bar,.main-content{display:flex;flex-direction:column}.fixed-bottom-bar{background:#f9f9f9;border-top:1px solid #ccc;flex-shrink:0;gap:0;padding-bottom:env(safe-area-inset-bottom)}.fixed-bottom-bar .tip-tax-row{width:100%}.fixed-bottom-bar .user-bar-row{overflow-x:auto;width:100%}.info-row{display:flex;gap:20px;justify-content:space-between}.info-row>*{flex:1 1}
/*# sourceMappingURL=main.936fd2ac.css.map*/