[{"data":1,"prerenderedAt":34},["ShallowReactive",2],{"page-c-table":3},{"examplesHtml":4,"typesHtml":32,"usageHtml":33},{"c-table\u002Fbasic":5,"c-table\u002Fresponsive":14,"c-table\u002Fstyling":23},{"vue":6,"react":8,"angular":10,"typescript":12},[7],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Project manager&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>sara.niemi@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[9],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Basic\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  return\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Project manager&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>sara.niemi@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  );\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">};\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[11],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;div>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;c-table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;thead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Name&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Role&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Email&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Fthead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;tbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Anna Virtanen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Researcher&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>anna.virtanen@example.fi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Mikko Korhonen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Data engineer&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>mikko.korhonen@example.fi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Sara Niemi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Project manager&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>sara.niemi@example.fi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Ftbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;\u002Ftable>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;\u002Fc-table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> BasicExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[13],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Project manager&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>sara.niemi@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"vue":15,"react":17,"angular":19,"typescript":21},[16],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">    &#x3C;!-- Below the breakpoint each row becomes a card with header labels -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> responsive\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> mobile-breakpoint\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"800\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[18],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Responsive\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">    {\u003C\u002Fspan>\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">\u002F* Below the breakpoint each row becomes a card with header labels *\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> responsive\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> mobileBreakpoint\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">800\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[20],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;div>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;!-- Below the breakpoint each row becomes a card with header labels -->\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;c-table responsive mobile-breakpoint=\"800\">\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;thead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Name&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Role&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Email&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Fthead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;tbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Anna Virtanen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Researcher&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>anna.virtanen@example.fi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Mikko Korhonen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Data engineer&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>mikko.korhonen@example.fi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Ftbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;\u002Ftable>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;\u002Fc-table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> ResponsiveExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[22],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> responsive\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> mobile-breakpoint\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"800\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Name&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Role&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Email&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Researcher&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>anna.virtanen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Data engineer&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>mikko.korhonen@example.fi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"vue":24,"react":26,"angular":28,"typescript":30},[25],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Service&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Status&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Owner&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Puhti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Running&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mahti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-warning\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Maintenance&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Allas&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Running&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">\u002F* The table stays in your DOM, so page CSS reaches components inside cells. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">.tag-success\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">::part(root\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  background-color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-success-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-on-success-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  box-shadow: \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#D19A66\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 1\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E06C75\">px\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-success\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">.tag-warning\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">::part(root\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  background-color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-warning-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-on-warning-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  box-shadow: \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#D19A66\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 1\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E06C75\">px\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-warning\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[27],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">\u002F\u002F The table stays in your DOM, so page CSS reaches components inside cells.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> styles\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">c-tag.tag-success::part(root) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  background-color: var(--c-success-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  color: var(--c-on-success-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  box-shadow: inset 0 0 0 1px var(--c-success);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">c-tag.tag-warning::part(root) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  background-color: var(--c-warning-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  color: var(--c-on-warning-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  box-shadow: inset 0 0 0 1px var(--c-warning);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">`\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Styling\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  return\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">styles\u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Service&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Status&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Owner&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Puhti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                  Running\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mahti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-warning\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                  Maintenance\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Allas&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> className\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                  Running\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">                &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">              &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">            &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">          &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CTable\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  );\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">};\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[29],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  ViewEncapsulation\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">} \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F\u002F The styles target ::part(), so they must apply globally.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  encapsulation\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\"> ViewEncapsulation\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">None\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;div>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;c-table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;thead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Service&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Status&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;th>Owner&#x3C;\u002Fth>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Fthead>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;tbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Puhti&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>&#x3C;c-tag class=\"tag-success\" flat>Running&#x3C;\u002Fc-tag>&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Anna Virtanen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Mahti&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>&#x3C;c-tag class=\"tag-warning\" flat>Maintenance&#x3C;\u002Fc-tag>&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Mikko Korhonen&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;tr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Allas&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>&#x3C;c-tag class=\"tag-success\" flat>Running&#x3C;\u002Fc-tag>&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">              &#x3C;td>Sara Niemi&#x3C;\u002Ftd>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">            &#x3C;\u002Ftr>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">          &#x3C;\u002Ftbody>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        &#x3C;\u002Ftable>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      &#x3C;\u002Fc-table>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    &#x3C;\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  styles\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      \u002F* The table stays in your DOM, so page CSS reaches components inside cells. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      c-tag.tag-success::part(root) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        background-color: var(--c-success-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        color: var(--c-on-success-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        box-shadow: inset 0 0 0 1px var(--c-success);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      c-tag.tag-warning::part(root) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        background-color: var(--c-warning-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        color: var(--c-on-warning-subtle);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        box-shadow: inset 0 0 0 1px var(--c-warning);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  ],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> StylingExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[31],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Service&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Status&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Owner&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">th\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">thead\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Puhti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Running&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Anna Virtanen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mahti&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-warning\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Maintenance&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Mikko Korhonen&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Allas&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"tag-success\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> flat\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Running&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">        &#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Sara Niemi&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">td\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tr\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">tbody\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  &#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-table\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A0A1A7;--shiki-light-font-style:italic;--shiki-dark:#7F848E;--shiki-dark-font-style:italic\">  \u002F* The table stays in your DOM, so page CSS reaches components inside cells. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">.tag-success\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">::part(root\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    background-color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-success-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-on-success-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    box-shadow: \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#D19A66\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 1\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E06C75\">px\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-success\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  c-tag\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">.tag-warning\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">::part(root\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    background-color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-warning-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    color: \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-on-warning-subtle\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    box-shadow: \u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#D19A66\">inset\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 1\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E06C75\">px\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> var\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">--c-warning\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">&#x3C;\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">style\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{},"\u003Cp>Write regular, semantic table markup: \u003Ccode>&lt;thead&gt;\u003C\u002Fcode> with \u003Ccode>&lt;th&gt;\u003C\u002Fcode> headers, \u003Ccode>&lt;tbody&gt;\u003C\u002Fcode> rows, optionally a \u003Ccode>&lt;tfoot&gt;\u003C\u002Fcode>. c-table styles it through a scoped stylesheet it installs once per page; it never takes the markup over, so rows added or removed by your framework are picked up automatically.\u003C\u002Fp>\n\u003Ch2>Responsive mode\u003C\u002Fh2>\n\u003Cp>With \u003Ccode>responsive\u003C\u002Fcode>, the table collapses into stacked cards when it is narrower than \u003Ccode>mobile-breakpoint\u003C\u002Fcode> (pixels, default 600). Each cell then shows a label cloned from its column header so the card stays readable without the header row.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Rows that should not receive labels (a full-width action row, a \u003Ccode>colspan\u003C\u002Fcode> summary) opt out with a \u003Ccode>no-mobile-labels\u003C\u002Fcode> attribute on the \u003Ccode>&lt;tr&gt;\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>The labels are real \u003Ccode>&lt;span class=&quot;c-table__mobile-label&quot;&gt;\u003C\u002Fcode> elements prepended into your cells, so your framework will see them. Label creation is idempotent, but if a keyed re-render replaces the cell elements, call the element's \u003Ccode>updateMobileLabels()\u003C\u002Fcode> method afterwards to restore them.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Styling\u003C\u002Fh2>\n\u003Cp>Cell content is yours to style: page CSS reaches everything inside the table, including \u003Ccode>::part()\u003C\u002Fcode> on nested components. The table's own defaults are applied at \u003Ccode>c-table &gt; table.c-table …\u003C\u002Fcode> specificity — to override one of them (say, cell padding), match that scope: \u003Ccode>c-table table.c-table td { padding: 8px; }\u003C\u002Fcode>.\u003C\u002Fp>\n",1788348227871]