:root{
  --s1-icon-color:#0b355d;
  --s1-icon-accent:#d9a22b;
  --s1-icon-muted:#6f8091;
  --s1-icon-danger:#b42318;
  --s1-icon-success:#168a4f;
}
.s1-icon{width:1.25rem;height:1.25rem;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--s1-icon-color);flex:0 0 auto}
.s1-icon--xs{width:1rem;height:1rem}.s1-icon--sm{width:1.125rem;height:1.125rem}.s1-icon--md{width:1.5rem;height:1.5rem}.s1-icon--lg{width:2rem;height:2rem}.s1-icon--xl{width:2.5rem;height:2.5rem}
.s1-icon--accent{color:var(--s1-icon-accent)}.s1-icon--muted{color:var(--s1-icon-muted)}.s1-icon--danger{color:var(--s1-icon-danger)}.s1-icon--success{color:var(--s1-icon-success)}
[dir="rtl"] .s1-icon[data-mirror-rtl="true"]{transform:scaleX(-1)}
.s1-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;border-radius:10px}
.s1-icon-button .s1-icon{pointer-events:none}