gt pizza1

count: false

.panel1-the_chunk-auto[

```r
*pizza2
```
]
 
.panel2-the_chunk-auto[
<style>html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
}

#tuwuagbsll .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#tuwuagbsll .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#tuwuagbsll .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#tuwuagbsll .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#tuwuagbsll .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#tuwuagbsll .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#tuwuagbsll .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#tuwuagbsll .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#tuwuagbsll .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#tuwuagbsll .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#tuwuagbsll .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#tuwuagbsll .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#tuwuagbsll .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#tuwuagbsll .gt_from_md > :first-child {
  margin-top: 0;
}

#tuwuagbsll .gt_from_md > :last-child {
  margin-bottom: 0;
}

#tuwuagbsll .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#tuwuagbsll .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#tuwuagbsll .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#tuwuagbsll .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#tuwuagbsll .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#tuwuagbsll .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#tuwuagbsll .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#tuwuagbsll .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#tuwuagbsll .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#tuwuagbsll .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#tuwuagbsll .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#tuwuagbsll .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#tuwuagbsll .gt_left {
  text-align: left;
}

#tuwuagbsll .gt_center {
  text-align: center;
}

#tuwuagbsll .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#tuwuagbsll .gt_font_normal {
  font-weight: normal;
}

#tuwuagbsll .gt_font_bold {
  font-weight: bold;
}

#tuwuagbsll .gt_font_italic {
  font-style: italic;
}

#tuwuagbsll .gt_super {
  font-size: 65%;
}

#tuwuagbsll .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="tuwuagbsll" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right">4,932</td>
      <td class="gt_row gt_right">$102,339.00</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right">5,403</td>
      <td class="gt_row gt_right">$104,202.70</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right">4,057</td>
      <td class="gt_row gt_right">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right">28</td>
      <td class="gt_row gt_right">$1,006.60</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right">4,564</td>
      <td class="gt_row gt_right">$94,258.50</td>
    </tr>
  </tbody>
  
  
</table></div>
]

---
count: false

.panel1-the_chunk-auto[

```r
pizza2 %>%
* data_color(
*   columns = vars(sold, income),
*   colors = scales::col_numeric(
*     palette = paletteer::paletteer_d(
*       palette = "ggsci::red_material"
*     ) %>% as.character(),
*     domain = NULL
*   ),
*   alpha = 0.8
* )
```
]
 
.panel2-the_chunk-auto[
<style>html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
}

#gmqivvhzpl .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#gmqivvhzpl .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#gmqivvhzpl .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#gmqivvhzpl .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#gmqivvhzpl .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#gmqivvhzpl .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#gmqivvhzpl .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#gmqivvhzpl .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#gmqivvhzpl .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#gmqivvhzpl .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#gmqivvhzpl .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#gmqivvhzpl .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#gmqivvhzpl .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#gmqivvhzpl .gt_from_md > :first-child {
  margin-top: 0;
}

#gmqivvhzpl .gt_from_md > :last-child {
  margin-bottom: 0;
}

#gmqivvhzpl .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#gmqivvhzpl .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#gmqivvhzpl .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#gmqivvhzpl .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#gmqivvhzpl .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#gmqivvhzpl .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#gmqivvhzpl .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#gmqivvhzpl .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#gmqivvhzpl .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#gmqivvhzpl .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#gmqivvhzpl .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#gmqivvhzpl .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#gmqivvhzpl .gt_left {
  text-align: left;
}

#gmqivvhzpl .gt_center {
  text-align: center;
}

#gmqivvhzpl .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#gmqivvhzpl .gt_font_normal {
  font-weight: normal;
}

#gmqivvhzpl .gt_font_bold {
  font-weight: bold;
}

#gmqivvhzpl .gt_font_italic {
  font-style: italic;
}

#gmqivvhzpl .gt_super {
  font-size: 65%;
}

#gmqivvhzpl .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="gmqivvhzpl" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(195,38,37,0.8); color: #FFFFFF;">4,932</td>
      <td class="gt_row gt_right" style="background-color: rgba(185,30,30,0.8); color: #FFFFFF;">$102,339.00</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">5,403</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">$104,202.70</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(216,50,49,0.8); color: #FFFFFF;">4,057</td>
      <td class="gt_row gt_right" style="background-color: rgba(222,53,51,0.8); color: #FFFFFF;">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">28</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">$1,006.60</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(203,43,43,0.8); color: #FFFFFF;">4,564</td>
      <td class="gt_row gt_right" style="background-color: rgba(196,38,38,0.8); color: #FFFFFF;">$94,258.50</td>
    </tr>
  </tbody>
  
  
</table></div>
]

---
count: false

.panel1-the_chunk-auto[

#mobfefqrvn .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#mobfefqrvn .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#mobfefqrvn .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#mobfefqrvn .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#mobfefqrvn .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#mobfefqrvn .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#mobfefqrvn .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#mobfefqrvn .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#mobfefqrvn .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#mobfefqrvn .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#mobfefqrvn .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#mobfefqrvn .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#mobfefqrvn .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#mobfefqrvn .gt_from_md > :first-child {
  margin-top: 0;
}

#mobfefqrvn .gt_from_md > :last-child {
  margin-bottom: 0;
}

#mobfefqrvn .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#mobfefqrvn .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#mobfefqrvn .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#mobfefqrvn .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#mobfefqrvn .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#mobfefqrvn .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#mobfefqrvn .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#mobfefqrvn .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#mobfefqrvn .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#mobfefqrvn .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#mobfefqrvn .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#mobfefqrvn .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#mobfefqrvn .gt_left {
  text-align: left;
}

#mobfefqrvn .gt_center {
  text-align: center;
}

#mobfefqrvn .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#mobfefqrvn .gt_font_normal {
  font-weight: normal;
}

#mobfefqrvn .gt_font_bold {
  font-weight: bold;
}

#mobfefqrvn .gt_font_italic {
  font-style: italic;
}

#mobfefqrvn .gt_super {
  font-size: 65%;
}

#mobfefqrvn .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="mobfefqrvn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(195,38,37,0.8); color: #FFFFFF;">4,932</td>
      <td class="gt_row gt_right" style="background-color: rgba(185,30,30,0.8); color: #FFFFFF;">$102,339.00</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,932</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">—</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">5,403</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">$104,202.70</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">5,403</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">—</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(216,50,49,0.8); color: #FFFFFF;">4,057</td>
      <td class="gt_row gt_right" style="background-color: rgba(222,53,51,0.8); color: #FFFFFF;">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">28</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">$1,006.60</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,085</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">—</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(203,43,43,0.8); color: #FFFFFF;">4,564</td>
      <td class="gt_row gt_right" style="background-color: rgba(196,38,38,0.8); color: #FFFFFF;">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,564</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">—</td>
    </tr>
  </tbody>
  
  
</table></div>
]

---
count: false

.panel1-the_chunk-auto[

```r
pizza2 %>%
  data_color(
    columns = vars(sold, income),
    colors = scales::col_numeric(
      palette = paletteer::paletteer_d(
        palette = "ggsci::red_material"
      ) %>% as.character(),
      domain = NULL
    ),
    alpha = 0.8
  ) %>%
  summary_rows(
    groups = TRUE,
    columns = vars(sold),
    fns = list(TOTAL = "sum"),
    formatter = fmt_number,
    decimals = 0,
    use_seps = TRUE
  ) %>%
* summary_rows(
*   groups = TRUE,
*   columns = vars(income),
*   fns = list(TOTAL = "sum"),
*   formatter = fmt_currency,
*   currency = "USD"
* )
```
]
 
.panel2-the_chunk-auto[
<style>html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
}

#kqlxwfnces .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#kqlxwfnces .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#kqlxwfnces .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#kqlxwfnces .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#kqlxwfnces .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#kqlxwfnces .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#kqlxwfnces .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#kqlxwfnces .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#kqlxwfnces .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#kqlxwfnces .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#kqlxwfnces .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#kqlxwfnces .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#kqlxwfnces .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#kqlxwfnces .gt_from_md > :first-child {
  margin-top: 0;
}

#kqlxwfnces .gt_from_md > :last-child {
  margin-bottom: 0;
}

#kqlxwfnces .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#kqlxwfnces .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#kqlxwfnces .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#kqlxwfnces .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#kqlxwfnces .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#kqlxwfnces .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#kqlxwfnces .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#kqlxwfnces .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#kqlxwfnces .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#kqlxwfnces .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#kqlxwfnces .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#kqlxwfnces .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#kqlxwfnces .gt_left {
  text-align: left;
}

#kqlxwfnces .gt_center {
  text-align: center;
}

#kqlxwfnces .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#kqlxwfnces .gt_font_normal {
  font-weight: normal;
}

#kqlxwfnces .gt_font_bold {
  font-weight: bold;
}

#kqlxwfnces .gt_font_italic {
  font-style: italic;
}

#kqlxwfnces .gt_super {
  font-size: 65%;
}

#kqlxwfnces .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="kqlxwfnces" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(195,38,37,0.8); color: #FFFFFF;">4,932</td>
      <td class="gt_row gt_right" style="background-color: rgba(185,30,30,0.8); color: #FFFFFF;">$102,339.00</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,932</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$102,339.00</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">5,403</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">$104,202.70</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">5,403</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$104,202.70</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(216,50,49,0.8); color: #FFFFFF;">4,057</td>
      <td class="gt_row gt_right" style="background-color: rgba(222,53,51,0.8); color: #FFFFFF;">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">28</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">$1,006.60</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,085</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$75,525.10</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(203,43,43,0.8); color: #FFFFFF;">4,564</td>
      <td class="gt_row gt_right" style="background-color: rgba(196,38,38,0.8); color: #FFFFFF;">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,564</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$94,258.50</td>
    </tr>
  </tbody>
  
  
</table></div>
]

---
count: false

.panel1-the_chunk-auto[

```r
pizza2 %>%
  data_color(
    columns = vars(sold, income),
    colors = scales::col_numeric(
      palette = paletteer::paletteer_d(
        palette = "ggsci::red_material"
      ) %>% as.character(),
      domain = NULL
    ),
    alpha = 0.8
  ) %>%
  summary_rows(
    groups = TRUE,
    columns = vars(sold),
    fns = list(TOTAL = "sum"),
    formatter = fmt_number,
    decimals = 0,
    use_seps = TRUE
  ) %>%
  summary_rows(
    groups = TRUE,
    columns = vars(income),
    fns = list(TOTAL = "sum"),
    formatter = fmt_currency,
    currency = "USD"
  ) %>%
* grand_summary_rows(
*   columns = vars(sold),
*   fns = list(`GRAND TOTAL` = "sum"),
*   formatter = fmt_number,
*   decimals = 0,
*   use_seps = TRUE
* )
```
]
 
.panel2-the_chunk-auto[
<style>html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
}

#lrlhegtxgg .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#lrlhegtxgg .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#lrlhegtxgg .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#lrlhegtxgg .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#lrlhegtxgg .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#lrlhegtxgg .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#lrlhegtxgg .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#lrlhegtxgg .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#lrlhegtxgg .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#lrlhegtxgg .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#lrlhegtxgg .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#lrlhegtxgg .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#lrlhegtxgg .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#lrlhegtxgg .gt_from_md > :first-child {
  margin-top: 0;
}

#lrlhegtxgg .gt_from_md > :last-child {
  margin-bottom: 0;
}

#lrlhegtxgg .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#lrlhegtxgg .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#lrlhegtxgg .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#lrlhegtxgg .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#lrlhegtxgg .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#lrlhegtxgg .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#lrlhegtxgg .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#lrlhegtxgg .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#lrlhegtxgg .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#lrlhegtxgg .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#lrlhegtxgg .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#lrlhegtxgg .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#lrlhegtxgg .gt_left {
  text-align: left;
}

#lrlhegtxgg .gt_center {
  text-align: center;
}

#lrlhegtxgg .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#lrlhegtxgg .gt_font_normal {
  font-weight: normal;
}

#lrlhegtxgg .gt_font_bold {
  font-weight: bold;
}

#lrlhegtxgg .gt_font_italic {
  font-style: italic;
}

#lrlhegtxgg .gt_super {
  font-size: 65%;
}

#lrlhegtxgg .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="lrlhegtxgg" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(195,38,37,0.8); color: #FFFFFF;">4,932</td>
      <td class="gt_row gt_right" style="background-color: rgba(185,30,30,0.8); color: #FFFFFF;">$102,339.00</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,932</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$102,339.00</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">5,403</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">$104,202.70</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">5,403</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$104,202.70</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(216,50,49,0.8); color: #FFFFFF;">4,057</td>
      <td class="gt_row gt_right" style="background-color: rgba(222,53,51,0.8); color: #FFFFFF;">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">28</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">$1,006.60</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,085</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$75,525.10</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(203,43,43,0.8); color: #FFFFFF;">4,564</td>
      <td class="gt_row gt_right" style="background-color: rgba(196,38,38,0.8); color: #FFFFFF;">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,564</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_grand_summary_row gt_first_grand_summary_row">GRAND TOTAL</td>
      <td class="gt_row gt_right gt_grand_summary_row gt_first_grand_summary_row">18,984</td>
      <td class="gt_row gt_right gt_grand_summary_row gt_first_grand_summary_row">—</td>
    </tr>
  </tbody>
  
  
</table></div>
]

---
count: false

.panel1-the_chunk-auto[

```r
pizza2 %>%
  data_color(
    columns = vars(sold, income),
    colors = scales::col_numeric(
      palette = paletteer::paletteer_d(
        palette = "ggsci::red_material"
      ) %>% as.character(),
      domain = NULL
    ),
    alpha = 0.8
  ) %>%
  summary_rows(
    groups = TRUE,
    columns = vars(sold),
    fns = list(TOTAL = "sum"),
    formatter = fmt_number,
    decimals = 0,
    use_seps = TRUE
  ) %>%
  summary_rows(
    groups = TRUE,
    columns = vars(income),
    fns = list(TOTAL = "sum"),
    formatter = fmt_currency,
    currency = "USD"
  ) %>%
  grand_summary_rows(
    columns = vars(sold),
    fns = list(`GRAND TOTAL` = "sum"),
    formatter = fmt_number,
    decimals = 0,
    use_seps = TRUE
  )  ->
*pizza3; pizza3
```
]
 
.panel2-the_chunk-auto[
<style>html {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', 'Fira Sans', 'Droid Sans', Arial, sans-serif;
}

#lsxdmzclgn .gt_table {
  display: table;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  background-color: #FFFFFF;
  width: auto;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #A8A8A8;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #A8A8A8;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
}

#lsxdmzclgn .gt_heading {
  background-color: #FFFFFF;
  text-align: center;
  border-bottom-color: #FFFFFF;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#lsxdmzclgn .gt_title {
  color: #333333;
  font-size: 125%;
  font-weight: initial;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 0;
}

#lsxdmzclgn .gt_subtitle {
  color: #333333;
  font-size: 85%;
  font-weight: initial;
  padding-top: 0;
  padding-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 0;
}

#lsxdmzclgn .gt_bottom_border {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#lsxdmzclgn .gt_col_headings {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
}

#lsxdmzclgn .gt_col_heading {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 5px;
  padding-right: 5px;
  overflow-x: hidden;
}

#lsxdmzclgn .gt_column_spanner_outer {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: normal;
  text-transform: inherit;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

#lsxdmzclgn .gt_column_spanner_outer:first-child {
  padding-left: 0;
}

#lsxdmzclgn .gt_column_spanner_outer:last-child {
  padding-right: 0;
}

#lsxdmzclgn .gt_column_spanner {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: bottom;
  padding-top: 5px;
  padding-bottom: 6px;
  overflow-x: hidden;
  display: inline-block;
  width: 100%;
}

#lsxdmzclgn .gt_group_heading {
  padding: 8px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
}

#lsxdmzclgn .gt_empty_group_heading {
  padding: 0.5px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  vertical-align: middle;
}

#lsxdmzclgn .gt_from_md > :first-child {
  margin-top: 0;
}

#lsxdmzclgn .gt_from_md > :last-child {
  margin-bottom: 0;
}

#lsxdmzclgn .gt_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 1px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 1px;
  border-right-color: #D3D3D3;
  vertical-align: middle;
  overflow-x: hidden;
}

#lsxdmzclgn .gt_stub {
  color: #333333;
  background-color: #FFFFFF;
  font-size: 100%;
  font-weight: initial;
  text-transform: inherit;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
  padding-left: 12px;
}

#lsxdmzclgn .gt_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#lsxdmzclgn .gt_first_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
}

#lsxdmzclgn .gt_grand_summary_row {
  color: #333333;
  background-color: #FFFFFF;
  text-transform: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

#lsxdmzclgn .gt_first_grand_summary_row {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border-top-style: double;
  border-top-width: 6px;
  border-top-color: #D3D3D3;
}

#lsxdmzclgn .gt_striped {
  background-color: rgba(128, 128, 128, 0.05);
}

#lsxdmzclgn .gt_table_body {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #D3D3D3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
}

#lsxdmzclgn .gt_footnotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#lsxdmzclgn .gt_footnote {
  margin: 0px;
  font-size: 90%;
  padding: 4px;
}

#lsxdmzclgn .gt_sourcenotes {
  color: #333333;
  background-color: #FFFFFF;
  border-bottom-style: none;
  border-bottom-width: 2px;
  border-bottom-color: #D3D3D3;
  border-left-style: none;
  border-left-width: 2px;
  border-left-color: #D3D3D3;
  border-right-style: none;
  border-right-width: 2px;
  border-right-color: #D3D3D3;
}

#lsxdmzclgn .gt_sourcenote {
  font-size: 90%;
  padding: 4px;
}

#lsxdmzclgn .gt_left {
  text-align: left;
}

#lsxdmzclgn .gt_center {
  text-align: center;
}

#lsxdmzclgn .gt_right {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

#lsxdmzclgn .gt_font_normal {
  font-weight: normal;
}

#lsxdmzclgn .gt_font_bold {
  font-weight: bold;
}

#lsxdmzclgn .gt_font_italic {
  font-style: italic;
}

#lsxdmzclgn .gt_super {
  font-size: 65%;
}

#lsxdmzclgn .gt_footnote_marks {
  font-style: italic;
  font-size: 65%;
}
</style>
<div id="lsxdmzclgn" style="overflow-x:auto;overflow-y:auto;width:auto;height:auto;"><table class="gt_table">
  <thead class="gt_header">
    <tr>
      <th colspan="3" class="gt_heading gt_title gt_font_normal" style>🍕 Pizzas Sold in 2015 🍕</th>
    </tr>
    <tr>
      <th colspan="3" class="gt_heading gt_subtitle gt_font_normal gt_bottom_border" style></th>
    </tr>
  </thead>
  <thead class="gt_col_headings">
    <tr>
      <th class="gt_col_heading gt_columns_bottom_border gt_left" rowspan="1" colspan="1"></th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">sold</th>
      <th class="gt_col_heading gt_columns_bottom_border gt_right" rowspan="1" colspan="1">income</th>
    </tr>
  </thead>
  <tbody class="gt_table_body">
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas with chicken as a major ingredient)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(195,38,37,0.8); color: #FFFFFF;">4,932</td>
      <td class="gt_row gt_right" style="background-color: rgba(185,30,30,0.8); color: #FFFFFF;">$102,339.00</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,932</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$102,339.00</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">chicken (pizzas without any meats whatsoever)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">5,403</td>
      <td class="gt_row gt_right" style="background-color: rgba(183,28,28,0.8); color: #FFFFFF;">$104,202.70</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">5,403</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$104,202.70</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">classic (classical pizzas)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(216,50,49,0.8); color: #FFFFFF;">4,057</td>
      <td class="gt_row gt_right" style="background-color: rgba(222,53,51,0.8); color: #FFFFFF;">$74,518.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">XXL</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">28</td>
      <td class="gt_row gt_right" style="background-color: rgba(255,235,238,0.8); color: #000000;">$1,006.60</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,085</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$75,525.10</td>
    </tr>
    <tr class="gt_group_heading_row">
      <td colspan="3" class="gt_group_heading">supreme (pizzas that try a little harder)</td>
    </tr>
    <tr>
      <td class="gt_row gt_left gt_stub">L</td>
      <td class="gt_row gt_right" style="background-color: rgba(203,43,43,0.8); color: #FFFFFF;">4,564</td>
      <td class="gt_row gt_right" style="background-color: rgba(196,38,38,0.8); color: #FFFFFF;">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_summary_row gt_first_summary_row">TOTAL</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">4,564</td>
      <td class="gt_row gt_right gt_summary_row gt_first_summary_row">$94,258.50</td>
    </tr>
    <tr>
      <td class="gt_row gt_stub gt_right gt_grand_summary_row gt_first_grand_summary_row">GRAND TOTAL</td>
      <td class="gt_row gt_right gt_grand_summary_row gt_first_grand_summary_row">18,984</td>
      <td class="gt_row gt_right gt_grand_summary_row gt_first_grand_summary_row">—</td>
    </tr>
  </tbody>
  
  
</table></div>
]

@media print {
  .has-continuation {
    display: block;
  }
}

code.r.hljs.remark-code{
  position: relative;
  overflow-x: hidden;
}

code.r.hljs.remark-code:hover{
  overflow-x:visible;
  width: 500px;
  border-style: solid;
}
</style>