.symbol-surface{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:var(--symbol-surface-inset,10%);border-radius:var(--symbol-surface-radius,24%);isolation:isolate;background:#f3eee3;border:1px solid #e7dfd0;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #fff4}.symbol-surface[data-symbol-surface=dark]{background:#292631;border-color:#534a60;box-shadow:inset 0 0 12px #0002}.symbol-surface>.score-glyph,.symbol-surface>.symbol-surface-shape{filter:drop-shadow(0 0 .35px #fff9)drop-shadow(0 0 .35px #18141b99);justify-content:center;align-items:center;gap:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}.symbol-surface .score-glyph{min-width:0;max-width:100%;min-height:0;max-height:100%;line-height:1;overflow:visible}.symbol-surface .score-glyph.is-stack{flex-direction:column}.symbol-surface .score-glyph.is-stack>.score-glyph,.symbol-surface .score-glyph.is-row>.score-glyph{flex:1 1 0;max-width:100%;max-height:100%}.symbol-surface img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.symbol-surface .score-glyph-line{align-items:center;gap:18%;width:100%;height:100%;display:flex}.symbol-surface .score-glyph-line i{background:currentColor;flex:1;height:12%;min-height:2px;max-height:7px;display:block}.symbol-node-art>.symbol-glyph{padding:0}.symbol-node-art .symbol-surface{--symbol-surface-inset:8%;--symbol-surface-radius:14px}.symbol-detail-surface{--symbol-surface-radius:16px;width:min(100%,360px);height:auto;min-height:100px;margin:20px auto;padding:16px}.symbol-detail-surface>.symbol-detail-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:300px;margin:0}