#root{margin:0 auto;text-align:center}.App{display:flex}.absolute{position:absolute}.relative,.preview{position:relative}.preview img{outline:red;height:100%;max-height:100%}.box{position:absolute;border:1px solid blue}.preview svg{height:80vh;background-color:#888}video,canvas{width:100%;max-width:500px}.crop{overflow:hidden;height:100px}.pills{display:flex;gap:.5rem}.pill{padding:.4rem .8rem;background-color:#888;border-radius:1rem}.Items{display:flex;flex-direction:column}.Item{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.grid input{position:sticky;left:0}.breakword{word-wrap:break-word}input{padding:.5rem;font-size:1.2rem;border:0;background-color:#444;border-radius:.3rem}input.active{background-color:#f4a384}.total{font-size:1.5rem}.grid{display:grid;min-width:90vw;align-items:center;gap:.5rem}.Container{overflow:auto;padding:1rem .1rem}.Rows{display:flex;flex-direction:column;width:max-content}.Row{display:flex;align-items:center}.Row *{flex-shrink:0;flex-grow:0}.stretch{align-items:stretch}.sticky{position:-webkit-sticky;position:sticky}.amount{position:-webkit-sticky;position:sticky;left:0;z-index:20;background-color:var(--bg)}.payeeQuantity{display:flex}.quantity{text-align:center}.width3{width:3rem}.width80px{width:80px}.width96px{width:96px}.paddingLR{padding:0 0 0 8px}.padding{padding:1rem}.gap{gap:.5rem}.gapgap{gap:1rem}.zindex1{z-index:1}.zindex10{z-index:10}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.Editor{position:fixed;top:0;left:0;min-height:100vh;max-height:-webkit-fill-available;overflow-y:auto;width:100%;background:#242424;z-index:30;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2rem}.noshow{display:none}.flex{display:flex}.flexcenter{align-items:center;justify-content:center}.items-center{align-items:center}.gap-2{gap:1rem}.flexend{justify-content:end}.space-between{justify-content:space-between}.flex-col{flex-direction:column}.wrap{flex-wrap:wrap}.flexrow{flex-direction:column}.flexauto{flex:auto}.fullheight{height:100vh;max-height:100vh}.fullwidth{width:100%}footer{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#000;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.3rem;font-size:.8rem}.largeText{font-size:5rem}button.nodecor{border:0;background-color:transparent;margin:0;padding:0}.Avatar .crop{position:relative;width:250px;height:250px;overflow:hidden;border-radius:50%;z-index:1}.InputPhoto .inner{position:absolute}.FullCamera .crop{position:relative;width:90vw;height:70vh;display:flex;align-items:center;justify-content:center}.FullCamera .crop img{width:100%}.Avatar .crop img,.Avatar .crop video{width:250px;height:250px;object-fit:cover}select{padding:.4rem .8rem;background-color:#333;border:0;border-radius:1rem}.marginTB{margin:1rem 0}input.note{text-align:center;background:#333;margin-top:1rem}input:focus{border:0;outline:1px solid white}.fixedTR{position:fixed;top:0;right:0;z-index:20}.hideoverflow{overflow:hidden!important}.DataType{text-transform:uppercase;padding:.4rem;opacity:.5}.PayeeHead{background-position:center;background-size:cover;aspect-ratio:1}button.icon{padding:.4rem;margin:0;display:flex;align-items:center}.cameraDropdown{max-width:250px;overflow:hidden}.itemlabel{font-size:.8rem;text-align:center;width:100%;bottom:-.5rem;height:1lh;opacity:.5;pointer-events:none}.small,.text-sm{font-size:.9rem}.gray{color:#888}table.savedlist{border-collapse:collapse}table.savedlist td{padding:.2rem}table.savedlist th{text-decoration:bold;font-size:.8rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:50}.modal-content{background-color:#fff;color:#000;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;position:relative;width:20rem}.modal-content .closeBtn{position:absolute;right:-1rem;top:-1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;background-color:#333;padding:.4rem;justify-content:center}.status{width:1rem;height:1rem;border-radius:50%}.connecting{background-color:#f4a384}.connected{background-color:#858f61}.me{border:1px solid #f80}.editing{outline:1px solid #888}.overflow-show{overflow:visible}.bubble{position:absolute;top:-8px;left:-8px;pointer-events:none;z-index:5;width:16px;height:16px;background-color:#888;border-radius:50%;font-size:.8rem}@font-face{font-family:Roboto;src:url(/splitbill/font/Roboto-Regular.ttf) format("truetype")}:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #242424;color:#fff;background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#b70;text-decoration:inherit}a:hover{color:#f80}html,body{overscroll-behavior:none}body{margin:0;padding:0;min-width:200px;box-sizing:border-box}*{box-sizing:border-box;color:#eee}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#b70}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.3}