/*
* Global button styling
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* Breakpoint debugging
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-chart-bar canvas {
  max-height: 400px;
}
@media (max-width: 782px) {
  .block-chart-bar canvas {
    max-block-size: 250px;
  }
}
.block-chart-bar .wp-block-table {
  margin-top: var(--wp--preset--spacing--normal);
}
.block-chart-bar .wp-block-table table thead th {
  vertical-align: bottom;
}
.block-chart-bar .wp-block-table table tbody tr {
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
}
.block-chart-bar .wp-block-table table tbody tr.highlight {
  background: var(--wp--preset--color--light-green);
}