.notification{background:var(--nfBg);border-radius:8px;color:var(--nfC);display:flex;font-size:16px;padding:12px;.main a{color:var(--nfC)}&.info{--nfBg:#d1ecf1;--nfC:#0c5460;&:before{content:var(--icon-spec-info);display:inline-block;font-family:icon-font;font-size:20px;padding:4px 12px 0 0}}&.warning{--nfBg:#fff3cd;--nfC:#856404}@media (min-width:764px){padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px;.main h2{font-size:22px}.main ol li{margin-left:20px}}}