.note{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);font-size:var(--fs-small);border:1px solid;align-items:flex-start;display:flex}.note svg{flex:none;width:18px;height:18px;margin-top:1px}.note--info{color:var(--text-secondary-strong);background:var(--bg-tint);border-color:var(--border-subtle)}.note--warn{color:var(--warn-text);background:var(--warn-surface);border-color:var(--warn-border)}.note--error{color:var(--bad-text);background:var(--bad-surface);border-color:var(--bad-border)}.note--ok{color:var(--ok-text);background:var(--ok-surface);border-color:var(--ok-border)}.note strong{margin-bottom:2px;display:block}.note a{color:inherit}.note .note__list{margin-top:var(--s-2);color:inherit;padding-left:1.1em;list-style:outside}.note .note__list li+li{margin-top:2px}