.pevra-glyph{
  --pevra-glyph-color:var(--accent,#e5552f);
  display:inline-grid;
  place-items:center;
  width:1.08em;
  height:1.08em;
  margin:0 .16em;
  vertical-align:-.16em;
  color:var(--pevra-glyph-color);
  flex:0 0 auto;
}
.pevra-glyph svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pevra-glyph svg .fill{fill:currentColor;stroke:none}
.pevra-glyph[data-tone="accent"]{--pevra-glyph-color:var(--accent,#e5552f)}
.pevra-glyph[data-tone="blue"]{--pevra-glyph-color:#4f8ff7}
.pevra-glyph[data-tone="cyan"]{--pevra-glyph-color:#24a6b5}
.pevra-glyph[data-tone="green"]{--pevra-glyph-color:#2f9b69}
.pevra-glyph[data-tone="amber"]{--pevra-glyph-color:#d88a21}
.pevra-glyph[data-tone="rose"]{--pevra-glyph-color:#df5a68}
.pevra-glyph[data-tone="purple"]{--pevra-glyph-color:#8367d8}
.pevra-glyph[data-tone="slate"]{--pevra-glyph-color:var(--text-dim,#817a72)}
.dash-card-icon .pevra-glyph,
.pf-empty-icon .pevra-glyph,
.d-source-icon .pevra-glyph,
.d-music-hero-icon .pevra-glyph{
  width:1.35em;
  height:1.35em;
}
button .pevra-glyph,
label .pevra-glyph{transition:transform .18s ease,color .18s ease}
button:hover .pevra-glyph,
label:hover .pevra-glyph{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){
  button .pevra-glyph,label .pevra-glyph{transition:none}
}