:where([data-public-landing]) .lp-notification-story{color:#000;background:#fff;padding:clamp(72px,7vw,112px) 40px}:where([data-public-landing]) .lp-notification-story__inner{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(40px,4vw,64px);max-width:1312px;margin-inline:auto;display:grid}:where([data-public-landing]) .lp-notification-story__copy{grid-area:1/2;min-width:0}:where([data-public-landing]) .lp-notification-story__copy h2{font-family:var(--public-display);letter-spacing:-.035em;margin:0;font-size:clamp(52px,5.6vw,84px);font-weight:900;line-height:1.08}:where([data-public-landing]) .lp-notification-story__copy h2 span{display:block}:where([data-public-landing]) .lp-notification-story__copy>p{max-width:40ch;margin:28px 0 0;font-size:clamp(20px,1.7vw,24px);line-height:1.45}:where([data-public-landing]) .lp-notification-story__action{color:#fff;background:#000;border-radius:999px;align-items:center;min-height:48px;margin-top:32px;padding:12px 24px;font-size:18px;font-weight:700;line-height:24px;text-decoration:none;display:inline-flex}:where([data-public-landing]) .lp-notification-story__action:hover{background:#252525}:where([data-public-landing]) .lp-notification-story__action:focus-visible{outline-offset:4px;outline:3px solid #03f}:where([data-public-landing]) .lp-notification-preview{color:#001435;isolation:isolate;grid-area:1/1;min-width:0;padding:20px 0}:where([data-public-landing]) .lp-notification-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;width:76%;max-width:416px;margin:0;padding:16px 18px 30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;position:relative;box-shadow:0 10px 32px #0014350a,0 2px 6px #00143503}:where([data-public-landing]) .lp-notification-card header{color:#586780;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}:where([data-public-landing]) .lp-notification-card header>:is(img,svg){object-fit:contain;flex:none;width:20px;height:20px}:where([data-public-landing]) .lp-notification-card time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:400}:where([data-public-landing]) .lp-notification-card h3{letter-spacing:normal;overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font:700 15px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:flex}:where([data-public-landing]) .lp-notification-card h3 img{object-fit:contain;flex:none;height:20px}:where([data-public-landing]) .lp-notification-card__message{color:#3e526e;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.5}:where([data-public-landing]) .lp-notification-card__state{margin:9px 0 0;font-size:12px;font-weight:700;line-height:18px}:where([data-public-landing]) .lp-notification-card__state[data-tone=issues]{color:#9b5900}:where([data-public-landing]) .lp-notification-card__state[data-tone=recovered]{color:#078058}:where([data-public-landing]) .lp-notification-card--stripe{z-index:1;margin-left:2%}:where([data-public-landing]) .lp-notification-card--sms{z-index:2;--notification-delay:80ms;width:65%;max-width:350px;margin:-18px 0 0 auto}:where([data-public-landing]) .lp-notification-card--cloudflare{z-index:3;--notification-delay:.16s;width:73%;max-width:390px;margin:-12px 0 0 7%}:where([data-public-landing]) .lp-notification-card--github{z-index:4;--notification-delay:.24s;width:69%;max-width:370px;margin:-20px 2% 0 auto}:where([data-public-landing]) .lp-channel-context{color:#667085;margin-left:auto;font-size:11px}:where([data-public-landing]) .lp-message-avatar{object-fit:contain;flex:none}:where([data-public-landing]) .lp-slack-message{align-items:flex-start;gap:10px;margin-top:16px;display:flex}:where([data-public-landing]) .lp-slack-message__body{flex:1;min-width:0}:where([data-public-landing]) .lp-message-sender{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:20px;display:flex}:where([data-public-landing]) .lp-message-sender time{color:#667085;margin-left:2px;font-size:10px}:where([data-public-landing]) .lp-message-app{color:#626262;background:#f0f0f0;border-radius:3px;padding:0 4px;font-size:9px;line-height:15px}:where([data-public-landing]) .lp-slack-attachment{border-left:3px solid #dba34b;margin-top:8px;padding-left:12px}:where([data-public-landing]) .lp-slack-attachment .lp-notification-card__state{margin-top:5px}:where([data-public-landing]) .lp-sms-message{color:#24272c;background:#f0f1f3;border-radius:16px 16px 16px 4px;margin-top:13px;padding:12px 14px 9px}:where([data-public-landing]) .lp-sms-message p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}:where([data-public-landing]) :is(.lp-sms-message,.lp-telegram-message)>time{text-align:right;color:#667085;margin-top:5px;font-size:10px;line-height:14px;display:block}:where([data-public-landing]) .lp-email-message{border-top:1px solid #edf0f4;margin-top:12px;padding-top:12px}:where([data-public-landing]) .lp-email-sender{align-items:center;gap:9px;font-size:12px;display:flex}:where([data-public-landing]) .lp-email-sender span{color:#667085;margin-top:2px;font-size:10px;display:block}:where([data-public-landing]) .lp-email-message h3{margin-top:12px}:where([data-public-landing]) .lp-email-summary{background:#f8fafc;border-radius:8px;align-items:flex-start;gap:10px;margin-top:10px;padding:11px 12px;display:flex}:where([data-public-landing]) .lp-email-summary>img{object-fit:contain;flex:none}:where([data-public-landing]) .lp-email-summary .lp-notification-card__message{margin:0}:where([data-public-landing]) .lp-email-summary .lp-notification-card__state{margin-top:4px}:where([data-public-landing]) .lp-notification-card--github{background:#edf7fc}:where([data-public-landing]) .lp-telegram-message{background:#fff;border-radius:12px 12px 12px 3px;margin-top:13px;padding:11px 13px 8px;box-shadow:0 1px 2px #0014350c}:where([data-public-landing]) .lp-telegram-sender{color:#2376a2;margin-bottom:6px;font-size:12px;display:block}:where([data-public-landing]) [data-notifications-entered] .lp-notification-card{animation:.6s ease-out both lp-notification-arrive;animation-delay:var(--notification-delay,0s)}@keyframes lp-notification-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px) and (min-width:901px){:where([data-public-landing]) .lp-notification-card{width:89%;padding-inline:18px}:where([data-public-landing]) .lp-notification-card--sms{width:84%}}@media (max-width:900px){:where([data-public-landing]) .lp-notification-story{padding:64px 24px}:where([data-public-landing]) .lp-notification-story__inner{grid-template-columns:minmax(0,1fr);gap:40px;max-width:640px}:where([data-public-landing]) .lp-notification-story__copy,:where([data-public-landing]) .lp-notification-preview{grid-area:auto}:where([data-public-landing]) .lp-notification-story__copy h2{font-size:clamp(42px,8vw,64px)}:where([data-public-landing]) .lp-notification-story__copy>p{font-size:20px}}@media (max-width:480px){:where([data-public-landing]) .lp-notification-preview{padding-block:4px}:where([data-public-landing]) .lp-notification-card{border-radius:16px;width:91%;padding:16px 16px 28px}:where([data-public-landing]) .lp-notification-card--stripe{margin-left:0}:where([data-public-landing]) .lp-notification-card--sms{width:87%;margin-top:-12px}:where([data-public-landing]) .lp-notification-card--cloudflare{margin-top:-8px;margin-left:2%}:where([data-public-landing]) .lp-notification-card--github{width:90%;margin-top:-12px;margin-right:0}:where([data-public-landing]) .lp-slack-message{gap:8px}:where([data-public-landing]) .lp-slack-message>.lp-message-avatar{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){:where([data-public-landing]) [data-notifications-entered] .lp-notification-card{animation:none}}
