mathpix-markdown-it
Version:
Mathpix-markdown-it is an open source implementation of the mathpix-markdown spec written in Typescript. It relies on the following open source libraries: MathJax v3 (to render math with SVGs), markdown-it (for standard Markdown parsing)
1,200 lines (1,053 loc) • 61.7 kB
HTML
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>squared-icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.mathpix.com/fonts/cmu.css"/>
<style>
html,body {
width: 100%;
height: 100%;
}
*, *::before,*::after {
box-sizing: border-box;
}
@-ms-viewport {
width: device-width;
}
body {
margin: 0;
color: #1E2029;
font-size: 14px;
line-height: normal;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0B93ff;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
}
a:hover {
color: #33aaff;
}
a:active {
color: #0070d9;
}
a:active, a:hover {
text-decoration: none;
outline: 0;
}
a[disabled] {
color: rgba(0, 0, 0, 0.25)
cursor: not-allowed;
pointer-events: none;
}
pre, code, kbd, samp {
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
color: rgba(0, 0, 0, 0.45)
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
mjx-container[jax="SVG"] {
direction: ltr;
}
mjx-container[jax="SVG"] > svg {
overflow: visible;
min-height: 1px;
min-width: 1px;
}
mjx-container[jax="SVG"] > svg a {
fill: blue;
stroke: blue;
}
mjx-assistive-mml {
position: absolute !important;
top: 0px;
left: 0px;
clip: rect(1px, 1px, 1px, 1px);
padding: 1px 0px 0px 0px !important;
border: 0px !important;
display: block !important;
width: auto !important;
overflow: hidden !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
mjx-assistive-mml[display="block"] {
width: 100% !important;
}
mjx-container[jax="SVG"][display="true"] {
display: block;
text-align: center;
margin: 1em 0;
}
mjx-container[jax="SVG"][display="true"][width="full"] {
display: flex;
}
mjx-container[jax="SVG"][justify="left"] {
text-align: left;
}
mjx-container[jax="SVG"][justify="right"] {
text-align: right;
}
g[data-mml-node="merror"] > g {
fill: red;
stroke: red;
}
g[data-mml-node="merror"] > rect[data-background] {
fill: yellow;
stroke: none;
}
g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] {
stroke-width: 70px;
fill: none;
}
g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed {
stroke-dasharray: 140;
}
g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted {
stroke-linecap: round;
stroke-dasharray: 0,140;
}
g[data-mml-node="mtable"] > g > svg {
overflow: visible;
}
[jax="SVG"] mjx-tool {
display: inline-block;
position: relative;
width: 0;
height: 0;
}
[jax="SVG"] mjx-tool > mjx-tip {
position: absolute;
top: 0;
left: 0;
}
mjx-tool > mjx-tip {
display: inline-block;
padding: .2em;
border: 1px solid #888;
font-size: 70%;
background-color: #F8F8F8;
color: black;
box-shadow: 2px 2px 5px #AAAAAA;
}
g[data-mml-node="maction"][data-toggle] {
cursor: pointer;
}
mjx-status {
display: block;
position: fixed;
left: 1em;
bottom: 1em;
min-width: 25%;
padding: .2em .4em;
border: 1px solid #888;
font-size: 90%;
background-color: #F8F8F8;
color: black;
}
foreignObject[data-mjx-xml] {
font-family: initial;
line-height: normal;
overflow: visible;
}
mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
stroke-width: 3;
}
#setText > div {
justify-content: inherit;
margin-top: 0;
margin-bottom: 1em;
}
#setText div:last-child {
margin-bottom: 0 !important;
}
#setText > br, #preview-content br {
line-height: 1.2;
}
#preview-content > div {
margin-top: 0;
margin-bottom: 1em;
}
.proof > div, .theorem > div {
margin-top: 1rem;
}
#preview-content table {
margin-bottom: 1em;
}
#setText table {
margin-bottom: 1em;
}
#preview-content .sub-table table, #setText .sub-table table {
margin-bottom: 0;
}
mjx-container {
text-indent: 0;
overflow-y: hidden;
overflow-x: auto;
padding-top: 1px;
padding-bottom: 1px;
}
.math-inline mjx-container {
display: inline-block !important;
page-break-inside: avoid;
max-width: 100%;
padding: 0;
line-height: 0;
}
.math-inline mjx-container mjx-assistive-mml {
max-width: 100%;
}
.math-block {
align-items: center;
page-break-after: auto;
page-break-inside: avoid;
margin: 0;
display: block; /* mjx-container has block */
}
.math-inline {
display: inline-flex; /* mjx-container has inline-block. To prevent displacement during use overflow-x: auto;*/
max-width: 100%;
}
.math-block[data-width="full"] {
overflow-x: auto;
display: flex; /* mjx-container has flex */
}
svg .math-inline {
display: initial;
max-width: initial;
}
svg .math-inline mjx-container {
max-width: initial;
}
svg mjx-container {
overflow: visible;
}
svg math-block[data-width="full"] {
overflow: visible;
}
.math-block[data-highlight-color] mjx-container[jax="SVG"] > svg {
background-color: var(--mmd-highlight-color);
}
.math-block[data-highlight-text-color] mjx-container[jax="SVG"] > svg {
color: var(--mmd-highlight-text-color);
}
.math-inline[data-highlight-color] mjx-container[jax="SVG"] {
background-color: var(--mmd-highlight-color);
}
.math-inline[data-highlight-text-color] mjx-container[jax="SVG"] {
color: var(--mmd-highlight-text-color);
}
.math-block p {
flex-shrink: 1;
}
.math-block mjx-container {
margin: 0 !important;
}
.math-error {
background-color: yellow;
color: red;
}
#preview-content img, #setText img {
max-width: 100%;
}
#preview-content blockquote, #setText blockquote {
page-break-inside: avoid;
color: #666;
margin: 0 0 1em 0;
padding-left: 3em;
border-left: .5em solid #eee;
}
#preview-content pre, #setText pre {
border: none;
padding: 0;
overflow: auto;
font-size: 85%;
line-height: 1.45;
border-radius: 6px;
box-sizing: border-box;
background: #f8f8fa;
}
#preview-content pre code, #setText pre code{
padding: 1rem;
display: block;
overflow-x: auto;
line-height: 24px;
}
.empty {
text-align: center;
font-size: 18px;
padding: 50px 0 !important;
}
#setText table, #preview-content table {
display: table;
overflow: auto;
max-width: 100%;
border-collapse: collapse;
page-break-inside: avoid;
}
#setText table th, #preview-content table th {
text-align: center;
font-weight: bold;
}
#setText table td, #preview-content table td,
#setText table th, #preview-content table th {
border: 1px solid #dfe2e5;
padding: 6px 13px;
}
#setText table tr, #preview-content table tr {
background-color: #fff;
border-top: 1px solid #c6cbd1;
}
#setText table tr:nth-child(2n), #preview-content table tr:nth-child(2n) {
background-color: #f6f8fa;
}
#setText .main-title, #setText .author, #preview-content .main-title, #preview-content .author {
text-align: center;
margin: 0 auto;
}
#preview-content .main-title, #setText .main-title {
line-height: 1.2;
margin-bottom: 1em;
}
#preview-content .author, #setText .author {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#preview-content .author p, #setText .author p {
min-width: 30%;
max-width: 50%;
padding: 0 7px;
}
#preview-content .author > p > span, #setText .author > p > span {
display: block;
text-align: center;
}
#preview-content .section-title, #setText .section-title {
margin-top: 1.5em;
}
#preview-content .abstract, #setText .abstract {
text-align: justify;
margin-bottom: 1em;
}
#preview-content .abstract p, #setText .abstract p {
margin-bottom: 0;
}
@media print {
#preview {
font-size: 10pt!important;
}
svg {
shape-rendering: crispEdges;
}
.math-block svg, math-inline svg {
margin-top: 1px;
}
#preview-content img, #setText img {
display: block;
}
#preview-content .figure_img img, #setText .figure_img img {
display: inline;
}
.preview-right {
word-break: break-word;
}
#preview-content h1, #setText h1 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h1::after, #setText h1::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
#preview-content h2, #setText h2 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h2::after, #setText h2::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
#preview-content h3, #setText h3 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h3::after, #setText h3::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
#preview-content h4, #setText h4 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h4::after, #setText h4::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
#preview-content h5, #setText h5 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h5::after, #setText h5::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
#preview-content h6, #setText h6 {
page-break-inside: avoid;
position: relative;
border: 2px solid transparent;
}
#preview-content h6::after, #setText h6::after {
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
position: relative;
}
}
#preview-content sup, #setText sup {
top: -.5em;
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
#preview-content .text-url, #setText .text-url {
color: #0B93ff;
cursor: text;
pointer-events: none;
}
#preview-content .text-url a:hover, #setText .text-url a:hover {
color: #0B93ff;
}
mark {
background-color: #feffe6;
}
span[data-underline-type] mark {
background: inherit;
background-color: #feffe6;
padding-top: 0;
padding-bottom: 0;
}
*[data-has-dotfill] {
position: relative;
overflow: hidden;
}
*[data-has-dotfill] .dotfill::after {
position: absolute;
padding-left: .25ch;
content: " . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . ";
text-align: right;
}
.smiles {
text-align: center;
}
div.svg-container, #setText > div.svg-container {
display: flex;
justify-content: center;
}
#preview-content code, #setText code {
font-family: Inconsolata;
font-size: inherit;
display: initial;
background: #f8f8fa;
}
#preview-content .mmd-highlight code, #setText .mmd-highlight code,
#preview-content pre.mmd-highlight code, #setText pre.mmd-highlight code {
background-color: transparent;
}
#preview-content pre code, #setText pre code {
font-family: 'DM Mono', Inconsolata, monospace;
color: #333;
font-size: 15px;
}
.hljs-comment,
.hljs-quote {
color: #998;
font-style: italic;
}
.hljs-command {
color: #005cc5;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: #d73a49;
font-weight: bold;
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: #005cc5;
}
.hljs-string,
.hljs-doctag {
color: #24292e;
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: #6f42c1;
font-weight: bold;
}
.hljs-subst {
font-weight: normal;
}
.hljs-type,
.hljs-class .hljs-title {
color: #458;
font-weight: bold;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: #000080;
font-weight: normal;
}
.hljs-regexp,
.hljs-link {
color: #009926;
}
.hljs-symbol,
.hljs-bullet {
color: #990073;
}
.hljs-built_in,
.hljs-builtin-name {
color: #24292e;
}
.hljs-meta {
color: #999;
font-weight: bold;
}
.hljs-meta-keyword {
color: #d73a49;
}
.hljs-meta-string {
color: #032f62;
}
.hljs-deletion {
background: #fdd;
}
.hljs-addition {
background: #dfd;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.table_tabular table th, .table_tabular table th {
border: none !important;
padding: 6px 13px;
}
#tabular tr, #tabular tr {
border-top: none !important;
border-bottom: none !important;
}
#tabular td, #tabular td {
border-style: none !important;
background-color: #fff;
border-color: #000 !important;
word-break: keep-all;
padding: 0.1em 0.5em !important;
}
#tabular {
display: inline-block !important;
}
#tabular td > p {
margin-bottom: 0;
margin-top: 0;
}
#tabular td._empty {
height: 1.3em;
}
#tabular td .f {
opacity: 0;
}
html[data-theme="dark"] #tabular tr, html[data-theme="dark"] #tabular td {
background-color: #202226;
border-color: #fff !important;
}
.table_tabular {
overflow-x: auto;
padding: 0 2px 0.5em 2px;
}
.figure_img {
margin-bottom: 0.5em;
overflow-x: auto;
}
ol.enumerate, ul.itemize {
padding-inline-start: 40px;
}
/* It's commented because counter not supporting to change value
ol.enumerate.lower-alpha {
counter-reset: item ;
list-style-type: none !important;
}
.enumerate.lower-alpha > li {
position: relative;
}
.enumerate.lower-alpha > li:before {
content: "("counter(item, lower-alpha)")";
counter-increment: item;
position: absolute;
left: -47px;
width: 47px;
display: flex;
justify-content: flex-end;
padding-right: 7px;
flex-wrap: nowrap;
word-break: keep-all;
}
*/
.itemize > li {
position: relative;
}
.itemize > li > span.li_level, .li_enumerate.not_number > span.li_level {
position: absolute;
right: 100%;
white-space: nowrap;
width: max-content;;
display: flex;
justify-content: flex-end;
padding-right: 10px;
box-sizing: border-box;
}
.li_enumerate.not_number {
position: relative;
display: inline-block;
list-style-type: none;
}
#preview {
font-family: 'CMU Serif', 'Georgia', Helvetica, Arial, sans-serif;
font-size: 17px;
visibility: visible;
word-break: break-word;
padding: 2.5em;
max-width: 800px;
margin: auto;
box-sizing: content-box;
}
#preview h1, #preview h2, #preview h3, #preview h4, #preview h5, #preview strong {
font-family: 'CMU Serif Bold', 'Georgia', Helvetica, Arial, sans-serif;
}
#preview i, #preview em {
font-family: 'CMU Serif Italic', 'Georgia', Helvetica, Arial, sans-serif;
}
.mmd-menu {
max-width: 320px;
position: absolute;
background-color: white;
color: black;
width: auto;
padding: 5px 0px;
border: 1px solid #E5E6EB;
margin: 0;
cursor: default;
font: menu;
text-align: left;
text-indent: 0;
text-transform: none;
line-height: normal;
letter-spacing: normal;
word-spacing: normal;
word-wrap: normal;
white-space: nowrap;
float: none;
z-index: 201;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
box-shadow: 0px 10px 20px #808080;
-webkit-box-shadow: 0px 10px 20px #808080;
-moz-box-shadow: 0px 10px 20px #808080;
-khtml-box-shadow: 0px 10px 20px #808080;
}
.mmd-menu:focus { outline: none; }
.mmd-menu.mmd-menu-sm {
max-width: 100vw;
padding-bottom: 34px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
}
.mmd-menu-item-icon {
color: #1e2029;
margin-left: auto;
align-items: center;
display: flex;
flex-shrink: 0;
display: none;
}
.mmd-menu-item {
padding-bottom: 8px;
padding-top: 8px;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
background: transparent;
height: 52px;
max-height: 52px;
}
.mmd-menu-item:focus { outline: none; }
.mmd-menu-item.active {
background-color: #e1e0e5;
}
.mmd-menu-item.active .mmd-menu-item-icon {
display: flex;
}
.mmd-menu-item-container {
overflow: hidden;
}
.mmd-menu-item-title {
color: #1e2029;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 14px;
line-height: 20px;
}
.mmd-menu-item-value {
color: #7d829c;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
line-height: 16px;
}
html[data-theme="dark"] .mmd-menu-item-title {
color: #ebefe7;
}
html[data-theme="dark"] .mmd-menu-item.active .mmd-menu-item-title {
color: #1e2029;
}
html[data-theme="dark"] .mmd-menu {
background-color: #33363a;
}
.mmd-context-menu-overlay{
background: rgba(0, 0, 0, 0.56);
}
.ClipboardButton {
padding: 0;
margin: 0.5rem;
display: inline-block;
cursor: pointer;
color: rgb(36, 41, 47);
background: rgb(246, 248, 250);
border-radius: 6px;
border: 1px solid rgba(31, 35, 40, 0.15);
box-shadow: rgba(31, 35, 40, 0.04) 0 1px 0 0, rgba(255, 255, 255, 0.25) 0 1 0 0 inset;
position: relative;
}
.ClipboardButton:hover {
background-color: rgb(243, 244, 246);
border-color rgba(31, 35, 40, 0.15);
transition-duration: .1s;
}
.mmd-clipboard-icon {
fill: currentColor;
vertical-align: text-bottom;
}
.mmd-clipboard-copy-icon {
color: rgb(101, 109, 118);
}
.mmd-clipboard-check-icon {
color: rgb(26, 127, 55);
}
.mmd-tooltipped-no-delay:hover::before,
.mmd-tooltipped-no-delay:hover::after {
animation-delay: 0s;
}
.mmd-tooltipped:hover::before,
.mmd-tooltipped:hover::after {
display: inline-block;
text-decoration: none;
animation-name: tooltip-appear;
animation-duration: .1s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
animation-delay: .4s;
}
.mmd-tooltipped-w::before {
top: 50%;
bottom: 50%;
left: -7px;
margin-top: -6px;
border-left-color: rgb(36, 41, 47)
}
.mmd-tooltipped::before {
position: absolute;
z-index: 1000001;
display: none;
width: 0;
height: 0;
color: rgb(36, 41, 47)
pointer-events: none;
content: "";
border: 6px solid transparent;
opacity: 0;
}
.mmd-tooltipped-w::after {
right: 100%;
bottom: 50%;
margin-right: 6px;
transform: translateY(50%);
}
.mmd-tooltipped::after {
position: absolute;
z-index: 1000000;
display: none;
padding: 0.5em 0.75em;
font: normal normal 11px/1.5 'CMU Serif', 'Georgia', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
color: rgb(255, 255, 255);
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-wrap: break-word;
white-space: pre;
pointer-events: none;
content: attr(aria-label);
background: rgb(36, 41, 47);
border-radius: 6px;
opacity: 0;
}
</style>
</head>
<body>
<div id="preview" class="preview scrollEditor">
<div id="container-ruller" />
<div id="preview-content">
<h1 type="title" class="main-title" id="squared-icons">
Squared icons</h1>
<div class="table_tabular preview-paragraph-0 preview-line 0 1 2 3 4 5 6 7 8 9 10 11 12" style="text-align: center" data_line_start="0" data_line_end="12" data_line="0,13" count_line="13">
<div class="inline-tabular"><table id="tabular">
<tbody>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top-style: solid !important; border-top-width: 1px !important; width: auto; vertical-align: middle; "><code>\icon{squared_one}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top-style: solid !important; border-top-width: 1px !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">1</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top-style: solid !important; border-top-width: 1px !important; width: auto; vertical-align: middle; "><code>$\icon{squared_one}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top-style: solid !important; border-top-width: 1px !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>1</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>1</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""1""</asciimath><latex style="display: none">\icon{squared_one}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.351ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.209ex" role="img" focusable="false" viewBox="0 -821.3 910.5 976.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,826.3 860.3,826.3 805,771 -5,771" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-160.3 860.3,826.3 805,771 805,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 860.3,-160.3 805,-105 -5,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 -60.3,826.3 -5,771 -5,-105" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>1</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_two}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">2</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_two}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>2</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>2</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""2""</asciimath><latex style="display: none">\icon{squared_two}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.351ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.209ex" role="img" focusable="false" viewBox="0 -821.3 910.5 976.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,826.3 860.3,826.3 805,771 -5,771" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-160.3 860.3,826.3 805,771 805,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 860.3,-160.3 805,-105 -5,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 -60.3,826.3 -5,771 -5,-105" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>2</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_three}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">3</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_three}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>3</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>3</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""3""</asciimath><latex style="display: none">\icon{squared_three}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.401ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.257ex" role="img" focusable="false" viewBox="0 -820.3 910.5 997.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,825.3 860.3,825.3 805,770 -5,770" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-182.3 860.3,825.3 805,770 805,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 860.3,-182.3 805,-127 -5,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 -60.3,825.3 -5,770 -5,-127" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>3</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_four}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">4</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_four}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>4</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>4</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""4""</asciimath><latex style="display: none">\icon{squared_four}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.351ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.234ex" role="img" focusable="false" viewBox="0 -832.3 910.5 987.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,837.3 860.3,837.3 805,782 -5,782" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-160.3 860.3,837.3 805,782 805,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 860.3,-160.3 805,-105 -5,-105" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-160.3 -60.3,837.3 -5,782 -5,-105" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>4</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_five}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">5</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_five}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>5</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>5</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""5""</asciimath><latex style="display: none">\icon{squared_five}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.401ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.259ex" role="img" focusable="false" viewBox="0 -821.3 910.5 998.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,826.3 860.3,826.3 805,771 -5,771" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-182.3 860.3,826.3 805,771 805,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 860.3,-182.3 805,-127 -5,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 -60.3,826.3 -5,771 -5,-127" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>5</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_six}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">6</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_six}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>6</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>6</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""6""</asciimath><latex style="display: none">\icon{squared_six}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.401ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.259ex" role="img" focusable="false" viewBox="0 -821.3 910.5 998.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,826.3 860.3,826.3 805,771 -5,771" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-182.3 860.3,826.3 805,771 805,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 860.3,-182.3 805,-127 -5,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 -60.3,826.3 -5,771 -5,-127" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="36" d="M42 313Q42 476 123 571T303 666Q372 666 402 630T432 550Q432 525 418 510T379 495Q356 495 341 509T326 548Q326 592 373 601Q351 623 311 626Q240 626 194 566Q147 500 147 364L148 360Q153 366 156 373Q197 433 263 433H267Q313 433 348 414Q372 400 396 374T435 317Q456 268 456 210V192Q456 169 451 149Q440 90 387 34T253 -22Q225 -22 199 -14T143 16T92 75T56 172T42 313ZM257 397Q227 397 205 380T171 335T154 278T148 216Q148 133 160 97T198 39Q222 21 251 21Q302 21 329 59Q342 77 347 104T352 209Q352 289 347 316T329 361Q302 397 257 397Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>6</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_seven}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">7</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_seven}$</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span class="math-inline "><mathml style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>7</mtext>
</mpadded>
</math></mathml><mathmlword style="display: none"><math xmlns="http://www.w3.org/1998/Math/MathML">
<mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;">
<mtext>7</mtext>
</mpadded>
</math></mathmlword><asciimath style="display: none;">""7""</asciimath><latex style="display: none">\icon{squared_seven}</latex><mjx-container class="MathJax" jax="SVG" style="position: relative;"><svg style="vertical-align: -0.401ex;" xmlns="http://www.w3.org/2000/svg" width="2.06ex" height="2.282ex" role="img" focusable="false" viewBox="0 -831.3 910.5 1008.5" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mpadded" style="border: 1px solid;" transform="translate(55.3,0)"><polygon points="-60.3,836.3 860.3,836.3 805,781 -5,781" stroke="none" fill="currentColor"></polygon><polygon points="860.3,-182.3 860.3,836.3 805,781 805,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 860.3,-182.3 805,-127 -5,-127" stroke="none" fill="currentColor"></polygon><polygon points="-60.3,-182.3 -60.3,836.3 -5,781 -5,-127" stroke="none" fill="currentColor"></polygon><g transform="translate(155.3,0)"><g data-mml-node="mtext"><path data-c="37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z"></path></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mpadded height="+0.1em" depth="+0.1em" lspace="+0.1em" width="+0.3em" style="border: 1px solid;"><mtext>7</mtext></mpadded></math></mjx-assistive-mml></mjx-container></span></td>
</tr>
<tr style="border-top: none !important; border-bottom: none !important;">
<td style="text-align: left; border-left-style: solid !important; border-left-width: 1px !important; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>\icon{squared_eight}</code></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><span style="border: 1px solid; width: 1em; height: 1em; display: inline-block; text-align: center; line-height: 1em;">8</span></td>
<td style="text-align: left; border-right-style: solid !important; border-right-width: 1px !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-top: none !important; width: auto; vertical-align: middle; "><code>$\icon{squared_eight}$</code></td>
<td style="text-align: left; border-righ