.app-icon{--app-icon-size:18px;--app-icon-stroke:1.6;--app-icon-color:currentColor;--app-icon-tile-bg:var(--bg-elev);--app-icon-tile-border:var(--line);width:var(--app-icon-size);height:var(--app-icon-size);color:var(--app-icon-color);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.app-icon__glyph{width:var(--app-icon-size);height:var(--app-icon-size);color:currentColor;justify-content:center;align-items:center;line-height:0;display:inline-flex}.app-icon svg{width:var(--app-icon-size);height:var(--app-icon-size);color:currentColor;stroke:currentColor;flex:none;display:block}.app-icon svg *{vector-effect:non-scaling-stroke}.app-icon--tile{border:1px solid var(--app-icon-tile-border);background:var(--app-icon-tile-bg);width:32px;height:32px;color:var(--app-icon-color);border-radius:10px}.app-icon--tone-course{--app-icon-color:var(--cat-product);--app-icon-tile-bg:color-mix(in oklch, var(--cat-product) 10%, var(--bg-elev));--app-icon-tile-border:color-mix(in oklch, var(--cat-product) 34%, var(--line))}.app-icon--tone-quiz,.app-icon--tone-warn{--app-icon-color:var(--warn);--app-icon-tile-bg:var(--warn-soft);--app-icon-tile-border:var(--warn-line)}.app-icon--tone-live,.app-icon--tone-info{--app-icon-color:var(--info);--app-icon-tile-bg:var(--info-soft);--app-icon-tile-border:var(--info-line)}.app-icon--tone-action,.app-icon--tone-danger{--app-icon-color:var(--danger);--app-icon-tile-bg:var(--danger-soft);--app-icon-tile-border:color-mix(in oklch, var(--danger) 32%, var(--line))}.app-icon--tone-good{--app-icon-color:var(--accent);--app-icon-tile-bg:var(--accent-soft);--app-icon-tile-border:var(--accent-line)}.app-icon--tone-muted{--app-icon-color:var(--ink-4);--app-icon-tile-bg:var(--bg-sunk);--app-icon-tile-border:var(--line)}