.notification{padding:.5rem .75rem;border-bottom:1px solid #dee2e6;border-left:.25rem solid;display:flex;align-items:center;column-gap:.75rem}.notification.type-1{border-left-color:#ffdb4d}.notification.type-1 .icon{color:#ffdb4d}.notification.type-2{border-left-color:#25bb5c}.notification.type-2 .icon{color:#25bb5c}.notification.type-3{border-left-color:#07f}.notification.type-3 .icon{color:#07f}.notification.type-4{border-left-color:#22a990}.notification.type-4 .icon{color:#22a990}.notification.type-5{border-left-color:#944dff}.notification.type-5 .icon{color:#944dff}.notification.type-6{border-left-color:#f33}.notification.type-6 .icon{color:#f33}.notification .text{flex:1}.notification .datetime{font-size:small;white-space:nowrap}