:root{--md-sys-color-background:#faf8ff;--md-sys-color-on-background:#1a1b21;--md-sys-color-primary-container:#dce1ff;--md-sys-color-on-primary-container:#344479;--md-sys-color-primary:#4c5c92;--md-sys-color-secondary:#595e72;--md-sys-color-on-primary:#fff;--md-sys-color-surface-variant:#e2e1ec;--md-sys-color-on-surface-variant:#45464f;--md-sys-color-error-container:#ffdad6}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:ABeeZee,sans-serif;transition:background-color .3s,color .3s}#topnav{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:8px;flex-direction:row;justify-content:space-between;padding:16px;display:flex}#hero{flex-direction:column;justify-content:center;align-items:center;margin:0;padding:40px 0;display:flex}h1{color:var(--md-sys-color-primary);font-size:2rem}h2{color:var(--md-sys-color-secondary)}#page{flex-direction:column;justify-content:center;display:flex}button,label{cursor:pointer}button:hover{opacity:.8}.primary-filled-button{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:99999px;padding:10px 20px;font-family:ABeeZee,sans-serif}.primary-outlined-button{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-primary);border-radius:99999px;padding:10px 20px;font-family:ABeeZee,sans-serif}.primary-filled-button:disabled{color:#a1a1a1;cursor:not-allowed;opacity:1;background-color:#e0e0e0}.primary-outlined-button:disabled{color:#a1a1a1;cursor:not-allowed;opacity:1;border-color:#e0e0e0}input{padding:10px;font-family:ABeeZee,sans-serif}.input-row{flex-flow:wrap;gap:10px;display:flex}.input-row input{flex-grow:1}.transactions-container{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.content{flex-direction:column;gap:20px;max-width:811px;margin:auto;display:flex}footer{text-align:center;background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:8px;margin-top:40px;padding:16px;font-size:.9rem}#total-row{font-weight:700}.remove-row-button{text-align:center;background-color:var(--md-sys-color-error-container);border:none;border-radius:100%;width:41px;height:41px;font-size:.95rem;line-height:100%}@media (min-width:812px){.transaction-separator{display:none}}@media (max-width:811px){.transaction-separator{color:var(--md-sys-color-on-background);width:100%;height:1px;display:block}}.amount-input-wrapper{align-items:center;display:flex;position:relative}.amount-input-wrapper:before{content:"€";color:var(--md-sys-color-on-background);pointer-events:none;font-size:.85rem;position:absolute;left:10px}.amount-input-wrapper input[type=number]{width:100%;padding-left:20px}