/* src/styles.less */
/* src/assets/css/main.less */
img {
  max-width: 100%;
  max-height: 100vh;
}
highcharts-chart {
  width: 99%;
  display: block;
  padding-bottom: 4%;
  margin-bottom: 2%;
}
highcharts-chart.hc-map,
highcharts-chart.info-gauge {
  padding-bottom: 0;
  margin-bottom: 0;
}
.hc-container {
  width: 100%;
  display: block;
}
.dashboard-container {
}
.dashboard-container a:link,
.dashboard-container a:active,
.dashboard-container a:visited {
  color: #0096d7;
  text-decoration: none;
}
.dashboard-container a:hover {
  text-decoration: underline;
  color: #0096d7;
}
.dashboard-container .eia-chart-manual-subtitle {
  margin-top: 10px;
  fill: #888;
  color: #888;
  font-size: 12px;
  font-family:
    Arial,
    Verdana,
    Helvetica,
    sans-serif;
  font-weight: bold;
}
.dashboard-container .dashboard .eia-dashboard-header-values {
  font-weight: bold;
}
.dashboard-container .left {
  float: left;
}
.dashboard-container .right {
  float: right;
}
.dashboard-container hr {
  margin: -2px 0 1.45em 0;
  background: #0096d7;
  display: inline-block;
}
.dashboard-container .page-nav {
  min-height: 30px;
  margin-top: 20px;
}
.dashboard-container .page-nav a {
  color: #0096d7;
  text-decoration: none;
}
.dashboard-container .page-nav a:hover {
  text-decoration: underline;
}
.dashboard-container .page-nav .left-nav {
  list-style: none;
  margin-left: 22px;
}
.dashboard-container .page-nav .left-nav li {
  float: left;
  background-color: transparent;
  padding: 10px 10px 10px 10px;
  text-transform: uppercase;
}
.dashboard-container .page-nav .left-nav li.active {
  border: 1px solid #0096d7;
  border-bottom: none;
  margin-bottom: 1px;
  position: relative;
}
.dashboard-container .page-nav .left-nav li.active a {
  margin-top: -1px;
}
.dashboard-container .page-nav .right-nav a {
  padding: 10px 10px 10px 10px;
  float: left;
}
.dashboard-container .top-data {
  margin-bottom: 22px;
  width: 100%;
}
.dashboard-container .top-data .data {
  margin-right: 6px;
}
.dashboard-container .top-data .change.positive::before {
  content: " ";
  height: 18px;
  width: 15px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-up-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%229%207.8%205%201%201%207.8%203.4%207.8%203.4%2011%206.6%2011%206.6%207.8%209%207.8%22%20fill%3D%22%23513C7A%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .top-data .change.negative::before {
  content: " ";
  height: 18px;
  width: 15px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-down-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%221%204.2%205%2011%209%204.2%206.6%204.2%206.6%201%203.4%201%203.4%204.2%201%204.2%22%20fill%3D%22%235d9732%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .top-data .indicator-units {
  font-size: 70%;
  margin-left: 4px;
}
.dashboard-container .top-data .date {
  font-size: 85%;
  color: #666666;
}
.dashboard-container hr.divider {
  background: transparent;
  border-top: 1px dashed #cccccc;
  display: block;
  width: auto;
}
.dashboard-container .secondary ul li ul li.sub-list {
  list-style: none;
  margin-top: 0px;
}
.dashboard-container .l-row.dashboard-tabSubtext {
}
.dashboard-container .l-row.dashboard-tabSubtext .data {
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 4px;
  align-items: baseline;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.price {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-price%22%3E%3Cpath%20d%3D%22M15.9,4.3a11,11,0,0,1,2.9.9l-.4,2.7a13.4,13.4,0,0,0-3-1.2l-.7,4.7c3.2,1.1,4.8,2.5,4.8,5.3s-2.4,5.1-6.2,5.1h-.1l-.5,3.1-1.8-.4.5-2.8a18,18,0,0,1-3.9-1.2l.4-2.7a11.9,11.9,0,0,0,4,1.4l.8-5.3C9.5,12.8,8,11.7,8,8.9s2.2-4.8,5.8-4.8h.3l.3-2,1.8.4Zm-2.8,6.6.7-4.4h-.3c-1.9,0-2.7.8-2.7,2.1S11.3,10.3,13.1,10.9Zm1.1,3.5-.7,4.9h0c2.1,0,3.1-.8,3.1-2.3S16.2,15.1,14.2,14.4Z%22%20fill%3D%22%23ffffff%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #92A753;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.electricity {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-electricity%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2042%22%3E%3Cpolygon%20id%3D%22icon-electricity-2%22%20data-name%3D%22icon-electricity%22%20points%3D%229.09%2023.35%2018.42%2023.93%2010.24%2041.62%2030.91%2016.5%2021.27%2016.03%2026.93%200.38%209.09%2023.35%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #ffc702;
  background-size: 75%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.exclamation {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-exclamation%22%3E%3Cpath%20d%3D%22M11.3,22.8a1.8,1.8,0,0,1,.7-1.5,1.8,1.8,0,0,1,1.5-.7,1.8,1.8,0,0,1,1.5.7,2.2,2.2,0,0,1,0,3,2.4,2.4,0,0,1-1.5.6,2,2,0,0,1-1.5-.6A1.8,1.8,0,0,1,11.3,22.8Zm1.2-4.2-1.7-12a13.6,13.6,0,0,1-.1-1.8c0-1.8.9-2.7,2.8-2.7s2.8.8,2.8,2.4a19.1,19.1,0,0,1-.2,2L14.5,18.6Z%22%20fill%3D%22%23ffffff%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #DE611C;
  background-size: 75%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.submit-checkmark {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-submit-checkmark%22%3E%3Cpolyline%20points%3D%223.5%2013.6%2010.5%2020.6%2023.6%207.5%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%225%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
  background-position: center center;
  border-radius: 100%;
  background-color: #5d9732;
  background-size: 65%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.peak-load {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-line-up%22%3E%3Cg%20id%3D%22Path_2452%22%20data-name%3D%22Path%202452%22%3E%3Cpolyline%20points%3D%2219.2%2010.4%2015.4%2018.1%209.8%2014.1%205%2022.2%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3Cpolygon%20points%3D%2214.8%209.6%2022%204.8%2022.5%2013.4%2014.8%209.6%22%20fill%3D%22%23ffffff%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #006997;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.natural-gas {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-natural-gas%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2042%22%3E%3Cpath%20id%3D%22icon-natural-gas-2%22%20data-name%3D%22icon-natural-gas%22%20d%3D%22M26.46,1.68a2.25,2.25,0,0,0,.2-0.37s0,0-.07.07a2.28,2.28,0,0,0-.14.24c0,0.09,0,.11,0,0.07a0.7,0.7,0,0,1,.75-0.41,0.84,0.84,0,0,1,.68.54,1.19,1.19,0,0,1-.24,1,8,8,0,0,0-.58,1,10.75,10.75,0,0,0-1,4.29,13.27,13.27,0,0,0,.44,4.32A30.33,30.33,0,0,0,28,16.58q0.82,1.84,1.84,3.88a36,36,0,0,1,1.77,4.18A22.75,22.75,0,0,1,32.61,29a10.13,10.13,0,0,1-.31,4.29,8.82,8.82,0,0,1-1.94,3.47,11.59,11.59,0,0,1-3.16,2.52,9.34,9.34,0,0,1-3.61,1.16l-0.85,0a5,5,0,0,1-1,0,4.13,4.13,0,0,1-1-.24,0.91,0.91,0,0,1-.58-0.58,1.11,1.11,0,0,1,.07-0.85,5.67,5.67,0,0,1,.54-0.92l0.68-1A4.12,4.12,0,0,0,22,36a7.79,7.79,0,0,0,.48-4.22,6.14,6.14,0,0,0-.75-2.38q-0.61-1.09-1.29-2.11a24,24,0,0,1-1.26-2.11,6.45,6.45,0,0,1-.71-2.38q-0.75.75-1.6,1.7a13.12,13.12,0,0,0-1.5,2,10,10,0,0,0-1,2.21,3.66,3.66,0,0,0,0,2.21,7,7,0,0,0,1.09,2q0.75,1,1.39,2a7.42,7.42,0,0,1,.92,2,2.75,2.75,0,0,1-.34,2.11,3.31,3.31,0,0,1-1.33,1.19,3.81,3.81,0,0,1-1.67.38,6,6,0,0,1-1.77-.27,5.53,5.53,0,0,1-1.57-.75,7.24,7.24,0,0,1-2.35-2.62,11.84,11.84,0,0,1-1.19-3.37,13.9,13.9,0,0,1-.17-4.25,18.36,18.36,0,0,1,1-4.29,24.86,24.86,0,0,1,1.87-4,25.77,25.77,0,0,1,2.41-3.5q1.77-2.11,3.64-4.08t3.57-4.08q0.82-1,1.6-2t1.67-2q0.82-1,1.77-1.87A9.43,9.43,0,0,0,26.46,1.68Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #0096d7;
  background-size: 70%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.nuclear {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-nuclear%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2044%22%3E%3Cpath%20d%3D%22M23.32,15.73A43.07,43.07,0,0,1,32.73,23c1.82,1.91,4,4.59,3.92,7.38,0,3.14-4.44,3-6.56,2.76-4.55-.45-9-2.42-12.93-4.59A40.9,40.9,0,0,1,7.25,21c-1.87-2-4.13-4.79-3.89-7.67,0.26-3.08,5-2.65,7.08-2.4,4.61,0.58,9.07,2.63,13.07,4.9,0.87,0.49,2-1,1-1.58-4.62-2.62-9.73-4.79-15.08-5.16C6.74,8.9,3,9.43,1.85,12.26s0.59,5.8,2.22,8c2.91,3.92,7.06,6.93,11.22,9.38A36.92,36.92,0,0,0,30,34.86c2.82,0.28,6.52-.12,8-2.93,1.36-2.6-.33-5.69-1.83-7.81-2.77-3.93-6.85-6.95-10.91-9.41l-0.6-.35c-0.86-.5-2.3.83-1.37,1.37%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M16.46,15.9A39.46,39.46,0,0,1,29,11.1c2.19-.39,6.76-0.87,7.66,1.93,0.79,2.44-1.75,5.48-3.16,7.14a38.41,38.41,0,0,1-10,7.92A38.1,38.1,0,0,1,11,32.89c-2.19.39-6.76,0.87-7.66-1.93-0.79-2.44,1.75-5.48,3.17-7.14a38.39,38.39,0,0,1,10-7.92c0.9-.53-0.06-2.24-1-1.71A39,39,0,0,0,4.25,23.54c-1.7,2.18-3.33,5.15-2.42,8S6.26,35.11,8.92,35c5.25-.21,10.33-2.33,14.89-4.82a39.2,39.2,0,0,0,11.62-9.35c1.81-2.22,3.51-5.14,2.8-8.09S33.93,9,31.28,9c-5,0-10.05,2.15-14.43,4.46l-1.35.75c-0.91.51,0,2.23,1,1.71%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M23.14,22A3.15,3.15,0,1,1,20,18.84,3.15,3.15,0,0,1,23.14,22%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M27.19,21.65a40.33,40.33,0,0,1-2,12.86c-0.84,2.45-2.31,5.61-5,6.43-3,.91-4.75-3.75-5.49-5.76a38.19,38.19,0,0,1-1.94-12.84,38.92,38.92,0,0,1,2-12.86c0.84-2.45,2.31-5.61,5-6.43,3-.91,4.75,3.75,5.49,5.76a38.23,38.23,0,0,1,1.94,12.84c0,0.66,1.65,1.64,1.64.68A38.46,38.46,0,0,0,26.24,7.72c-1.09-2.6-2.87-5.26-5.69-6.12s-5,1.91-6.18,4c-2.27,4.12-2.94,9.12-3.17,13.74a42.22,42.22,0,0,0,1.81,15c0.91,2.84,2.54,6.28,5.38,7.65,7.29,3.51,9.74-10.46,10.2-14.68a49.54,49.54,0,0,0,.25-5c0-.67-1.63-1.65-1.64-0.68%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #a33340;
  background-size: 75%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.petroleum {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-petroleum%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20id%3D%22icon-petroleum-2%22%20data-name%3D%22icon-petroleum%22%20d%3D%22M20,2.46a47.2,47.2,0,0,1,4.9.24,26.16,26.16,0,0,1,4,.7,11.33,11.33,0,0,1,2.69,1,1.58,1.58,0,0,1,1,1.24,1.58,1.58,0,0,1-1,1.24,11.38,11.38,0,0,1-2.69,1,26,26,0,0,1-4,.7,46.65,46.65,0,0,1-4.9.24,46.61,46.61,0,0,1-4.9-.24,26,26,0,0,1-4-.7,11.39,11.39,0,0,1-2.69-1,1.58,1.58,0,0,1-1-1.24,1.58,1.58,0,0,1,1-1.24,11.34,11.34,0,0,1,2.69-1,26.07,26.07,0,0,1,4-.7A47.17,47.17,0,0,1,20,2.46ZM8.27,9.3a24.25,24.25,0,0,0,5.29,1.39,40.37,40.37,0,0,0,6.32.48,43,43,0,0,0,6.32-.45A21.25,21.25,0,0,0,31.49,9.3v8.47A1.66,1.66,0,0,1,32.58,19a1.51,1.51,0,0,1-1,1.15,10.74,10.74,0,0,1-2.69.94,33,33,0,0,1-4,.64,46.94,46.94,0,0,1-4.9.24,46.9,46.9,0,0,1-4.9-.24,32.85,32.85,0,0,1-4-.64,10.75,10.75,0,0,1-2.69-.94,1.51,1.51,0,0,1-1-1.15,1.35,1.35,0,0,1,.85-1.09V9.3ZM31.49,22.42V33.37a1.66,1.66,0,0,1,1.09,1.21,1.51,1.51,0,0,1-1,1.15,10.81,10.81,0,0,1-2.69.94,33,33,0,0,1-4,.63,46.68,46.68,0,0,1-4.9.24,46.65,46.65,0,0,1-4.9-.24,32.88,32.88,0,0,1-4-.63,10.82,10.82,0,0,1-2.69-.94,1.51,1.51,0,0,1-1-1.15,1.46,1.46,0,0,1,.85-1.09V22.42a24.19,24.19,0,0,0,5.29,1.39,40.12,40.12,0,0,0,6.32.48,43.05,43.05,0,0,0,6.32-.45A21.21,21.21,0,0,0,31.49,22.42Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #bd732a;
  background-size: 70%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.ng-flows {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20id%3D%22Layer_11%22%20data-name%3D%22Layer%2011%22%3E%3Cpath%20d%3D%22M9,12.3h4.7l.5-.4,3.1-3.6.5-.6H9V1.5L.5,10l8.4,8.3a.1.1,0,0,1,.1-.1Z%22%20fill%3D%22%235d9732%22/%3E%3Cpath%20d%3D%22M26.5,8.3h0a9.3,9.3,0,0,0,.4,3.3,1.4,1.4,0,0,0,.2.7H32v6.2L40.5,10,32,1.5V7.7H26.6a1.3,1.3,0,0,0-.1.6Z%22%20fill%3D%22%235d9732%22/%3E%3Cpath%20d%3D%22M25.1,2H25c0,.1-.1.1-.1.2h0C25,2.2,25.1,2.1,25.1,2Z%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M29.5,23.3a25.4,25.4,0,0,0-1.6-3.8c-.6-1.2-1.1-2.4-1.6-3.5a29.2,29.2,0,0,1-1.4-3.8,13.6,13.6,0,0,1-.4-4,12.4,12.4,0,0,1,.9-3.9c.2-.2.3-.5.6-.9a1,1,0,0,0,.2-.9.6.6,0,0,0-.6-.5h-.1a.7.7,0,0,0-.6.3h0a11.5,11.5,0,0,1-1.4,1.7L21.8,5.9a14.3,14.3,0,0,0-1.5,1.8L18.9,9.5l-3.3,3.7L12.3,17a19.9,19.9,0,0,0-2.2,3.2,16.9,16.9,0,0,0-1.7,3.6,13.8,13.8,0,0,0-.9,3.9,12.6,12.6,0,0,0,.1,3.9,11.5,11.5,0,0,0,1.1,3.1,7.2,7.2,0,0,0,2.2,2.4,6.1,6.1,0,0,0,1.4.7l1.6.2a4,4,0,0,0,1.5-.3,3.2,3.2,0,0,0,1.2-1.1,2.4,2.4,0,0,0,.3-2,4.8,4.8,0,0,0-.8-1.8L14.8,31a8.7,8.7,0,0,1-1-1.9,3.4,3.4,0,0,1,0-2,8.8,8.8,0,0,1,.9-2,13.3,13.3,0,0,1,1.4-1.9l1.5-1.5a5.5,5.5,0,0,0,.6,2.2l1.2,1.9a11.8,11.8,0,0,1,1.1,1.9,5.7,5.7,0,0,1,.7,2.2,7,7,0,0,1-.4,3.8,5.9,5.9,0,0,1-.4.8l-.7.8-.5.9a.9.9,0,0,0,0,.7c.1.3.2.5.5.6l.9.2h1.7a8.6,8.6,0,0,0,3.3-1.1,10.1,10.1,0,0,0,2.9-2.3,7.9,7.9,0,0,0,1.7-3.1,8.6,8.6,0,0,0,.3-3.9A18,18,0,0,0,29.5,23.3Z%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M24.9,2.3h0%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #0096d7;
  background-size: 70%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.electricity-outages {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2210.1%2022.1%2019%2022.7%2011.2%2039.6%2031%2015.5%2021.8%2015.1%2027.2%200.1%2010.1%2022.1%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M26.1,5.9l-.6,1.9A13.1,13.1,0,0,1,34,20a13.2,13.2,0,0,1-4.1,9.5L11.5,11.1a13.1,13.1,0,0,1,9-4.1l1.6-1.9H21a15,15,0,0,0-7.8,27.8l.9-1.8A12.9,12.9,0,0,1,8,20a12.4,12.4,0,0,1,2.3-7.3l18,18A12.4,12.4,0,0,1,21,33a12.7,12.7,0,0,1-2.8-.3l-1.4,1.7A14.2,14.2,0,0,0,21,35a15.6,15.6,0,0,0,8.8-2.8l.3-.3A14.8,14.8,0,0,0,36,20,15,15,0,0,0,26.1,5.9Z%22%20fill%3D%22%23cccccc%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #ffc702;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.electricity-interchange {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-electricity-imports%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2237.2%2020.3%2030.7%207.5%2017.9%2014%2024.8%2016.3%2019.5%2033.4%2025%2035.1%2030.2%2018.1%2037.2%2020.3%22%20fill%3D%22%23ffffff%22/%3E%3Cpolygon%20points%3D%222.8%2016.4%209.2%2029.3%2022.1%2022.8%2015.1%2020.5%2020.4%203.4%2015%201.6%209.7%2018.7%202.8%2016.4%22%20fill%3D%22%23ffffff%22/%3E%3Cg%20id%3D%22icon-electricity-2%22%3E%3Cpolygon%20points%3D%2227.1%200.1%2010%2022.1%2018.9%2022.7%2011.1%2039.6%2030.9%2015.5%2021.7%2015.1%2027.1%200.1%22%20fill%3D%22%23ffffff%22/%3E%3Cpolyline%20points%3D%2224%205.7%2020.7%2014.8%2020.3%2016%2021.6%2016%2028.9%2016.3%2015.3%2033%2019.8%2023.1%2020.5%2021.8%2019%2021.8%2011.9%2021.2%2024%205.7%22%20fill%3D%22%23ffc702%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #ffc702;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.overview-winter-icon {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2232.3%2021.3%2027.3%2031.5%2019.9%2026.2%2013.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2226.5%2020.3%2036%2014%2036.7%2025.4%2026.5%2020.3%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M22,14.2l-3.7.9L16.5,14V11.1L18.4,10,22,11l.3-.9-2.7-.8,1.9-1L21,7.4l-1.9,1,.8-2.7-1-.2-1,3.6L16,10.2,13.5,8.7V6.5l2.6-2.6-.7-.8-1.9,2V3h-1V5.1l-2-2-.7.8,2.7,2.6V8.7L10,10.2,8.1,9l-1-3.6-.9.2.7,2.7L5,7.2l-.5.9L6.4,9.2l-2.8.7.3.9,3.7-.9L9.5,11v2.9L7.5,15,3.9,14l-.3.9,2.7.8-1.9,1,.5.9,1.9-1L6,19.3l1,.2,1-3.6,1.9-1.1,2.6,1.5v2.2L9.8,21.1l.7.8,2-2V22h1V19.9l1.9,2,.7-.8-2.6-2.6V16.3l2.4-1.5L17.8,16l1,3.6.9-.2L19,16.7l1.9,1.1.5-.9-1.8-1.1,2.7-.7Zm-6.5-.8L14,12.5l1.5-.8ZM15,10.8l-1.5.8V9.9Zm-2.5-.9v1.7L11,10.8Zm-2,1.7,1.5.9-1.5.8Zm.4,2.6,1.6-.8v1.7Zm2.6.9V13.4l1.4.8Z%22%20fill%3D%22%235d9732%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #0096d7;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.overview-summer-icon {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2233.3%2021.3%2028.3%2031.5%2020.9%2026.2%2014.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2227.5%2020.3%2037%2014%2037.7%2025.4%2027.5%2020.3%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M19.4,15.2h-.1l3.5,5.8-6.1-3.4h0l-1.6,6.7-2-6.7h.1l-6,3.7,3.4-6.2h.1V15h0L3.9,13.4l6.8-1.9h0L7.1,5.6,13.2,9h0l1.7-6.7L16.8,9h.1l5.8-3.5-3.3,6v.2L26,13.3ZM15,17.4a4.1,4.1,0,0,0,1.6-.3,3.8,3.8,0,0,0,1.3-.9,3.8,3.8,0,0,0,.9-1.3,4.1,4.1,0,0,0,.3-1.6,4.5,4.5,0,0,0-.3-1.6,3.4,3.4,0,0,0-.9-1.2,3.8,3.8,0,0,0-1.3-.9A4.1,4.1,0,0,0,15,9.3a3.7,3.7,0,0,0-1.5.3,3,3,0,0,0-1.3.9,3.4,3.4,0,0,0-.9,1.2,4.5,4.5,0,0,0-.3,1.6,4.1,4.1,0,0,0,.3,1.6,3.8,3.8,0,0,0,.9,1.3,3,3,0,0,0,1.3.9A3.7,3.7,0,0,0,15,17.4ZM15,10a3.2,3.2,0,0,1,3.4,3.3,3,3,0,0,1-1,2.4,3,3,0,0,1-2.4,1,2.9,2.9,0,0,1-2.3-1,3,3,0,0,1-1-2.4,3.3,3.3,0,0,1,1-2.4A3.2,3.2,0,0,1,15,10Z%22%20fill%3D%22%235d9732%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #ffc702;
  background-size: 80%;
  display: block;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.forecasted-peak-load {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-line-up%22%3E%3Cg%20id%3D%22Path_2452%22%20data-name%3D%22Path%202452%22%3E%3Cpolyline%20points%3D%2219.2%2010.4%2015.4%2018.1%209.8%2014.1%205%2022.2%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-dasharray%3D%224%203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3Cpolygon%20points%3D%2214.8%209.6%2022%204.8%2022.5%2013.4%2014.8%209.6%22%20fill%3D%22%23ffffff%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #0096d7;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.yesterday-peak-load {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2239.2%2028.9%2038.5%2018.9%2030.2%2024.5%2033.1%2025.9%2030.2%2031.7%2023.8%2027.2%2017.3%2038.2%2020.3%2040%2024.9%2032.2%2031.5%2036.9%2036.2%2027.5%2039.2%2028.9%22%20fill%3D%22%23ffffff%22/%3E%3Cpolygon%20points%3D%229.8%2020.3%200%2030.1%209.8%2039.9%209.8%2032.8%2018%2032.8%2021.2%2027.4%209.8%2027.4%209.8%2020.3%22%20fill%3D%22%235d9732%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #006997;
  background-size: 80%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.round-down-arrow {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-down-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%221%204.2%205%2011%209%204.2%206.6%204.2%206.6%201%203.4%201%203.4%204.2%201%204.2%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #513C7A;
  background-size: 62%;
  background-position-y: 55%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.round-up-arrow {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-up-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%229%207.8%205%201%201%207.8%203.4%207.8%203.4%2011%206.6%2011%206.6%207.8%209%207.8%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
  border-radius: 100%;
  background-color: #5d9732;
  background-size: 62%;
}
.dashboard-container .l-row.dashboard-tabSubtext .ico.no-change {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  border-radius: 100%;
  background-color: #cccccc;
  background-size: 70%;
}
.dashboard-container .overview-infographic.divider {
  border-style: solid;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data {
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .indicator-bar-container .ico.peak-load {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-line-up%22%3E%3Cg%20id%3D%22Path_2452%22%20data-name%3D%22Path%202452%22%3E%3Cpolyline%20points%3D%2219.2%2010.4%2015.4%2018.1%209.8%2014.1%205%2022.2%22%20fill%3D%22none%22%20stroke%3D%22%239f94b6%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3Cpolygon%20points%3D%2214.8%209.6%2022%204.8%2022.5%2013.4%2014.8%209.6%22%20fill%3D%22%239f94b6%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  background-size: 99%;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .indicator-bar-container .ico.forecasted-peak-load {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-line-up%22%3E%3Cg%20id%3D%22Path_2452%22%20data-name%3D%22Path%202452%22%3E%3Cpolyline%20points%3D%2219.2%2010.4%2015.4%2018.1%209.8%2014.1%205%2022.2%22%20fill%3D%22none%22%20stroke%3D%22%23453368%22%20stroke-dasharray%3D%224%203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22/%3E%3Cpolygon%20points%3D%2214.8%209.6%2022%204.8%2022.5%2013.4%2014.8%209.6%22%20fill%3D%22%23453368%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  background-size: 99%;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col {
  padding: 4px 0px 10px 0px;
  width: 100%;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .ico {
  margin-left: 0px;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .ico.electricity {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-electricity%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2042%22%3E%3Cpolygon%20id%3D%22icon-electricity-2%22%20data-name%3D%22icon-electricity%22%20points%3D%229.09%2023.35%2018.42%2023.93%2010.24%2041.62%2030.91%2016.5%2021.27%2016.03%2026.93%200.38%209.09%2023.35%22%20fill%3D%22%236b598e%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .ico.exclamation {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-exclamation%22%3E%3Cpath%20d%3D%22M11.3,22.8a1.8,1.8,0,0,1,.7-1.5,1.8,1.8,0,0,1,1.5-.7,1.8,1.8,0,0,1,1.5.7,2.2,2.2,0,0,1,0,3,2.4,2.4,0,0,1-1.5.6,2,2,0,0,1-1.5-.6A1.8,1.8,0,0,1,11.3,22.8Zm1.2-4.2-1.7-12a13.6,13.6,0,0,1-.1-1.8c0-1.8.9-2.7,2.8-2.7s2.8.8,2.8,2.4a19.1,19.1,0,0,1-.2,2L14.5,18.6Z%22%20fill%3D%22%23DE611C%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .ico.submit-checkmark {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-submit-checkmark%22%3E%3Cpolyline%20points%3D%223.5%2013.6%2010.5%2020.6%2023.6%207.5%22%20fill%3D%22none%22%20stroke%3D%22%235d9732%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%225%22/%3E%3C/g%3E%3C/svg%3E) no-repeat;
  background-position: center center;
  background-size: 90%;
  background-position: center bottom;
}
.dashboard-container .overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators {
  border-right: none;
}
.dashboard-container .overview-infographic-title {
  font-size: 16px;
}
.dashboard-container .overview-infographic .date {
  font-size: 85%;
  color: #666666;
}
.dashboard-container .overview-infographic .indicator-bar-container {
  width: 220px;
  height: 272px;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-demand-label {
  display: flex;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-demand-label text,
.dashboard-container .overview-infographic .indicator-bar-container .indicator-demand-label tspan {
  fill: #333333;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-demand-label text.date,
.dashboard-container .overview-infographic .indicator-bar-container .indicator-demand-label tspan.date {
  fill: #666666;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label {
  display: flex;
  margin-top: 10px;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label text,
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label tspan {
  fill: #333333;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label text.date,
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label tspan.date {
  fill: #666666;
}
.dashboard-container .overview-infographic .indicator-bar-container .indicator-forecast-label .indicator-forecast-icon {
  width: 30px;
  height: 30px;
  stroke: #453368;
}
.dashboard-container .overview-infographic .indicator-demand-fill {
  fill: #9f94b6;
}
.dashboard-container .overview-infographic .indicator-demand-outline {
  stroke: #6b598e;
  stroke-width: 1;
  fill: none;
}
.dashboard-container .overview-infographic .indicator-forecast-line {
  stroke: #453368;
}
.dashboard-container .overview-infographic .indicator-units {
  font-size: 70%;
  margin-left: 4px;
}
.dashboard-container .l-row .chart-title {
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  margin: 10px;
}
.dashboard-container .l-row .chart-title + img {
  margin: 0px 10px 0px 10px;
  padding-bottom: 20px;
  max-width: 98%;
}
.dashboard-container .l-row .l-full-width-col.svg-map {
  padding-bottom: 20px;
}
.dashboard-container .l-row .l-full-width-col {
  padding: 0;
}
.dashboard-container .l-row .page-nav.visual-toggle {
  margin-top: 0px;
  min-height: 20px;
  margin-bottom: 0px;
}
.dashboard-container .l-row .page-nav.visual-toggle.map-toggle {
  border-top: 1px dashed #cccccc;
  padding-top: 2%;
  margin-bottom: 8%;
}
.dashboard-container .l-row .page-nav.visual-toggle .left {
  margin-bottom: 10px;
}
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav {
  margin-left: 0px;
  clear: right;
}
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav li {
  font-size: 9pt;
  padding: 4px 8px 4px 8px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav li.active,
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav li:hover {
  border: none;
  background-color: #0096d7;
}
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav li.active a,
.dashboard-container .l-row .page-nav.visual-toggle .left .left-nav li:hover a {
  cursor: pointer;
  color: #ffffff;
}
.dashboard-container .l-row .l-two-col > div,
.dashboard-container .l-row .l-two-col .outerChartContainer {
  margin-bottom: 22px;
}
.dashboard-container .l-row .l-two-col > img {
  max-width: 95%;
}
.dashboard-container .l-row .l-two-col .controls {
  clear: left;
  padding-top: 6px;
}
.dashboard-container .l-row .l-two-col .controls button {
  background: none;
  border: none;
  color: #b2b2b2;
  cursor: pointer;
  position: relative;
  left: 46%;
}
.dashboard-container .l-row .l-two-col .controls button:focus {
  outline: none;
}
.dashboard-container .l-row .l-two-col .controls button:hover {
  text-decoration: underline;
  color: #0096d7;
}
.dashboard-container .l-row .l-two-col .controls .play::before {
  content: " ";
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-play%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20points%3D%221.8%2012.9%2012.2%207%201.8%201.1%201.8%2012.9%22%20fill%3D%22%23b2b2b2%22/%3E%3C/svg%3E) no-repeat center center;
  margin-right: 2px;
}
.dashboard-container .l-row .l-two-col .controls .play.active,
.dashboard-container .l-row .l-two-col .controls .play:hover {
  color: #0096d7;
}
.dashboard-container .l-row .l-two-col .controls .play.active::before,
.dashboard-container .l-row .l-two-col .controls .play:hover::before {
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-play%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20points%3D%221.8%2012.9%2012.2%207%201.8%201.1%201.8%2012.9%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .l-row .l-two-col .controls .pause::before {
  content: " ";
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-pause%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20x%3D%222.1%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%23b2b2b2%22/%3E%3Crect%20x%3D%228.6%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%23b2b2b2%22/%3E%3C/svg%3E) no-repeat center center;
  margin-right: 2px;
}
.dashboard-container .l-row .l-two-col .controls .pause.active,
.dashboard-container .l-row .l-two-col .controls .pause:hover {
  color: #0096d7;
}
.dashboard-container .l-row .l-two-col .controls .pause.active::before,
.dashboard-container .l-row .l-two-col .controls .pause:hover::before {
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-pause%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20x%3D%222.1%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%230096d7%22/%3E%3Crect%20x%3D%228.6%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .l-row .l-two-col .controls .reset::before {
  content: " ";
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-replay%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M7,10.7A3.7,3.7,0,1,1,9.3,4.2L7.5,5.7l4.8,0.7V1.6L10.6,3.1a5.4,5.4,0,1,0,1.5,5.8l-1.7-.3A3.7,3.7,0,0,1,7,10.7Z%22%20fill%3D%22%23b2b2b2%22/%3E%3C/svg%3E) no-repeat center center;
  margin-right: 2px;
}
.dashboard-container .l-row .l-two-col .controls .reset.active,
.dashboard-container .l-row .l-two-col .controls .reset:hover {
  color: #0096d7;
}
.dashboard-container .l-row .l-two-col .controls .reset.active::before,
.dashboard-container .l-row .l-two-col .controls .reset:hover::before {
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-replay%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M7,10.7A3.7,3.7,0,1,1,9.3,4.2L7.5,5.7l4.8,0.7V1.6L10.6,3.1a5.4,5.4,0,1,0,1.5,5.8l-1.7-.3A3.7,3.7,0,0,1,7,10.7Z%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
}
.dashboard-container .l-row .l-two-col .heatmap {
  height: 342px;
  clear: left;
}
.dashboard-container .l-row .l-two-col .heatmap h2 {
  font-family:
    arial,
    helvetica,
    sans-serif;
  font-weight: bold;
}
.dashboard-container .l-row .l-two-col:nth-of-type(2) {
  padding-right: 0;
}
@media (min-width: 320px) {
  .l-row .l-two-col {
    width: 100%;
  }
  .dashboard-container hr.divider,
  .mat-dialog-container hr.divider {
    margin: 0px 12px 22px 12px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext,
  .mat-dialog-container .l-row.dashboard-tabSubtext {
    margin-bottom: 0px;
    padding: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .ico,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .ico,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .ico,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .ico {
    top: 20px;
    width: 40px;
    height: 40px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div {
    padding-left: 65px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div.highcharts-container,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div.highcharts-container,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div.highcharts-container,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div.highcharts-container {
    padding-left: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .data,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .data,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .data,
  .mat-dialog-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .data {
    display: inline-block;
    padding-left: 20px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col,
  .mat-dialog-container .l-row.dashboard-tabSubtext .l-narrow-col {
    padding: 10px 0px 22px 0px;
    width: 100%;
    border-bottom: 1px dashed #cccccc;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col:last-child,
  .mat-dialog-container .l-row.dashboard-tabSubtext .l-narrow-col:last-child {
    border-bottom: none;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col:first-child,
  .mat-dialog-container .l-row.dashboard-tabSubtext .l-narrow-col:first-child {
    padding-top: 0;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col.l-flex-double.indicators,
  .mat-dialog-container .l-row.dashboard-tabSubtext .l-narrow-col.l-flex-double.indicators {
    max-width: 100%;
    border-left: none;
    padding: 12px 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data {
    padding: 0px 12px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico {
    margin-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-price%22%3E%3Cpath%20d%3D%22M15.9,4.3a11,11,0,0,1,2.9.9l-.4,2.7a13.4,13.4,0,0,0-3-1.2l-.7,4.7c3.2,1.1,4.8,2.5,4.8,5.3s-2.4,5.1-6.2,5.1h-.1l-.5,3.1-1.8-.4.5-2.8a18,18,0,0,1-3.9-1.2l.4-2.7a11.9,11.9,0,0,0,4,1.4l.8-5.3C9.5,12.8,8,11.7,8,8.9s2.2-4.8,5.8-4.8h.3l.3-2,1.8.4Zm-2.8,6.6.7-4.4h-.3c-1.9,0-2.7.8-2.7,2.1S11.3,10.3,13.1,10.9Zm1.1,3.5-.7,4.9h0c2.1,0,3.1-.8,3.1-2.3S16.2,15.1,14.2,14.4Z%22%20fill%3D%22%2392A753%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price-divider,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price-divider,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price-divider,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price-divider {
    content: " ";
    height: 36px;
    width: 36px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-price%22%3E%3Cpath%20d%3D%22M15.9,4.3a11,11,0,0,1,2.9.9l-.4,2.7a13.4,13.4,0,0,0-3-1.2l-.7,4.7c3.2,1.1,4.8,2.5,4.8,5.3s-2.4,5.1-6.2,5.1h-.1l-.5,3.1-1.8-.4.5-2.8a18,18,0,0,1-3.9-1.2l.4-2.7a11.9,11.9,0,0,0,4,1.4l.8-5.3C9.5,12.8,8,11.7,8,8.9s2.2-4.8,5.8-4.8h.3l.3-2,1.8.4Zm-2.8,6.6.7-4.4h-.3c-1.9,0-2.7.8-2.7,2.1S11.3,10.3,13.1,10.9Zm1.1,3.5-.7,4.9h0c2.1,0,3.1-.8,3.1-2.3S16.2,15.1,14.2,14.4Z%22%20fill%3D%22%2392A753%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    border: 1.5px solid #92A753;
    background-color: #ffffff;
    background-size: 96%;
    border-radius: 100%;
    display: block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.natural-gas,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.natural-gas,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.natural-gas,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.natural-gas {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-natural-gas%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2042%22%3E%3Cpath%20id%3D%22icon-natural-gas-2%22%20data-name%3D%22icon-natural-gas%22%20d%3D%22M26.46,1.68a2.25,2.25,0,0,0,.2-0.37s0,0-.07.07a2.28,2.28,0,0,0-.14.24c0,0.09,0,.11,0,0.07a0.7,0.7,0,0,1,.75-0.41,0.84,0.84,0,0,1,.68.54,1.19,1.19,0,0,1-.24,1,8,8,0,0,0-.58,1,10.75,10.75,0,0,0-1,4.29,13.27,13.27,0,0,0,.44,4.32A30.33,30.33,0,0,0,28,16.58q0.82,1.84,1.84,3.88a36,36,0,0,1,1.77,4.18A22.75,22.75,0,0,1,32.61,29a10.13,10.13,0,0,1-.31,4.29,8.82,8.82,0,0,1-1.94,3.47,11.59,11.59,0,0,1-3.16,2.52,9.34,9.34,0,0,1-3.61,1.16l-0.85,0a5,5,0,0,1-1,0,4.13,4.13,0,0,1-1-.24,0.91,0.91,0,0,1-.58-0.58,1.11,1.11,0,0,1,.07-0.85,5.67,5.67,0,0,1,.54-0.92l0.68-1A4.12,4.12,0,0,0,22,36a7.79,7.79,0,0,0,.48-4.22,6.14,6.14,0,0,0-.75-2.38q-0.61-1.09-1.29-2.11a24,24,0,0,1-1.26-2.11,6.45,6.45,0,0,1-.71-2.38q-0.75.75-1.6,1.7a13.12,13.12,0,0,0-1.5,2,10,10,0,0,0-1,2.21,3.66,3.66,0,0,0,0,2.21,7,7,0,0,0,1.09,2q0.75,1,1.39,2a7.42,7.42,0,0,1,.92,2,2.75,2.75,0,0,1-.34,2.11,3.31,3.31,0,0,1-1.33,1.19,3.81,3.81,0,0,1-1.67.38,6,6,0,0,1-1.77-.27,5.53,5.53,0,0,1-1.57-.75,7.24,7.24,0,0,1-2.35-2.62,11.84,11.84,0,0,1-1.19-3.37,13.9,13.9,0,0,1-.17-4.25,18.36,18.36,0,0,1,1-4.29,24.86,24.86,0,0,1,1.87-4,25.77,25.77,0,0,1,2.41-3.5q1.77-2.11,3.64-4.08t3.57-4.08q0.82-1,1.6-2t1.67-2q0.82-1,1.77-1.87A9.43,9.43,0,0,0,26.46,1.68Z%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.nuclear,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.nuclear,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.nuclear,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.nuclear {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-nuclear%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2044%22%3E%3Cpath%20d%3D%22M23.32,15.73A43.07,43.07,0,0,1,32.73,23c1.82,1.91,4,4.59,3.92,7.38,0,3.14-4.44,3-6.56,2.76-4.55-.45-9-2.42-12.93-4.59A40.9,40.9,0,0,1,7.25,21c-1.87-2-4.13-4.79-3.89-7.67,0.26-3.08,5-2.65,7.08-2.4,4.61,0.58,9.07,2.63,13.07,4.9,0.87,0.49,2-1,1-1.58-4.62-2.62-9.73-4.79-15.08-5.16C6.74,8.9,3,9.43,1.85,12.26s0.59,5.8,2.22,8c2.91,3.92,7.06,6.93,11.22,9.38A36.92,36.92,0,0,0,30,34.86c2.82,0.28,6.52-.12,8-2.93,1.36-2.6-.33-5.69-1.83-7.81-2.77-3.93-6.85-6.95-10.91-9.41l-0.6-.35c-0.86-.5-2.3.83-1.37,1.37%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M16.46,15.9A39.46,39.46,0,0,1,29,11.1c2.19-.39,6.76-0.87,7.66,1.93,0.79,2.44-1.75,5.48-3.16,7.14a38.41,38.41,0,0,1-10,7.92A38.1,38.1,0,0,1,11,32.89c-2.19.39-6.76,0.87-7.66-1.93-0.79-2.44,1.75-5.48,3.17-7.14a38.39,38.39,0,0,1,10-7.92c0.9-.53-0.06-2.24-1-1.71A39,39,0,0,0,4.25,23.54c-1.7,2.18-3.33,5.15-2.42,8S6.26,35.11,8.92,35c5.25-.21,10.33-2.33,14.89-4.82a39.2,39.2,0,0,0,11.62-9.35c1.81-2.22,3.51-5.14,2.8-8.09S33.93,9,31.28,9c-5,0-10.05,2.15-14.43,4.46l-1.35.75c-0.91.51,0,2.23,1,1.71%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M23.14,22A3.15,3.15,0,1,1,20,18.84,3.15,3.15,0,0,1,23.14,22%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M27.19,21.65a40.33,40.33,0,0,1-2,12.86c-0.84,2.45-2.31,5.61-5,6.43-3,.91-4.75-3.75-5.49-5.76a38.19,38.19,0,0,1-1.94-12.84,38.92,38.92,0,0,1,2-12.86c0.84-2.45,2.31-5.61,5-6.43,3-.91,4.75,3.75,5.49,5.76a38.23,38.23,0,0,1,1.94,12.84c0,0.66,1.65,1.64,1.64.68A38.46,38.46,0,0,0,26.24,7.72c-1.09-2.6-2.87-5.26-5.69-6.12s-5,1.91-6.18,4c-2.27,4.12-2.94,9.12-3.17,13.74a42.22,42.22,0,0,0,1.81,15c0.91,2.84,2.54,6.28,5.38,7.65,7.29,3.51,9.74-10.46,10.2-14.68a49.54,49.54,0,0,0,.25-5c0-.67-1.63-1.65-1.64-0.68%22%20fill%3D%22%23b1525d%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.ng-flows,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.ng-flows,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.ng-flows,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.ng-flows {
    content: " ";
    height: 40px;
    width: 50px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20id%3D%22Layer_11%22%20data-name%3D%22Layer%2011%22%3E%3Cpath%20d%3D%22M9,12.3h4.7l.5-.4,3.1-3.6.5-.6H9V1.5L.5,10l8.4,8.3a.1.1,0,0,1,.1-.1Z%22%20fill%3D%22%23cccccc%22/%3E%3Cpath%20d%3D%22M26.5,8.3h0a9.3,9.3,0,0,0,.4,3.3,1.4,1.4,0,0,0,.2.7H32v6.2L40.5,10,32,1.5V7.7H26.6a1.3,1.3,0,0,0-.1.6Z%22%20fill%3D%22%23cccccc%22/%3E%3Cpath%20d%3D%22M25.1,2H25c0,.1-.1.1-.1.2h0C25,2.2,25.1,2.1,25.1,2Z%22%20fill%3D%22%230096d7%22/%3E%3Cpath%20d%3D%22M29.5,23.3a25.4,25.4,0,0,0-1.6-3.8c-.6-1.2-1.1-2.4-1.6-3.5a29.2,29.2,0,0,1-1.4-3.8,13.6,13.6,0,0,1-.4-4,12.4,12.4,0,0,1,.9-3.9c.2-.2.3-.5.6-.9a1,1,0,0,0,.2-.9.6.6,0,0,0-.6-.5h-.1a.7.7,0,0,0-.6.3h0a11.5,11.5,0,0,1-1.4,1.7L21.8,5.9a14.3,14.3,0,0,0-1.5,1.8L18.9,9.5l-3.3,3.7L12.3,17a19.9,19.9,0,0,0-2.2,3.2,16.9,16.9,0,0,0-1.7,3.6,13.8,13.8,0,0,0-.9,3.9,12.6,12.6,0,0,0,.1,3.9,11.5,11.5,0,0,0,1.1,3.1,7.2,7.2,0,0,0,2.2,2.4,6.1,6.1,0,0,0,1.4.7l1.6.2a4,4,0,0,0,1.5-.3,3.2,3.2,0,0,0,1.2-1.1,2.4,2.4,0,0,0,.3-2,4.8,4.8,0,0,0-.8-1.8L14.8,31a8.7,8.7,0,0,1-1-1.9,3.4,3.4,0,0,1,0-2,8.8,8.8,0,0,1,.9-2,13.3,13.3,0,0,1,1.4-1.9l1.5-1.5a5.5,5.5,0,0,0,.6,2.2l1.2,1.9a11.8,11.8,0,0,1,1.1,1.9,5.7,5.7,0,0,1,.7,2.2,7,7,0,0,1-.4,3.8,5.9,5.9,0,0,1-.4.8l-.7.8-.5.9a.9.9,0,0,0,0,.7c.1.3.2.5.5.6l.9.2h1.7a8.6,8.6,0,0,0,3.3-1.1,10.1,10.1,0,0,0,2.9-2.3,7.9,7.9,0,0,0,1.7-3.1,8.6,8.6,0,0,0,.3-3.9A18,18,0,0,0,29.5,23.3Z%22%20fill%3D%22%230096d7%22/%3E%3Cpath%20d%3D%22M24.9,2.3h0%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    left: -3px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-outages,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-outages,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-outages,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-outages {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2210.1%2022.1%2019%2022.7%2011.2%2039.6%2031%2015.5%2021.8%2015.1%2027.2%200.1%2010.1%2022.1%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M26.1,5.9l-.6,1.9A13.1,13.1,0,0,1,34,20a13.2,13.2,0,0,1-4.1,9.5L11.5,11.1a13.1,13.1,0,0,1,9-4.1l1.6-1.9H21a15,15,0,0,0-7.8,27.8l.9-1.8A12.9,12.9,0,0,1,8,20a12.4,12.4,0,0,1,2.3-7.3l18,18A12.4,12.4,0,0,1,21,33a12.7,12.7,0,0,1-2.8-.3l-1.4,1.7A14.2,14.2,0,0,0,21,35a15.6,15.6,0,0,0,8.8-2.8l.3-.3A14.8,14.8,0,0,0,36,20,15,15,0,0,0,26.1,5.9Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-interchange,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-interchange,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-interchange,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-interchange {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-electricity-imports%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2237.2%2020.3%2030.7%207.5%2017.9%2014%2024.8%2016.3%2019.5%2033.4%2025%2035.1%2030.2%2018.1%2037.2%2020.3%22%20fill%3D%22%23d9d9d9%22/%3E%3Cpolygon%20points%3D%222.8%2016.4%209.2%2029.3%2022.1%2022.8%2015.1%2020.5%2020.4%203.4%2015%201.6%209.7%2018.7%202.8%2016.4%22%20fill%3D%22%23d9d9d9%22/%3E%3Cg%20id%3D%22icon-electricity-2%22%3E%3Cpolygon%20points%3D%2227.1%200.1%2010%2022.1%2018.9%2022.7%2011.1%2039.6%2030.9%2015.5%2021.7%2015.1%2027.1%200.1%22%20fill%3D%22%236b598e%22/%3E%3Cpolyline%20points%3D%2224%205.7%2020.7%2014.8%2020.3%2016%2021.6%2016%2028.9%2016.3%2015.3%2033%2019.8%2023.1%2020.5%2021.8%2019%2021.8%2011.9%2021.2%2024%205.7%22%20fill%3D%22%236b598e%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-winter-icon,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-winter-icon,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-winter-icon,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-winter-icon {
    content: " ";
    height: 40px;
    width: 40px;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2232.3%2021.3%2027.3%2031.5%2019.9%2026.2%2013.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%236b598e%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2226.5%2020.3%2036%2014%2036.7%2025.4%2026.5%2020.3%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M22,14.2l-3.7.9L16.5,14V11.1L18.4,10,22,11l.3-.9-2.7-.8,1.9-1L21,7.4l-1.9,1,.8-2.7-1-.2-1,3.6L16,10.2,13.5,8.7V6.5l2.6-2.6-.7-.8-1.9,2V3h-1V5.1l-2-2-.7.8,2.7,2.6V8.7L10,10.2,8.1,9l-1-3.6-.9.2.7,2.7L5,7.2l-.5.9L6.4,9.2l-2.8.7.3.9,3.7-.9L9.5,11v2.9L7.5,15,3.9,14l-.3.9,2.7.8-1.9,1,.5.9,1.9-1L6,19.3l1,.2,1-3.6,1.9-1.1,2.6,1.5v2.2L9.8,21.1l.7.8,2-2V22h1V19.9l1.9,2,.7-.8-2.6-2.6V16.3l2.4-1.5L17.8,16l1,3.6.9-.2L19,16.7l1.9,1.1.5-.9-1.8-1.1,2.7-.7Zm-6.5-.8L14,12.5l1.5-.8ZM15,10.8l-1.5.8V9.9Zm-2.5-.9v1.7L11,10.8Zm-2,1.7,1.5.9-1.5.8Zm.4,2.6,1.6-.8v1.7Zm2.6.9V13.4l1.4.8Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
    display: inline-block;
    background-size: 96%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-summer-icon,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-summer-icon,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-summer-icon,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-summer-icon {
    content: " ";
    height: 40px;
    width: 40px;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2233.3%2021.3%2028.3%2031.5%2020.9%2026.2%2014.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%236b598e%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2227.5%2020.3%2037%2014%2037.7%2025.4%2027.5%2020.3%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M19.4,15.2h-.1l3.5,5.8-6.1-3.4h0l-1.6,6.7-2-6.7h.1l-6,3.7,3.4-6.2h.1V15h0L3.9,13.4l6.8-1.9h0L7.1,5.6,13.2,9h0l1.7-6.7L16.8,9h.1l5.8-3.5-3.3,6v.2L26,13.3ZM15,17.4a4.1,4.1,0,0,0,1.6-.3,3.8,3.8,0,0,0,1.3-.9,3.8,3.8,0,0,0,.9-1.3,4.1,4.1,0,0,0,.3-1.6,4.5,4.5,0,0,0-.3-1.6,3.4,3.4,0,0,0-.9-1.2,3.8,3.8,0,0,0-1.3-.9A4.1,4.1,0,0,0,15,9.3a3.7,3.7,0,0,0-1.5.3,3,3,0,0,0-1.3.9,3.4,3.4,0,0,0-.9,1.2,4.5,4.5,0,0,0-.3,1.6,4.1,4.1,0,0,0,.3,1.6,3.8,3.8,0,0,0,.9,1.3,3,3,0,0,0,1.3.9A3.7,3.7,0,0,0,15,17.4ZM15,10a3.2,3.2,0,0,1,3.4,3.3,3,3,0,0,1-1,2.4,3,3,0,0,1-2.4,1,2.9,2.9,0,0,1-2.3-1,3,3,0,0,1-1-2.4,3.3,3.3,0,0,1,1-2.4A3.2,3.2,0,0,1,15,10Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
    display: inline-block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.yesterday-peak-load,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.yesterday-peak-load,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.yesterday-peak-load,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.yesterday-peak-load {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2239.2%2028.9%2038.5%2018.9%2030.2%2024.5%2033.1%2025.9%2030.2%2031.7%2023.8%2027.2%2017.3%2038.2%2020.3%2040%2024.9%2032.2%2031.5%2036.9%2036.2%2027.5%2039.2%2028.9%22%20fill%3D%22%236b598e%22/%3E%3Cpolygon%20points%3D%229.8%2020.3%200%2030.1%209.8%2039.9%209.8%2032.8%2018%2032.8%2021.2%2027.4%209.8%2027.4%209.8%2020.3%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col {
    padding: 4px 0px 22px 0px;
    border-top: 1px dashed #cccccc;
    width: 100%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .ico,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .ico,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .ico,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .ico {
    top: 20px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col div,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col div,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col div,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col div {
    padding-left: 65px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .data,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .data,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .data,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .data {
    display: inline-block;
    padding-left: 25px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status {
    max-width: 100%;
    padding-bottom: 0px;
    border-bottom: 1px dashed #6b598e;
    display: flex;
    flex-direction: column-reverse;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col:first-child,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col:first-child {
    min-height: auto;
    border-top: 1px dashed #cccccc;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicator-bar,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicator-bar {
    border: none;
    padding: 0px 0px 22px 22px;
    max-width: 100%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col {
    padding: 12px 0px 22px 0px;
    border-top: 1px dashed #cccccc;
    border-left: none;
    width: 100%;
    display: flex;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col:first-child,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col:first-child {
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col > div:first-child,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col > div:first-child {
    padding-right: 25px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread {
    flex-wrap: wrap;
    padding: 12px 12px 22px 12px;
    justify-content: center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label {
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 12px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label h2,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label h2,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label div,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-label div {
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-price,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-price {
    text-align: right;
    padding: 0px 6px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-price .data,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-price .data {
    margin: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider::before,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider::before {
    content: " ";
    width: 2px;
    height: 100%;
    border-left: 1.5px solid #92A753;
    display: block;
    position: relative;
    float: left;
    left: 50.5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider .ico.price-divider,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider .ico.price-divider {
    margin: 0px;
    position: relative;
    top: 15%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider + .spark-price,
  .mat-dialog-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.sparkspread .spark-divider + .spark-price {
    text-align: left;
  }
  .dashboard-container .page-nav .left .left-nav,
  .mat-dialog-container .page-nav .left .left-nav {
    padding-left: 0px;
  }
  .dashboard-container .chart-header,
  .mat-dialog-container .chart-header {
    justify-content: left;
    display: flex;
    width: 100%;
    border-top: 1px solid #333333;
    padding-top: 4%;
  }
  .dashboard-container .chart-frequency,
  .mat-dialog-container .chart-frequency {
    width: 50%;
    padding-left: 2.3%;
    color: #cccccc;
  }
  .dashboard-container .chart-menu,
  .mat-dialog-container .chart-menu {
    display: flex;
    justify-content: flex-end;
    padding-right: 3%;
    width: 50%;
    position: sticky;
    z-index: 800;
  }
  .dashboard-container .chart-menu ul,
  .mat-dialog-container .chart-menu ul {
    list-style: none;
    padding-left: 0px;
  }
  .dashboard-container .chart-menu ul li,
  .mat-dialog-container .chart-menu ul li {
    padding: 4px 0px;
  }
  .dashboard-container .chart-menu .ico,
  .mat-dialog-container .chart-menu .ico {
    display: inline-block;
    cursor: pointer;
    font-size: 0px;
    padding-left: 6px;
  }
  .dashboard-container .chart-menu .ico.info:before,
  .mat-dialog-container .chart-menu .ico.info:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20id%3D%22icon-info%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%23333333%22%20stroke-miterlimit%3D%2210%22/%3E%3Cpath%20d%3D%22M8.17,6V9.3a1,1,0,0,0,.12.56A.85.85,0,0,0,8.9,10v.57H5.61V10h.12c.31,0,.5,0,.58-.16a.93.93,0,0,0,.12-.55V7.7a1,1,0,0,0-.12-.56C6.23,7,6,7,5.73,7H5.61V6.42ZM6.36,4.14a.93.93,0,0,1,.28-.68.94.94,0,0,1,.68-.29A.91.91,0,0,1,8,3.46a.91.91,0,0,1,.28.68A.94.94,0,0,1,8,4.83a.94.94,0,0,1-1.37,0A1,1,0,0,1,6.36,4.14Z%22%20fill%3D%22%23333333%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    content: " ";
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    top: 0px;
  }
  .dashboard-container .chart-menu .ico.info:hover:before,
  .mat-dialog-container .chart-menu .ico.info:hover:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20id%3D%22icon-info%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%226%22%20fill%3D%22none%22%20stroke%3D%22%230096d7%22%20stroke-miterlimit%3D%2210%22/%3E%3Cpath%20d%3D%22M8.17,6V9.3a1,1,0,0,0,.12.56A.85.85,0,0,0,8.9,10v.57H5.61V10h.12c.31,0,.5,0,.58-.16a.93.93,0,0,0,.12-.55V7.7a1,1,0,0,0-.12-.56C6.23,7,6,7,5.73,7H5.61V6.42ZM6.36,4.14a.93.93,0,0,1,.28-.68.94.94,0,0,1,.68-.29A.91.91,0,0,1,8,3.46a.91.91,0,0,1,.28.68A.94.94,0,0,1,8,4.83a.94.94,0,0,1-1.37,0A1,1,0,0,1,6.36,4.14Z%22%20fill%3D%22%230096d7%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .chart-menu .ico.full-screen:before,
  .mat-dialog-container .chart-menu .ico.full-screen:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20id%3D%22icon-full-screen%22%20data-name%3D%22icon-full-screen%22%3E%3Cpolygon%20points%3D%223.2%2010.9%201.2%2010.9%201.2%201.7%2010%201.7%2010%203.7%203.2%203.7%203.2%2010.9%22%20fill%3D%22%23333333%22/%3E%3Cpolygon%20points%3D%2210%2025.6%201.2%2025.6%201.2%2016.8%203.2%2016.8%203.2%2023.6%2010%2023.6%2010%2025.6%22%20fill%3D%22%23333333%22/%3E%3Cpolygon%20points%3D%2226.6%2025.6%2017%2025.6%2017%2023.6%2024.6%2023.6%2024.6%2016.8%2026.6%2016.8%2026.6%2025.6%22%20fill%3D%22%23333333%22/%3E%3Cpolygon%20points%3D%2226.6%2010.9%2024.6%2010.9%2024.6%203.7%2017%203.7%2017%201.7%2026.6%201.7%2026.6%2010.9%22%20fill%3D%22%23333333%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    content: " ";
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
  }
  .dashboard-container .chart-menu .ico.full-screen:hover:before,
  .mat-dialog-container .chart-menu .ico.full-screen:hover:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cg%20id%3D%22icon-full-screen%22%20data-name%3D%22icon-full-screen%22%3E%3Cpolygon%20points%3D%223.2%2010.9%201.2%2010.9%201.2%201.7%2010%201.7%2010%203.7%203.2%203.7%203.2%2010.9%22%20fill%3D%22%230096d7%22/%3E%3Cpolygon%20points%3D%2210%2025.6%201.2%2025.6%201.2%2016.8%203.2%2016.8%203.2%2023.6%2010%2023.6%2010%2025.6%22%20fill%3D%22%230096d7%22/%3E%3Cpolygon%20points%3D%2226.6%2025.6%2017%2025.6%2017%2023.6%2024.6%2023.6%2024.6%2016.8%2026.6%2016.8%2026.6%2025.6%22%20fill%3D%22%230096d7%22/%3E%3Cpolygon%20points%3D%2226.6%2010.9%2024.6%2010.9%2024.6%203.7%2017%203.7%2017%201.7%2026.6%201.7%2026.6%2010.9%22%20fill%3D%22%230096d7%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .chart-menu .ico.download:before,
  .mat-dialog-container .chart-menu .ico.download:before {
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-download%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2025%2022%22%3E%3Cg%20id%3D%22download-path%22%3E%3Cpath%20id%3D%22Path_2385%22%20data-name%3D%22Path%202385%22%20d%3D%22M14.2,10.2V1.1h-3v9.1H8.2l4.3,7.5,4.3-7.5H14.2Z%22%20fill%3D%22%23333333%22/%3E%3Crect%20id%3D%22Rectangle_413%22%20data-name%3D%22Rectangle%20413%22%20x%3D%221.1%22%20y%3D%2216.3%22%20width%3D%2222.9%22%20height%3D%224.57%22%20fill%3D%22%23333333%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    content: " ";
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
  }
  .dashboard-container .chart-menu .ico.download:hover:before,
  .mat-dialog-container .chart-menu .ico.download:hover:before {
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-download%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2025%2022%22%3E%3Cg%20id%3D%22download-path%22%3E%3Cpath%20id%3D%22Path_2385%22%20data-name%3D%22Path%202385%22%20d%3D%22M14.2,10.2V1.1h-3v9.1H8.2l4.3,7.5,4.3-7.5H14.2Z%22%20fill%3D%22%230096d7%22/%3E%3Crect%20id%3D%22Rectangle_413%22%20data-name%3D%22Rectangle%20413%22%20x%3D%221.1%22%20y%3D%2216.3%22%20width%3D%2222.9%22%20height%3D%224.57%22%20fill%3D%22%230096d7%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .chart-menu .ico.printer:before,
  .mat-dialog-container .chart-menu .ico.printer:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015.04%2013.94%22%3E%3Cg%20id%3D%22icon-print%22%3E%3Cpath%20d%3D%22M13.81,6.24H11.89V2.54L10.08.72h-7V6.24H1.18A.76.76,0,0,0,.43,7v4.45a.2.2,0,0,0,.2.2H3l-.8,1.59H12.74L12,11.64h2.4a.2.2,0,0,0,.21-.2V7A.76.76,0,0,0,13.81,6.24Zm-10.22,0v-5h6.49l1.31,1.32V7.35H3.59ZM3,12.73l.55-1.09.53-1.05h6.75l.53,1.05.54,1.08ZM13.13,9a.52.52,0,1,1,.52-.52A.52.52,0,0,1,13.13,9Z%22%20fill%3D%22%23333333%22/%3E%3Cpolygon%20points%3D%2211.9%202.54%2010.08%200.72%2010.08%202.54%2011.9%202.54%22%20fill%3D%22%2366c0e7%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    content: " ";
    height: 18px;
    width: 18px;
    display: inline-block;
    position: relative;
    top: -2px;
  }
  .dashboard-container .chart-menu .ico.printer:hover:before,
  .mat-dialog-container .chart-menu .ico.printer:hover:before {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015.04%2013.94%22%3E%3Cg%20id%3D%22icon-print%22%3E%3Cpath%20d%3D%22M13.81,6.24H11.89V2.54L10.08.72h-7V6.24H1.18A.76.76,0,0,0,.43,7v4.45a.2.2,0,0,0,.2.2H3l-.8,1.59H12.74L12,11.64h2.4a.2.2,0,0,0,.21-.2V7A.76.76,0,0,0,13.81,6.24Zm-10.22,0v-5h6.49l1.31,1.32V7.35H3.59ZM3,12.73l.55-1.09.53-1.05h6.75l.53,1.05.54,1.08ZM13.13,9a.52.52,0,1,1,.52-.52A.52.52,0,0,1,13.13,9Z%22%20fill%3D%22%230096d7%22/%3E%3Cpolygon%20points%3D%2211.9%202.54%2010.08%200.72%2010.08%202.54%2011.9%202.54%22%20fill%3D%22%2366c0e7%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .chart-menu .download-dropdown,
  .mat-dialog-container .chart-menu .download-dropdown {
    margin: 0 0 0 -5px;
    z-index: 200;
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    padding: 6px 16px 12px 16px;
    font-size: 16px;
  }
  .dashboard-container .chart-menu .download-dropdown .ico,
  .mat-dialog-container .chart-menu .download-dropdown .ico {
    margin-left: 0px;
    margin-right: 6px;
    padding-left: 0px;
    position: static;
    left: auto;
  }
  .dashboard-container .chart-menu span.ico.download:hover .download-dropdown,
  .mat-dialog-container .chart-menu span.ico.download:hover .download-dropdown,
  .dashboard-container .chart-menu .download-dropdown-container:hover .download-dropdown,
  .mat-dialog-container .chart-menu .download-dropdown-container:hover .download-dropdown {
    display: block;
  }
  .l-full-width-page.dashboard-container .page-nav {
    min-height: 30px;
    margin-top: 20px;
  }
  .l-full-width-page.dashboard-container .page-nav .left {
    width: 100%;
    overflow: scroll;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li {
    padding: 0 6px 0 6px;
    border-right: 1px solid #999;
    float: none;
    flex: none;
    background-color: transparent;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:link,
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:active,
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:visited {
    font-size: 0.938rem;
    color: #999;
    text-transform: uppercase;
    text-decoration: none;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:hover {
    text-decoration: underline;
    color: #999;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li:first-child {
    padding: 0 6px 0 0;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li:last-child {
    border-right: none;
    padding: 0 0 0 6px;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active {
    border: none;
    border-bottom: none;
    border-right: 1px solid #999999;
    margin-bottom: 1px;
    position: relative;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:link,
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:active,
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:visited {
    color: #0096d7;
    border-bottom: 2px solid #0096d7;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:hover {
    color: #0096d7;
    border-bottom: 2px solid #0096d7;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav a:link,
  .l-full-width-page.dashboard-container .page-nav .right-nav a:active,
  .l-full-width-page.dashboard-container .page-nav .right-nav a:visited {
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav a:hover {
    text-decoration: none;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav a.tourBox {
    display: none;
  }
}
@media (min-width: 480px) {
  .dashboard-container .l-row.l-four-col-even .l-col,
  .dashboard-container .l-row.l-four-col-even .l-narrow-col {
    width: 100%;
  }
  .dashboard-container .l-row.l-four-col .l-col,
  .dashboard-container .l-row.l-four-col .l-narrow-col {
    width: auto;
    flex: 1 1 0;
    justify-content: space-between;
  }
  .dashboard-container .l-row.l-three-col-even .l-col,
  .dashboard-container .l-row.l-three-col-even .l-narrow-col {
    width: 100%;
  }
  .dashboard-container .l-row .l-col.l-flex-double,
  .dashboard-container .l-row .l-narrow-col.l-flex-double {
    flex-grow: 2;
  }
  .dashboard-container .l-row.dashboard-tabSubtext {
    margin-bottom: 22px;
    display: flex;
    flex-direction: column;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col {
    border-left: none;
  }
  .dashboard-container .sparkspread {
    width: 100%;
  }
}
@media (min-width: 801px) {
  .l-full-width-page.dashboard-container .page-nav .left {
    width: auto;
    overflow: visible;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav {
    margin-left: 22px;
    margin-bottom: -2px;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li {
    padding: 10px 10px 10px 10px;
    border-right: none;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:link,
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:active,
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:visited {
    color: #0096d7;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li a:hover {
    color: #0096d7;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li:first-child {
    padding: 10px 10px 10px 10px;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li:last-child {
    padding: 10px 10px 10px 10px;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active {
    border: 1px solid #0096d7;
    border-bottom: none;
    background-color: #ffffff;
    position: relative;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:link,
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:active,
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:visited {
    border-bottom: none;
  }
  .l-full-width-page.dashboard-container .page-nav .left-nav li.active a:hover {
    border-bottom: none;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav {
    display: block;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav a {
    padding: 10px 10px 10px 10px;
    float: left;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav a.tourBox {
    display: block;
    font-size: 0.825rem;
    cursor: pointer;
  }
  .l-full-width-page.dashboard-container .page-nav .right-nav app-take-a-tour .tourBox {
    padding-top: 4px;
  }
  .dashboard-container .l-row {
    padding: 0 22px;
  }
  .dashboard-container .l-row.l-full-width-col > .l-row {
    padding: 0px;
  }
  .dashboard-container hr.divider {
    margin: 0px 22px 22px 22px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data {
    padding: 0px 22px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico {
    margin-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-price%22%3E%3Cpath%20d%3D%22M15.9,4.3a11,11,0,0,1,2.9.9l-.4,2.7a13.4,13.4,0,0,0-3-1.2l-.7,4.7c3.2,1.1,4.8,2.5,4.8,5.3s-2.4,5.1-6.2,5.1h-.1l-.5,3.1-1.8-.4.5-2.8a18,18,0,0,1-3.9-1.2l.4-2.7a11.9,11.9,0,0,0,4,1.4l.8-5.3C9.5,12.8,8,11.7,8,8.9s2.2-4.8,5.8-4.8h.3l.3-2,1.8.4Zm-2.8,6.6.7-4.4h-.3c-1.9,0-2.7.8-2.7,2.1S11.3,10.3,13.1,10.9Zm1.1,3.5-.7,4.9h0c2.1,0,3.1-.8,3.1-2.3S16.2,15.1,14.2,14.4Z%22%20fill%3D%22%2392A753%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.price-divider,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.price-divider {
    content: " ";
    height: 36px;
    width: 36px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cg%20id%3D%22icon-price%22%3E%3Cpath%20d%3D%22M15.9,4.3a11,11,0,0,1,2.9.9l-.4,2.7a13.4,13.4,0,0,0-3-1.2l-.7,4.7c3.2,1.1,4.8,2.5,4.8,5.3s-2.4,5.1-6.2,5.1h-.1l-.5,3.1-1.8-.4.5-2.8a18,18,0,0,1-3.9-1.2l.4-2.7a11.9,11.9,0,0,0,4,1.4l.8-5.3C9.5,12.8,8,11.7,8,8.9s2.2-4.8,5.8-4.8h.3l.3-2,1.8.4Zm-2.8,6.6.7-4.4h-.3c-1.9,0-2.7.8-2.7,2.1S11.3,10.3,13.1,10.9Zm1.1,3.5-.7,4.9h0c2.1,0,3.1-.8,3.1-2.3S16.2,15.1,14.2,14.4Z%22%20fill%3D%22%2392A753%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    border: 1.5px solid #92A753;
    background-color: #ffffff;
    background-size: 96%;
    border-radius: 100%;
    display: block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.natural-gas,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.natural-gas {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-natural-gas%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2042%22%3E%3Cpath%20id%3D%22icon-natural-gas-2%22%20data-name%3D%22icon-natural-gas%22%20d%3D%22M26.46,1.68a2.25,2.25,0,0,0,.2-0.37s0,0-.07.07a2.28,2.28,0,0,0-.14.24c0,0.09,0,.11,0,0.07a0.7,0.7,0,0,1,.75-0.41,0.84,0.84,0,0,1,.68.54,1.19,1.19,0,0,1-.24,1,8,8,0,0,0-.58,1,10.75,10.75,0,0,0-1,4.29,13.27,13.27,0,0,0,.44,4.32A30.33,30.33,0,0,0,28,16.58q0.82,1.84,1.84,3.88a36,36,0,0,1,1.77,4.18A22.75,22.75,0,0,1,32.61,29a10.13,10.13,0,0,1-.31,4.29,8.82,8.82,0,0,1-1.94,3.47,11.59,11.59,0,0,1-3.16,2.52,9.34,9.34,0,0,1-3.61,1.16l-0.85,0a5,5,0,0,1-1,0,4.13,4.13,0,0,1-1-.24,0.91,0.91,0,0,1-.58-0.58,1.11,1.11,0,0,1,.07-0.85,5.67,5.67,0,0,1,.54-0.92l0.68-1A4.12,4.12,0,0,0,22,36a7.79,7.79,0,0,0,.48-4.22,6.14,6.14,0,0,0-.75-2.38q-0.61-1.09-1.29-2.11a24,24,0,0,1-1.26-2.11,6.45,6.45,0,0,1-.71-2.38q-0.75.75-1.6,1.7a13.12,13.12,0,0,0-1.5,2,10,10,0,0,0-1,2.21,3.66,3.66,0,0,0,0,2.21,7,7,0,0,0,1.09,2q0.75,1,1.39,2a7.42,7.42,0,0,1,.92,2,2.75,2.75,0,0,1-.34,2.11,3.31,3.31,0,0,1-1.33,1.19,3.81,3.81,0,0,1-1.67.38,6,6,0,0,1-1.77-.27,5.53,5.53,0,0,1-1.57-.75,7.24,7.24,0,0,1-2.35-2.62,11.84,11.84,0,0,1-1.19-3.37,13.9,13.9,0,0,1-.17-4.25,18.36,18.36,0,0,1,1-4.29,24.86,24.86,0,0,1,1.87-4,25.77,25.77,0,0,1,2.41-3.5q1.77-2.11,3.64-4.08t3.57-4.08q0.82-1,1.6-2t1.67-2q0.82-1,1.77-1.87A9.43,9.43,0,0,0,26.46,1.68Z%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.nuclear,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.nuclear {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-nuclear%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2044%22%3E%3Cpath%20d%3D%22M23.32,15.73A43.07,43.07,0,0,1,32.73,23c1.82,1.91,4,4.59,3.92,7.38,0,3.14-4.44,3-6.56,2.76-4.55-.45-9-2.42-12.93-4.59A40.9,40.9,0,0,1,7.25,21c-1.87-2-4.13-4.79-3.89-7.67,0.26-3.08,5-2.65,7.08-2.4,4.61,0.58,9.07,2.63,13.07,4.9,0.87,0.49,2-1,1-1.58-4.62-2.62-9.73-4.79-15.08-5.16C6.74,8.9,3,9.43,1.85,12.26s0.59,5.8,2.22,8c2.91,3.92,7.06,6.93,11.22,9.38A36.92,36.92,0,0,0,30,34.86c2.82,0.28,6.52-.12,8-2.93,1.36-2.6-.33-5.69-1.83-7.81-2.77-3.93-6.85-6.95-10.91-9.41l-0.6-.35c-0.86-.5-2.3.83-1.37,1.37%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M16.46,15.9A39.46,39.46,0,0,1,29,11.1c2.19-.39,6.76-0.87,7.66,1.93,0.79,2.44-1.75,5.48-3.16,7.14a38.41,38.41,0,0,1-10,7.92A38.1,38.1,0,0,1,11,32.89c-2.19.39-6.76,0.87-7.66-1.93-0.79-2.44,1.75-5.48,3.17-7.14a38.39,38.39,0,0,1,10-7.92c0.9-.53-0.06-2.24-1-1.71A39,39,0,0,0,4.25,23.54c-1.7,2.18-3.33,5.15-2.42,8S6.26,35.11,8.92,35c5.25-.21,10.33-2.33,14.89-4.82a39.2,39.2,0,0,0,11.62-9.35c1.81-2.22,3.51-5.14,2.8-8.09S33.93,9,31.28,9c-5,0-10.05,2.15-14.43,4.46l-1.35.75c-0.91.51,0,2.23,1,1.71%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M23.14,22A3.15,3.15,0,1,1,20,18.84,3.15,3.15,0,0,1,23.14,22%22%20fill%3D%22%23b1525d%22/%3E%3Cpath%20d%3D%22M27.19,21.65a40.33,40.33,0,0,1-2,12.86c-0.84,2.45-2.31,5.61-5,6.43-3,.91-4.75-3.75-5.49-5.76a38.19,38.19,0,0,1-1.94-12.84,38.92,38.92,0,0,1,2-12.86c0.84-2.45,2.31-5.61,5-6.43,3-.91,4.75,3.75,5.49,5.76a38.23,38.23,0,0,1,1.94,12.84c0,0.66,1.65,1.64,1.64.68A38.46,38.46,0,0,0,26.24,7.72c-1.09-2.6-2.87-5.26-5.69-6.12s-5,1.91-6.18,4c-2.27,4.12-2.94,9.12-3.17,13.74a42.22,42.22,0,0,0,1.81,15c0.91,2.84,2.54,6.28,5.38,7.65,7.29,3.51,9.74-10.46,10.2-14.68a49.54,49.54,0,0,0,.25-5c0-.67-1.63-1.65-1.64-0.68%22%20fill%3D%22%23b1525d%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.ng-flows,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.ng-flows {
    content: " ";
    height: 40px;
    width: 50px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cg%20id%3D%22Layer_11%22%20data-name%3D%22Layer%2011%22%3E%3Cpath%20d%3D%22M9,12.3h4.7l.5-.4,3.1-3.6.5-.6H9V1.5L.5,10l8.4,8.3a.1.1,0,0,1,.1-.1Z%22%20fill%3D%22%23cccccc%22/%3E%3Cpath%20d%3D%22M26.5,8.3h0a9.3,9.3,0,0,0,.4,3.3,1.4,1.4,0,0,0,.2.7H32v6.2L40.5,10,32,1.5V7.7H26.6a1.3,1.3,0,0,0-.1.6Z%22%20fill%3D%22%23cccccc%22/%3E%3Cpath%20d%3D%22M25.1,2H25c0,.1-.1.1-.1.2h0C25,2.2,25.1,2.1,25.1,2Z%22%20fill%3D%22%230096d7%22/%3E%3Cpath%20d%3D%22M29.5,23.3a25.4,25.4,0,0,0-1.6-3.8c-.6-1.2-1.1-2.4-1.6-3.5a29.2,29.2,0,0,1-1.4-3.8,13.6,13.6,0,0,1-.4-4,12.4,12.4,0,0,1,.9-3.9c.2-.2.3-.5.6-.9a1,1,0,0,0,.2-.9.6.6,0,0,0-.6-.5h-.1a.7.7,0,0,0-.6.3h0a11.5,11.5,0,0,1-1.4,1.7L21.8,5.9a14.3,14.3,0,0,0-1.5,1.8L18.9,9.5l-3.3,3.7L12.3,17a19.9,19.9,0,0,0-2.2,3.2,16.9,16.9,0,0,0-1.7,3.6,13.8,13.8,0,0,0-.9,3.9,12.6,12.6,0,0,0,.1,3.9,11.5,11.5,0,0,0,1.1,3.1,7.2,7.2,0,0,0,2.2,2.4,6.1,6.1,0,0,0,1.4.7l1.6.2a4,4,0,0,0,1.5-.3,3.2,3.2,0,0,0,1.2-1.1,2.4,2.4,0,0,0,.3-2,4.8,4.8,0,0,0-.8-1.8L14.8,31a8.7,8.7,0,0,1-1-1.9,3.4,3.4,0,0,1,0-2,8.8,8.8,0,0,1,.9-2,13.3,13.3,0,0,1,1.4-1.9l1.5-1.5a5.5,5.5,0,0,0,.6,2.2l1.2,1.9a11.8,11.8,0,0,1,1.1,1.9,5.7,5.7,0,0,1,.7,2.2,7,7,0,0,1-.4,3.8,5.9,5.9,0,0,1-.4.8l-.7.8-.5.9a.9.9,0,0,0,0,.7c.1.3.2.5.5.6l.9.2h1.7a8.6,8.6,0,0,0,3.3-1.1,10.1,10.1,0,0,0,2.9-2.3,7.9,7.9,0,0,0,1.7-3.1,8.6,8.6,0,0,0,.3-3.9A18,18,0,0,0,29.5,23.3Z%22%20fill%3D%22%230096d7%22/%3E%3Cpath%20d%3D%22M24.9,2.3h0%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
    left: -3px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-outages,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-outages {
    content: " ";
    height: 40px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2210.1%2022.1%2019%2022.7%2011.2%2039.6%2031%2015.5%2021.8%2015.1%2027.2%200.1%2010.1%2022.1%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M26.1,5.9l-.6,1.9A13.1,13.1,0,0,1,34,20a13.2,13.2,0,0,1-4.1,9.5L11.5,11.1a13.1,13.1,0,0,1,9-4.1l1.6-1.9H21a15,15,0,0,0-7.8,27.8l.9-1.8A12.9,12.9,0,0,1,8,20a12.4,12.4,0,0,1,2.3-7.3l18,18A12.4,12.4,0,0,1,21,33a12.7,12.7,0,0,1-2.8-.3l-1.4,1.7A14.2,14.2,0,0,0,21,35a15.6,15.6,0,0,0,8.8-2.8l.3-.3A14.8,14.8,0,0,0,36,20,15,15,0,0,0,26.1,5.9Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.electricity-interchange,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.electricity-interchange {
    content: " ";
    height: 36px;
    width: 40px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-electricity-imports%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2237.2%2020.3%2030.7%207.5%2017.9%2014%2024.8%2016.3%2019.5%2033.4%2025%2035.1%2030.2%2018.1%2037.2%2020.3%22%20fill%3D%22%23d9d9d9%22/%3E%3Cpolygon%20points%3D%222.8%2016.4%209.2%2029.3%2022.1%2022.8%2015.1%2020.5%2020.4%203.4%2015%201.6%209.7%2018.7%202.8%2016.4%22%20fill%3D%22%23d9d9d9%22/%3E%3Cg%20id%3D%22icon-electricity-2%22%3E%3Cpolygon%20points%3D%2227.1%200.1%2010%2022.1%2018.9%2022.7%2011.1%2039.6%2030.9%2015.5%2021.7%2015.1%2027.1%200.1%22%20fill%3D%22%236b598e%22/%3E%3Cpolyline%20points%3D%2224%205.7%2020.7%2014.8%2020.3%2016%2021.6%2016%2028.9%2016.3%2015.3%2033%2019.8%2023.1%2020.5%2021.8%2019%2021.8%2011.9%2021.2%2024%205.7%22%20fill%3D%22%236b598e%22/%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-winter-icon,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-winter-icon {
    content: " ";
    height: 40px;
    width: 40px;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2232.3%2021.3%2027.3%2031.5%2019.9%2026.2%2013.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%236b598e%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2226.5%2020.3%2036%2014%2036.7%2025.4%2026.5%2020.3%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M22,14.2l-3.7.9L16.5,14V11.1L18.4,10,22,11l.3-.9-2.7-.8,1.9-1L21,7.4l-1.9,1,.8-2.7-1-.2-1,3.6L16,10.2,13.5,8.7V6.5l2.6-2.6-.7-.8-1.9,2V3h-1V5.1l-2-2-.7.8,2.7,2.6V8.7L10,10.2,8.1,9l-1-3.6-.9.2.7,2.7L5,7.2l-.5.9L6.4,9.2l-2.8.7.3.9,3.7-.9L9.5,11v2.9L7.5,15,3.9,14l-.3.9,2.7.8-1.9,1,.5.9,1.9-1L6,19.3l1,.2,1-3.6,1.9-1.1,2.6,1.5v2.2L9.8,21.1l.7.8,2-2V22h1V19.9l1.9,2,.7-.8-2.6-2.6V16.3l2.4-1.5L17.8,16l1,3.6.9-.2L19,16.7l1.9,1.1.5-.9-1.8-1.1,2.7-.7Zm-6.5-.8L14,12.5l1.5-.8ZM15,10.8l-1.5.8V9.9Zm-2.5-.9v1.7L11,10.8Zm-2,1.7,1.5.9-1.5.8Zm.4,2.6,1.6-.8v1.7Zm2.6.9V13.4l1.4.8Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
    display: inline-block;
    background-size: 96%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.overview-summer-icon,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.overview-summer-icon {
    content: " ";
    height: 40px;
    width: 40px;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolyline%20points%3D%2233.3%2021.3%2028.3%2031.5%2020.9%2026.2%2014.7%2036.9%22%20fill%3D%22none%22%20stroke%3D%22%236b598e%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223.94%22/%3E%3Cpolygon%20points%3D%2227.5%2020.3%2037%2014%2037.7%2025.4%2027.5%2020.3%22%20fill%3D%22%236b598e%22/%3E%3Cpath%20d%3D%22M19.4,15.2h-.1l3.5,5.8-6.1-3.4h0l-1.6,6.7-2-6.7h.1l-6,3.7,3.4-6.2h.1V15h0L3.9,13.4l6.8-1.9h0L7.1,5.6,13.2,9h0l1.7-6.7L16.8,9h.1l5.8-3.5-3.3,6v.2L26,13.3ZM15,17.4a4.1,4.1,0,0,0,1.6-.3,3.8,3.8,0,0,0,1.3-.9,3.8,3.8,0,0,0,.9-1.3,4.1,4.1,0,0,0,.3-1.6,4.5,4.5,0,0,0-.3-1.6,3.4,3.4,0,0,0-.9-1.2,3.8,3.8,0,0,0-1.3-.9A4.1,4.1,0,0,0,15,9.3a3.7,3.7,0,0,0-1.5.3,3,3,0,0,0-1.3.9,3.4,3.4,0,0,0-.9,1.2,4.5,4.5,0,0,0-.3,1.6,4.1,4.1,0,0,0,.3,1.6,3.8,3.8,0,0,0,.9,1.3,3,3,0,0,0,1.3.9A3.7,3.7,0,0,0,15,17.4ZM15,10a3.2,3.2,0,0,1,3.4,3.3,3,3,0,0,1-1,2.4,3,3,0,0,1-2.4,1,2.9,2.9,0,0,1-2.3-1,3,3,0,0,1-1-2.4,3.3,3.3,0,0,1,1-2.4A3.2,3.2,0,0,1,15,10Z%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
    display: inline-block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .indicators .ico.yesterday-peak-load,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.indicators .ico.yesterday-peak-load {
    content: " ";
    height: 42px;
    width: 55px;
    display: inline-block;
    position: relative;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpolygon%20points%3D%2239.2%2028.9%2038.5%2018.9%2030.2%2024.5%2033.1%2025.9%2030.2%2031.7%2023.8%2027.2%2017.3%2038.2%2020.3%2040%2024.9%2032.2%2031.5%2036.9%2036.2%2027.5%2039.2%2028.9%22%20fill%3D%22%236b598e%22/%3E%3Cpolygon%20points%3D%229.8%2020.3%200%2030.1%209.8%2039.9%209.8%2032.8%2018%2032.8%2021.2%2027.4%209.8%2027.4%209.8%2020.3%22%20fill%3D%22%23d9d9d9%22/%3E%3C/svg%3E) no-repeat center center;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col {
    padding: 4px 0px 10px 0px;
    width: 100%;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .ico,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .ico {
    top: 5px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col div,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col div {
    padding-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .data,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .data {
    display: block;
    padding-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col {
    padding: 0px;
    justify-content: flex-start;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col .l-col {
    width: 44%;
    padding: 4px 22px 10px 22px;
    border-left: 1px solid #cccccc;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col .l-col:first-child {
    width: 33%;
    padding-left: 0px;
    border-left: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col .l-col:last-child {
    padding-right: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col .l-col.small {
    width: 23%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col .l-three-col + .l-three-col {
    margin-top: 7px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators {
    max-width: 54%;
    border-left: 1px solid #cccccc;
    padding: 0px 0px 0px 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col {
    border-left: 1px solid #cccccc;
    border-top: none;
    padding-bottom: 0;
    width: auto;
    max-width: 35%;
    padding-left: 5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col:first-child {
    border-left: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col.small {
    max-width: 23%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col.l-flex-double {
    max-width: 61.5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-three-col-even {
    display: flex;
    padding-top: 2px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-three-col-even + .l-three-col-even {
    padding-top: 6px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status {
    padding: 0px 12px 0px 0px;
    max-width: 18%;
    border-top: 1px dashed #6b598e;
    border-bottom: none;
    display: block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col:first-child {
    min-height: 142px;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicator-bar {
    border: none;
    padding: 0px 32px 0px 0px;
    max-width: 29%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col {
    width: 31%;
    padding: 4px 22px 10px 22px;
    border-left: 1px solid #cccccc;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col > div:first-child {
    padding-right: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container {
    display: flex;
    border-right: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container:first-child {
    margin-right: 6px;
    width: 23%;
    border-left: none;
    padding-left: 0px;
    border-bottom: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread {
    display: flex;
    padding: 4px 22px 10px 22px;
    border-top: none;
    border-bottom: none;
    flex-wrap: nowrap;
    justify-content: initial;
    width: 45%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-label {
    border-right: 1px solid #cccccc;
    padding-right: 12px;
    border-bottom: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-price {
    text-align: right;
    padding: 0px 10px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-price .data {
    margin: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider::before {
    content: " ";
    width: 2px;
    height: 100%;
    border-left: 1.5px solid #92A753;
    display: block;
    position: relative;
    float: left;
    left: 50.5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider .ico.price-divider {
    margin: 0px;
    position: relative;
    top: 15%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider + .spark-price {
    text-align: left;
  }
  .dashboard-container .l-row.dashboard-tabSubtext {
    flex-direction: row;
    padding: 0px 22px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col {
    padding: 0px;
    border-left: 2px solid #cccccc;
    border-bottom: none;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col:first-child {
    border-left: none;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .ico,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .ico {
    top: 5px;
    width: 30px;
    height: 30px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div {
    padding-left: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col div.highcharts-container,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col div.highcharts-container {
    padding-left: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col .data,
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col .data {
    display: flex;
    padding-left: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col {
    width: 24%;
    padding-left: 3%;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col:first-child {
    padding-left: 0px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col {
    width: 32%;
    padding-left: 3%;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col:first-child {
    padding-left: 0px;
  }
}
.ned-table th,
.ned-table td {
  padding: 5px 10px;
  border-right: 1px solid #ffffff;
}
.ned-table th:last-child,
.ned-table td:last-child {
  border-right: 0 solid;
}
.ned-table th {
  text-align: left;
  background: #0096d7;
  color: #ffffff;
}
.ned-table tr:nth-child(odd) {
  background: #e7eff8;
}
.ned-table tr:nth-child(even) {
  background: #cbddf0;
}
.jvectormap-label .regionTitle {
  text-transform: capitalize;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
  font-family:
    arial,
    helvetica,
    sans-serif;
  font-weight: 600;
  font-size: 11px;
  padding: 1px 0px 0px 0px;
}
.dashboard-container .l-row .svg-map-container {
  position: relative;
  height: 0;
  width: 98%;
  padding: 0;
  padding-bottom: 67%;
  margin: 0px 10px 0px 10px;
}
.dashboard-container .l-row .svg-map-container svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.mat-dialog-content .svg-map-container {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 67%;
  margin: 0px 0px 20px 0px;
}
.mat-dialog-content .svg-map-container svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.jvectormap-zoomout {
  top: 25px;
}
.notation {
  text-decoration: none;
  color: #0096d7;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2em;
}
.feedback {
  font-size: 14px;
  margin-left: 5px;
  margin-top: 5px;
}
#related-links .l-main-col {
  max-width: 550px;
  margin-left: -10px;
}
#related-links h1 {
  margin-bottom: 10px;
}
#related-links h2 {
  font-size: 14px;
}
#related-links ul {
  font-size: 14px;
  padding-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-top: 5px;
}
#related-links ul li {
  list-style-type: none;
}
#related-links ul li a {
  background: url("./media/external_link-CB67SVAZ.png") no-repeat scroll right center transparent;
  padding-right: 10px;
  margin-right: 1px;
}
#related-links ul li ul {
  padding-left: 20px;
}
#related-links ul li ul li {
  list-style-type: disc;
}
@media screen and (max-width: 990px) {
  .eia-heatrow-title {
    flex: 0 0 60px !important;
    margin-left: -10px;
  }
}
.animation-slider {
  margin: -2% 0 1% 0;
  display: flex;
  justify-content: center;
}
.animation-slider .animation-slider-button-wrapper {
  padding: 12px 0px 0px 25px;
}
.animation-slider button {
  padding: 4px 10px;
  cursor: pointer;
  font-size: 1rem;
  border: 1px solid #0096d7;
  color: #0096d7;
  background: #ffffff;
}
.animation-slider button:hover {
  background: #dff2fb;
}
.animation-slider button.play {
  margin-right: 15px;
}
.animation-slider button.play:before {
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-play%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20points%3D%221.8%2012.9%2012.2%207%201.8%201.1%201.8%2012.9%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
  content: " ";
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.animation-slider button.pause:before {
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-pause%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20x%3D%222.1%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%230096d7%22/%3E%3Crect%20x%3D%228.6%22%20y%3D%222.1%22%20width%3D%223.3%22%20height%3D%229.9%22%20fill%3D%22%230096d7%22/%3E%3C/svg%3E) no-repeat center center;
  content: " ";
  height: 14px;
  width: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.animation-slider .mat-slider {
  max-width: 83%;
  background: #ffffff;
  transform: scale(1);
}
.animation-slider .mat-slider .mat-slider-wrapper {
  height: 8px;
}
.animation-slider .mat-slider .mat-slider-track-wrapper {
  height: 8px;
  border: 1px solid #0096d7;
  border-radius: 4px;
}
.animation-slider .mat-slider .mat-slider-track-wrapper .mat-slider-track-background {
  height: 8px;
  background: #ffffff;
}
.animation-slider .mat-slider .mat-slider-track-wrapper .mat-slider-track-fill {
  background: #ffffff;
}
.animation-slider .mat-slider .mat-slider-thumb {
  border-radius: 0;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2012%2018%22%3E%3Cg%20style%3D%22isolation%3Aisolate%22%3E%3Cg%20id%3D%22icon-slide%22%3E%3Cg%20id%3D%22slide-path%22%3E%3Cpolygon%20points%3D%220.6%206.3%200.6%2016.6%2011.4%2016.6%2011.4%206.3%206%201.4%200.6%206.3%22%20fill%3D%22%230096d7%22/%3E%3Crect%20x%3D%223.1%22%20y%3D%2212%22%20width%3D%225.7%22%20height%3D%220.9%22%20opacity%3D%220.2%22%20style%3D%22mix-blend-mode%3Adarken%22/%3E%3Crect%20x%3D%223.1%22%20y%3D%2212.9%22%20width%3D%225.7%22%20height%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3Alighten%22/%3E%3Crect%20x%3D%223.9%22%20y%3D%229.3%22%20width%3D%221.6%22%20height%3D%220.9%22%20opacity%3D%220.2%22%20style%3D%22mix-blend-mode%3Adarken%22/%3E%3Crect%20x%3D%223.9%22%20y%3D%2210.2%22%20width%3D%221.6%22%20height%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3Alighten%22/%3E%3Crect%20x%3D%226.3%22%20y%3D%229.3%22%20width%3D%221.6%22%20height%3D%220.9%22%20opacity%3D%220.2%22%20style%3D%22mix-blend-mode%3Adarken%22/%3E%3Crect%20x%3D%226.3%22%20y%3D%2210.2%22%20width%3D%221.6%22%20height%3D%220.9%22%20fill%3D%22%23ffffff%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3Alighten%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E) no-repeat center center;
  height: 24px;
  width: 16px;
  top: -14px;
  transform: scale(1);
  border: none;
}
.animation-slider .mat-slider-horizontal {
  min-width: 200px;
}
.pie-total-label {
  text-align: center;
  font-style: italic;
  padding-bottom: 2px;
}
.highcharts-subtitle span {
  display: block;
}
.pie-total-units {
  text-align: center;
  font-size: 125%;
}
.pie-total-value {
  font-size: 150%;
  font-weight: bold;
}
.highcharts-subtitle {
  font-family:
    arial,
    helvetica,
    sans-serif !important;
}
.mat-dialog-container .mat-dialog-title {
  font-family: jost, sans-serif;
  font-weight: 700;
  font-size: 1.45rem;
  color: #333333;
  margin: 0px 24px 0px 0px;
  padding-right: 10px;
}
.mat-dialog-container .mat-dialog-content {
  max-height: inherit;
}
.mat-dialog-container .mat-dialog-content .chart-header {
  padding-top: 2%;
}
.mat-dialog-container .mat-dialog-content highcharts-chart {
  padding-bottom: 0;
}
.mat-dialog-container .mat-dialog-content h2 {
  color: #333333;
}
.mat-dialog-container .mat-dialog-content .download-dropdown {
  right: 30px;
  min-width: 100px;
}
.mat-dialog-container .chart-notes h2 {
  font-family: jost, serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.15;
  border-top: 1px solid #0096d7;
  margin: 10px 0px 2px 0px;
  padding-top: 10px;
}
.mat-dialog-container .filter-item-nav {
  clear: both;
  padding: 0px;
  font-size: 0.8em;
}
.mat-dialog-container .filter-item-nav.mat-dialog-actions {
  min-height: 30px;
}
.mat-dialog-container .filter-item-nav.mat-dialog-actions button {
  background: none;
  border: none;
  padding: 0px;
  cursor: pointer;
  position: relative;
  font-family: jost, sans-serif;
  text-decoration: none;
}
.mat-dialog-container .filter-item-nav.mat-dialog-actions button .cancel {
  margin-left: 0px;
}
.mat-dialog-container .filter-item-nav.mat-dialog-actions button .cancel::before {
  float: left;
  height: 30px;
  width: 30px;
  display: block;
  margin-right: 0px;
}
.mat-dialog-container .filter-item-nav.mat-dialog-actions button:focus {
  outline: 0;
}
.cdk-global-scrollblock {
  overflow: hidden;
  position: initial;
  width: initial;
}
app-take-a-tour-dialog .mat-typography,
app-chart-info-dialog .mat-typography {
  font-family: jost, sans-serif;
}
app-take-a-tour-dialog .mat-typography p,
app-chart-info-dialog .mat-typography p {
  font-family: jost, sans-serif;
}
app-take-a-tour-dialog .mat-typography.take-a-tour .l-row.l-two-col-even,
app-chart-info-dialog .mat-typography.take-a-tour .l-row.l-two-col-even {
  padding: 0px;
}
app-take-a-tour-dialog .mat-typography.take-a-tour .l-row.l-two-col-even highcharts-chart,
app-chart-info-dialog .mat-typography.take-a-tour .l-row.l-two-col-even highcharts-chart {
  height: 340px;
}
app-take-a-tour-dialog .mat-typography.take-a-tour .l-row.l-two-col-even .animation-slider .animation-slider-button-wrapper,
app-chart-info-dialog .mat-typography.take-a-tour .l-row.l-two-col-even .animation-slider .animation-slider-button-wrapper {
  padding-left: 10px;
}
app-take-a-tour-dialog .button-windows,
app-chart-info-dialog .button-windows {
  position: absolute;
}
app-take-a-tour-dialog .button-windows .left button,
app-chart-info-dialog .button-windows .left button,
app-take-a-tour-dialog .button-windows .right button,
app-chart-info-dialog .button-windows .right button {
  float: left;
  height: 395px;
  width: 50px;
  background: transparent;
  border: 0;
}
app-take-a-tour-dialog .button-windows .left button:focus,
app-chart-info-dialog .button-windows .left button:focus,
app-take-a-tour-dialog .button-windows .right button:focus,
app-chart-info-dialog .button-windows .right button:focus {
  outline: 0;
}
app-take-a-tour-dialog .button-windows .left button:hover,
app-chart-info-dialog .button-windows .left button:hover,
app-take-a-tour-dialog .button-windows .right button:hover,
app-chart-info-dialog .button-windows .right button:hover {
  cursor: pointer;
}
app-take-a-tour-dialog .button-windows .left button:hover .ico,
app-chart-info-dialog .button-windows .left button:hover .ico,
app-take-a-tour-dialog .button-windows .right button:hover .ico,
app-chart-info-dialog .button-windows .right button:hover .ico {
  opacity: 1;
}
app-take-a-tour-dialog .button-windows .left button .ico,
app-chart-info-dialog .button-windows .left button .ico,
app-take-a-tour-dialog .button-windows .right button .ico,
app-chart-info-dialog .button-windows .right button .ico {
  border: 2px solid #ffffff;
  border-radius: 20px;
  background-color: #000000 !important;
  background-size: 20px 20px !important;
  opacity: 0.3;
  bottom: 20px;
}
app-take-a-tour-dialog .button-windows .left,
app-chart-info-dialog .button-windows .left {
  position: absolute;
  left: -48px;
}
app-take-a-tour-dialog .button-windows .left .ico,
app-chart-info-dialog .button-windows .left .ico {
  float: left;
  box-shadow: 2px 2px 5px #000000;
}
app-take-a-tour-dialog .button-windows .left .ico.round-down-arrow,
app-chart-info-dialog .button-windows .left .ico.round-down-arrow {
  transform: rotate(90deg);
  content: " ";
  height: 35px;
  width: 35px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-down-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%221%204.2%205%2011%209%204.2%206.6%204.2%206.6%201%203.4%201%203.4%204.2%201%204.2%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
}
app-take-a-tour-dialog .button-windows .right,
app-chart-info-dialog .button-windows .right {
  position: absolute;
  right: -941px;
}
app-take-a-tour-dialog .button-windows .right .ico,
app-chart-info-dialog .button-windows .right .ico {
  float: right;
  box-shadow: -2px 2px 5px #000000;
}
app-take-a-tour-dialog .button-windows .right .ico.round-down-arrow,
app-chart-info-dialog .button-windows .right .ico.round-down-arrow {
  transform: rotate(-90deg);
  content: " ";
  height: 35px;
  width: 35px;
  display: inline-block;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20id%3D%22icon-down-arrow%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010%2012%22%3E%3Cpolygon%20points%3D%221%204.2%205%2011%209%204.2%206.6%204.2%206.6%201%203.4%201%203.4%204.2%201%204.2%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E) no-repeat center center;
}
.mat-dialog-container app-take-a-tour-dialog .mat-dialog-content {
  padding: 0;
  margin: 0px 24px;
  height: 500px;
}
.mat-dialog-container app-take-a-tour-dialog .mat-dialog-title {
  margin: 0px 24px;
  font-family: jost, serif;
  font-weight: 700;
  font-size: 1.625rem;
  border-bottom: 2px solid #0096d7;
  padding: 0px 10px 4px 0px;
}
.mat-dialog-container app-take-a-tour-dialog .mat-typography h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.15;
}
.mat-dialog-container app-take-a-tour-dialog .mat-typography .chart-notes h2 {
  border-top: 1px solid #333333;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 20px 0px 2px 0px;
  padding-top: 10px;
}
.mat-dialog-container app-take-a-tour-dialog .mat-typography .chart-notes h2:first-child {
  margin-top: 0px;
  border-top: none;
  padding-top: 0px;
}
.mat-dialog-container app-take-a-tour-dialog .l-row.l-two-col-even > .l-col {
  padding: 20px;
}
.mat-dialog-container app-take-a-tour-dialog .l-row.l-two-col-even > .l-col:first-child {
  padding: 20px 0px;
}
.mat-dialog-container app-take-a-tour-dialog .l-row.l-two-col-even > .l-col:last-child {
  border-left: 1px dashed #0096d7;
  background-color: #e6f5fb;
}
text.highcharts-credits {
  display: none;
}
path.highcharts-eia-logo {
  display: none;
}
.dashboard-container header.esri-popup__header {
  background: transparent;
}
.dashboard-container h2.esri-widget__heading {
  font-size: 16px;
  padding: 6px 7px;
  margin: 6px auto 6px 7px;
}
mat-dialog-container {
  background-color: white;
  max-height: 100%;
}
app-take-a-tour-dialog > h1.mat-mdc-dialog-title {
  margin: 0 24px;
  font-family: jost, serif;
  font-weight: 700;
  font-size: 1.625rem;
  border-bottom: 2px solid #0096d7;
  padding: 0 10px 4px 0;
}
app-take-a-tour-dialog > mat-dialog-content > .l-row > .l-col {
  padding: 20px;
}
app-take-a-tour-dialog > mat-dialog-content > .l-row > .l-col:last-child {
  border-left: 1px dashed #0096d7;
  background-color: #e6f5fb;
}
app-take-a-tour-dialog > mat-dialog-content > div.button-windows > span.left > button > span {
  z-index: 1;
  margin-left: 25px;
}
app-take-a-tour-dialog > mat-dialog-content > div.button-windows > span.right > button > span {
  z-index: 1;
  margin-right: -40px;
}
app-take-a-tour-dialog > mat-dialog-content > div.l-row > div > app-chart-notes > h2 {
  border-top: 1px solid #333;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 20px 0 2px;
  padding-top: 10px;
}
app-take-a-tour-dialog > mat-dialog-content > div.l-row > div > app-chart-notes > h2:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}
app-take-a-tour-dialog > mat-dialog-actions > button {
  background: 0 0;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  font-family: jost, sans-serif;
  text-decoration: none;
}
app-take-a-tour-dialog > .mat-mdc-dialog-actions {
  position: absolute;
  right: 0;
}
app-chart-fullscreen-dialog > mat-dialog-content.mat-mdc-dialog-content {
  max-height: 100%;
}
app-chart-fullscreen-dialog > mat-dialog-content > app-menu-bar > div {
  justify-content: left;
  display: flex;
  width: 100%;
  border-top: 1px solid #333;
  padding-top: 4%;
}
app-chart-fullscreen-dialog > mat-dialog-content > app-chart-notes > h2 {
  font-family: jost, serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.15;
  border-top: 1px solid #0096d7;
  margin: 10px 0 2px;
  padding-top: 10px;
}
app-chart-fullscreen-dialog > .mat-mdc-dialog-actions {
  position: absolute;
  z-index: 1;
  right: 0;
}
app-chart-fullscreen-dialog > mat-dialog-actions > button {
  background: 0 0;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  font-family: jost, sans-serif;
  text-decoration: none;
}
app-chart-info-dialog > mat-dialog-content > app-chart-notes > h2 {
  font-family: jost, serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.15;
  border-top: 1px solid #0096d7;
  margin: 10px 0 2px;
  padding-top: 10px;
}
app-chart-info-dialog > .mat-mdc-dialog-actions {
  position: absolute;
  z-index: 1;
  right: 0;
}
app-chart-info-dialog > mat-dialog-actions > button {
  background: 0 0;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  font-family: jost, sans-serif;
  text-decoration: none;
}
.notes-button {
  border: none;
  background: none;
  margin-right: 5px;
}
.notes-content {
  margin-top: -45px !important;
  overflow: unset !important;
}

/* src/assets/css/print.less */
@media print {
  @page {
    margin: 0.5in;
    size: letter;
  }
  body {
    width: 1100px !important;
  }
  body,
  header {
    height: auto !important;
    border-top: none;
  }
  header {
    display: none;
  }
  .do-not-print,
  .page-nav,
  #sticker {
    display: none;
  }
  header .print img {
    display: none;
  }
  .alert h2 {
    color: #a33340;
    font-size: 16px;
  }
  .bg-page-title {
    border-top: 4px solid #189bd7;
    border-bottom: 1px solid #189bd7;
    margin: 0 0 8px 0;
    padding: 0px;
    height: 90px !important;
  }
  .bg-page-title img {
    width: 8.5in;
    margin-top: 2px;
    background-color: transparent;
  }
  .bg-page-title .pub-title,
  .bg-page-title h1 {
    position: relative;
    left: 0.9in;
    top: -0.575in;
  }
  .bg-page-title .pub-title {
    font-size: 95%;
  }
  highcharts-chart.hc-map {
    padding-bottom: 4%;
    margin-bottom: 2%;
  }
  .dashboard-container .chart-header .chart-menu,
  .dashboard-container .secondary {
    display: none;
  }
  .dashboard-container .top-data {
    margin-bottom: 22px !important;
  }
  .dashboard-container .top-data h2 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 0px;
    line-height: 1.4;
  }
  .dashboard-container .top-data h2 .indicator-units {
    line-height: 1.95;
  }
  .dashboard-container .top-data h3 {
    color: #333333;
    margin-top: 0px;
    font-size: 0.9375rem;
    font-weight: 700;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .l-narrow-col.l-flex-double.indicators {
    border-left: 1px solid #cccccc !important;
  }
  .dashboard-container h2.chart-title {
    font-family:
      Arial,
      Helvetica,
      sans-serif;
    color: #333333;
    font-weight: 700;
    font-size: 16px;
  }
  .dashboard-container hr.divider {
    margin: 0px 0px 22px 0px;
    border-bottom: none;
    clear: both;
  }
  .dashboard-container .overview-infographic.divider {
    border: none;
    border-top: 1px solid #cccccc;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data,
  .dashboard-container .l-row .overview-infographic-title {
    padding: 0px 4px !important;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col {
    padding: 0px;
    border-left: 2px solid #cccccc;
    border-bottom: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col:first-child {
    border-left: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators {
    max-width: 54%;
    border-left: 1px solid #cccccc;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col {
    border-left: 1px solid #cccccc;
    border-top: none;
    padding-bottom: 0;
    width: auto;
    max-width: 35%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col:first-child {
    border-left: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col.small {
    max-width: 23%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-col.l-flex-double {
    max-width: 61.5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-three-col-even {
    display: flex;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.l-flex-double.indicators .l-three-col-even + .l-three-col-even {
    padding-top: 14px !important;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col {
    padding: 4px 0px 10px 0px;
    width: 100%;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .ico,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .ico {
    top: 5px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col div,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col div {
    padding-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col .data,
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicators .l-col .data {
    display: block;
    padding-left: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status {
    padding: 0px 12px 0px 0px;
    max-width: 14%;
    border-top: 1px dashed #6b598e !important;
    border-bottom: none;
    display: block;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.status .l-col:first-child {
    min-height: 126px;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data .l-narrow-col.indicator-bar {
    border: none;
    padding: 0px 32px 0px 0px;
    max-width: 24%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col {
    width: 31%;
    padding: 4px 22px 10px 22px;
    border-left: 1px solid #cccccc;
    border-top: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col > div:first-child {
    padding-right: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container {
    display: flex;
    border-right: none;
    width: 26%;
    padding: 12px 22px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container:first-child {
    margin-right: 6px;
    width: 20%;
    border-left: none;
    padding-left: 0px;
    border-bottom: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread {
    display: flex;
    padding: 4px 22px 10px 22px;
    border-top: none;
    border-bottom: none;
    flex-wrap: nowrap;
    justify-content: initial;
    width: 25%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-label {
    border-right: 1px solid #cccccc;
    padding-right: 12px;
    border-bottom: none;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-price {
    text-align: right;
    padding: 0px 10px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-price .data {
    margin: 0px;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider::before {
    content: " ";
    width: 2px;
    height: 100%;
    border-left: 1.5px solid #92A753;
    display: block;
    position: relative;
    float: left;
    left: 50.5%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider .ico.price-divider {
    margin: 0px;
    position: relative;
    top: 15%;
  }
  .dashboard-container .l-row.overview-infographic.dashboard-tabSubtext.top-data.nat-gas .l-col.indicator-container.sparkspread .spark-divider + .spark-price {
    text-align: left;
  }
  .dashboard-container .l-row.dashboard-tabSubtext {
    padding: 0px 4px !important;
    flex-direction: row;
    orphans: 3;
    line-height: 1.3;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .data {
    padding-left: 0;
    display: flex;
    align-items: baseline;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .data + div {
    padding-left: 0;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .data + div + div {
    padding-left: 0;
  }
  .dashboard-container .l-row.dashboard-tabSubtext .data + div + div + div {
    padding-left: 0;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col {
    width: 24%;
    padding-left: 3%;
    border-bottom: none;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-four-col-even .l-narrow-col:first-child {
    padding-left: 0px;
    padding-top: 6px;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col {
    width: 32%;
    padding-left: 3%;
    border-bottom: none;
  }
  .dashboard-container .l-row.dashboard-tabSubtext.l-three-col-even .l-narrow-col:first-child {
    padding-left: 0px;
    padding-top: 6px;
  }
  .l-row.l-two-col-even {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: unset;
    break-inside: unset;
  }
  .l-row.l-two-col-even .l-two-col:first-of-type {
    width: 47%;
    margin-right: 44px;
  }
  .l-row.l-two-col-even .l-two-col:last-of-type {
    width: 47%;
    float: left;
  }
  .push {
    break-after: auto;
  }
  text.highcharts-credits {
    display: block;
  }
  path.highcharts-eia-logo {
    display: block;
  }
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* angular:styles/global:styles */