.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_border-warning{border-left:var(--spacing) solid var(--icon-warning)}.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:var(--spacing)}.notification__title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:22px}.notification_small .notification__title{font-size:12px;font-weight:400;line-height:16px}.notification a,.notification__link{color:currentColor;text-decoration:underline}.notification__link{padding:0;border:0;background:none;font:inherit;cursor:pointer}.notification_accent{background:var(--bg-accent)}.notification_accent .notification__icon{color:var(--icon-accent)}.notification_negative{background:var(--bg-negative-tint)}.notification_negative .notification__icon{color:var(--icon-negative)}.notification_warning{background:var(--bg-warning-tint)}.notification_warning .notification__icon{color:var(--icon-warning)}@media (hover: hover) and (pointer: fine){.notification a:hover,.notification__link:hover{text-decoration:none}}