.icon{width:100%}.icon__base{display:flex;width:100%}.icon__base--start{justify-content:flex-start}.icon__base--centre{justify-content:center}.icon__base--end{justify-content:flex-end}.icon__base--xs{--icon-size:60px}.icon__base--s{--icon-size:120px}.icon__base--m{--icon-size:200px}.icon__base--l{--icon-size:320px}.icon__base--xl{--icon-size:400px}.icon__surface{align-items:center;aspect-ratio:1;container-type:inline-size;display:flex;flex:0 1 auto;justify-content:center;max-width:100%;width:var(--icon-size)}.icon__surface--circle{border-radius:50%}.icon__glyph{font-size:60cqi;line-height:1;text-align:center}.icon__surface--none .icon__glyph{font-size:100cqi}