@font-face{font-family:JBM;src:url(/assets/JetBrainsMono-Regular-BEuTKwa8.ttf) format("truetype")}@font-face{font-family:Fira Sans;src:url(/assets/FiraSans-Regular-BBpkoIu7.otf) format("opentype");font-weight:400}@font-face{font-family:Fira Sans;src:url(/assets/FiraSans-Bold-DolVV5mz.otf) format("opentype");font-weight:700}:root{--background: light-dark(#e8e8e8, #222222);--background-opposite: light-dark(#222222, #e8e8e8);--background-alt: light-dark(#ebe6e6, #141414);--text: light-dark(#000000, #ffffff);--text-opposite: light-dark(#ffffff, #000000);--border: light-dark(#000000, #c2c2c2);--text-alt: #ce1483;--negative: #e31a0b;--positive: #008c23;--disabled: #777777}.color-container{display:contents}button{cursor:pointer;box-shadow:inset 0 0 .5px 1px light-dark(hsla(0,50%,0%,.1),hsla(0,0%,100%,.075)),0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b,0 3.5px 6px #00000017;padding:.5em 1em;background:var(--background);border:none}button:hover{background:var(--background-alt);transition:all .05s ease-in-out}button:disabled{background:var(--background);color:var(--disabled);cursor:unset}input,textarea{background:var(--background-alt);color:var(--text-alt);border:1px solid var(--border);border-radius:.25em;font-size:inherit;padding:.25em}:is(input,textarea):focus{outline:1px solid var(--text-alt)!important;border-color:transparent;transition:all .15s ease-in-out}a,.link,button{color:var(--text-alt)}.positive{color:var(--positive)}.negative{color:var(--negative)}.light{color-scheme:light}.dark{color-scheme:dark}*{box-sizing:border-box}.copy{-webkit-user-select:all;user-select:all;padding:.25em .5em;line-height:2em}html,body,#root,main{margin:0;padding:0;font-family:Fira Sans;height:100%;width:100%;background:transparent}*{overflow:auto}.color-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);color:var(--text)}.wide-container{max-width:40em;max-height:100em;height:100%;width:100%}main{display:flex;flex-direction:column;align-items:center;padding:1em}main *{width:100%}main h1{text-align:center}.box{padding:1em 2em;border-radius:.25em;box-shadow:inset 0 0 .5px 1px light-dark(hsla(0,50%,0%,.1),hsla(0,0%,100%,.075)),0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b}.home *{text-align:center}.field{display:grid;grid-template-columns:7em 3fr;grid-template-rows:auto;gap:.25em;align-items:center}.field.vertical{grid-template-columns:auto;grid-template-rows:auto auto auto;gap:.25em}.field.vertical .name{text-align:center}.field.vertical.has-description .description{text-align:justify;text-wrap:pretty}.field *:last-child{overflow-x:scroll;white-space:preserve nowrap;min-width:0px}.field .name{font-weight:700}.field *:only-child{grid-column:1 / span 2}.field div:only-child,.field.vertical div{display:flex;flex-direction:column;gap:.5em}.user .user-expenses{display:grid;transition:visibility 0s,opacity .5s linear;grid-template-columns:auto;grid-template-rows:min-content auto min-content min-content;grid-template-areas:"balance" "expenses" "divider" "add-transaction";gap:.5em}.user .user-expenses.creating{display:flex}.user .user-expenses.creating .balance,.user .user-expenses.creating .expenses,.user .user-expenses.creating .divider{display:none}.user .user-expenses .divider{grid-area:divider;margin-top:1em}.user .user-expenses .balance{text-align:center;display:grid;grid-template-columns:auto min-content;align-items:center}.user .user-expenses .balance a{text-decoration:none;font-size:x-large;height:1em;line-height:1em;width:1em;padding:0;color:unset}.user .user-expenses .balance a.positive{color:var(--positive)}.user .user-expenses .balance a.negative{color:var(--negative)}.user .user-expenses .balance .amounts{display:flex;justify-content:space-between}.user .user-expenses .expenses{grid-area:expenses;position:relative}.user .user-expenses .expenses .bottom{width:1em;height:1em;position:absolute;bottom:.5em;right:.5em;overflow:hidden;line-height:1em;padding:.8em;margin:unset;font-size:large;border-radius:50%;display:flex;flex-direction:column;align-items:center;text-align:middle;font-weight:700;box-sizing:unset;box-shadow:inset 0 0 .5px 1px light-dark(hsla(0,50%,0%,.1),hsla(0,0%,100%,.075)),0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b,0 3.5px 6px #00000017}.user .user-expenses .expenses .expenses-wrapper{overflow-y:scroll;height:100%;overflow:auto}.user .user-expenses .expenses .expenses-wrapper .expenses-inner{display:flex;flex-direction:column-reverse;justify-content:safe end;gap:.5em}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense{display:grid;grid-template-rows:1fr auto .5em 1fr auto;grid-template-columns:repeat(4,auto);grid-template-areas:"time      time      time       amount     amount" "message   message   message    message    message" "gap       gap       gap        gap        gap" "pb-header pb-header sw-header  sw-header  sw-header" "paid-by   paid-by   split-with split-with split-with"}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .message{grid-area:message}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .message:not(:empty){margin-top:.5em}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .amount{grid-area:amount}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .paid-by{grid-area:paid-by}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .split-with{grid-area:split-with}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .time{grid-area:time}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .pb-header{grid-area:pb-header}.user .user-expenses .expenses .expenses-wrapper .expenses-inner .expense .sw-header{grid-area:sw-header}.user .user-expenses .shared-expense{display:grid;grid-template-rows:auto min-content;gap:.5em;height:100%}.user .user-expenses .shared-expense .controls{display:flex;flex-direction:row;justify-self:end}.user .user-expenses .choose-user{display:grid;grid-template-rows:min-content auto min-content}.user .user-expenses .choose-user h2{margin-top:0;text-align:center}.user .user-expenses .choose-user .friends{display:grid;grid-template-columns:auto;grid-auto-rows:min-content;gap:.5em}.user .user-expenses .choose-user .friends .no-friends{text-align:center}.user .user-expenses .choose-user .friends .friend{height:3em;overflow:hidden}.user .user-expenses .overview{display:flex;flex-direction:column;height:100%;gap:.5em}.user .user-expenses .create-expense{grid-area:add-transaction}.user .user-expenses .create-expense .amount{display:grid;grid-template-areas:"header header" "amount number" "add add";grid-template-columns:min-content auto;grid-template-rows:auto auto auto;align-items:center;justify-content:center;font-size:larger;gap:.5em}.user .user-expenses .create-expense .amount .header{grid-area:header;text-align:center;margin:0;font-size:larger;font-weight:400}.user .user-expenses .create-expense .amount .amount{grid-area:amount}.user .user-expenses .create-expense .amount .number{grid-area:number}.user .user-expenses .create-expense .amount .number:before{content:"🔗"}.user .user-expenses .create-expense .amount label{display:flex;flex-direction:column;align-items:center}.user .user-expenses .create-expense .amount .add-button{grid-area:add}.user .user-friends{display:grid;grid-template-rows:auto min-content;grid-template-columns:auto;height:100%}.user .user-friends .friends{display:flex;flex-direction:column;align-items:center;gap:.5em}.user .user-friends .add-friend{text-align:center;padding:1em}.friend.selected{border:1px solid var(--text-alt)}.user .user-account{display:flex;flex-direction:column;gap:1em}.switch-container{--width: 100%;--height: 2em;--min-width: 2em;--radius: calc(var(--height) / 2)}.switch-container .switch{display:block;width:var(--width);height:var(--height);border-radius:var(--radius);background-color:var(--background);position:relative}.switch-container .switch input[type=radio]{display:none;min-width:var(--min-width)}.switch-container .switch .positioned{left:max(calc((var(--position) / var(--total-positions)) * 100%),calc(var(--min-width) * var(--position)))}.switch-container .switch label{color:var(--text);z-index:1;cursor:pointer;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:calc(var(--width) / var(--total-positions));transition:color ease-in-out .1s;min-width:var(--min-width)}.switch-container .switch label.selected{color:var(--text-opposite)}.switch-container .switch h4{margin:0;font-weight:500}.switch-container .switch .switch{height:var(--height);width:calc(var(--width) / var(--total-positions));min-width:var(--min-width);background-color:var(--background-opposite);border-radius:var(--radius);position:absolute;transition:left ease-in-out .1s}.user-settle{display:flex;flex-direction:column;gap:.5em}.user-settle .settle{display:grid;grid-template-columns:auto 5em}.user-settle .settle .amount{justify-self:right}.loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.user .tabs{display:grid;grid-template-columns:auto;grid-template-rows:min-content auto;gap:.5em;height:100%}.user .tabs .contents{padding:0 1em 1em}.user .tabs .contents>div{height:100%}.user .tabs .tab-controls{display:flex;flex-direction:row;justify-content:space-evenly}.user .tabs .tab-controls a{border:0;box-shadow:none;background:unset;cursor:pointer;width:100%;padding:.5em 1em;background:var(--background);border:none;text-decoration:none;text-align:center;overflow:hidden;border-bottom:1px solid transparent;font-size:larger}.user .tabs .tab-controls a:hover{background:var(--background-alt);transition:all .05s ease-in-out}.user .tabs .tab-controls a.selected{border-bottom-color:var(--text-alt)}.user{padding:0}.register form{display:flex;flex-direction:column;gap:1em;text-align:center}.register form p{margin:0}.register form button{margin-bottom:.5em}.errors{margin:.5em;position:fixed;right:0;bottom:1em;display:flex;gap:.5em;width:100%;flex-direction:column;height:unset;background:transparent}@media not (max-width:70em){.errors{max-width:30em}}.error{position:relative;color:inherit;background:var(--background);display:grid;gap:.25em;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(3,auto);grid-template-areas:"message message message close" "code    code    code    close" "status  status  status  close";align-items:center}.error .message{grid-area:message}.error .status{grid-area:status;font-size:smaller;overflow-x:scroll;white-space:preserve nowrap;min-width:0px}.error .close{grid-area:close}.error .code{grid-area:code}.error:before{content:"";position:absolute;left:0;bottom:0;width:0;border-bottom:solid 2px var(--text-alt);animation:border_anim var(--timeout) linear forwards}@keyframes border_anim{0%{width:100%}to{width:0%}}.unauthorized .links{display:flex;flex-direction:row;justify-content:space-around}.unauthorized .links a{text-align:center}