@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* node_modules/normalize.css/normalize.css */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

/* projects/compass-app/src/styles.scss */
html,
body {
  height: 100%;
}
.cdk-overlay-container,
.cdk-overlay-pane,
.pac-container {
  z-index: 9999 !important;
}
html {
  --mat-sys-background: #f7f9ff;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #eef1f7;
  --mat-sys-inverse-primary: #4ec1f4;
  --mat-sys-inverse-surface: #2d3136;
  --mat-sys-on-background: #181c20;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #005597;
  --mat-sys-on-primary-fixed: #001d32;
  --mat-sys-on-primary-fixed-variant: #005597;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #2a4964;
  --mat-sys-on-secondary-fixed: #001d32;
  --mat-sys-on-secondary-fixed-variant: #2a4964;
  --mat-sys-on-surface: #181c20;
  --mat-sys-on-surface-variant: #3f4851;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #662c82;
  --mat-sys-on-tertiary-fixed: #310048;
  --mat-sys-on-tertiary-fixed-variant: #662c82;
  --mat-sys-outline: #707882;
  --mat-sys-outline-variant: #bfc7d2;
  --mat-sys-primary: #0087CE;
  --mat-sys-primary-container: #80d2f8;
  --mat-sys-primary-fixed: #80d2f8;
  --mat-sys-primary-fixed-dim: #4ec1f4;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #42617d;
  --mat-sys-secondary-container: #cde5ff;
  --mat-sys-secondary-fixed: #cde5ff;
  --mat-sys-secondary-fixed-dim: #aacaea;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f7f9ff;
  --mat-sys-surface-bright: #f7f9ff;
  --mat-sys-surface-container: #ebeef4;
  --mat-sys-surface-container-high: #e5e8ef;
  --mat-sys-surface-container-highest: #dfe3e9;
  --mat-sys-surface-container-low: #f1f4fa;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #d7dae0;
  --mat-sys-surface-tint: #0087CE;
  --mat-sys-surface-variant: #dbe3ee;
  --mat-sys-tertiary: #80459c;
  --mat-sys-tertiary-container: #f7d8ff;
  --mat-sys-tertiary-fixed: #f7d8ff;
  --mat-sys-tertiary-fixed-dim: #e9b3ff;
  --mat-sys-neutral-variant20: #29313a;
  --mat-sys-neutral10: #181c20;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
.energy-theme,
.energy-theme + .cdk-overlay-container {
  --mat-sys-primary: darkred !important;
}
.dense-2 {
  --mat-button-filled-container-height: 28px;
  --mat-button-filled-touch-target-display: none;
  --mat-button-outlined-container-height: 28px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-protected-container-height: 28px;
  --mat-button-protected-touch-target-display: none;
  --mat-button-text-container-height: 28px;
  --mat-button-text-touch-target-display: none;
  --mat-button-tonal-container-height: 28px;
  --mat-button-tonal-touch-target-display: none;
}
.dense-2 {
  --mat-button-toggle-height: 40px;
}
.dense-2 {
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-state-layer-size: 32px;
}
.dense-2 .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 24px;
}
.dense-2 {
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
}
.dense-2 {
  --mat-fab-small-touch-target-display: none;
  --mat-fab-touch-target-display: none;
}
.dense-2 {
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
}
.dense-2 {
  --mat-icon-button-touch-target-display: none;
}
.dense-2 .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;
}
.dense-2 {
  --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: 40px;
  --mat-list-list-item-two-line-container-height: 56px;
  --mat-list-list-item-three-line-container-height: 80px;
}
.dense-2 .mdc-list-item__start,
.dense-2 .mdc-list-item__end {
  --mat-radio-state-layer-size: 32px;
  --mat-radio-touch-target-display: none;
}
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.dense-2 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}
.dense-2 {
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.dense-2 {
  --mat-radio-state-layer-size: 32px;
  --mat-radio-touch-target-display: none;
}
.dense-2 {
  --mat-select-arrow-transform: none;
}
.dense-2 {
  --mat-slide-toggle-state-layer-size: 32px;
}
.dense-2 .mat-mdc-slide-toggle {
  --mat-slide-toggle-state-layer-size: 32px;
}
.dense-2 {
  --mat-stepper-header-height: 64px;
}
.dense-2 {
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
}
.dense-2 .mat-mdc-tab-header {
  --mat-tab-container-height: 40px;
}
.dense-2 {
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
}
.dense-2 {
  --mat-tree-node-min-height: 40px;
}
.mat-mdc-text-field-wrapper {
  background-color: white;
  border-radius: 5px !important;
}
.mat-mdc-select-trigger {
  height: 100%;
}
.mat-mdc-checkbox {
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.32);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.32);
  --mat-checkbox-selected-focus-icon-color: var(--mat-sys-primary);
  --mat-checkbox-selected-checkmark-color: white !important;
  text-align: left;
}
.mat-mdc-checkbox:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background {
  background-color: white !important;
}
mat-slider {
  --mat-slider-handle-width: 15px;
  --mat-slider-handle-height: 15px;
}
.mat-mdc-form-field-infix {
  --mat-form-field-container-vertical-padding: 8px ;
}
.mdc-text-field--outlined,
.mdc-text-field,
.mat-mdc-form-field {
  --mat-form-field-container-height: 35px ;
}
.mat-mdc-slide-toggle {
  --mat-slide-toggle-selected-handle-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-focus-handle-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-hover-handle-color: var(--mat-sys-primary);
  --mat-slide-toggle-selected-pressed-handle-color: var(--mat-sys-primary);
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.3);
  --mat-slide-toggle-unselected-focus-handle-color: rgba(0, 0, 0, 0.3);
  --mat-slide-toggle-unselected-hover-handle-color: rgba(0, 0, 0, 0.3);
  --mat-slide-toggle-unselected-pressed-handle-color: rgba(0, 0, 0, 0.3);
  --mat-slide-toggle-selected-focus-track-color: color-mix(in srgb, var(--mat-sys-primary) 30%, transparent);
  --mat-slide-toggle-selected-hover-track-color: color-mix(in srgb, var(--mat-sys-primary) 30%, transparent);
  --mat-slide-toggle-selected-pressed-track-color: color-mix(in srgb, var(--mat-sys-primary) 30%, transparent);
  --mat-slide-toggle-selected-track-color: color-mix(in srgb, var(--mat-sys-primary) 30%, transparent);
}
.mat-mdc-unelevated-button[disabled] {
  --mat-button-filled-disabled-container-color: color-mix(in srgb, var(--mat-sys-primary) 50%, transparent);
  --mat-button-filled-disabled-label-text-color: white;
}
.mat-mdc-outlined-button:not(:disabled) {
  --mat-button-outlined-outline-color: var(--mat-sys-primary);
}
.mat-button-toggle-group {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-text-color: var(--mat-sys-primary);
  --mat-button-toggle-selected-state-background-color: var(--mat-sys-primary);
  --mat-button-toggle-selected-state-text-color: white;
  --mat-button-toggle-divider-color: var(--mat-sys-primary);
}
.mat-button-toggle-group mat-button-toggle {
  align-content: center;
  min-height: 100%;
}
.mat-button-toggle-group mat-button-toggle .mat-button-toggle-label-content {
  white-space: pre-wrap;
  --mat-button-toggle-height: 25px;
}
.mat-button-toggle-group.mat-button-toggle-group-appearance-standard {
  border: solid 2px var(--mat-sys-primary);
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
}
.mat-button-toggle-appearance-standard {
  --mat-button-toggle-label-text-size: 12px;
}
.mat-mdc-menu-panel {
  max-width: 320px !important;
}
.mat-mdc-tooltip {
  --mat-tooltip-container-color: var(--mat-sys-primary);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: color-mix(in srgb, var(--mat-sys-primary) 40%, transparent);
}
.mat-mdc-dialog-surface {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mat-mdc-dialog-surface::-webkit-scrollbar {
  display: none;
}
:root {
  --mat-sys-primary-10-flat: color-mix(in srgb, var(--mat-sys-primary) 10%, white);
  --mat-sys-primary-20-flat: color-mix(in srgb, var(--mat-sys-primary) 20%, white);
}
:root .wave-loader-bottom {
  margin-top: 4px;
}
:root .basic-border {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
:root .rounded-container {
  display: flex;
  background-color: color-mix(in srgb, var(--mat-sys-primary) 4%, transparent);
  border-radius: 5px;
  margin: 4px;
  padding: 5px;
}
:root .basic-primary-table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto !important;
  min-width: 250px;
}
:root .basic-primary-table th {
  background-color: color-mix(in srgb, var(--mat-sys-primary) 3%, transparent);
}
:root .basic-primary-table th,
:root .basic-primary-table td {
  padding: 10px 10px !important;
  border: 1px solid #DDDDDD;
}
:root .basic-primary-table tr.highlight-row-border td:nth-child(3) {
  border-left: 5px solid var(--mat-sys-primary-20-flat);
  border-top: 5px solid var(--mat-sys-primary-20-flat);
  border-bottom: 5px solid var(--mat-sys-primary-20-flat);
}
:root .basic-primary-table tr.highlight-row-border td:nth-last-child(3) {
  border-right: 5px solid var(--mat-sys-primary-20-flat);
  border-top: 5px solid var(--mat-sys-primary-20-flat);
  border-bottom: 5px solid var(--mat-sys-primary-20-flat);
}
:root .basic-primary-table tr.highlight-row-border td:nth-child(4),
:root .basic-primary-table tr.highlight-row-border td:nth-child(5),
:root .basic-primary-table tr.highlight-row-border td:nth-child(6),
:root .basic-primary-table tr.highlight-row-border td:nth-child(7),
:root .basic-primary-table tr.highlight-row-border td:nth-child(8),
:root .basic-primary-table tr.highlight-row-border td:nth-child(9) {
  border-top: 5px solid var(--mat-sys-primary-20-flat);
  border-bottom: 5px solid var(--mat-sys-primary-20-flat);
}
:root .basic-primary-table.vertical-header-row tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
:root .basic-primary-table.vertical-header-row tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
:root .basic-primary-table.vertical-header-row tr:last-child th:first-child {
  border-bottom-left-radius: 10px;
}
:root .basic-primary-table.vertical-header-row tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
:root h3 {
  font: 400 16px/28px Roboto, sans-serif;
  text-align: center;
  font-family:
    Roboto,
    Arial,
    sans-serif;
  margin: 0 0 5px;
}
:root .mat-badge-content {
  background: var(--mat-sys-primary) !important;
  z-index: 10;
}
:root .input-container {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  margin-bottom: 0;
}
:root .input-container mat-form-field,
:root .input-container .month-picker-button,
:root .input-container mat-button-toggle-group {
  margin: 5px 0;
  width: 100%;
}
:root .input-container mat-form-field .suffix,
:root .input-container .month-picker-button .suffix,
:root .input-container mat-button-toggle-group .suffix {
  display: flex;
  justify-content: center;
  width: 40px;
}
:root .input-container .checkbox-input {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1px 5px;
}
:root .input-container .expand-icon {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 35px;
  padding-top: 5px;
  margin: 0 auto;
  color: #6d6d6d;
  transition: all 3s ease-out;
}
:root .input-container .expand-icon .expanded {
  transform: rotate(180deg);
}
:root .input-container .month-picker-button {
  height: 48px;
  border: 0.5px solid #9e9e9e;
  color: white;
  font-weight: 400;
}
:root .input-container .month-picker-button .mat-icon {
  overflow: visible !important;
}
:root .input-container mat-button-toggle {
  width: 100%;
}
:root mat-option {
  padding: 0 15px;
  font-size: 14px;
}
:root .multiline-tooltip {
  white-space: pre;
}
:root .sizing-input-container {
  max-width: 550px;
  min-width: 300px;
  padding-top: 5px;
  display: inline-table;
  text-align: center;
}
:root .sizing-input-container ::ng-deep h3 {
  margin: 0;
  font-size: 16px !important;
}
:root .sizing-input-container ::ng-deep div.location-picker-container {
  padding-bottom: 0;
}
:root .sizing-input-container .select-pump-systems {
  font-size: 12px;
  font-weight: 400;
  max-width: 282px;
  padding: 0 40px;
}
:root .container {
  container: sizer-container/inline-size;
}
:root .calculate-button-container {
  background:
    linear-gradient(
      0deg,
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0.7) 60%,
      rgba(255, 255, 255, 0) 100%);
  position: sticky;
  bottom: 0;
  z-index: 5;
}
:root .calculate-button-container button {
  margin: 10px;
}
html {
  font-family: Roboto, sans-serif;
  --mat-icon-button-icon-color: white;
  --mat-slide-toggle-selected-icon-color: white;
  --mat-button-text-container-shape: 4px;
  --mat-button-filled-container-shape: 4px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-icon-offset: -4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-text-container-height: 36px;
  --mat-button-filled-container-height: 36px;
  --mat-button-protected-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --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-weight: 500;
  --mat-button-text-label-text-transform: none;
  --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-weight: 500;
  --mat-button-filled-label-text-transform: none;
  --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-weight: 500;
  --mat-button-protected-label-text-transform: none;
  --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-weight: 500;
  --mat-button-outlined-label-text-transform: none;
  --mat-icon-button-icon-size: 24px;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-height: 48px;
  --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;
  --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-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;
  --mat-dialog-container-color: white;
}
html .mat-mdc-fab {
  --mat-fab-container-color: var(--mat-sys-primary);
  --mat-fab-container-shape: 50%;
}
html mat-icon.mat-primary {
  color: var(--mat-sys-primary);
}
html .accent {
  color: white;
  --mat-fab-container-color: var(--mat-sys-tertiary);
}
html .warn {
  color: white;
  --mat-fab-container-color: var(--mat-sys-error);
}
html .mat-mdc-mini-fab.mat-primary {
  color: white;
  background: var(--mat-sys-primary);
  border-radius: 50%;
}
html .mat-mdc-unelevated-button {
  font-family: var(--mat-button-filled-label-text-font);
  font-size: var(--mat-button-filled-label-text-size);
  letter-spacing: var(--mat-button-filled-label-text-tracking);
  font-weight: var(--mat-button-filled-label-text-weight);
  text-transform: var(--mat-button-filled-label-text-transform);
  height: var(--mat-button-filled-container-height);
  border-radius: var(--mat-button-filled-container-shape);
  padding: 0 var(--mat-button-filled-horizontal-padding, 16px);
}
html .mat-mdc-icon-button.mat-mdc-button-base {
  --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-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --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-h1,
html .mat-headline-5,
html .mat-typography .mat-h1,
html .mat-typography .mat-headline-5,
html .mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
html .mat-h2,
html .mat-headline-6,
html .mat-typography .mat-h2,
html .mat-typography .mat-headline-6,
html .mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
html .mat-h3,
html .mat-subtitle-1,
html .mat-typography .mat-h3,
html .mat-typography .mat-subtitle-1,
html .mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html .mat-body,
html .mat-body-2,
html .mat-typography .mat-body,
html .mat-typography .mat-body-2,
html .mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
html .mat-body p,
html .mat-body-2 p,
html .mat-typography .mat-body p,
html .mat-typography .mat-body-2 p,
html .mat-typography p {
  margin: 0 0 12px;
}
html .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
html .cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 1;
  background: rgba(0, 0, 0, 0.22);
  transition: background 0.4s ease-out;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-2BNLCYUH.css.map */