.eg-note{--eg-note-tone:var(--eg-note-tone-light);display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;align-items:center;margin:24px 0;padding:22px 20px;border:1px solid var(--eg-note-tone);border-radius:10px;background:color-mix(in srgb,var(--eg-note-color) 4%,var(--surface));color:var(--muted);font:400 16px/1.65 var(--font-body)}html[data-theme=dark] .eg-note{--eg-note-tone:var(--eg-note-tone-dark)}.eg-note-icon{display:block;color:var(--eg-note-tone)}.eg-note-icon svg{display:block;width:56px;height:56px}.eg-note-content{min-width:0;padding:8px 0 8px 24px;border-left:1px solid var(--line);overflow-wrap:anywhere}.eg-prose .eg-note-content p{margin:0}.eg-prose .eg-note-content p+p{margin-top:8px}.eg-prose .eg-note-content>:first-child{margin-top:0}.eg-prose .eg-note-content>:last-child{margin-bottom:0}.eg-prose .eg-note-content .eg-note-title{margin:0 0 8px;color:var(--eg-note-tone);font-weight:700;font-size:inherit;line-height:inherit}.eg-note-content strong{color:var(--ink)}@media(max-width:600px){.eg-note{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:16px 14px;font-size:14px}.eg-note-icon svg{width:36px;height:36px}.eg-note-content{padding:4px 0 4px 14px}}