.al-x8{display:flex;justify-content:center;width:100%}.al-x8-phone{position:relative;width:220px;height:340px;border:8px solid var(--al-ink);border-radius:36px;background:var(--al-cli);box-shadow:0 14px 34px color-mix(in srgb,var(--al-ink) 18%,transparent)}.al-x8-notch{position:absolute;top:8px;left:50%;width:64px;height:16px;margin-left:-32px;border-radius:10px;background:var(--al-ink)}.al-x8-time{margin:46px 0 0;text-align:center;font-size:46px;font-weight:300;letter-spacing:-.02em;line-height:1;color:var(--al-paper);font-variant-numeric:tabular-nums}.al-x8-note{position:absolute;left:10px;right:10px;top:128px;display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:16px;background:var(--al-paper);box-shadow:0 6px 18px color-mix(in srgb,var(--al-ink) 22%,transparent)}.al-x8-note p{margin:0}.al-x8-note p+p{margin-top:3px}.al-x8-app{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--al-muted)}.al-x8-from{font-size:14px;font-weight:600;color:var(--al-ink)}.al-x8-subj{font-size:13px;line-height:1.35;color:var(--al-ink-2)}@media (prefers-reduced-motion:no-preference){html.js .al-x8 .al-x8-note{opacity:0;transform:translateY(-28px) scale(.96);transition:opacity .45s var(--al-ease),transform .55s var(--al-ease);transition-delay:1.25s}html.js .al-x8[data-seen=true] .al-x8-note{opacity:1;transform:none}html.js .al-x8[data-seen=true] .al-x8-phone{animation:al-x8-buzz 1.2s linear .25s both}}@keyframes al-x8-buzz{0%,22%,48%,70%,to{transform:none}12%,4%,52%,60%{transform:translateX(-3px) rotate(-1.5deg)}16%,56%,64%,8%{transform:translateX(3px) rotate(1.5deg)}}