body{color:var(--color-body);font-family:var(--font-secondary);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--line-height-body)}body h1,body h2,body h3,body h4,body h5,body h6{color:var(--color-heading);font-family:var(--font-primary);margin:0 0 .5em}body h1{font-size:var(--text-h1);font-weight:var(--weight-h1);line-height:1.2}body h2{font-size:var(--text-h2);font-weight:var(--weight-h2);line-height:1.3}body h3{font-size:var(--text-h3);font-weight:var(--weight-h3);line-height:1.4}body h4,body h5,body h6{font-size:var(--text-h3);font-weight:var(--weight-h3)}body a{color:var(--color-link);text-decoration:none;transition:opacity .3s ease}body a:hover{opacity:.8;text-decoration:underline}body [x-cloak]{display:none!important}body .loan-card .status-icon{display:inline-block;width:30px;height:30px}body .loan-card .status-icon.status-settled{color:#2e8b57}body .loan-card .status-icon.status-settled svg{fill:#2e8b57;color:#2e8b57}body .loan-card .status-icon.status-pending{color:orange}body .loan-card .status-icon.status-pending svg{fill:orange;color:orange}body .loan-card .status-icon.status-active{color:var(--color-body)}body .loan-card .status-icon.status-active svg{fill:var(--color-body);color:var(--color-body)}body .header-right .notification-wrapper{order:0}body .header-right button.menu-button{order:1;padding:0;background:transparent;border:none;border-radius:0;color:var(--body-color)}body .filters h4{margin:0;font-size:16px}