.notification-card--system{grid-template-columns:48px 1fr}.notification-system-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#67a6ff,#2563eb);box-shadow:0 8px 17px rgba(37,99,235,.2)}.notification-system-icon.is-support{background:linear-gradient(145deg,#5a9cff,#1d5fe8)}.notification-system-icon svg{width:22px}.notification-card--system h3{margin:4px 0 0;color:#214475;font-size:.73rem}.notification-card--system em{grid-column:1/-1;justify-self:start;margin-top:4px;color:#59769d;background:#edf4ff}.notification-card--support{border-color:#c9ddff;background:linear-gradient(135deg,#fff 30%,#f0f6ff)}.notification-card--support>div>b{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#397af0,#1d5fe8);color:#fff;font-size:.72rem;box-shadow:0 6px 12px rgba(37,99,235,.18)}.notification-card--support-reply{cursor:pointer;border-color:#bdebd7;background:linear-gradient(135deg,#fff 22%,#effcf5);box-shadow:0 10px 22px rgba(31,168,110,.08)}.notification-card--support-reply:hover{border-color:#54c992;transform:translateY(-1px)}.support-tracking-code{display:inline-flex;margin:7px 0 2px;border-radius:999px;padding:4px 8px;color:#118258;background:#def8ea;font-size:.59rem;font-weight:800}.notification-card--support-reply em{color:#16855b;background:#e1f8eb}