body.light {
    --primary: #225fa6;
    --on-primary: #ffffff;
    --primary-container: #d5e3ff;
    --on-primary-container: #001c3b;
    --secondary: #555f71;
    --on-secondary: #ffffff;
    --secondary-container: #d9e3f8;
    --on-secondary-container: #121c2b;
    --tertiary: #6e5676;
    --on-tertiary: #ffffff;
    --tertiary-container: #f8d8fe;
    --on-tertiary-container: #27132f;
    --error: #ba1a1a;
    --on-error: #ffffff;
    --error-container: #ffdad6;
    --on-error-container: #410002;
    --background: #fdfbff;
    --on-background: #1a1c1e;
    --surface: #faf9fd;
    --on-surface: #1a1c1e;
    --surface-variant: #e0e2ec;
    --on-surface-variant: #43474e;
    --outline: #74777f;
    --outline-variant: #c4c6cf;
    --shadow: #000000;
    --scrim: #000000;
    --inverse-surface: #2f3033;
    --inverse-on-surface: #f1f0f4;
    --inverse-primary: #a7c8ff;
    --surface-dim: #dad9dd;
    --surface-bright: #faf9fd;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #f4f3f7;
    --surface-container: #eeedf1;
    --surface-container-high: #e9e7eb;
    --surface-container-highest: #e3e2e6;
}
audio{
    background: #f1f3f4;
    width: 100%;
}
.asset img{
    box-sizing: content-box;
    background-color: #fff;
    padding: 10px;
    margin: -10px 0 -10px -10px;
}
.active-call label{
    color: gray;
}
.notification a{
    color: var(--primary);
}
[href="notifications"] .badge:not(.visible){
    display: none;
}
.button-marginless{
    margin: 0;
}