.notification{display:grid;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 3);border-radius:calc(var(--spacing) * 2);background:var(--bg-tertiary);color:var(--text-secondary);font-size:15px;font-weight:400;line-height:22px;text-align:left}.notification_border-accent{border-left:var(--spacing) solid var(--text-accent)}.notification_small{font-size:13px;line-height:18px}.notification__body{display:flex;align-items:flex-start;gap:calc(var(--spacing) * 3)}.notification__icon{flex:0 0 24px;width:24px;height:24px;color:var(--icon-secondary)}.notification__main{align-self:center;flex:1 1 auto;display:grid;justify-items:stretch;gap:calc(var(--spacing) * 2)}.notification__text{display:grid;gap:2px}.notification__title{color:var(--text-primary);font-size:16px;font-weight:600}.notification_small .notification__title{font-size:12px;font-weight:400;line-height:16px}.notification a{color:currentColor;text-decoration:underline}.notification_accent,.notification_accent .notification__title{background:var(--bg-accent);color:var(--text-primary-invested)}.notification_accent .notification__icon{color:var(--icon-accent)}.notification_negative,.notification_negative .notification__title{background:var(--bg-negative-tint);color:var(--text-negative)}.notification_negative .notification__icon{color:var(--icon-negative)}.notification_warning,.notification_warning .notification__title{background:var(--bg-warning-tint);color:var(--text-warning)}.notification_warning .notification__icon{color:var(--icon-warning)}@media (hover: hover) and (pointer: fine){.notification a:hover{text-decoration:none}}