/* Shared bleed.fyi logo, icon and typography for all site pages. */
:root{
  --bleed-ui-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{font-family:var(--bleed-ui-font)}
.bleed-brand,
.bleed-brand:link,
.bleed-brand:visited{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:10px;
  color:#f2f3f3;
  font-family:var(--bleed-ui-font);
  font-size:21px;
  font-weight:760;
  letter-spacing:-.055em;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  text-transform:lowercase;
}
.bleed-brand:hover,
.bleed-brand:focus-visible{color:#fff;text-decoration:none}
.bleed-brand-mark{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border:1px solid rgba(222,67,89,.2);
  border-radius:9px;
  background:rgba(178,43,63,.11);
  color:#e55e6d;
}
.bleed-brand-mark svg{
  display:block;
  width:16px;
  height:16px;
  fill:currentColor;
}
.bleed-brand-text{display:inline-block}
.bleed-brand-suffix{color:#b9babd}
@media(max-width:550px){
  .bleed-brand,.bleed-brand:link,.bleed-brand:visited{font-size:18px;gap:8px}
  .bleed-brand-mark{width:28px;height:28px;flex-basis:28px}
}