/* 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;
}

/* src/styles/global.scss */
:root {
  --g-color1: #222222;
  --g-color2: #3a394c;
  --g-color3: #50505e;
  --g-color4: #6c6c78;
  --g-color5: #838391;
  --g-color6: #bebec5;
  --g-color7: #d9d9dd;
  --g-color8: #e9e9ed;
  --g-color9: #f2f2f3;
  --g-color10: #ffffff;
  --g-color11: #3b126f;
  --g-color12: #e6def0;
  --g-color13: #373677;
  --g-color14: #e7eaf6;
  --g-color15: #f6f7fb;
  --g-color16: #3b9012;
  --g-color17: #d9edd7;
  --g-color18: #d9af1c;
  --g-color19: #f6f7dd;
  --g-color20: #7d260b;
  --g-color21: #ffe2c7;
  --g-color22: #ffeb7b;
  --g-color23: #231a37;
  --g-color24: #08583b;
  --g-color25: #e00000;
  --g-color26: #e05151;
  --g-color27: #fc9132;
  --g-color28: #e05151;
  --g-color29: #fc9132;
  --g-color30: #f6ac63;
  --theme-primary-color: #5a27e7;
  --theme-primary-light-color: #ddd7f5;
  --potentially-button-bg: var(--theme-primary-color);
  --primary-button-bg: var(--g-color11);
  --primary-button-hover-bg: var(--g-color12);
  --primary-button-color: var(--g-color10);
  --primary-button-hover-color: var(--g-color11);
  --secondary-button-bg: var(--g-color10);
  --secondary-button-hover-bg: var(--g-color6);
  --secondary-button-color: var(--g-color1);
  --secondary-button-hover-color: var(--g-color1);
  --tertiary-button-bg: var(--g-color7);
  --tertiary-button-hover-bg: var(--g-color6);
  --tertiary-button-color: var(--g-color1);
  --tertiary-button-hover-color: var(--g-color1);
  --warning-button-bg: var(--g-color20);
  --warning-button-hover-bg: var(--g-color21);
  --warning-button-color: var(--g-color10);
  --warning-button-hover-color: var(--g-color20);
  --positive-button-color: var(--g-color10);
  --positive-button-bg: var(--g-color16);
  --positive-button-hover-color: var(--g-color16);
  --positive-button-hover-bg: var(--g-color16);
  --orange-button-color: var(--g-color10);
  --orange-button-bg: var(--g-color29);
  --orange-button-hover-bg: var(--g-color30);
  --orange-button-hover-color: var(--g-color10);
}
.extra-large {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: var(--g-color1);
}
@media (max-width: 30rem) {
  .extra-large {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.large {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: var(--g-color1);
}
.large.italic {
  font-style: italic;
}
@media (max-width: 30rem) {
  .large {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.medium {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--g-color1);
}
.medium.bold {
  font-weight: 700;
}
.medium.italic {
  font-style: italic;
}
@media (max-width: 30rem) {
  .medium {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
.medium-big {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--g-color1);
}
.medium-big.bold {
  font-weight: 700;
}
@media (max-width: 30rem) {
  .medium-big {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
.small,
.submission-locked-warning,
body .group-chips-list .group-chip-item,
body .chips-list .chip-item {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--g-color1);
}
@media (max-width: 30rem) {
  .small,
  .submission-locked-warning,
  body .group-chips-list .group-chip-item,
  body .chips-list .chip-item {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
}
.small.bold,
.bold.submission-locked-warning,
body .group-chips-list .bold.group-chip-item,
body .chips-list .bold.chip-item {
  font-weight: 700;
}
.extra-small,
body .chips-list .chip-item.chip-small {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--g-color1);
}
@media (max-width: 30rem) {
  .extra-small,
  body .chips-list .chip-item.chip-small {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.extra-small.disabled,
body .chips-list .disabled.chip-item.chip-small {
  color: rgba(0, 0, 0, 0.38);
}
.extra-small.italic,
body .chips-list .italic.chip-item.chip-small {
  font-style: italic;
}
.extra-small.bold,
body .chips-list .bold.chip-item.chip-small {
  font-weight: 700;
}
.extra-extra-small {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1rem;
  color: var(--g-color1);
}
@media (max-width: 30rem) {
  .extra-extra-small {
    font-size: 0.5rem;
    line-height: 0.75rem;
  }
}
.extra-extra-small.disabled {
  color: rgba(0, 0, 0, 0.38);
}
.extra-extra-small.italic {
  font-style: italic;
}
.extra-extra-small.bold {
  font-weight: 700;
}
.serif-medium {
  font-family: "Crimson Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: var(--g-color1);
}
@media (max-width: 30rem) {
  .serif-medium {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.serif-medium.italic {
  font-style: italic;
}
@keyframes skeletonAnimation {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #03a9f4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff5722;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.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: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff5722;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff5722;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #03a9f4;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #03a9f4;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff5722;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff5722;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
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-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 {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-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);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-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-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
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 {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #03a9f4;
  --mdc-linear-progress-track-color: rgba(3, 169, 244, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff5722;
  --mdc-linear-progress-track-color: rgba(255, 87, 34, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #03a9f4;
  --mdc-filled-text-field-focus-active-indicator-color: #03a9f4;
  --mdc-filled-text-field-focus-label-text-color: rgba(3, 169, 244, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
html {
  --mdc-outlined-text-field-caret-color: #03a9f4;
  --mdc-outlined-text-field-focus-outline-color: #03a9f4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(3, 169, 244, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(3, 169, 244, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff5722;
  --mdc-filled-text-field-focus-active-indicator-color: #ff5722;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #ff5722;
  --mdc-outlined-text-field-focus-outline-color: #ff5722;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(255, 87, 34, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
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 {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
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;
}
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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(3, 169, 244, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 87, 34, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
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 {
  --mdc-dialog-container-shape: 4px;
}
html {
  --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 {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #03a9f4;
  --mdc-chip-elevated-selected-container-color: #03a9f4;
  --mdc-chip-elevated-disabled-container-color: #03a9f4;
  --mdc-chip-flat-disabled-selected-container-color: #03a9f4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff5722;
  --mdc-chip-elevated-selected-container-color: #ff5722;
  --mdc-chip-elevated-disabled-container-color: #ff5722;
  --mdc-chip-flat-disabled-selected-container-color: #ff5722;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-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-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-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-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #039be5;
  --mdc-switch-selected-handle-color: #039be5;
  --mdc-switch-selected-hover-state-layer-color: #039be5;
  --mdc-switch-selected-pressed-state-layer-color: #039be5;
  --mdc-switch-selected-focus-handle-color: #01579b;
  --mdc-switch-selected-hover-handle-color: #01579b;
  --mdc-switch-selected-pressed-handle-color: #01579b;
  --mdc-switch-selected-focus-track-color: #4fc3f7;
  --mdc-switch-selected-hover-track-color: #4fc3f7;
  --mdc-switch-selected-pressed-track-color: #4fc3f7;
  --mdc-switch-selected-track-color: #4fc3f7;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-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);
  --mdc-switch-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);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #f4511e;
  --mdc-switch-selected-handle-color: #f4511e;
  --mdc-switch-selected-hover-state-layer-color: #f4511e;
  --mdc-switch-selected-pressed-state-layer-color: #f4511e;
  --mdc-switch-selected-focus-handle-color: #bf360c;
  --mdc-switch-selected-hover-handle-color: #bf360c;
  --mdc-switch-selected-pressed-handle-color: #bf360c;
  --mdc-switch-selected-focus-track-color: #ff8a65;
  --mdc-switch-selected-hover-track-color: #ff8a65;
  --mdc-switch-selected-pressed-track-color: #ff8a65;
  --mdc-switch-selected-track-color: #ff8a65;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #03a9f4;
  --mdc-radio-selected-hover-icon-color: #03a9f4;
  --mdc-radio-selected-icon-color: #03a9f4;
  --mdc-radio-selected-pressed-icon-color: #03a9f4;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #03a9f4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff5722;
  --mdc-radio-selected-hover-icon-color: #ff5722;
  --mdc-radio-selected-icon-color: #ff5722;
  --mdc-radio-selected-pressed-icon-color: #ff5722;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff5722;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --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 {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-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);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #03a9f4;
  --mdc-slider-focus-handle-color: #03a9f4;
  --mdc-slider-hover-handle-color: #03a9f4;
  --mdc-slider-active-track-color: #03a9f4;
  --mdc-slider-inactive-track-color: #03a9f4;
  --mdc-slider-with-tick-marks-inactive-container-color: #03a9f4;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #03a9f4;
  --mat-slider-hover-state-layer-color: rgba(3, 169, 244, 0.05);
  --mat-slider-focus-state-layer-color: rgba(3, 169, 244, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ff5722;
  --mdc-slider-focus-handle-color: #ff5722;
  --mdc-slider-hover-handle-color: #ff5722;
  --mdc-slider-active-track-color: #ff5722;
  --mdc-slider-inactive-track-color: #ff5722;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff5722;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #ff5722;
  --mat-slider-hover-state-layer-color: rgba(255, 87, 34, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 87, 34, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-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: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --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 {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #03a9f4;
  --mdc-radio-selected-hover-icon-color: #03a9f4;
  --mdc-radio-selected-icon-color: #03a9f4;
  --mdc-radio-selected-pressed-icon-color: #03a9f4;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff5722;
  --mdc-radio-selected-hover-icon-color: #ff5722;
  --mdc-radio-selected-icon-color: #ff5722;
  --mdc-radio-selected-pressed-icon-color: #ff5722;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #03a9f4;
  --mdc-checkbox-selected-hover-icon-color: #03a9f4;
  --mdc-checkbox-selected-icon-color: #03a9f4;
  --mdc-checkbox-selected-pressed-icon-color: #03a9f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #03a9f4;
  --mdc-checkbox-selected-hover-state-layer-color: #03a9f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #03a9f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff5722;
  --mdc-checkbox-selected-hover-icon-color: #ff5722;
  --mdc-checkbox-selected-icon-color: #ff5722;
  --mdc-checkbox-selected-pressed-icon-color: #ff5722;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff5722;
  --mdc-checkbox-selected-hover-state-layer-color: #ff5722;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff5722;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.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: #03a9f4;
}
.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 {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.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 {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
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: rgba(0, 0, 0, 0.12);
}
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 {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #03a9f4;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #03a9f4;
  --mat-tab-header-active-ripple-color: #03a9f4;
  --mat-tab-header-inactive-ripple-color: #03a9f4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #03a9f4;
  --mat-tab-header-active-hover-label-text-color: #03a9f4;
  --mat-tab-header-active-focus-indicator-color: #03a9f4;
  --mat-tab-header-active-hover-indicator-color: #03a9f4;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff5722;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff5722;
  --mat-tab-header-active-ripple-color: #ff5722;
  --mat-tab-header-inactive-ripple-color: #ff5722;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff5722;
  --mat-tab-header-active-hover-label-text-color: #ff5722;
  --mat-tab-header-active-focus-indicator-color: #ff5722;
  --mat-tab-header-active-hover-indicator-color: #ff5722;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #03a9f4;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff5722;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff5722;
  --mdc-checkbox-selected-hover-icon-color: #ff5722;
  --mdc-checkbox-selected-icon-color: #ff5722;
  --mdc-checkbox-selected-pressed-icon-color: #ff5722;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff5722;
  --mdc-checkbox-selected-hover-state-layer-color: #ff5722;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff5722;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #03a9f4;
  --mdc-checkbox-selected-hover-icon-color: #03a9f4;
  --mdc-checkbox-selected-icon-color: #03a9f4;
  --mdc-checkbox-selected-pressed-icon-color: #03a9f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #03a9f4;
  --mdc-checkbox-selected-hover-state-layer-color: #03a9f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #03a9f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}
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 {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #03a9f4;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #03a9f4;
  --mat-text-button-ripple-color: rgba(3, 169, 244, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff5722;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #ff5722;
  --mat-text-button-ripple-color: rgba(255, 87, 34, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #03a9f4;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff5722;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #03a9f4;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff5722;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #03a9f4;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #03a9f4;
  --mat-outlined-button-ripple-color: rgba(3, 169, 244, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff5722;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #ff5722;
  --mat-outlined-button-ripple-color: rgba(255, 87, 34, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #03a9f4;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #03a9f4;
  --mat-icon-button-ripple-color: rgba(3, 169, 244, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff5722;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #ff5722;
  --mat-icon-button-ripple-color: rgba(255, 87, 34, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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 {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
}
html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #03a9f4;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff5722;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #03a9f4;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff5722;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #b3e5fc;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-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 {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #03a9f4;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff5722;
}
html .mat-warn {
  --mdc-circular-progress-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: #03a9f4;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff5722;
  --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-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-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-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #03a9f4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(3, 169, 244, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(3, 169, 244, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(3, 169, 244, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #03a9f4;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(3, 169, 244, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --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-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: black;
  --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.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --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: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff5722;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 87, 34, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 87, 34, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 87, 34, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 87, 34, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --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-content.mat-warn {
  --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: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --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-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff5722;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.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;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-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-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: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --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: #03a9f4;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff5722;
}
.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-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #03a9f4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #03a9f4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #03a9f4;
  --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: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --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;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff5722;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff5722;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff5722;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .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: rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #03a9f4;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff5722;
  --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;
}
body[dir=rtl] .mat-menu-item .mat-icon,
body [dir=rtl] .mat-menu-item .mat-icon {
  margin-left: 1rem;
}
body[dir=rtl] .dialog-header .dialog-header__close-icon,
body [dir=rtl] .dialog-header .dialog-header__close-icon {
  margin-right: auto;
}
body[dir=rtl] .mat-radio-label-content,
body [dir=rtl] .mat-radio-label-content {
  padding-right: 0.5rem;
}
body[dir=ltr] .mat-menu-item .mat-icon,
body [dir=ltr] .mat-menu-item .mat-icon {
  margin-right: 1rem;
}
body[dir=ltr] .dialog-header .dialog-header__close-icon,
body [dir=ltr] .dialog-header .dialog-header__close-icon {
  margin-left: auto;
}
body[dir=ltr] .mat-radio-label-content,
body [dir=ltr] .mat-radio-label-content {
  padding-left: 0.5rem;
}
body .mat-ink-bar {
  background-color: var(--g-color11) !important;
}
body .spinner-white circle {
  stroke: #fff;
}
body .spinner-primary circle {
  stroke: var(--g-color11);
}
body .mat-progress-bar.mat-green .mat-progress-bar-buffer {
  background-color: #baf5a8;
}
body .mat-progress-bar.mat-green .mat-progress-bar-element::after {
  background-color: #0b7e23;
}
body .mat-mdc-outlined-button.mat-blue,
body .mat-mdc-raised-button.mat-blue,
body .mat-mdc-unelevated-button.mat-blue {
  color: #007fa5;
  border: 0.0625rem solid #007fa5;
}
body .mat-mdc-outlined-button.mat-blue:hover,
body .mat-mdc-raised-button.mat-blue:hover,
body .mat-mdc-unelevated-button.mat-blue:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
body .mat-mdc-outlined-button.mat-green-transparent,
body .mat-mdc-raised-button.mat-green-transparent,
body .mat-mdc-unelevated-button.mat-green-transparent {
  color: #0b7e23;
  background-color: rgba(255, 255, 255, 0);
  border: 0.0625rem solid #0b7e23;
}
body .mat-mdc-outlined-button.mat-green-transparent:hover,
body .mat-mdc-raised-button.mat-green-transparent:hover,
body .mat-mdc-unelevated-button.mat-green-transparent:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
body .mat-mdc-outlined-button.mat-dark-green-transparent,
body .mat-mdc-raised-button.mat-dark-green-transparent,
body .mat-mdc-unelevated-button.mat-dark-green-transparent {
  color: #0b7e23;
  background-color: rgba(255, 255, 255, 0);
  border: 0.0625rem solid #0b7e23;
}
body .mat-mdc-outlined-button.mat-dark-green-transparent:hover,
body .mat-mdc-raised-button.mat-dark-green-transparent:hover,
body .mat-mdc-unelevated-button.mat-dark-green-transparent:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
body .mat-mdc-outlined-button.mat-green,
body .mat-mdc-raised-button.mat-green,
body .mat-mdc-unelevated-button.mat-green {
  color: #fff;
  background-color: #0b7e23;
}
body .mat-mdc-outlined-button.mat-green:hover,
body .mat-mdc-raised-button.mat-green:hover,
body .mat-mdc-unelevated-button.mat-green:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
body .mat-mdc-button,
body .mat-mdc-raised-button,
body .mat-mdc-icon-button,
body .mat-mdc-outlined-button,
body .mat-mdc-unelevated-button,
body .mat-mdc-fab,
body .mat-mdc-mini-fab {
  font-size: 0.875rem;
}
body .mat-mdc-button,
body .mat-mdc-outlined-button,
body .mat-mdc-raised-button,
body .mat-mdc-unelevated-button {
  padding: 0 1rem;
  line-height: 2.25rem;
}
body .mat-mdc-button.mat-primary.mat-mdc-button-disabled,
body .mat-mdc-button.mat-accent.mat-mdc-button-disabled,
body .mat-mdc-button.mat-warn.mat-mdc-button-disabled,
body .mat-mdc-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
body .mat-mdc-outlined-button.mat-primary.mat-mdc-button-disabled,
body .mat-mdc-outlined-button.mat-accent.mat-mdc-button-disabled,
body .mat-mdc-outlined-button.mat-warn.mat-mdc-button-disabled,
body .mat-mdc-outlined-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
body .mat-mdc-raised-button.mat-primary.mat-mdc-button-disabled,
body .mat-mdc-raised-button.mat-accent.mat-mdc-button-disabled,
body .mat-mdc-raised-button.mat-warn.mat-mdc-button-disabled,
body .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled,
body .mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled,
body .mat-mdc-unelevated-button.mat-accent.mat-mdc-button-disabled,
body .mat-mdc-unelevated-button.mat-warn.mat-mdc-button-disabled,
body .mat-mdc-unelevated-button.mat-mdc-button-disabled.mat-mdc-button-disabled {
  color: rgba(0, 0, 0, 0.7);
}
body .mat-mdc-icon-button {
  padding: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
}
body .mat-mdc-icon-button i,
body .mat-mdc-icon-button .mat-icon {
  line-height: 1.5rem;
}
body .mat-mdc-outlined-button {
  line-height: 2.125rem;
}
body .mat-menu-item {
  line-height: 3rem;
  height: 3rem;
  font-size: 0.875rem;
  padding: 0 1rem;
}
body .mat-menu-item .mat-icon {
  height: 30px;
}
body .mat-gray {
  color: #929292;
}
body .material-icons {
  font-size: 1.5rem;
}
body .mat-icon {
  width: 1.5rem;
  height: 1.5rem;
}
body .mat-tooltip {
  font-size: 0.625rem !important;
}
body .mat-tooltip.medium-tooltip {
  font-size: 0.75rem !important;
  max-width: 31.25rem;
}
body .mat-no-border .mat-form-field-underline,
body .mat-no-border .mat-form-field-ripple {
  height: 0 !important;
}
body .mat-no-border .mat-form-field-wrapper {
  padding-bottom: 0.4375rem;
}
body .mat-full-width {
  width: 100%;
}
body .mat-outline-small .mat-form-field-infix {
  padding: 0.5rem 0;
}
body .mat-outline-small .mat-form-field-wrapper {
  padding-bottom: 0;
}
body .mat-outline-small .mat-form-field-label {
  margin-top: -0.5rem;
}
body .mat-outline-small.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  margin-top: -0.25rem;
}
body .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.3);
}
body .mat-form-field-appearance-outline .mat-form-field-required-marker {
  color: currentColor;
}
body .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0.3125rem 0 0 0.3125rem;
}
body .mat-form-field-appearance-outline .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-outline-end {
  min-width: 0.3125rem;
  border-width: 0.0625rem;
}
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end,
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap {
  border-width: 0.0625rem;
}
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-start,
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-end,
body .mat-form-field-appearance-outline .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 0.0625rem;
}
body .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline {
  color: #007fa5;
}
body .mat-form-field-appearance-outline.color-gray .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.3);
}
body .mat-form-field-appearance-outline.color-gray.mat-focused .mat-form-field-outline {
  color: #007fa5;
}
body .mat-drawer {
  transition: margin-left 0.3s ease, margin-right 0.3s ease;
}
body .mat-sidenav-container {
  min-height: 100vh;
}
body .mat-sidenav-container.mat-drawer-container {
  overflow: unset;
  z-index: auto;
}
body .mat-sidenav-container .mat-drawer-inner-container {
  overflow-x: unset;
}
body .mat-sidenav-container .mat-drawer-inner-container::-webkit-scrollbar {
  background-color: transparent;
  width: 0.4375rem;
}
body .mat-sidenav-container .mat-drawer-inner-container::-webkit-scrollbar-thumb {
  background-color: #a6a6a6;
  border-radius: 0.625rem;
}
body [appearance=standard].mat-form-field input {
  border: 0.0625rem solid rgba(0, 0, 0, 0.3);
  border-radius: 0.25rem;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
}
body [appearance=standard].mat-form-field .mat-form-field-infix {
  padding: 0 !important;
}
body [appearance=standard].mat-form-field .mat-form-field-flex {
  padding: 0;
}
body [appearance=standard].mat-form-field .mat-form-field-wrapper {
  width: 100%;
}
body [appearance=standard].mat-form-field .mat-form-field-infix {
  padding: 0.625rem 0 0.625rem 0;
  border-top: 0 solid transparent;
}
body [appearance=standard].mat-form-field .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
body [appearance=standard].mat-form-field .mat-input-element {
  caret-color: #000;
}
body [appearance=standard].mat-form-field .mat-form-field-outline {
  color: var(--g-color6) !important;
}
body [appearance=standard].mat-form-field .mat-form-field-underline {
  display: none;
}
body .mat-input-element {
  font: inherit;
  background: transparent;
  color: currentColor;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box;
}
.cards-search-section body .mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
body .mat-form-field.no-padding > .mat-form-field-wrapper {
  margin-bottom: -1.25rem;
}
body .mat-form-field .mat-form-field-infix {
  width: 11.25rem;
}
body .mat-mdc-button:hover,
body .mat-mdc-raised-button:hover,
body .mat-mdc-outlined-button:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
body .mat-mdc-button,
body .mat-mdc-raised-button,
body .mat-mdc-outlined-button,
body .mat-mdc-unelevated-button,
body .mat-mdc-fab,
body .mat-mdc-mini-fab {
  font-family: "DM Sans", sans-serif !important;
}
body .mat-mdc-button:focus,
body .mat-mdc-raised-button:focus,
body .mat-mdc-outlined-button:focus,
body .mat-mdc-unelevated-button:focus,
body .mat-mdc-fab:focus,
body .mat-mdc-mini-fab:focus {
  outline: 0 !important;
}
body .mat-snack-bar-container {
  max-width: 100vw !important;
}
@media screen and (max-width: 25rem) {
  body .mat-snack-bar-container {
    min-width: 0 !important;
  }
}
body .mat-snack-bar-container.error {
  color: #ef6381;
  background-color: #fff;
}
body .mat-mdc-button.mat-primary[disabled],
body .mat-mdc-button.mat-accent[disabled],
body .mat-mdc-button.mat-warn[disabled],
body .mat-mdc-button[disabled][disabled],
body .mat-mdc-icon-button.mat-primary[disabled],
body .mat-mdc-icon-button.mat-accent[disabled],
body .mat-mdc-icon-button.mat-warn[disabled],
body .mat-mdc-icon-button[disabled][disabled],
body .mat-mdc-outlined-button.mat-primary[disabled],
body .mat-mdc-outlined-button.mat-accent[disabled],
body .mat-mdc-outlined-button.mat-warn[disabled],
body .mat-mdc-outlined-button[disabled][disabled] {
  opacity: 0.6;
}
body .mat-card :active {
  outline: 0 !important;
}
body .mat-card {
  font-family: "DM Sans", sans-serif !important;
}
body .mat-card.version-new-card {
  border-radius: 0;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1);
}
body div.mat-menu-panel {
  min-height: 2.5rem;
}
body div.mat-menu-panel .mat-menu-content {
  padding-bottom: 0;
  padding-top: 0;
}
body div.mat-menu-panel .mat-menu-content button.mat-menu-item {
  line-height: 2.5rem;
  height: 2.5rem;
}
body .ptl-mat-dialog .mat-dialog-container {
  border-radius: 1.25rem;
}
body .ptl-mat-dialog.page-publish-dialog .mat-dialog-container {
  outline: none !important;
}
body .dialog-header .dialog-header__top {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
body .dialog-header .dialog-header__close-icon {
  align-self: center;
  cursor: pointer;
}
body .dialog-header .dialog-header__logo {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}
body .dialog-header .dialog-header-title {
  margin: 0 0.625rem;
}
body .dialog-header .dialog-header-title span {
  font-weight: 300;
}
body .dialog-header .dialog-header-title-box {
  flex-flow: column;
}
body .dialog-header .dialog-header-sub-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0.625rem 0.625rem;
}
body .dialog-header .dialog-header-active-tabs {
  display: flex;
  align-items: center;
  padding: 0 2.5625rem;
  border-bottom: 0.0625rem solid #b9b9b9;
}
body .dialog-header .dialog-header-tab-item {
  padding: 0.5625rem 0;
  height: 2.5rem;
  cursor: pointer;
  font-size: 1rem;
  box-sizing: border-box;
  margin: 0 0.625rem;
  border-bottom: 0.1875rem solid transparent;
  color: #8e9aa5;
}
body .dialog-header .dialog-header-tab-item.is_active {
  color: #0b7e23;
  border-bottom-color: #0b7e23;
}
body .dialog-header .dialog-header-tab-item .mat-icon {
  margin-top: -0.1875rem;
}
body .mat-select-arrow {
  border-top-width: 0.3125rem;
  margin: 0 0.25rem;
}
:host-context([dir=rtl]) body .mat-select-arrow,
::ng-deep .cdk-overlay-container [dir=rtl] .cdk-overlay-pane body .mat-select-arrow {
  border-right-width: 0.3125rem;
}
:host-context([dir=ltr]) body .mat-select-arrow,
::ng-deep .cdk-overlay-container [dir=ltr] .cdk-overlay-pane body .mat-select-arrow {
  border-left-width: 0.3125rem;
}
:host-context([dir=rtl]) body .mat-select-arrow,
::ng-deep .cdk-overlay-container [dir=rtl] .cdk-overlay-pane body .mat-select-arrow {
  border-left-width: 0.3125rem;
}
:host-context([dir=ltr]) body .mat-select-arrow,
::ng-deep .cdk-overlay-container [dir=ltr] .cdk-overlay-pane body .mat-select-arrow {
  border-right-width: 0.3125rem;
}
body .mat-select-arrow-wrapper {
  height: 1rem;
}
body .mat-radio-container {
  width: 1.25rem;
  height: 1.25rem;
}
body .mat-radio-outer-circle {
  width: 1.25rem;
  height: 1.25rem;
  border-width: 0.125rem;
}
body .mat-radio-inner-circle {
  width: 1.25rem;
  height: 1.25rem;
}
body .mat-progress-spinner circle,
body .mat-spinner circle {
  stroke: var(--g-color11);
}
body .mat-calendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--g-color14);
  color: var(--g-color13);
}
body .mat-calendar .mat-calendar-body-selected {
  background-color: var(--g-color13);
  color: var(--g-color10);
}
body .mat-calendar .mat-calendar-body-in-range:before {
  background-color: var(--g-color14);
  color: var(--g-color13);
}
body .mat-calendar .mat-calendar-body-in-range:after {
  background-color: var(--g-color14);
  color: var(--g-color13);
}
body .mat-calendar .mat-calendar-body-in-range .mat-calendar-body-cell-content:not(.mat-calendar-body-selected).mat-focus-indicator {
  background-color: var(--g-color14);
  color: var(--g-color13);
}
body .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--g-color6);
}
body .mat-calendar .mat-calendar-body-active:focus .mat-calendar-body-cell-content:not(.mat-calendar-body-selected).mat-focus-indicator {
  background-color: var(--g-color14);
  color: var(--g-color13);
}
body .mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-input-element {
  caret-color: var(--g-color11);
}
body .mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--g-color11);
}
body .mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline {
  color: var(--g-color11);
}
body .mat-form-field-appearance-outline.color-gray .mat-form-field-outline {
  color: var(--g-color1);
}
body .mat-form-field-appearance-outline.color-gray.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label {
  color: var(--g-color11);
}
body .mat-form-field-appearance-outline.color-gray.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline {
  color: var(--g-color11);
}
@font-face {
  font-family: "charter-regular";
  src: url("./media/charter-regular-font.woff2") format("woff2"), url("./media/charter-regular-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "charter-black";
  src: url("./media/charter-black-font.woff2") format("woff2"), url("./media/charter-black-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "charter-black-italic";
  src: url("./media/charter-black-italic-font.woff2") format("woff2"), url("./media/charter-black-italic-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "charter-bold";
  src: url("./media/charter-bold-font.woff2") format("woff2"), url("./media/charter-bold-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "charter-bold-italic";
  src: url("./media/charter-bold-italic-font.woff2") format("woff2"), url("./media/charter-bold-italic-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "charter-italic";
  src: url("./media/charter-italic-font.woff2") format("woff2"), url("./media/charter-italic-font.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("./media/dmsans-regular.woff2") format("woff2"), url("./media/dmsans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("./media/dmsans-bold.woff2") format("woff2"), url("./media/dmsans-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("./media/dmsans-medium.woff2") format("woff2"), url("./media/dmsans-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("./media/dmsans-italic.woff2") format("woff2"), url("./media/dmsans-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("./media/barlow-light.woff2") format("woff2"), url("./media/barlow-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Crimson Pro";
  src: url("./media/crimson-pro-regular.woff2") format("woff2"), url("./media/crimson-pro-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?piqzkf");
  src:
    url("./media/icomoon.eot?piqzkf#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?piqzkf") format("truetype"),
    url("./media/icomoon.woff?piqzkf") format("woff"),
    url("./media/icomoon.svg?piqzkf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ptl-icon-],
[class*=" ptl-icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ptl-icon-icons8-add:before {
  content: "\eb77";
}
.ptl-icon-icons8-analyzing-skill:before {
  content: "\eb78";
}
.ptl-icon-icons8-audit:before {
  content: "\eb79";
}
.ptl-icon-icons8-comments:before {
  content: "\eb7a";
}
.ptl-icon-icons8-invite .path1:before {
  content: "\eb7b";
  color: rgb(0, 0, 0);
  opacity: 0.3;
}
.ptl-icon-icons8-invite .path2:before {
  content: "\eb7c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ptl-icon-icons8-invite .path3:before {
  content: "\eb7d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ptl-icon-icons8-invite .path4:before {
  content: "\eb7e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ptl-icon-icons8-invite .path5:before {
  content: "\eb7f";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ptl-icon-icons8-schedule:before {
  content: "\eb80";
}
.ptl-icon-icons8-submit-for-approval:before {
  content: "\eb81";
}
.ptl-icon-icons8-task-completed:before {
  content: "\eb82";
}
.ptl-icon-icons8-trigger:before {
  content: "\eb83";
}
.ptl-icon-icons8-trophy:before {
  content: "\eb84";
}
.ptl-icon-icons8-warranty:before {
  content: "\eb85";
}
.ptl-icon-icons8-workflow:before {
  content: "\eb86";
}
.ptl-icon-building:before {
  content: "\ea12";
}
.ptl-icon-analysis:before {
  content: "\ea13";
}
.ptl-icon-add-user-group-man:before {
  content: "\ea14";
}
.ptl-icon-check-circle:before {
  content: "\ea6c";
}
.ptl-icon-charity:before {
  content: "\ea7c";
}
.ptl-icon-add-administrator:before {
  content: "\ea7d";
}
.ptl-icon-absorb:before {
  content: "\ea7e";
}
.ptl-icon-media:before {
  content: "\eb0b";
}
.ptl-icon-news-gradient:before {
  content: "\eb0c";
}
.ptl-icon-unfriend:before {
  content: "\eb0d";
}
.ptl-icon-tags:before {
  content: "\eb52";
}
.ptl-icon-south-dakota-state-bird:before {
  content: "\eb63";
}
.ptl-icon-socratic:before {
  content: "\eb64";
}
.ptl-icon-socrates:before {
  content: "\eb65";
}
.ptl-icon-remove-administrator:before {
  content: "\eb66";
}
.ptl-icon-new-message:before {
  content: "\eb67";
}
.ptl-icon-mail:before {
  content: "\eb68";
}
.ptl-icon-graph-report-script:before {
  content: "\eb69";
}
.ptl-icon-gifted:before {
  content: "\eb6a";
}
.ptl-icon-filter:before {
  content: "\eb6b";
}
.ptl-icon-emotion:before {
  content: "\eb6c";
}
.ptl-icon-edit-account:before {
  content: "\eb6d";
}
.ptl-icon-eccentric:before {
  content: "\eb6e";
}
.ptl-icon-distance:before {
  content: "\eb6f";
}
.ptl-icon-content:before {
  content: "\eb70";
}
.ptl-icon-collaboration:before {
  content: "\eb71";
}
.ptl-icon-class:before {
  content: "\eb72";
}
.ptl-icon-checklist:before {
  content: "\eb73";
}
.ptl-icon-behavior:before {
  content: "\eb74";
}
.ptl-icon-area-chart:before {
  content: "\eb75";
}
.ptl-icon-behavior2:before {
  content: "\eb76";
}
.ptl-icon-sort-right:before {
  content: "\eab5";
}
.ptl-icon-male-user .path1:before {
  content: "\eb4f";
  color: rgb(113, 194, 255);
}
.ptl-icon-male-user .path2:before {
  content: "\eb50";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-male-user .path3:before {
  content: "\eb51";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-up:before {
  content: "\ea49";
}
.ptl-icon-store:before {
  content: "\ea7a";
}
.ptl-icon-search1:before {
  content: "\eab6";
}
.ptl-icon-view:before {
  content: "\eab7";
}
.ptl-icon-right:before {
  content: "\eab8";
}
.ptl-icon-return1:before {
  content: "\eab9";
}
.ptl-icon-report-card:before {
  content: "\eae5";
}
.ptl-icon-plus1:before {
  content: "\eae6";
}
.ptl-icon-picture:before {
  content: "\eae7";
}
.ptl-icon-people1:before {
  content: "\eae8";
}
.ptl-icon-paint-brush:before {
  content: "\eae9";
}
.ptl-icon-page1:before {
  content: "\eb0f";
}
.ptl-icon-organization1:before {
  content: "\eb10";
}
.ptl-icon-note1:before {
  content: "\eb4c";
}
.ptl-icon-news1:before {
  content: "\eb4d";
}
.ptl-icon-new:before {
  content: "\eb4e";
}
.ptl-icon-library:before {
  content: "\eb53";
}
.ptl-icon-insert-clip:before {
  content: "\eb54";
}
.ptl-icon-insert:before {
  content: "\eb55";
}
.ptl-icon-header-1:before {
  content: "\eb56";
}
.ptl-icon-glasses:before {
  content: "\eb57";
}
.ptl-icon-fire:before {
  content: "\eb58";
}
.ptl-icon-ereader:before {
  content: "\eb59";
}
.ptl-icon-easy-to-find:before {
  content: "\eb5a";
}
.ptl-icon-collection:before {
  content: "\eb5b";
}
.ptl-icon-camera:before {
  content: "\eb5c";
}
.ptl-icon-calendar1:before {
  content: "\eb5d";
}
.ptl-icon-briefcase1:before {
  content: "\eb5e";
}
.ptl-icon-adjust:before {
  content: "\eb5f";
}
.ptl-icon-add-to-basket:before {
  content: "\eb60";
}
.ptl-icon-activity-feed:before {
  content: "\eb61";
}
.ptl-icon-abc:before {
  content: "\eb62";
}
.ptl-icon-hashtag:before {
  content: "\ea78";
}
.ptl-icon-paint-brush-1:before {
  content: "\ea79";
}
.ptl-icon-like-filled:before {
  content: "\ea77";
}
.ptl-icon-add .path1:before {
  content: "\e9fa";
  color: rgb(255, 255, 255);
}
.ptl-icon-add .path2:before {
  content: "\e9fb";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-add .path3:before {
  content: "\e9fc";
  margin-left: -1em;
  color: rgb(255, 105, 123);
}
.ptl-icon-add .path4:before {
  content: "\e9fd";
  margin-left: -1em;
  color: rgb(255, 105, 123);
}
.ptl-icon-agreement .path1:before {
  content: "\e9fe";
  color: rgb(255, 255, 255);
}
.ptl-icon-agreement .path2:before {
  content: "\e9ff";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-agreement .path3:before {
  content: "\ea00";
  margin-left: -1em;
  color: rgb(233, 238, 244);
}
.ptl-icon-agreement .path4:before {
  content: "\ea01";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-agreement .path5:before {
  content: "\ea02";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-api:before {
  content: "\ea03";
}
.ptl-icon-arrow-up:before {
  content: "\ea04";
}
.ptl-icon-below .path1:before {
  content: "\ea05";
  color: rgb(255, 255, 255);
}
.ptl-icon-below .path2:before {
  content: "\ea06";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-below .path3:before {
  content: "\ea07";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-bookmark-1 .path1:before {
  content: "\ea08";
  color: rgb(255, 255, 255);
}
.ptl-icon-bookmark-1 .path2:before {
  content: "\ea09";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-bookmark-1 .path3:before {
  content: "\ea0a";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-box .path1:before {
  content: "\ea0b";
  color: rgb(255, 255, 255);
}
.ptl-icon-box .path2:before {
  content: "\ea0c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-box .path3:before {
  content: "\ea0d";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-box .path4:before {
  content: "\ea0e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-box .path5:before {
  content: "\ea0f";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-box-move-right:before {
  content: "\ea10";
}
.ptl-icon-briefcase:before {
  content: "\ea11";
}
.ptl-icon-calendar-1 .path1:before {
  content: "\ea15";
  color: rgb(255, 255, 255);
}
.ptl-icon-calendar-1 .path2:before {
  content: "\ea16";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-calendar-27 .path1:before {
  content: "\ea17";
  color: rgb(113, 194, 255);
}
.ptl-icon-calendar-27 .path2:before {
  content: "\ea18";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-calendar-27 .path3:before {
  content: "\ea19";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-calendar-27 .path4:before {
  content: "\ea1a";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-calendar-27 .path5:before {
  content: "\ea1b";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-catalog .path1:before {
  content: "\ea1c";
  color: rgb(255, 255, 255);
}
.ptl-icon-catalog .path2:before {
  content: "\ea1d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-catalog .path3:before {
  content: "\ea1e";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path4:before {
  content: "\ea1f";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path5:before {
  content: "\ea20";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path6:before {
  content: "\ea21";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path7:before {
  content: "\ea22";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path8:before {
  content: "\ea23";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-catalog .path9:before {
  content: "\ea24";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-catalog .path10:before {
  content: "\ea25";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-clipboard .path1:before {
  content: "\ea26";
  color: rgb(255, 255, 255);
}
.ptl-icon-clipboard .path2:before {
  content: "\ea27";
  margin-left: -1em;
  color: rgb(243, 230, 255);
}
.ptl-icon-clipboard .path3:before {
  content: "\ea28";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-clipboard .path4:before {
  content: "\ea29";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-clipboard .path5:before {
  content: "\ea2a";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-clipboard .path6:before {
  content: "\ea2b";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-closet .path1:before {
  content: "\ea2c";
  color: rgb(255, 255, 255);
}
.ptl-icon-closet .path2:before {
  content: "\ea2d";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-closet .path3:before {
  content: "\ea2e";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-coffee-to-go .path1:before {
  content: "\ea2f";
  color: rgb(255, 255, 255);
}
.ptl-icon-coffee-to-go .path2:before {
  content: "\ea30";
  margin-left: -1em;
  color: rgb(231, 231, 231);
}
.ptl-icon-coffee-to-go .path3:before {
  content: "\ea31";
  margin-left: -1em;
  color: rgb(168, 178, 198);
}
.ptl-icon-coffee-to-go .path4:before {
  content: "\ea32";
  margin-left: -1em;
  color: rgb(153, 162, 180);
}
.ptl-icon-coffee-to-go .path5:before {
  content: "\ea33";
  margin-left: -1em;
  color: rgb(168, 178, 198);
}
.ptl-icon-coffee-to-go .path6:before {
  content: "\ea34";
  margin-left: -1em;
  color: rgb(153, 162, 180);
}
.ptl-icon-coffee-to-go .path7:before {
  content: "\ea35";
  margin-left: -1em;
  color: rgb(243, 124, 126);
}
.ptl-icon-coffee-to-go .path8:before {
  content: "\ea36";
  margin-left: -1em;
  color: rgb(220, 113, 115);
}
.ptl-icon-coffee-to-go .path9:before {
  content: "\ea37";
  margin-left: -1em;
  color: rgb(244, 241, 231);
}
.ptl-icon-coffee-to-go .path10:before {
  content: "\ea38";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-coffee-to-go .path11:before {
  content: "\ea39";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-comments .path1:before {
  content: "\ea3a";
  color: rgb(255, 255, 255);
}
.ptl-icon-comments .path2:before {
  content: "\ea3b";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-comments .path3:before {
  content: "\ea3c";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-comments .path4:before {
  content: "\ea3d";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-company .path1:before {
  content: "\ea3e";
  color: rgb(255, 255, 255);
}
.ptl-icon-company .path2:before {
  content: "\ea3f";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-company .path3:before {
  content: "\ea40";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-company .path4:before {
  content: "\ea41";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path5:before {
  content: "\ea42";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path6:before {
  content: "\ea43";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path7:before {
  content: "\ea44";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path8:before {
  content: "\ea45";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path9:before {
  content: "\ea46";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-company .path10:before {
  content: "\ea47";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-customer:before {
  content: "\ea48";
}
.ptl-icon-diploma-1 .path1:before {
  content: "\ea4a";
  color: rgb(255, 255, 255);
}
.ptl-icon-diploma-1 .path2:before {
  content: "\ea4b";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-diploma-1 .path3:before {
  content: "\ea4c";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-diploma-1 .path4:before {
  content: "\ea4d";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-diploma-1 .path5:before {
  content: "\ea4e";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-diploma-1 .path6:before {
  content: "\ea4f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-diploma-1 .path7:before {
  content: "\ea50";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-download-1:before {
  content: "\ea51";
  color: #444b54;
}
.ptl-icon-edit-1:before {
  content: "\ea52";
}
.ptl-icon-external-link .path1:before {
  content: "\ea53";
  color: rgb(113, 194, 255);
}
.ptl-icon-external-link .path2:before {
  content: "\ea54";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-facebook-like-1 .path1:before {
  content: "\ea55";
  color: rgb(255, 255, 255);
}
.ptl-icon-facebook-like-1 .path2:before {
  content: "\ea56";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-facebook-like-1 .path3:before {
  content: "\ea57";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-facebook-like-1 .path4:before {
  content: "\ea58";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-favorite .path1:before {
  content: "\ea59";
  color: rgb(255, 255, 255);
}
.ptl-icon-favorite .path2:before {
  content: "\ea5a";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-favorite .path3:before {
  content: "\ea5b";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-filing-cabinet-1:before {
  content: "\ea5c";
}
.ptl-icon-fluorescent-bulb .path1:before {
  content: "\ea5d";
  color: rgb(255, 255, 255);
}
.ptl-icon-fluorescent-bulb .path2:before {
  content: "\ea5e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-fluorescent-bulb .path3:before {
  content: "\ea5f";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path4:before {
  content: "\ea60";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path5:before {
  content: "\ea61";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path6:before {
  content: "\ea62";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path7:before {
  content: "\ea63";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path8:before {
  content: "\ea64";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-fluorescent-bulb .path9:before {
  content: "\ea65";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-fluorescent-bulb .path10:before {
  content: "\ea66";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-form:before {
  content: "\ea67";
}
.ptl-icon-gdpr-document .path1:before {
  content: "\ea68";
  color: rgb(68, 75, 84);
}
.ptl-icon-gdpr-document .path2:before {
  content: "\ea69";
  margin-left: -0.9423828125em;
  color: rgb(68, 75, 84);
}
.ptl-icon-gdpr-document .path3:before {
  content: "\ea6a";
  margin-left: -0.9423828125em;
  color: rgb(113, 194, 255);
}
.ptl-icon-gdpr-document .path4:before {
  content: "\ea6b";
  margin-left: -0.9423828125em;
  color: rgb(113, 194, 255);
}
.ptl-icon-gdpr-fingerprint:before {
  content: "\ea6d";
}
.ptl-icon-globe-1 .path1:before {
  content: "\ea6e";
  color: rgb(255, 255, 255);
}
.ptl-icon-globe-1 .path2:before {
  content: "\ea6f";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-globe-1 .path3:before {
  content: "\ea70";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-goal-1 .path1:before {
  content: "\ea71";
  color: rgb(140, 207, 185);
}
.ptl-icon-goal-1 .path2:before {
  content: "\ea72";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-goal-1 .path3:before {
  content: "\ea73";
  margin-left: -1em;
  color: rgb(243, 124, 126);
}
.ptl-icon-goal-1 .path4:before {
  content: "\ea74";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-goal-1 .path5:before {
  content: "\ea75";
  margin-left: -1em;
  color: rgb(247, 247, 251);
}
.ptl-icon-goal-1 .path6:before {
  content: "\ea76";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-growth:before {
  content: "\ea7b";
}
.ptl-icon-hamburger-menu .path1:before {
  content: "\ea7f";
  color: rgb(255, 255, 255);
}
.ptl-icon-hamburger-menu .path2:before {
  content: "\ea80";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-hamburger-menu .path3:before {
  content: "\ea81";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-hamburger-menu .path4:before {
  content: "\ea82";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-hamburger-menu1 .path1:before {
  content: "\ea83";
  color: rgb(255, 255, 255);
}
.ptl-icon-hamburger-menu1 .path2:before {
  content: "\ea84";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-hamburger-menu1 .path3:before {
  content: "\ea85";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-hamburger-menu1 .path4:before {
  content: "\ea86";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-handshake .path1:before {
  content: "\ea87";
  color: rgb(255, 255, 255);
}
.ptl-icon-handshake .path2:before {
  content: "\ea88";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-handshake .path3:before {
  content: "\ea89";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-handshake .path4:before {
  content: "\ea8a";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-handshake .path5:before {
  content: "\ea8b";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-handshake .path6:before {
  content: "\ea8c";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-handshake .path7:before {
  content: "\ea8d";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-happy-file .path1:before {
  content: "\ea8e";
  color: rgb(255, 255, 255);
}
.ptl-icon-happy-file .path2:before {
  content: "\ea8f";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-happy-file .path3:before {
  content: "\ea90";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-head-with-brain .path1:before {
  content: "\ea91";
  color: rgb(255, 255, 255);
}
.ptl-icon-head-with-brain .path2:before {
  content: "\ea92";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-head-with-brain .path3:before {
  content: "\ea93";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-heart-1:before {
  content: "\ea94";
}
.ptl-icon-home-copy .path1:before {
  content: "\ea95";
  color: rgb(255, 255, 255);
}
.ptl-icon-home-copy .path2:before {
  content: "\ea96";
  margin-left: -1em;
  color: rgb(199, 215, 226);
}
.ptl-icon-home-copy .path3:before {
  content: "\ea97";
  margin-left: -1em;
  color: rgb(199, 215, 226);
}
.ptl-icon-home-copy .path4:before {
  content: "\ea98";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-home-copy .path5:before {
  content: "\ea99";
  margin-left: -1em;
  color: rgb(199, 215, 226);
}
.ptl-icon-home-copy .path6:before {
  content: "\ea9a";
  margin-left: -1em;
  color: rgb(227, 243, 247);
}
.ptl-icon-home-1:before {
  content: "\ea9b";
}
.ptl-icon-indent:before {
  content: "\ea9c";
}
.ptl-icon-innovation-1 .path1:before {
  content: "\ea9d";
  color: rgb(255, 255, 255);
}
.ptl-icon-innovation-1 .path2:before {
  content: "\ea9e";
  margin-left: -1em;
  color: rgb(241, 233, 180);
}
.ptl-icon-innovation-1 .path3:before {
  content: "\ea9f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-innovation-1 .path4:before {
  content: "\eaa0";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-innovation-1 .path5:before {
  content: "\eaa1";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-innovation-1 .path6:before {
  content: "\eaa2";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-insert-row-1:before {
  content: "\eaa3";
}
.ptl-icon-invisible .path1:before {
  content: "\eaa4";
  color: rgb(255, 255, 255);
}
.ptl-icon-invisible .path2:before {
  content: "\eaa5";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-invisible .path3:before {
  content: "\eaa6";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-invisible .path4:before {
  content: "\eaa7";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-invisible .path5:before {
  content: "\eaa8";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-key-2 .path1:before {
  content: "\eaa9";
  color: rgb(255, 255, 255);
}
.ptl-icon-key-2 .path2:before {
  content: "\eaaa";
  margin-left: -1em;
  color: rgb(199, 215, 226);
}
.ptl-icon-key-2 .path3:before {
  content: "\eaab";
  margin-left: -1em;
  color: rgb(173, 187, 198);
}
.ptl-icon-key-2 .path4:before {
  content: "\eaac";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-key-2 .path5:before {
  content: "\eaad";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-key-2 .path6:before {
  content: "\eaae";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-key-2 .path7:before {
  content: "\eaaf";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-left:before {
  content: "\eab0";
}
.ptl-icon-graduation-cap .path1:before {
  content: "\eab1";
  color: rgb(255, 255, 255);
}
.ptl-icon-graduation-cap .path2:before {
  content: "\eab2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-graduation-cap .path3:before {
  content: "\eab3";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-graduation-cap .path4:before {
  content: "\eab4";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-link-1:before {
  content: "\eaba";
}
.ptl-icon-memo .path1:before {
  content: "\eabb";
  color: rgb(255, 255, 255);
}
.ptl-icon-memo .path2:before {
  content: "\eabc";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-memo .path3:before {
  content: "\eabd";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-memo .path4:before {
  content: "\eabe";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-memo .path5:before {
  content: "\eabf";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-menu-vertical-1:before {
  content: "\eac0";
}
.ptl-icon-mission1 .path1:before {
  content: "\eac1";
  color: rgb(255, 255, 255);
}
.ptl-icon-mission1 .path2:before {
  content: "\eac2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-mission1 .path3:before {
  content: "\eac3";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-mission1 .path4:before {
  content: "\eac4";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-move-grabber-1:before {
  content: "\eac5";
}
.ptl-icon-move-left:before {
  content: "\eac6";
}
.ptl-icon-move-node-down:before {
  content: "\eac7";
}
.ptl-icon-move-node-up:before {
  content: "\eac8";
}
.ptl-icon-news2 .path1:before {
  content: "\eac9";
  color: rgb(247, 247, 251);
}
.ptl-icon-news2 .path2:before {
  content: "\eaca";
  margin-left: -1em;
  color: rgb(222, 223, 230);
}
.ptl-icon-news2 .path3:before {
  content: "\eacb";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-news2 .path4:before {
  content: "\eacc";
  margin-left: -1em;
  color: rgb(222, 223, 230);
}
.ptl-icon-news2 .path5:before {
  content: "\eacd";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-news3 .path1:before {
  content: "\eace";
  color: rgb(113, 194, 255);
}
.ptl-icon-news3 .path2:before {
  content: "\eacf";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-news3 .path3:before {
  content: "\ead0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-news3 .path4:before {
  content: "\ead1";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-news3 .path5:before {
  content: "\ead2";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-news3 .path6:before {
  content: "\ead3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-next-webpage .path1:before {
  content: "\ead4";
  color: rgb(255, 255, 255);
}
.ptl-icon-next-webpage .path2:before {
  content: "\ead5";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-next-webpage .path3:before {
  content: "\ead6";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-next-webpage .path4:before {
  content: "\ead7";
  margin-left: -1em;
  color: rgb(228, 231, 231);
}
.ptl-icon-next-webpage .path5:before {
  content: "\ead8";
  margin-left: -1em;
  color: rgb(228, 231, 231);
}
.ptl-icon-next-webpage .path6:before {
  content: "\ead9";
  margin-left: -1em;
  color: rgb(228, 231, 231);
}
.ptl-icon-next-webpage .path7:before {
  content: "\eada";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-next-webpage .path8:before {
  content: "\eadb";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-next-webpage .path9:before {
  content: "\eadc";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-next-webpage .path10:before {
  content: "\eadd";
  margin-left: -1em;
  color: rgb(252, 202, 61);
}
.ptl-icon-next-webpage .path11:before {
  content: "\eade";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-note-2 .path1:before {
  content: "\eadf";
  color: rgb(255, 255, 255);
}
.ptl-icon-note-2 .path2:before {
  content: "\eae0";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-note-2 .path3:before {
  content: "\eae1";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-note-2 .path4:before {
  content: "\eae2";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-note-2 .path5:before {
  content: "\eae3";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-notification-1:before {
  content: "\eae4";
}
.ptl-icon-open-document .path1:before {
  content: "\eaea";
  color: rgb(255, 255, 255);
}
.ptl-icon-open-document .path2:before {
  content: "\eaeb";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-open-document .path3:before {
  content: "\eaec";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-open-document .path4:before {
  content: "\eaed";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-open-document .path5:before {
  content: "\eaee";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-open-document .path6:before {
  content: "\eaef";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-page-1 .path1:before {
  content: "\eaf0";
  color: rgb(255, 255, 255);
}
.ptl-icon-page-1 .path2:before {
  content: "\eaf1";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-page-1 .path3:before {
  content: "\eaf2";
  margin-left: -1em;
  color: rgb(211, 216, 221);
}
.ptl-icon-pencil .path1:before {
  content: "\eaf3";
  color: rgb(68, 75, 84);
}
.ptl-icon-pencil .path2:before {
  content: "\eaf4";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-pencil .path3:before {
  content: "\eaf5";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-pencil .path4:before {
  content: "\eaf6";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-pencil .path5:before {
  content: "\eaf7";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-vintage-glasses .path1:before {
  content: "\eaf8";
  color: rgb(113, 194, 255);
}
.ptl-icon-vintage-glasses .path2:before {
  content: "\eaf9";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-vintage-glasses .path3:before {
  content: "\eafa";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-vintage-glasses .path4:before {
  content: "\eafb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-vintage-glasses .path5:before {
  content: "\eafc";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-vintage-glasses .path6:before {
  content: "\eafd";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-vintage-glasses .path7:before {
  content: "\eafe";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-iresponsive:before {
  content: "\eaff";
}
.ptl-icon-retro-alarm-clock .path1:before {
  content: "\eb00";
  color: rgb(68, 75, 84);
}
.ptl-icon-retro-alarm-clock .path2:before {
  content: "\eb01";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-retro-alarm-clock .path3:before {
  content: "\eb02";
  margin-left: -1em;
  color: rgb(173, 249, 210);
}
.ptl-icon-retro-alarm-clock .path4:before {
  content: "\eb03";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-retro-alarm-clock .path5:before {
  content: "\eb04";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-route .path1:before {
  content: "\eb05";
  color: rgb(255, 255, 255);
}
.ptl-icon-route .path2:before {
  content: "\eb06";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-route .path3:before {
  content: "\eb07";
  margin-left: -1em;
  color: rgb(170, 143, 157);
}
.ptl-icon-route .path4:before {
  content: "\eb08";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-route .path5:before {
  content: "\eb09";
  margin-left: -1em;
  color: rgb(244, 136, 132);
}
.ptl-icon-search:before {
  content: "\eb0a";
}
.ptl-icon-settings-1:before {
  content: "\eb0e";
}
.ptl-icon-share-1 .path1:before {
  content: "\eb11";
  color: rgb(237, 236, 242);
}
.ptl-icon-share-1 .path2:before {
  content: "\eb12";
  margin-left: -1em;
  color: rgb(237, 229, 122);
}
.ptl-icon-share-1 .path3:before {
  content: "\eb13";
  margin-left: -1em;
  color: rgb(248, 244, 178);
}
.ptl-icon-share-1 .path4:before {
  content: "\eb14";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-share-1 .path5:before {
  content: "\eb15";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-share-1 .path6:before {
  content: "\eb16";
  margin-left: -1em;
  color: rgb(70, 76, 85);
}
.ptl-icon-subfolder:before {
  content: "\eb17";
}
.ptl-icon-sunny-side-up-eggs .path1:before {
  content: "\eb18";
  color: rgb(255, 255, 255);
}
.ptl-icon-sunny-side-up-eggs .path2:before {
  content: "\eb19";
  margin-left: -1em;
  color: rgb(255, 208, 57);
}
.ptl-icon-sunny-side-up-eggs .path3:before {
  content: "\eb1a";
  margin-left: -1em;
  color: rgb(229, 187, 51);
}
.ptl-icon-sunny-side-up-eggs .path4:before {
  content: "\eb1b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-sunny-side-up-eggs .path5:before {
  content: "\eb1c";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-surprise .path1:before {
  content: "\eb1d";
  color: rgb(255, 255, 255);
}
.ptl-icon-surprise .path2:before {
  content: "\eb1e";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-surprise .path3:before {
  content: "\eb1f";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path4:before {
  content: "\eb20";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path5:before {
  content: "\eb21";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path6:before {
  content: "\eb22";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path7:before {
  content: "\eb23";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path8:before {
  content: "\eb24";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-surprise .path9:before {
  content: "\eb25";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-text-input-form-1:before {
  content: "\eb26";
}
.ptl-icon-toolbox-1 .path1:before {
  content: "\eb27";
  color: rgb(255, 255, 255);
}
.ptl-icon-toolbox-1 .path2:before {
  content: "\eb28";
  margin-left: -1em;
  color: rgb(228, 202, 166);
}
.ptl-icon-toolbox-1 .path3:before {
  content: "\eb29";
  margin-left: -1em;
  color: rgb(182, 162, 133);
}
.ptl-icon-toolbox-1 .path4:before {
  content: "\eb2a";
  margin-left: -1em;
  color: rgb(251, 229, 205);
}
.ptl-icon-toolbox-1 .path5:before {
  content: "\eb2b";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-toolbox-1 .path6:before {
  content: "\eb2c";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-toolbox-1 .path7:before {
  content: "\eb2d";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-toolbox-1 .path8:before {
  content: "\eb2e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-toolbox-1 .path9:before {
  content: "\eb2f";
  margin-left: -1em;
  color: rgb(69, 75, 84);
}
.ptl-icon-user-groups .path1:before {
  content: "\eb30";
  color: rgb(255, 255, 255);
}
.ptl-icon-user-groups .path2:before {
  content: "\eb31";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-user-groups .path3:before {
  content: "\eb32";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-user-groups .path4:before {
  content: "\eb33";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-user-groups .path5:before {
  content: "\eb34";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-user-groups .path6:before {
  content: "\eb35";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-plus-1:before {
  content: "\eb36";
}
.ptl-icon-photo-gallery .path1:before {
  content: "\eb37";
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery .path2:before {
  content: "\eb38";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-photo-gallery .path3:before {
  content: "\eb39";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery .path4:before {
  content: "\eb3a";
  margin-left: -1em;
  color: rgb(195, 219, 234);
}
.ptl-icon-photo-gallery .path5:before {
  content: "\eb3b";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-photo-gallery .path6:before {
  content: "\eb3c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery .path7:before {
  content: "\eb3d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery .path8:before {
  content: "\eb3e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery-copy .path1:before {
  content: "\eb3f";
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery-copy .path2:before {
  content: "\eb40";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-photo-gallery-copy .path3:before {
  content: "\eb41";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery-copy .path4:before {
  content: "\eb42";
  margin-left: -1em;
  color: rgb(195, 219, 234);
}
.ptl-icon-photo-gallery-copy .path5:before {
  content: "\eb43";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-photo-gallery-copy .path6:before {
  content: "\eb44";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery-copy .path7:before {
  content: "\eb45";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-photo-gallery-copy .path8:before {
  content: "\eb46";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-personal-growth-1 .path1:before {
  content: "\eb47";
  color: rgb(255, 255, 255);
}
.ptl-icon-personal-growth-1 .path2:before {
  content: "\eb48";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-personal-growth-1 .path3:before {
  content: "\eb49";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ptl-icon-personal-growth-1 .path4:before {
  content: "\eb4a";
  margin-left: -1em;
  color: rgb(68, 75, 84);
}
.ptl-icon-personal-growth-1 .path5:before {
  content: "\eb4b";
  margin-left: -1em;
  color: rgb(113, 194, 255);
}
.ptl-icon-clock-1:before {
  content: "\e9f9";
}
.ptl-icon-add-image:before {
  content: "\e9f8";
}
.ptl-icon-crown:before {
  content: "\e9f6";
}
.ptl-icon-crown-outlined:before {
  content: "\e9f7";
}
.ptl-icon-text:before {
  content: "\e9f4";
}
.ptl-icon-blockly-light-green:before {
  content: "\e9f5";
}
.ptl-icon-abacus:before {
  content: "\e900";
}
.ptl-icon-abstract:before {
  content: "\e901";
}
.ptl-icon-activity-history:before {
  content: "\e902";
}
.ptl-icon-add-file:before {
  content: "\e903";
}
.ptl-icon-add-link:before {
  content: "\e904";
}
.ptl-icon-add-row:before {
  content: "\e905";
}
.ptl-icon-add-row2:before {
  content: "\e906";
}
.ptl-icon-add-text:before {
  content: "\e907";
}
.ptl-icon-add-to-favorites:before {
  content: "\e908";
}
.ptl-icon-administrative-tools:before {
  content: "\e909";
}
.ptl-icon-admin-settings-male:before {
  content: "\e90a";
}
.ptl-icon-advice:before {
  content: "\e90b";
}
.ptl-icon-alpha:before {
  content: "\e90c";
}
.ptl-icon-analyzing-skill:before {
  content: "\e90d";
}
.ptl-icon-application-window:before {
  content: "\e90e";
}
.ptl-icon-asterisk:before {
  content: "\e90f";
}
.ptl-icon-asteriskfilled:before {
  content: "\e910";
}
.ptl-icon-attach:before {
  content: "\e911";
}
.ptl-icon-audience:before {
  content: "\e912";
}
.ptl-icon-back:before {
  content: "\e913";
  color: #444b54;
}
.ptl-icon-big-ben:before {
  content: "\e914";
}
.ptl-icon-binoculars:before {
  content: "\e915";
}
.ptl-icon-bookmark:before {
  content: "\e916";
}
.ptl-icon-bookmarkiOS:before {
  content: "\e917";
}
.ptl-icon-brain:before {
  content: "\e918";
}
.ptl-icon-brainstorm-skill:before {
  content: "\e919";
}
.ptl-icon-brainstorm-skill4:before {
  content: "\e91a";
}
.ptl-icon-branding:before {
  content: "\e91b";
}
.ptl-icon-brick-wall:before {
  content: "\e91c";
}
.ptl-icon-business-report:before {
  content: "\e91d";
}
.ptl-icon-calendar:before {
  content: "\e91e";
}
.ptl-icon-calendar-12:before {
  content: "\e91f";
}
.ptl-icon-calendarIos:before {
  content: "\e920";
}
.ptl-icon-calendarios2:before {
  content: "\e921";
}
.ptl-icon-call-to-action:before {
  content: "\e922";
}
.ptl-icon-career-ladder:before {
  content: "\e923";
}
.ptl-icon-categorize:before {
  content: "\e924";
}
.ptl-icon-certificate:before {
  content: "\e925";
}
.ptl-icon-change-theme:before {
  content: "\e926";
}
.ptl-icon-checkbox:before {
  content: "\e927";
}
.ptl-icon-checked-checkbox:before {
  content: "\e928";
}
.ptl-icon-checkmark:before {
  content: "\e929";
}
.ptl-icon-checkmark-2:before {
  content: "\e92a";
}
.ptl-icon-clock:before {
  content: "\e92b";
}
.ptl-icon-commercial:before {
  content: "\e92c";
}
.ptl-icon-communication:before {
  content: "\e92d";
}
.ptl-icon-compose:before {
  content: "\e92e";
}
.ptl-icon-computers-connecting:before {
  content: "\e92f";
}
.ptl-icon-connected:before {
  content: "\e930";
}
.ptl-icon-connecteda:before {
  content: "\e931";
}
.ptl-icon-contact-us:before {
  content: "\e932";
}
.ptl-icon-contract:before {
  content: "\e933";
}
.ptl-icon-copy:before {
  content: "\e934";
}
.ptl-icon-copypaste:before {
  content: "\e935";
}
.ptl-icon-creativity:before {
  content: "\e936";
}
.ptl-icon-dashboard-layout:before {
  content: "\e937";
}
.ptl-icon-dashboard-layout24px:before {
  content: "\e938";
}
.ptl-icon-database-export:before {
  content: "\e939";
}
.ptl-icon-date-to:before {
  content: "\e93a";
}
.ptl-icon-diploma:before {
  content: "\e93b";
}
.ptl-icon-documents-folder:before {
  content: "\e93c";
}
.ptl-icon-down-arrow:before {
  content: "\e93d";
}
.ptl-icon-download:before {
  content: "\e93e";
}
.ptl-icon-duplicate:before {
  content: "\e93f";
}
.ptl-icon-easy:before {
  content: "\e940";
}
.ptl-icon-edgar-allan-poe:before {
  content: "\e941";
}
.ptl-icon-edit:before {
  content: "\e942";
}
.ptl-icon-edit-file:before {
  content: "\e943";
}
.ptl-icon-edit-row:before {
  content: "\e944";
}
.ptl-icon-e-learning:before {
  content: "\e945";
}
.ptl-icon-ellipsis:before {
  content: "\e946";
}
.ptl-icon-empty-flag:before {
  content: "\e947";
}
.ptl-icon-empty-flag2:before {
  content: "\e948";
}
.ptl-icon-envelope:before {
  content: "\e949";
}
.ptl-icon-espresso-cup:before {
  content: "\e94a";
}
.ptl-icon-event:before {
  content: "\e94b";
}
.ptl-icon-event-2:before {
  content: "\e94c";
}
.ptl-icon-export-pdf:before {
  content: "\e94d";
}
.ptl-icon-facebook-f:before {
  content: "\e94e";
}
.ptl-icon-facebook-like:before {
  content: "\e94f";
}
.ptl-icon-facebook-old:before {
  content: "\e950";
}
.ptl-icon-faq:before {
  content: "\e951";
}
.ptl-icon-filing-cabinet:before {
  content: "\e952";
}
.ptl-icon-flag-filled:before {
  content: "\e953";
}
.ptl-icon-forward-arrow:before {
  content: "\e954";
}
.ptl-icon-globe:before {
  content: "\e955";
}
.ptl-icon-goal:before {
  content: "\e956";
}
.ptl-icon-google-keep:before {
  content: "\e957";
}
.ptl-icon-gps:before {
  content: "\e958";
}
.ptl-icon-group:before {
  content: "\e959";
}
.ptl-icon-group-task:before {
  content: "\e95a";
}
.ptl-icon-hand-cursor:before {
  content: "\e95b";
}
.ptl-icon-hand-peace:before {
  content: "\e95c";
}
.ptl-icon-hand-with-pen:before {
  content: "\e95d";
}
.ptl-icon-heart:before {
  content: "\e95e";
}
.ptl-icon-hello:before {
  content: "\e95f";
}
.ptl-icon-help:before {
  content: "\e960";
}
.ptl-icon-hierarchy:before {
  content: "\e961";
}
.ptl-icon-home:before {
  content: "\e962";
}
.ptl-icon-home-page:before {
  content: "\e963";
}
.ptl-icon-hot-air-balloon:before {
  content: "\e964";
}
.ptl-icon-idea:before {
  content: "\e965";
}
.ptl-icon-image:before {
  content: "\e966";
}
.ptl-icon-important-mail:before {
  content: "\e967";
}
.ptl-icon-index:before {
  content: "\e968";
}
.ptl-icon-info:before {
  content: "\e969";
}
.ptl-icon-innovation:before {
  content: "\e96a";
}
.ptl-icon-in-progress:before {
  content: "\e96b";
}
.ptl-icon-insert-row:before {
  content: "\e96c";
}
.ptl-icon-inspection:before {
  content: "\e96d";
}
.ptl-icon-instagram:before {
  content: "\e96e";
}
.ptl-icon-invite:before {
  content: "\e96f";
}
.ptl-icon-journey:before {
  content: "\e970";
}
.ptl-icon-language:before {
  content: "\e971";
}
.ptl-icon-launchpad:before {
  content: "\e972";
}
.ptl-icon-leadership:before {
  content: "\e973";
}
.ptl-icon-leaf:before {
  content: "\e974";
}
.ptl-icon-learn-more:before {
  content: "\e975";
}
.ptl-icon-link:before {
  content: "\e976";
}
.ptl-icon-linkedin:before {
  content: "\e977";
}
.ptl-icon-linkedin-2:before {
  content: "\e978";
}
.ptl-icon-list:before {
  content: "\e979";
}
.ptl-icon-list-2:before {
  content: "\e97a";
}
.ptl-icon-loading-bar:before {
  content: "\e97b";
}
.ptl-icon-location:before {
  content: "\e97c";
}
.ptl-icon-locationios:before {
  content: "\e97d";
}
.ptl-icon-log:before {
  content: "\e97e";
}
.ptl-icon-logout-rounded-down:before {
  content: "\e97f";
}
.ptl-icon-medal:before {
  content: "\e980";
}
.ptl-icon-medium-monogram:before {
  content: "\e981";
}
.ptl-icon-megaphone:before {
  content: "\e982";
}
.ptl-icon-menu-vertical:before {
  content: "\e983";
}
.ptl-icon-menu-verticald:before {
  content: "\e984";
}
.ptl-icon-merge-docunemts:before {
  content: "\e985";
}
.ptl-icon-merge-horizontal:before {
  content: "\e986";
}
.ptl-icon-merge-horizontal-2:before {
  content: "\e987";
}
.ptl-icon-mind-map:before {
  content: "\e988";
}
.ptl-icon-mind-map2:before {
  content: "\e989";
}
.ptl-icon-mission:before {
  content: "\e98a";
}
.ptl-icon-more:before {
  content: "\e98b";
}
.ptl-icon-more-details:before {
  content: "\e98c";
}
.ptl-icon-move-grabber:before {
  content: "\e98d";
}
.ptl-icon-music-video:before {
  content: "\e98e";
}
.ptl-icon-news:before {
  content: "\e98f";
}
.ptl-icon-news-cute:before {
  content: "\e990";
}
.ptl-icon-new-store:before {
  content: "\e991";
}
.ptl-icon-new-ticket:before {
  content: "\e992";
}
.ptl-icon-next:before {
  content: "\e993";
}
.ptl-icon-note:before {
  content: "\e994";
}
.ptl-icon-notification:before {
  content: "\e995";
}
.ptl-icon-numbered-list:before {
  content: "\e996";
}
.ptl-icon-oak-tree:before {
  content: "\e997";
}
.ptl-icon-online-support:before {
  content: "\e998";
}
.ptl-icon-open-door:before {
  content: "\e999";
}
.ptl-icon-organization:before {
  content: "\e99a";
}
.ptl-icon-organization-chart-people:before {
  content: "\e99b";
}
.ptl-icon-page:before {
  content: "\e99c";
}
.ptl-icon-paper:before {
  content: "\e99d";
}
.ptl-icon-paste-as-text:before {
  content: "\e99e";
}
.ptl-icon-path:before {
  content: "\e99f";
}
.ptl-icon-people:before {
  content: "\e9a0";
}
.ptl-icon-personal-growth:before {
  content: "\e9a1";
}
.ptl-icon-placeholder-thumbnail-document:before {
  content: "\e9a2";
}
.ptl-icon-play:before {
  content: "\e9a3";
}
.ptl-icon-play-button-circled:before {
  content: "\e9a4";
}
.ptl-icon-playfilled:before {
  content: "\e9a5";
}
.ptl-icon-play-property:before {
  content: "\e9a6";
}
.ptl-icon-plus:before {
  content: "\e9a7";
}
.ptl-icon-portfolio:before {
  content: "\e9a8";
}
.ptl-icon-print:before {
  content: "\e9a9";
}
.ptl-icon-profiles:before {
  content: "\e9aa";
}
.ptl-icon-project-management:before {
  content: "\e9ab";
}
.ptl-icon-puzzle:before {
  content: "\e9ac";
}
.ptl-icon-query-inner-join:before {
  content: "\e9ad";
}
.ptl-icon-question-mark:before {
  content: "\e9ae";
}
.ptl-icon-ratings:before {
  content: "\e9af";
}
.ptl-icon-refresh:before {
  content: "\e9b0";
}
.ptl-icon-refresh-2:before {
  content: "\e9b1";
}
.ptl-icon-reply-arrow:before {
  content: "\e9b2";
}
.ptl-icon-return:before {
  content: "\e9b3";
}
.ptl-icon-rocket:before {
  content: "\e9b4";
}
.ptl-icon-sailing-ship:before {
  content: "\e9b5";
}
.ptl-icon-search-more:before {
  content: "\e9b6";
}
.ptl-icon-select-column:before {
  content: "\e9b7";
}
.ptl-icon-send-file:before {
  content: "\e9b8";
}
.ptl-icon-settings-ios:before {
  content: "\e9b9";
}
.ptl-icon-settings:before {
  content: "\e9ba";
}
.ptl-icon-settings-2:before {
  content: "\e9bb";
}
.ptl-icon-share:before {
  content: "\e9bc";
}
.ptl-icon-share2:before {
  content: "\e9bd";
}
.ptl-icon-share-2:before {
  content: "\e9be";
}
.ptl-icon-shop:before {
  content: "\e9bf";
}
.ptl-icon-slider:before {
  content: "\e9c0";
}
.ptl-icon-sound:before {
  content: "\e9c1";
}
.ptl-icon-split:before {
  content: "\e9c2";
}
.ptl-icon-sprout:before {
  content: "\e9c3";
}
.ptl-icon-startbw:before {
  content: "\e9c4";
}
.ptl-icon-storytelling:before {
  content: "\e9c5";
}
.ptl-icon-street-view:before {
  content: "\e9c6";
}
.ptl-icon-study:before {
  content: "\e9c7";
}
.ptl-icon-submit-document:before {
  content: "\e9c8";
}
.ptl-icon-submit-for-approval:before {
  content: "\e9c9";
}
.ptl-icon-sun:before {
  content: "\e9ca";
}
.ptl-icon-team:before {
  content: "\e9cb";
}
.ptl-icon-teamwork:before {
  content: "\e9cc";
}
.ptl-icon-template:before {
  content: "\e9cd";
}
.ptl-icon-test:before {
  content: "\e9ce";
}
.ptl-icon-test-account:before {
  content: "\e9cf";
}
.ptl-icon-text-input-form:before {
  content: "\e9d0";
}
.ptl-icon-thumbs-up:before {
  content: "\e9d1";
}
.ptl-icon-thumbs-up-2:before {
  content: "\e9d2";
}
.ptl-icon-thumbs-upIOS:before {
  content: "\e9d3";
}
.ptl-icon-timezone:before {
  content: "\e9d4";
}
.ptl-icon-toolbox:before {
  content: "\e9d5";
}
.ptl-icon-train-track:before {
  content: "\e9d6";
}
.ptl-icon-trash:before {
  content: "\e9d7";
}
.ptl-icon-trash-can:before {
  content: "\e9d8";
}
.ptl-icon-treasure-map:before {
  content: "\e9d9";
}
.ptl-icon-treehouse:before {
  content: "\e9da";
}
.ptl-icon-trophy:before {
  content: "\e9db";
}
.ptl-icon-true-false:before {
  content: "\e9dc";
}
.ptl-icon-twitter:before {
  content: "\e9dd";
}
.ptl-icon-ungroup-objects:before {
  content: "\e9de";
}
.ptl-icon-upload:before {
  content: "\e9df";
}
.ptl-icon-upload-document:before {
  content: "\e9e0";
}
.ptl-icon-upload-to-cloud:before {
  content: "\e9e1";
}
.ptl-icon-user:before {
  content: "\e9e2";
}
.ptl-icon-video:before {
  content: "\e9e3";
}
.ptl-icon-video-conference:before {
  content: "\e9e4";
}
.ptl-icon-visualization-skill:before {
  content: "\e9e5";
}
.ptl-icon-volunteering:before {
  content: "\e9e6";
}
.ptl-icon-wavy-line:before {
  content: "\e9e7";
}
.ptl-icon-waypoint-map:before {
  content: "\e9e8";
}
.ptl-icon-webinar:before {
  content: "\e9e9";
}
.ptl-icon-website:before {
  content: "\e9ea";
}
.ptl-icon-welfare:before {
  content: "\e9eb";
}
.ptl-icon-whatsapp:before {
  content: "\e9ec";
}
.ptl-icon-william-shakespeare:before {
  content: "\e9ed";
}
.ptl-icon-work-boot:before {
  content: "\e9ee";
}
.ptl-icon-youtube:before {
  content: "\e9ef";
}
.ptl-icon-youtube-squared:before {
  content: "\e9f0";
}
.ptl-icon-kingdom-87:before {
  content: "\e9f1";
}
.ptl-icon-link1:before {
  content: "\e9f2";
}
.ptl-icon-text-input-form1:before {
  content: "\e9f3";
}
@media print {
  @page {
    size: A4 !important;
    margin: 7mm 10mm;
  }
  body {
    width: 210mm;
  }
  body[dir=rtl] mat-sidenav-content,
  body [dir=rtl] mat-sidenav-content {
    margin-right: 0rem !important;
  }
  body[dir=rtl] .report-wrapper__inner .resource-cards-container,
  body [dir=rtl] .report-wrapper__inner .resource-cards-container {
    padding-left: 3.5rem;
    padding-right: 2.875rem;
  }
  body[dir=ltr] mat-sidenav-content,
  body [dir=ltr] mat-sidenav-content {
    margin-left: 0rem !important;
  }
  body[dir=ltr] .report-wrapper__inner .resource-cards-container,
  body [dir=ltr] .report-wrapper__inner .resource-cards-container {
    padding-right: 3.5rem;
    padding-left: 2.875rem;
  }
  header,
  mat-sidenav,
  ptl-breadcrumbs {
    display: none !important;
  }
  mat-sidenav-content {
    margin-top: 0 !important;
  }
  .resource-view-page {
    display: initial !important;
  }
  ptl-diagnostics-view-report {
    display: block;
    box-sizing: border-box;
    padding: 0rem 0.625rem;
  }
  ptl-diagnostics-report-standard-section,
  ptl-diagnostics-report-conditional-section-new,
  ptl-diagnostics-report-resource-section,
  ptl-diagnostics-report-conditional-section {
    display: block;
  }
  ptl-diagnostics-report-standard-section:not(.is_first),
  ptl-diagnostics-report-conditional-section-new:not(.is_first),
  ptl-diagnostics-report-conditional-section:not(.is_first) {
    page-break-before: always;
  }
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  #chartTooltip,
  #cdk-describedby-message-container,
  .chartjs-size-monitor,
  .chartjs-size-monitor-expand,
  .chartjs-size-monitor-shrink,
  .cards__toolbar-buttons,
  .card-layout-top-container,
  .top-back-button,
  .resource-card,
  .report-view__close-btn,
  .is_print-hidden,
  .pagination-bottom-action,
  .pagination-buttons-container,
  ptl-learner-section-buttons,
  ptl-playlist-action-bar,
  ptl-playlist--palette,
  ptl-group-card-palette,
  ptl-next-previous-buttons {
    display: none !important;
  }
  .pagination-page .page-label {
    display: none;
  }
  ptl-skeleton-view,
  ptl-learner-main-view-content,
  ptl-resource-preview,
  ptl-resource-html-preview,
  ptl-resource-form-preview,
  ptl-resource-image-preview,
  ptl-resource-video-preview,
  ptl-resource-document-preview,
  ptl-external-preview,
  ptl-chart-preview,
  ptl-pi-trait-chart,
  ptl-pi-team-role-chart,
  ptl-pi-big-six-chart,
  ptl-pi-jungian-chart,
  ptl-pi-spectrum-chart,
  ptl-collector-preview,
  ptl-playlist-card-snake-view-container,
  ptl-playlist-card-snake-view-type,
  ptl-playlist-card,
  .report-wrapper__inner,
  .resource-card-print,
  .content__container,
  .preview,
  .preview__area,
  .snake-view-cards-container,
  .playlist-card {
    display: block !important;
  }
  .resource-view-page:not(.current-page) {
    position: relative;
    page-break-inside: avoid;
    display: block !important;
  }
  ptl-resource-form-preview,
  ptl-resource-image-preview,
  ptl-pi-trait-chart,
  ptl-pi-team-role-chart,
  ptl-pi-big-six-chart,
  ptl-pi-jungian-chart,
  ptl-pi-spectrum-chart,
  .print-content {
    page-break-inside: avoid;
  }
  ptl-playlist-card,
  .form-preview-type,
  .external-preview__container,
  .collector-preview__section {
    position: relative;
    page-break-inside: avoid;
  }
  .video-preview-element video {
    position: relative;
    page-break-inside: avoid;
  }
  .preview-element-document-container iframe,
  .preview-element-document-container img,
  .preview-element iframe,
  .preview-element img {
    position: relative;
    page-break-inside: avoid;
  }
  .section {
    margin-bottom: 1.25rem;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .playlist-card__container {
    margin-bottom: 1.25rem;
  }
  .form-preview__top .form-preview__top-right mat-checkbox {
    display: none;
  }
  .form-preview__top .form-preview__top-right .printable {
    display: initial;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    outline: 0.125rem solid #929292;
  }
  .form-preview__top .form-preview__top-right .printable.checked {
    border: 0.3125rem solid #000;
  }
  .card-view {
    margin-bottom: 1.25rem;
  }
  .report-wrapper__inner button,
  .report-wrapper__inner .sticky-panel {
    display: none !important;
  }
  .report-wrapper__inner ptl-chart-preview {
    page-break-inside: avoid;
  }
  .report-wrapper__inner ptl-chart-preview .user-image,
  .report-wrapper__inner ptl-chart-preview .user-no-image {
    transform: translate(-50%, -50%) !important;
  }
  .report-wrapper__inner ptl-chart-preview .chart-preview-section__keys {
    display: flex;
  }
  .report-wrapper__inner ptl-chart-preview .circle {
    display: none !important;
  }
  .report-wrapper__inner .print-content {
    display: block;
    font-size: 1.3125rem;
    line-height: 2rem;
  }
  .report-wrapper__inner .print-content a {
    color: inherit;
  }
  .report-wrapper__inner .conditional-report-section__intro {
    display: block !important;
  }
  .report-wrapper__inner .conditional-report-section__intro .conditional-report-section__intro__chart {
    page-break-inside: avoid;
  }
  .report-wrapper__inner .conditional-report-section__intro .conditional-report-section__intro__chart svg {
    width: 6.25rem;
    height: 6.25rem;
  }
  .report-wrapper__inner .resource-cards-container {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .report-wrapper__inner .resource-cards-container .swiper {
    padding: 0;
    margin: 0;
  }
  .report-wrapper__inner .resource-cards-container .slider-arrow {
    display: none !important;
  }
  .report-wrapper__inner .resource-cards-container .swiper-wrapper {
    display: block !important;
    transform: none !important;
  }
  .report-wrapper__inner .resource-cards-container .swiper-slide {
    width: 100% !important;
    margin: 0.3125rem 0;
  }
  .report-wrapper__inner canvas {
    width: 40.5625rem !important;
    height: auto !important;
    margin: 0 auto;
    display: block !important;
    page-break-inside: avoid;
  }
  .report-wrapper__inner .chart-preview-version-select .apply-button {
    display: none;
  }
  .cdk-global-scrollblock {
    position: static;
    overflow: visible;
  }
  .dialog-print ptl-index-main {
    display: none;
  }
  .dialog-print .cdk-overlay-container {
    position: static;
    height: auto;
  }
  .dialog-print .cdk-overlay-container .cdk-overlay-backdrop {
    display: none;
  }
  .dialog-print .cdk-global-overlay-wrapper {
    position: static;
    display: block;
    height: auto;
  }
  .assessment-report-dialog {
    max-height: unset !important;
    height: unset;
    margin-top: 0 !important;
  }
  .assessment-report-dialog .mat-dialog-container {
    overflow: visible;
  }
}
.mat-multi-select-custom .mat-pseudo-checkbox-checked,
.mat-multi-select-custom .mat-pseudo-checkbox-indeterminate,
.mat-multi-select-custom .mat-accent .mat-pseudo-checkbox-checked,
.mat-multi-select-custom .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #0b7e23;
}
.cdk-overlay-pane .mat-snack-bar-container {
  display: flex;
  justify-content: center;
}
.cdk-overlay-pane .error-snackbar {
  background: var(--g-color26);
  color: var(--g-color10);
}
.cdk-overlay-pane .success-snackbar {
  background: var(--g-color16);
  color: var(--g-color10);
}
.cdk-overlay-pane .error {
  color: var(--g-color25) !important;
}
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-inner-container {
  outline: #0979cf solid 0.0625rem !important;
}
.mat-checkbox .mat-checkbox-inner-container {
  width: 1.25rem;
  height: 1.25rem;
}
.mat-checkbox .mat-checkbox-checkmark {
  width: 0.875rem;
  height: 0.875rem;
  margin: auto;
}
.mat-checkbox .mat-checkbox-background,
.mat-checkbox .mat-checkbox-frame {
  border-radius: 0.25rem;
}
.mat-checkbox .mat-checkbox-layout .mat-checkbox-label {
  line-height: 1.5rem;
  white-space: normal;
}
.mat-checkbox .mat-checkbox-frame {
  border-width: 0.125rem;
  border-color: var(--g-color6);
}
.mat-checkbox .mat-checkbox-disabled {
  pointer-events: none;
}
.mat-checkbox .mat-checkbox-checkmark {
  fill: var(--g-color10) !important;
}
.mat-checkbox .mat-checkbox-checkmark-path {
  stroke: var(--g-color10) !important;
}
.mat-checkbox .mat-checkbox-mixedmark {
  background-color: var(--g-color10);
}
.mat-checkbox .mat-ripple-element {
  background-color: var(--g-color10);
}
.mat-checkbox.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--g-color16);
}
.mat-checkbox.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--g-color18);
}
.mat-checkbox.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox.mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: var(--g-color20);
}
.mat-checkbox.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: var(--g-color6);
}
.mat-checkbox.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: var(--g-color6);
}
.mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: var(--g-color17);
}
.mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: var(--g-color19);
}
.mat-checkbox.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: var(--g-color21);
}
body[dir=rtl] .mat-mdc-button.btn-with-loader .is-right,
body[dir=rtl] .mat-mdc-raised-button.btn-with-loader .is-right,
body[dir=rtl] .mat-mdc-outlined-button.btn-with-loader .is-right,
body[dir=rtl] .mat-mdc-unelevated-button.btn-with-loader .is-right,
body [dir=rtl] .mat-mdc-button.btn-with-loader .is-right,
body [dir=rtl] .mat-mdc-raised-button.btn-with-loader .is-right,
body [dir=rtl] .mat-mdc-outlined-button.btn-with-loader .is-right,
body [dir=rtl] .mat-mdc-unelevated-button.btn-with-loader .is-right {
  margin-right: 0.625rem;
}
body[dir=rtl] .mat-mdc-button.btn-with-loader .is-left,
body[dir=rtl] .mat-mdc-raised-button.btn-with-loader .is-left,
body[dir=rtl] .mat-mdc-outlined-button.btn-with-loader .is-left,
body[dir=rtl] .mat-mdc-unelevated-button.btn-with-loader .is-left,
body [dir=rtl] .mat-mdc-button.btn-with-loader .is-left,
body [dir=rtl] .mat-mdc-raised-button.btn-with-loader .is-left,
body [dir=rtl] .mat-mdc-outlined-button.btn-with-loader .is-left,
body [dir=rtl] .mat-mdc-unelevated-button.btn-with-loader .is-left {
  margin-left: 0.625rem;
}
body[dir=rtl] .mat-mdc-button mat-icon.icon-right,
body[dir=rtl] .mat-mdc-button i.icon-right,
body[dir=rtl] .mat-mdc-button .svg-icon.icon-right,
body[dir=rtl] .mat-mdc-raised-button mat-icon.icon-right,
body[dir=rtl] .mat-mdc-raised-button i.icon-right,
body[dir=rtl] .mat-mdc-raised-button .svg-icon.icon-right,
body[dir=rtl] .mat-mdc-outlined-button mat-icon.icon-right,
body[dir=rtl] .mat-mdc-outlined-button i.icon-right,
body[dir=rtl] .mat-mdc-outlined-button .svg-icon.icon-right,
body[dir=rtl] .mat-mdc-unelevated-button mat-icon.icon-right,
body[dir=rtl] .mat-mdc-unelevated-button i.icon-right,
body[dir=rtl] .mat-mdc-unelevated-button .svg-icon.icon-right,
body [dir=rtl] .mat-mdc-button mat-icon.icon-right,
body [dir=rtl] .mat-mdc-button i.icon-right,
body [dir=rtl] .mat-mdc-button .svg-icon.icon-right,
body [dir=rtl] .mat-mdc-raised-button mat-icon.icon-right,
body [dir=rtl] .mat-mdc-raised-button i.icon-right,
body [dir=rtl] .mat-mdc-raised-button .svg-icon.icon-right,
body [dir=rtl] .mat-mdc-outlined-button mat-icon.icon-right,
body [dir=rtl] .mat-mdc-outlined-button i.icon-right,
body [dir=rtl] .mat-mdc-outlined-button .svg-icon.icon-right,
body [dir=rtl] .mat-mdc-unelevated-button mat-icon.icon-right,
body [dir=rtl] .mat-mdc-unelevated-button i.icon-right,
body [dir=rtl] .mat-mdc-unelevated-button .svg-icon.icon-right {
  margin-right: 0.3125rem;
  margin-left: -0.375rem;
}
body[dir=rtl] .mat-mdc-button mat-icon.icon-left,
body[dir=rtl] .mat-mdc-button i.icon-left,
body[dir=rtl] .mat-mdc-button .svg-icon.icon-left,
body[dir=rtl] .mat-mdc-raised-button mat-icon.icon-left,
body[dir=rtl] .mat-mdc-raised-button i.icon-left,
body[dir=rtl] .mat-mdc-raised-button .svg-icon.icon-left,
body[dir=rtl] .mat-mdc-outlined-button mat-icon.icon-left,
body[dir=rtl] .mat-mdc-outlined-button i.icon-left,
body[dir=rtl] .mat-mdc-outlined-button .svg-icon.icon-left,
body[dir=rtl] .mat-mdc-unelevated-button mat-icon.icon-left,
body[dir=rtl] .mat-mdc-unelevated-button i.icon-left,
body[dir=rtl] .mat-mdc-unelevated-button .svg-icon.icon-left,
body [dir=rtl] .mat-mdc-button mat-icon.icon-left,
body [dir=rtl] .mat-mdc-button i.icon-left,
body [dir=rtl] .mat-mdc-button .svg-icon.icon-left,
body [dir=rtl] .mat-mdc-raised-button mat-icon.icon-left,
body [dir=rtl] .mat-mdc-raised-button i.icon-left,
body [dir=rtl] .mat-mdc-raised-button .svg-icon.icon-left,
body [dir=rtl] .mat-mdc-outlined-button mat-icon.icon-left,
body [dir=rtl] .mat-mdc-outlined-button i.icon-left,
body [dir=rtl] .mat-mdc-outlined-button .svg-icon.icon-left,
body [dir=rtl] .mat-mdc-unelevated-button mat-icon.icon-left,
body [dir=rtl] .mat-mdc-unelevated-button i.icon-left,
body [dir=rtl] .mat-mdc-unelevated-button .svg-icon.icon-left {
  margin-left: 0.3125rem;
  margin-right: -0.375rem;
}
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-right,
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base i.icon-right,
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-right,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-right,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base i.icon-right,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-right {
  margin-right: 0.3125rem;
  margin-left: -0.375rem;
}
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-left,
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base i.icon-left,
body[dir=rtl] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-left,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-left,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base i.icon-left,
body [dir=rtl] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-left {
  margin-left: 0.3125rem;
  margin-right: -0.375rem;
}
body[dir=ltr] .mat-mdc-button.btn-with-loader .is-right,
body[dir=ltr] .mat-mdc-raised-button.btn-with-loader .is-right,
body[dir=ltr] .mat-mdc-outlined-button.btn-with-loader .is-right,
body[dir=ltr] .mat-mdc-unelevated-button.btn-with-loader .is-right,
body [dir=ltr] .mat-mdc-button.btn-with-loader .is-right,
body [dir=ltr] .mat-mdc-raised-button.btn-with-loader .is-right,
body [dir=ltr] .mat-mdc-outlined-button.btn-with-loader .is-right,
body [dir=ltr] .mat-mdc-unelevated-button.btn-with-loader .is-right {
  margin-left: 0.625rem;
}
body[dir=ltr] .mat-mdc-button.btn-with-loader .is-left,
body[dir=ltr] .mat-mdc-raised-button.btn-with-loader .is-left,
body[dir=ltr] .mat-mdc-outlined-button.btn-with-loader .is-left,
body[dir=ltr] .mat-mdc-unelevated-button.btn-with-loader .is-left,
body [dir=ltr] .mat-mdc-button.btn-with-loader .is-left,
body [dir=ltr] .mat-mdc-raised-button.btn-with-loader .is-left,
body [dir=ltr] .mat-mdc-outlined-button.btn-with-loader .is-left,
body [dir=ltr] .mat-mdc-unelevated-button.btn-with-loader .is-left {
  margin-right: 0.625rem;
}
body[dir=ltr] .mat-mdc-button mat-icon.icon-right,
body[dir=ltr] .mat-mdc-button i.icon-right,
body[dir=ltr] .mat-mdc-button .svg-icon.icon-right,
body[dir=ltr] .mat-mdc-raised-button mat-icon.icon-right,
body[dir=ltr] .mat-mdc-raised-button i.icon-right,
body[dir=ltr] .mat-mdc-raised-button .svg-icon.icon-right,
body[dir=ltr] .mat-mdc-outlined-button mat-icon.icon-right,
body[dir=ltr] .mat-mdc-outlined-button i.icon-right,
body[dir=ltr] .mat-mdc-outlined-button .svg-icon.icon-right,
body[dir=ltr] .mat-mdc-unelevated-button mat-icon.icon-right,
body[dir=ltr] .mat-mdc-unelevated-button i.icon-right,
body[dir=ltr] .mat-mdc-unelevated-button .svg-icon.icon-right,
body [dir=ltr] .mat-mdc-button mat-icon.icon-right,
body [dir=ltr] .mat-mdc-button i.icon-right,
body [dir=ltr] .mat-mdc-button .svg-icon.icon-right,
body [dir=ltr] .mat-mdc-raised-button mat-icon.icon-right,
body [dir=ltr] .mat-mdc-raised-button i.icon-right,
body [dir=ltr] .mat-mdc-raised-button .svg-icon.icon-right,
body [dir=ltr] .mat-mdc-outlined-button mat-icon.icon-right,
body [dir=ltr] .mat-mdc-outlined-button i.icon-right,
body [dir=ltr] .mat-mdc-outlined-button .svg-icon.icon-right,
body [dir=ltr] .mat-mdc-unelevated-button mat-icon.icon-right,
body [dir=ltr] .mat-mdc-unelevated-button i.icon-right,
body [dir=ltr] .mat-mdc-unelevated-button .svg-icon.icon-right {
  margin-left: 0.3125rem;
  margin-right: -0.375rem;
}
body[dir=ltr] .mat-mdc-button mat-icon.icon-left,
body[dir=ltr] .mat-mdc-button i.icon-left,
body[dir=ltr] .mat-mdc-button .svg-icon.icon-left,
body[dir=ltr] .mat-mdc-raised-button mat-icon.icon-left,
body[dir=ltr] .mat-mdc-raised-button i.icon-left,
body[dir=ltr] .mat-mdc-raised-button .svg-icon.icon-left,
body[dir=ltr] .mat-mdc-outlined-button mat-icon.icon-left,
body[dir=ltr] .mat-mdc-outlined-button i.icon-left,
body[dir=ltr] .mat-mdc-outlined-button .svg-icon.icon-left,
body[dir=ltr] .mat-mdc-unelevated-button mat-icon.icon-left,
body[dir=ltr] .mat-mdc-unelevated-button i.icon-left,
body[dir=ltr] .mat-mdc-unelevated-button .svg-icon.icon-left,
body [dir=ltr] .mat-mdc-button mat-icon.icon-left,
body [dir=ltr] .mat-mdc-button i.icon-left,
body [dir=ltr] .mat-mdc-button .svg-icon.icon-left,
body [dir=ltr] .mat-mdc-raised-button mat-icon.icon-left,
body [dir=ltr] .mat-mdc-raised-button i.icon-left,
body [dir=ltr] .mat-mdc-raised-button .svg-icon.icon-left,
body [dir=ltr] .mat-mdc-outlined-button mat-icon.icon-left,
body [dir=ltr] .mat-mdc-outlined-button i.icon-left,
body [dir=ltr] .mat-mdc-outlined-button .svg-icon.icon-left,
body [dir=ltr] .mat-mdc-unelevated-button mat-icon.icon-left,
body [dir=ltr] .mat-mdc-unelevated-button i.icon-left,
body [dir=ltr] .mat-mdc-unelevated-button .svg-icon.icon-left {
  margin-right: 0.3125rem;
  margin-left: -0.375rem;
}
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-right,
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base i.icon-right,
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-right,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-right,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base i.icon-right,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-right {
  margin-left: 0.3125rem;
  margin-right: -0.375rem;
}
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-left,
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base i.icon-left,
body[dir=ltr] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-left,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base mat-icon.icon-left,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base i.icon-left,
body [dir=ltr] .mat-mdc-fab.mat-mdc-button-base .svg-icon.icon-left {
  margin-right: 0.3125rem;
  margin-left: -0.375rem;
}
body .mat-mdc-button.mat-mdc-button-base,
body .mat-mdc-raised-button.mat-mdc-button-base,
body .mat-mdc-outlined-button.mat-mdc-button-base,
body .mat-mdc-unelevated-button.mat-mdc-button-base {
  vertical-align: top;
  min-width: 4.25rem;
  height: 2.25rem;
  padding: 0.5rem 1.125rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
}
body .mat-mdc-button.btn-with-loader .mat-button-wrapper,
body .mat-mdc-raised-button.btn-with-loader .mat-button-wrapper,
body .mat-mdc-outlined-button.btn-with-loader .mat-button-wrapper,
body .mat-mdc-unelevated-button.btn-with-loader .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .mat-mdc-button.btn-with-loader .mat-progress-spinner circle,
body .mat-mdc-button.btn-with-loader .mat-spinner circle,
body .mat-mdc-raised-button.btn-with-loader .mat-progress-spinner circle,
body .mat-mdc-raised-button.btn-with-loader .mat-spinner circle,
body .mat-mdc-outlined-button.btn-with-loader .mat-progress-spinner circle,
body .mat-mdc-outlined-button.btn-with-loader .mat-spinner circle,
body .mat-mdc-unelevated-button.btn-with-loader .mat-progress-spinner circle,
body .mat-mdc-unelevated-button.btn-with-loader .mat-spinner circle {
  stroke: currentColor;
}
body .mat-mdc-button mat-icon,
body .mat-mdc-button i,
body .mat-mdc-button .svg-icon,
body .mat-mdc-raised-button mat-icon,
body .mat-mdc-raised-button i,
body .mat-mdc-raised-button .svg-icon,
body .mat-mdc-outlined-button mat-icon,
body .mat-mdc-outlined-button i,
body .mat-mdc-outlined-button .svg-icon,
body .mat-mdc-unelevated-button mat-icon,
body .mat-mdc-unelevated-button i,
body .mat-mdc-unelevated-button .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3125rem;
  line-height: 1.25rem;
  text-align: center;
}
body .mat-mdc-button .svg-icon,
body .mat-mdc-raised-button .svg-icon,
body .mat-mdc-outlined-button .svg-icon,
body .mat-mdc-unelevated-button .svg-icon {
  fill: currentColor;
}
body .mat-mdc-icon-button.mat-mdc-button-base {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
body .mat-mdc-icon-button.mat-mdc-button-base:hover {
  opacity: 0.7;
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-potentially {
  color: var(--primary-button-hover-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-potentially:hover {
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-potentially-secondary {
  color: var(--potentially-button-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-potentially-secondary:hover {
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-primary {
  color: var(--primary-button-hover-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-primary:hover {
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-warn {
  color: var(--warning-button-hover-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-warn:hover {
  background-color: var(--warning-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-orange {
  color: var(--orange-button-hover-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-orange:hover {
  background-color: var(--orange-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-accent {
  color: var(--secondary-button-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-accent:hover {
  background-color: var(--secondary-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-tertiary {
  color: var(--tertiary-button-color);
}
body .mat-mdc-icon-button.mat-mdc-button-base.mat-tertiary:hover {
  background-color: var(--tertiary-button-hover-bg);
}
body .mat-mdc-icon-button.mat-mdc-button-base mat-icon,
body .mat-mdc-icon-button.mat-mdc-button-base i {
  font-size: 1.3125rem;
}
body .mat-mdc-fab.mat-mdc-button-base {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border-radius: 50%;
  box-shadow: none;
}
body .mat-mdc-fab.mat-mdc-button-base .mat-button-wrapper {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .mat-mdc-fab.mat-mdc-button-base.mat-potentially {
  background-color: var(--potentially-button-bg);
  color: var(--primary-button-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-potentially:hover {
  background-color: var(--primary-button-hover-bg);
  color: var(--primary-button-hover-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-potentially-secondary {
  background-color: var(--primary-button-color);
  color: var(--potentially-button-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-potentially-secondary:hover {
  background-color: var(--primary-button-hover-bg);
  color: var(--primary-button-hover-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-primary {
  background-color: var(--primary-button-bg);
  color: var(--primary-button-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-primary:hover {
  background-color: var(--primary-button-hover-bg);
  color: var(--primary-button-hover-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-warn {
  color: var(--warning-button-color);
  background-color: var(--warning-button-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-warn:hover {
  color: var(--warning-button-hover-color);
  background-color: var(--warning-button-hover-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-orange {
  color: var(--orange-button-color);
  background-color: var(--orange-button-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-orange:hover {
  color: var(--orange-button-hover-color);
  background-color: var(--orange-button-hover-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-accent {
  background-color: var(--secondary-button-bg);
  color: var(--secondary-button-color);
  border: 0.0625rem solid var(--secondary-button-hover-bg);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-accent:hover {
  background-color: var(--secondary-button-hover-bg);
  color: var(--secondary-button-hover-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-tertiary {
  background-color: var(--tertiary-button-bg);
  color: var(--tertiary-button-color);
}
body .mat-mdc-fab.mat-mdc-button-base.mat-tertiary:hover {
  background-color: var(--tertiary-button-hover-bg);
  color: var(--tertiary-button-hover-color);
}
body .mat-mdc-fab.mat-mdc-button-base mat-icon,
body .mat-mdc-fab.mat-mdc-button-base i,
body .mat-mdc-fab.mat-mdc-button-base .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.3125rem;
  line-height: 1.25rem;
  text-align: center;
}
body .mat-mdc-fab.mat-mdc-button-base .svg-icon {
  fill: currentColor;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially {
  color: var(--primary-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially .mat-mdc-focus-indicator {
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially-secondary {
  color: var(--potentially-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially-secondary .mat-mdc-focus-indicator {
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-potentially-secondary:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-primary {
  color: var(--primary-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-primary .mat-mdc-focus-indicator {
  background-color: var(--primary-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-primary:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-accent {
  color: var(--secondary-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-accent .mat-mdc-focus-indicator {
  background-color: var(--secondary-button-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-accent:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-warn {
  color: var(--warning-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-warn .mat-mdc-focus-indicator {
  background-color: var(--warning-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-warn:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-orange {
  color: var(--orange-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-orange .mat-mdc-focus-indicator {
  background-color: var(--orange-button-bg);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-orange:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-tertiary {
  color: var(--tertiary-button-hover-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-tertiary .mat-mdc-focus-indicator {
  background-color: var(--tertiary-button-color);
}
body .mat-mdc-button:not(.mat-mdc-button-disabled).mat-tertiary:hover:not(.mat-mdc-button-disabled) .mat-mdc-focus-indicator {
  opacity: 0.07;
}
body .mat-mdc-raised-button {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .mat-mdc-raised-button:hover {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-mdc-button-base {
  box-shadow: none;
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-potentially {
  color: var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-potentially:hover {
  color: var(--primary-button-color);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-potentially-secondary {
  color: var(--potentially-button-bg);
  background-color: var(--primary-button-color);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-potentially-secondary:hover {
  color: var(--primary-button-color);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-primary {
  color: var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-primary:hover {
  color: var(--primary-button-color);
  background-color: var(--primary-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-warn {
  color: var(--warning-button-hover-color);
  background-color: var(--warning-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-warn:hover {
  color: var(--warning-button-color);
  background-color: var(--warning-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-orange {
  color: var(--orange-button-hover-color);
  background-color: var(--orange-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-orange:hover {
  color: var(--orange-button-color);
  background-color: var(--orange-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-accent {
  color: var(--secondary-button-hover-color);
  background-color: var(--secondary-button-hover-bg);
  border: 0.0625rem solid var(--secondary-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-accent:hover {
  color: var(--secondary-button-color);
  background-color: var(--secondary-button-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-tertiary {
  color: var(--tertiary-button-hover-color);
  background-color: var(--tertiary-button-hover-bg);
}
body .mat-mdc-raised-button:not(.mat-mdc-button-disabled).mat-tertiary:hover {
  color: var(--tertiary-button-color);
  background-color: var(--tertiary-button-bg);
}
body .mat-mdc-outlined-button {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .mat-mdc-outlined-button:hover {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-potentially {
  color: var(--primary-button-hover-color);
  border-color: var(--potentially-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-potentially:hover {
  color: var(--primary-button-color);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-potentially-secondary {
  color: var(--potentially-button-bg);
  border-color: var(--secondary-button-hover-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-potentially-secondary:hover {
  color: var(--primary-button-color);
  border-color: var(--potentially-button-bg);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-primary {
  color: var(--primary-button-hover-color);
  border-color: var(--primary-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-primary:hover {
  color: var(--primary-button-color);
  background-color: var(--primary-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-warn {
  color: var(--warning-button-hover-color);
  border-color: var(--warning-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-warn:hover {
  color: var(--warning-button-color);
  background-color: var(--warning-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-orange {
  color: var(--orange-button-hover-color);
  border-color: var(--orange-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-orange:hover {
  color: var(--orange-button-color);
  background-color: var(--orange-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-accent {
  color: var(--secondary-button-hover-color);
  background-color: var(--secondary-button-bg);
  border-color: var(--secondary-button-hover-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-accent .mat-mdc-focus-indicator {
  background-color: transparent;
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-accent:hover {
  color: var(--secondary-button-color);
  background-color: var(--secondary-button-hover-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-tertiary {
  color: var(--tertiary-button-hover-color);
  background-color: var(--tertiary-button-bg);
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-tertiary .mat-mdc-focus-indicator {
  background-color: transparent;
}
body .mat-mdc-outlined-button:not(.mat-mdc-button-disabled).mat-tertiary:hover {
  color: var(--tertiary-button-color);
  background-color: var(--tertiary-button-hover-bg);
}
body .mat-mdc-unelevated-button {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none;
}
body .mat-mdc-unelevated-button:hover {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-potentially {
  color: var(--primary-button-color);
  border: 0.0625rem solid var(--potentially-button-bg);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-potentially:hover {
  color: var(--primary-button-hover-color);
  border: 0.0625rem solid var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-potentially-secondary {
  color: var(--primary-button-color);
  border: 0.0625rem solid var(--potentially-button-bg);
  background-color: var(--potentially-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-potentially-secondary:hover {
  color: var(--primary-button-hover-color);
  border: 0.0625rem solid var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-primary {
  color: var(--primary-button-color);
  border: 0.0625rem solid var(--primary-button-bg);
  background-color: var(--primary-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-primary:hover {
  color: var(--primary-button-hover-color);
  border: 0.0625rem solid var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-warn {
  color: var(--warning-button-color);
  border: 0.0625rem solid var(--warning-button-bg);
  background-color: var(--warning-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-warn:hover {
  color: var(--warning-button-hover-color);
  border: 0.0625rem solid var(--warning-button-hover-color);
  background-color: var(--warning-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-orange {
  color: var(--orange-button-color);
  border: 0.0625rem solid var(--orange-button-bg);
  background-color: var(--orange-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-orange:hover {
  color: var(--orange-button-hover-color);
  border: 0.0625rem solid var(--orange-button-hover-bg);
  background-color: var(--orange-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-accent {
  color: var(--secondary-button-color);
  border: 0.0625rem solid var(--secondary-button-hover-bg);
  background-color: var(--secondary-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-accent:hover {
  color: var(--secondary-button-hover-color);
  border: 0.0625rem solid var(--secondary-button-hover-color);
  background-color: var(--secondary-button-hover-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-tertiary {
  color: var(--tertiary-button-color);
  border: 0.0625rem solid var(--tertiary-button-bg);
  background-color: var(--tertiary-button-bg);
}
body .mat-mdc-unelevated-button:not(.mat-mdc-button-disabled).mat-tertiary:hover {
  color: var(--tertiary-button-hover-color);
  border: 0.0625rem solid var(--tertiary-button-hover-color);
  background-color: var(--tertiary-button-hover-bg);
}
body .mat-mdc-button.rounded-button,
body .mat-mdc-raised-button.rounded-button,
body .mat-mdc-outlined-button.rounded-button,
body .mat-mdc-unelevated-button.rounded-button {
  border-radius: 0.75rem;
  padding: 0.5rem 1.75rem;
}
body .custom-image-button.mat-mdc-button-base {
  border: 0.0625rem solid var(--g-color1);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0.5rem 0.75rem;
  height: 2.375rem;
}
body .custom-image-button.mat-mdc-button-base[disabled] {
  opacity: 0.4;
}
body .custom-image-button.mat-mdc-button-base:hover {
  border-color: var(--g-color23);
}
body .custom-image-button.mat-mdc-button-base .button-content {
  display: flex;
  gap: 0.5rem;
}
body[dir=rtl] .chips-list .chip-item,
body [dir=rtl] .chips-list .chip-item {
  margin-left: 0.25rem;
}
body[dir=rtl] .chips-list .chip-item .chip-item-icon,
body [dir=rtl] .chips-list .chip-item .chip-item-icon {
  margin-right: 0.5rem;
}
body[dir=ltr] .chips-list .chip-item,
body [dir=ltr] .chips-list .chip-item {
  margin-right: 0.25rem;
}
body[dir=ltr] .chips-list .chip-item .chip-item-icon,
body [dir=ltr] .chips-list .chip-item .chip-item-icon {
  margin-left: 0.5rem;
}
body .chips-list .chip-item {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  padding: 0.1875rem 0.875rem;
  border-radius: 1.5rem;
  margin-bottom: 0.5rem;
  transition: background-color 0.3s ease;
  border: 0;
  outline: 0;
  max-width: 100%;
  box-sizing: border-box;
}
body .chips-list .chip-item .chip-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
body .chips-list .chip-item.has-action-btn {
  padding-right: 0.5rem;
}
body .chips-list .chip-item.chip-primary {
  background-color: var(--g-color11);
  color: var(--g-color10) !important;
  fill: var(--g-color10) !important;
}
body .chips-list .chip-item.chip-interactive {
  background-color: var(--g-color14);
  color: var(--g-color13) !important;
  fill: var(--g-color13) !important;
}
body .chips-list .chip-item.chip-warning {
  background-color: var(--g-color21);
  color: var(--g-color20) !important;
  fill: var(--g-color20) !important;
}
body .chips-list .chip-item.chip-warning .svg {
  fill: var(--g-color20);
}
body .chips-list .chip-item.chip-positive {
  background-color: var(--g-color24);
  color: var(--g-color10) !important;
  fill: var(--g-color10) !important;
}
body .chips-list .chip-item.chip-positive .svg {
  fill: var(--g-color10);
}
body .chips-list .chip-item.pointer {
  cursor: pointer;
}
body .chips-list .chip-item.pointer:hover {
  background-color: #cbd4f7;
}
body .chips-list .chip-item.pointer:hover.chip-primary {
  color: var(--g-color11);
  background-color: var(--g-color12);
}
body .chips-list .chip-item.is_active {
  background-color: #b0bdf7;
}
body .chips-list .chip-item .chip-item-icon {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
}
body .chip-big-warning {
  max-width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 0.3125rem;
  border-radius: 0.625rem;
  padding: 0.125rem 0.4375rem;
  background-color: var(--g-color21);
  fill: var(--g-color20);
  text-transform: capitalize;
  color: var(--g-color20);
}
body .chip-big-warning svg {
  min-width: 1.25rem;
}
body .chip-big-warning .title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
body[dir=rtl] .group-chips-list .group-chip-type,
body [dir=rtl] .group-chips-list .group-chip-type {
  margin-right: -0.625rem;
}
body[dir=ltr] .group-chips-list .group-chip-type,
body [dir=ltr] .group-chips-list .group-chip-type {
  margin-left: -0.625rem;
}
body .group-chips-list .group-chip-item {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  padding: 0rem 0.625rem;
  border-radius: 1.5rem;
  margin-bottom: 0.5rem;
  transition: background-color 0.3s ease;
  outline: 0;
  max-width: 100%;
  box-sizing: border-box;
  border: 0.0625rem solid var(--g-color6);
  gap: 0.625rem;
}
body .group-chips-list .group-chip-item .group-chip-type {
  padding: 0 0.75rem;
  border-radius: 1.6875rem;
  background-color: var(--g-color11);
  color: #fff;
  text-transform: lowercase;
}
body .group-chips-list .group-chip-item .group-chip-type:first-letter {
  text-transform: uppercase;
}
body .group-chips-list .group-chip-item .group-chip-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}
.checkmark {
  box-sizing: border-box;
  border-radius: 0.25rem;
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid var(--g-color6);
  fill: none;
}
.checkmark.is_checked {
  background-color: var(--g-color16);
  fill: var(--g-color10);
  border: none;
}
body[dir=rtl] .mat-radio-group .mat-radio-button .mat-radio-label-content,
body [dir=rtl] .mat-radio-group .mat-radio-button .mat-radio-label-content {
  padding-right: 0.5rem;
}
body[dir=ltr] .mat-radio-group .mat-radio-button .mat-radio-label-content,
body [dir=ltr] .mat-radio-group .mat-radio-button .mat-radio-label-content {
  padding-left: 0.5rem;
}
body .mat-radio-group .mat-radio-button {
  display: block;
  margin-bottom: 0.625rem;
}
body .mat-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple {
  background-color: var(--g-color16);
}
body .mat-radio-group .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple) {
  background-color: var(--g-color16);
}
body .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(1);
}
body .mat-radio-group .mat-radio-button.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--g-color16);
}
body .mat-radio-group .mat-radio-button .mat-radio-outer-circle {
  border: 0.125rem solid var(--g-color6);
  background-color: var(--g-color10);
}
body .mat-radio-group .mat-radio-button .mat-radio-inner-circle {
  background-color: var(--g-color16);
}
body .mat-radio-group .mat-radio-button .mat-radio-inner-circle:before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.25rem;
  top: 0.375rem;
  border-bottom: 0.09375rem solid var(--g-color10);
  border-left: 0.09375rem solid var(--g-color10);
  left: 0.3125rem;
  transform: rotate(-45deg);
  z-index: 10;
}
body[dir=rtl] .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container,
body [dir=rtl] .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container {
  right: 0.125rem;
}
body[dir=rtl] .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
body [dir=rtl] .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(-1.25rem, 0, 0);
}
body[dir=ltr] .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container,
body [dir=ltr] .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container {
  left: 0.125rem;
}
body[dir=ltr] .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
body [dir=ltr] .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(1.25rem, 0, 0);
}
body .mat-slide-custom.mat-slide-toggle {
  position: relative;
}
body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-bar {
  height: 1.5rem;
  border-radius: 3.125rem;
  width: 2.75rem;
}
body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container {
  top: 0.125rem;
}
:host-context([dir=rtl]) body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container,
::ng-deep .cdk-overlay-container [dir=rtl] .cdk-overlay-pane body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container {
  right: 0.125rem;
}
:host-context([dir=ltr]) body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container,
::ng-deep .cdk-overlay-container [dir=ltr] .cdk-overlay-pane body .mat-slide-custom.mat-slide-toggle .mat-slide-toggle-thumb-container {
  left: 0.125rem;
}
:host-context([dir=rtl]) body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
::ng-deep .cdk-overlay-container [dir=rtl] .cdk-overlay-pane body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(-1.25rem, 0, 0);
}
:host-context([dir=ltr]) body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
::ng-deep .cdk-overlay-container [dir=ltr] .cdk-overlay-pane body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(1.25rem, 0, 0);
}
body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--g-color24);
}
body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--g-color10);
}
body .mat-slide-custom.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--g-color24);
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
.content-media__html--position-LEFT body[dir=rtl] .content-media__oembed div:first-child,
.content-media__html--position-RIGHT body[dir=rtl] .content-media__oembed div:first-child,
.content-media__html--position-LEFT body[dir=rtl] .preview-element div:first-child,
.content-media__html--position-RIGHT body[dir=rtl] .preview-element div:first-child,
.content-media__html--position-LEFT body [dir=rtl] .content-media__oembed div:first-child,
.content-media__html--position-RIGHT body [dir=rtl] .content-media__oembed div:first-child,
.content-media__html--position-LEFT body [dir=rtl] .preview-element div:first-child,
.content-media__html--position-RIGHT body [dir=rtl] .preview-element div:first-child {
  float: left;
}
body[dir=rtl] blockquote,
body [dir=rtl] blockquote {
  padding-left: 1.875rem;
  padding-right: 0.9375rem;
}
body[dir=rtl] .bricklayer-column,
body [dir=rtl] .bricklayer-column {
  padding-left: 0rem;
}
.masonry-section__cards-2 body[dir=rtl] .bricklayer-column,
.masonry-section__cards-2 body [dir=rtl] .bricklayer-column {
  padding-left: 0rem;
  margin-left: 0.625rem;
}
.masonry-section__cards-4 body[dir=rtl] .bricklayer-column,
.masonry-section__cards-4 body [dir=rtl] .bricklayer-column {
  margin-left: 0.5625rem;
}
.masonry-section__cards-4 body[dir=rtl] .bricklayer-column:last-child,
.masonry-section__cards-4 body [dir=rtl] .bricklayer-column:last-child {
  margin-left: 0rem;
}
.masonry-section__cards-4 body[dir=rtl] .bricklayer-column,
.masonry-section__cards-4 body [dir=rtl] .bricklayer-column {
  padding-left: 0rem;
  margin-left: 0.625rem;
}
@media screen and (max-width: 31.5rem) {
  .masonry-section__cards-4 body[dir=rtl] .bricklayer-column,
  .masonry-section__cards-4 body [dir=rtl] .bricklayer-column {
    margin-left: 2%;
  }
}
@media screen and (max-width: 20.625rem) {
  .masonry-section__cards-4 body[dir=rtl] .bricklayer-column,
  .masonry-section__cards-4 body [dir=rtl] .bricklayer-column {
    margin-left: 0rem;
  }
}
body[dir=rtl] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title,
body [dir=rtl] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title {
  padding-left: 0.5rem;
}
body[dir=rtl] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-image,
body [dir=rtl] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-image {
  margin-left: 0.3125rem;
}
body[dir=rtl] .swal2-container .swal2-popup.new-version .swal2-close,
body [dir=rtl] .swal2-container .swal2-popup.new-version .swal2-close {
  left: 1rem;
}
body[dir=rtl] .swal2-container .swal2-popup.new-version .swal2-title,
body [dir=rtl] .swal2-container .swal2-popup.new-version .swal2-title {
  text-align: right;
}
body[dir=rtl] .swal2-container .swal2-popup.new-version .swal2-html-container,
body [dir=rtl] .swal2-container .swal2-popup.new-version .swal2-html-container {
  text-align: right;
}
body[dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body[dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body [dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body [dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon {
  margin-left: 0.25rem;
}
body[dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body[dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body [dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body [dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button {
  padding-left: 1.875rem;
}
body[dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body[dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body [dir=rtl] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body [dir=rtl] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner {
  margin-left: 0.25rem;
}
.content-media__html--position-LEFT body[dir=ltr] .content-media__oembed div:first-child,
.content-media__html--position-RIGHT body[dir=ltr] .content-media__oembed div:first-child,
.content-media__html--position-LEFT body[dir=ltr] .preview-element div:first-child,
.content-media__html--position-RIGHT body[dir=ltr] .preview-element div:first-child,
.content-media__html--position-LEFT body [dir=ltr] .content-media__oembed div:first-child,
.content-media__html--position-RIGHT body [dir=ltr] .content-media__oembed div:first-child,
.content-media__html--position-LEFT body [dir=ltr] .preview-element div:first-child,
.content-media__html--position-RIGHT body [dir=ltr] .preview-element div:first-child {
  float: right;
}
body[dir=ltr] blockquote,
body [dir=ltr] blockquote {
  padding-right: 1.875rem;
  padding-left: 0.9375rem;
}
body[dir=ltr] .bricklayer-column,
body [dir=ltr] .bricklayer-column {
  padding-right: 0rem;
}
.masonry-section__cards-2 body[dir=ltr] .bricklayer-column,
.masonry-section__cards-2 body [dir=ltr] .bricklayer-column {
  padding-right: 0rem;
  margin-right: 0.625rem;
}
.masonry-section__cards-4 body[dir=ltr] .bricklayer-column,
.masonry-section__cards-4 body [dir=ltr] .bricklayer-column {
  margin-right: 0.5625rem;
}
.masonry-section__cards-4 body[dir=ltr] .bricklayer-column:last-child,
.masonry-section__cards-4 body [dir=ltr] .bricklayer-column:last-child {
  margin-right: 0rem;
}
.masonry-section__cards-4 body[dir=ltr] .bricklayer-column,
.masonry-section__cards-4 body [dir=ltr] .bricklayer-column {
  padding-right: 0rem;
  margin-right: 0.625rem;
}
@media screen and (max-width: 31.5rem) {
  .masonry-section__cards-4 body[dir=ltr] .bricklayer-column,
  .masonry-section__cards-4 body [dir=ltr] .bricklayer-column {
    margin-right: 2%;
  }
}
@media screen and (max-width: 20.625rem) {
  .masonry-section__cards-4 body[dir=ltr] .bricklayer-column,
  .masonry-section__cards-4 body [dir=ltr] .bricklayer-column {
    margin-right: 0rem;
  }
}
body[dir=ltr] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title,
body [dir=ltr] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title {
  padding-right: 0.5rem;
}
body[dir=ltr] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-image,
body [dir=ltr] .chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-image {
  margin-right: 0.3125rem;
}
body[dir=ltr] .swal2-container .swal2-popup.new-version .swal2-close,
body [dir=ltr] .swal2-container .swal2-popup.new-version .swal2-close {
  right: 1rem;
}
body[dir=ltr] .swal2-container .swal2-popup.new-version .swal2-title,
body [dir=ltr] .swal2-container .swal2-popup.new-version .swal2-title {
  text-align: left;
}
body[dir=ltr] .swal2-container .swal2-popup.new-version .swal2-html-container,
body [dir=ltr] .swal2-container .swal2-popup.new-version .swal2-html-container {
  text-align: left;
}
body[dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body[dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body [dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body [dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon {
  margin-right: 0.25rem;
}
body[dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body[dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body [dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button,
body [dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.language-button {
  padding-right: 1.875rem;
}
body[dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body[dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body [dir=ltr] .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner,
body [dir=ltr] .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner {
  margin-right: 0.25rem;
}
body {
  background-color: var(--g-color9);
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-user-modify: read-only;
  overflow-wrap: normal;
  -webkit-line-break: normal;
}
body .content-view-admin-buttons-menu.mat-menu-panel,
body .content-view-admin-buttons-language-menu.mat-menu-panel {
  background-color: var(--g-color12);
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button {
  min-width: 0;
  padding: 0.125rem 0.8125rem;
  color: var(--g-color11);
  box-shadow: none;
  align-items: center;
  display: inline-flex;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button:hover,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button:hover {
  color: var(--g-color1);
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .title,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .title {
  color: currentColor;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon svg,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon svg {
  fill: currentColor;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon .mat-icon,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon .mat-icon {
  font-size: 1.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin: 0;
  color: inherit;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon [class^=ptl-icon-],
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon [class*=" ptl-icon-"],
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon [class^=ptl-icon-],
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button .icon [class*=" ptl-icon-"] {
  font-size: 1.0625rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-button-wrapper,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-progress-spinner circle,
body .content-view-admin-buttons-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner circle,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-progress-spinner circle,
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item .copy-button ::ng-deep .mat-spinner circle {
  stroke: currentColor;
}
body .content-view-admin-buttons-language-menu.mat-menu-panel .mat-menu-content .mat-menu-item.button.is_active {
  color: var(--g-color1);
}
body .bricklayer-column-sizer {
  width: 50%;
  display: none;
}
body .masonry-section__cards {
  justify-content: space-between;
}
body .mat-drawer-container {
  background-color: var(--g-color9);
}
body .ptl-mat-dialog .mdc-dialog__surface {
  padding: 2rem;
  border-radius: 0;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.15);
}
body .language-menu-item.is_active {
  color: #007fa5;
}
body.jisc-connection-dialog-shown .cdk-overlay-container {
  display: none !important;
}
body.full-screen-enabled {
  overflow: hidden;
}
body.full-screen-enabled .header:before {
  display: block;
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0rem;
  left: 0rem;
  bottom: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
}
.maintenance-layer {
  position: absolute;
  top: 0;
  left: 0rem;
  right: 0rem;
  z-index: 10;
  background-color: #fbcc33;
  padding: 0.625rem 1.25rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maintenance-layer .maintenance-layer-inner {
  width: 100%;
  margin: auto;
  text-align: center;
}
.maintenance-layer .maintenance-layer-inner .large {
  color: #000;
  margin: 0;
}
.maintenance-layer .maintenance-layer-inner .small,
.maintenance-layer .maintenance-layer-inner .submission-locked-warning {
  color: #000;
}
.maintenance-layer .maintenance-layer-inner a {
  color: #000;
  text-decoration: none;
}
.maintenance-layer .maintenance-layer-inner a:hover {
  color: #000;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: unset;
}
.svg {
  width: 1.25rem;
  height: 1.25rem;
}
.svg.positive {
  fill: var(--g-color24);
}
.svg.greyed {
  fill: var(--g-color5);
}
button span.mat-button-wrapper {
  display: block;
}
.is_hidden {
  display: none !important;
}
.page__container {
  margin: 1.25rem 0;
}
.content-media__html-inner iframe {
  margin: 0 !important;
}
.clear {
  clear: both;
}
.ag-root-wrapper-body.ag-layout-normal {
  height: auto;
}
.content-media__oembed div:first-child,
.preview-element div:first-child {
  margin: 0 auto;
}
.content-media__html--position-LEFT .content-media__oembed div:first-child,
.content-media__html--position-RIGHT .content-media__oembed div:first-child,
.content-media__html--position-LEFT .preview-element div:first-child,
.content-media__html--position-RIGHT .preview-element div:first-child {
  width: 100%;
}
@media (max-width: 56.25rem) {
  .content-media__html--position-LEFT .content-media__oembed div:first-child,
  .content-media__html--position-RIGHT .content-media__oembed div:first-child,
  .content-media__html--position-LEFT .preview-element div:first-child,
  .content-media__html--position-RIGHT .preview-element div:first-child {
    width: 100% !important;
  }
}
@media (max-width: 56.25rem) {
  .content-media__oembed div:first-child,
  .preview-element div:first-child {
    width: 100% !important;
  }
}
.mat-tooltip-panel {
  pointer-events: none;
}
.mat-tooltip.more-info {
  max-width: 31.25rem;
  font-size: 0.8125rem !important;
  background-color: #555;
}
.iframe-container {
  padding-bottom: 0;
}
.iframe-container > .iframely-responsive {
  height: auto;
  padding: 0;
  position: static;
}
.iframe-container > .iframely-responsive > div {
  position: static;
}
.iframe-container > .iframely-responsive > .iframely-embed {
  position: static;
  width: auto;
  height: auto;
}
.content-media__oembed > .iframely-embed {
  position: relative;
  z-index: 1;
}
.table {
  display: table !important;
  width: 100% !important;
}
.table-cell {
  display: table-cell !important;
}
.table-cell.hide {
  display: none !important;
}
.table-row {
  display: table-row !important;
}
.is_disabled {
  opacity: 0.8;
  pointer-events: none;
}
.is_visible {
  visibility: visible !important;
}
[hidden] {
  display: none !important;
}
.uppercase {
  text-transform: uppercase;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.back-drop-transparent {
  background-color: transparent;
}
.ptl-input {
  border: none;
  outline: none;
}
.ptl-input::placeholder {
  color: #8e9aa5;
}
.preview-element-position-CENTER img {
  width: 100%;
}
.submission-locked-warning {
  max-width: 70rem;
  box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.16);
  margin: 0.25rem auto 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--g-color21);
  position: sticky;
  top: 3.125rem;
  text-align: center;
  padding: 0.5rem 1.25rem;
  z-index: 20;
  left: 0;
  right: 0;
}
.show-focus *[tabindex]:focus,
.show-focus button:focus {
  outline: none;
}
.show-focus *[tabindex]:focus-visible,
.show-focus button:focus-visible {
  outline: #0979cf solid 0.0625rem !important;
}
.show-focus *[tabindex]:-moz-focusring,
.show-focus button:-moz-focusring {
  outline: #0979cf solid 0.0625rem !important;
}
.show-focus a:focus {
  outline: none;
}
.show-focus a:focus-visible {
  outline: #0979cf solid 0.0625rem !important;
}
.show-focus a:-moz-focusring {
  outline: #0979cf solid 0.0625rem;
}
blockquote {
  color: #000;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin: 0;
  font-style: italic;
  line-height: 1.375rem;
}
:host-context([dir=rtl]) blockquote,
::ng-deep .cdk-overlay-container [dir=rtl] .cdk-overlay-pane blockquote {
  border-right: 0.3125rem solid #b9b9b9;
}
:host-context([dir=ltr]) blockquote,
::ng-deep .cdk-overlay-container [dir=ltr] .cdk-overlay-pane blockquote {
  border-left: 0.3125rem solid #b9b9b9;
}
.show-focus input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0.5rem 0;
}
.show-focus input[type=range]:focus {
  outline: none;
}
.show-focus input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
.show-focus input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}
.show-focus input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0.5rem 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.375rem;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0.3125rem;
  border: none;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0.1875rem solid #8398a8;
  height: 1.375rem;
  width: 1.375rem;
  border-radius: 1.375rem;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.50625rem;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.375rem;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0.3125rem;
  border: 0.00625rem solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: none;
  border: 0.1875rem solid #8398a8;
  height: 1.375rem;
  width: 1.375rem;
  border-radius: 1.375rem;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 0.375rem;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ffffff;
  border: 0.00625rem solid #000000;
  border-radius: 0.625rem;
}
input[type=range]::-ms-fill-upper {
  background: #ffffff;
  border: none;
  border-radius: 0.625rem;
}
input[type=range]::-ms-thumb {
  border: 0.1875rem solid #8398a8;
  width: 1.375rem;
  border-radius: 1.375rem;
  background: #ffffff;
  cursor: pointer;
  height: 0.375rem;
}
textarea {
  outline: none;
  font-family: "DM Sans", sans-serif;
}
input:-webkit-autofill {
  box-shadow: white 0 0 0 1.875rem inset !important;
}
ptl-editor {
  outline: none;
}
ptl-editor.no-outline .tinymce-editor .mce-content-body.mce-edit-focus {
  outline: none;
}
.bricklayer-column {
  max-width: 48%;
  width: 100%;
}
.masonry-section__cards-4 .bricklayer-column {
  box-sizing: border-box;
  width: 16.625rem;
}
.masonry-section__cards-2 .bricklayer-column {
  box-sizing: border-box;
  width: 100%;
}
.bricklayer-column .moment-card {
  max-width: 100%;
}
@media screen and (max-width: 31.5rem) {
  .masonry-section__cards-4 .bricklayer-column {
    width: 48%;
  }
}
@media screen and (max-width: 20.625rem) {
  .masonry-section__cards-4 .bricklayer-column {
    width: 100%;
  }
}
@media (max-width: 47.9375rem) {
  .bricklayer-column {
    max-width: 100%;
  }
}
ptl-diagnostics-view-content,
ptl-diagnostics-view-questions,
ptl-diagnostics-view-report {
  flex: 1;
  width: 100%;
}
.dialog-backdrop {
  background: rgba(0, 0, 0, 0.7);
}
.cdk-overlay-pane[style*="width: 28.125rem"] .mat-autocomplete-panel .mat-option {
  min-height: 2.5rem;
  white-space: normal;
  overflow: visible;
  line-height: 1.5rem;
  padding: 0.75rem;
  height: auto;
}
.cdk-overlay-pane[style*="width: 28.125rem"] .mat-autocomplete-panel .mat-option-text {
  font-size: 0.875rem;
}
@media screen and (max-width: 28.125rem) {
  .cdk-overlay-pane[style*="width: 28.125rem"] {
    width: 18.75rem !important;
  }
}
.chart-tooltip {
  position: absolute;
  z-index: 20;
  pointer-events: none;
}
.chart-tooltip .tooltip-content {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chart-tooltip .tooltip-content .tooltip-content-inner {
  padding: 0.1875rem;
  border-radius: 0.1875rem;
  background-color: #fff;
  color: #000;
  font-size: 0.9375rem;
  display: flex;
  align-items: center;
  flex-flow: row;
}
.chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title {
  display: flex;
  align-items: center;
  line-height: 1.375rem;
}
.chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title > span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.4375rem;
  width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  border: 0.125rem solid transparent;
  box-sizing: border-box;
}
.chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title > span.no-border {
  border: none;
}
.chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-title > span span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.chart-tooltip .tooltip-content .tooltip-content-inner .tooltip-image {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swal2-container .swal2-popup {
  border-radius: 1.25rem;
}
.swal2-container .swal2-popup.new-version {
  border-radius: 0;
  padding: 2rem;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 42.875rem;
}
.swal2-container .swal2-popup.new-version .swal2-icon:empty ~ .swal2-html-container {
  margin-top: 0;
}
.swal2-container .swal2-popup.new-version .swal2-close {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  color: var(--primary-button-hover-color);
  justify-content: center;
  border-radius: 50%;
  box-shadow: none;
  position: absolute;
  top: 1rem;
}
.swal2-container .swal2-popup.new-version .swal2-close:hover {
  opacity: 0.7;
  background-color: var(--primary-button-hover-bg);
}
.swal2-container .swal2-popup.new-version .swal2-close svg {
  width: 2rem;
  height: 2rem;
}
.swal2-container .swal2-popup.new-version .swal2-title {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin: 0 0 0.75rem;
  color: var(--g-color1);
  padding: 0;
}
.swal2-container .swal2-popup.new-version .swal2-html-container {
  margin: 1rem 0 0;
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--g-color1);
}
.swal2-container .swal2-popup.new-version .swal2-html-container h2 {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin: 0 0 0.75rem;
  color: var(--g-color1);
}
.swal2-container .swal2-popup.new-version .swal2-actions {
  width: 100%;
  justify-content: flex-end;
}
.swal2-container .swal2-popup.new-version .dialog-title {
  margin: 0;
}
.swal2-container .swal2-popup.new-version .dialog-description {
  margin: 0;
}
.swal2-container .swal2-popup.new-version .swal2-cancel.swal2-styled {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  min-width: 4.25rem;
  height: 2.25rem;
  padding: 0.5rem 1.125rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--secondary-button-color);
  background-color: var(--secondary-button-bg);
  border: 0.0625rem solid var(--secondary-button-hover-bg);
  background-image: none;
  box-shadow: none;
}
.swal2-container .swal2-popup.new-version .swal2-cancel.swal2-styled:hover {
  color: var(--secondary-button-hover-color);
  background-color: var(--secondary-button-hover-bg);
}
.swal2-container .swal2-popup.new-version .swal2-cancel.swal2-styled:focus {
  border: 1px solid var(--theme-primary-color);
}
.swal2-container .swal2-popup.new-version .swal2-confirm.swal2-styled {
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  min-width: 4.25rem;
  height: 2.25rem;
  padding: 0.5rem 1.125rem;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  letter-spacing: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--primary-button-color);
  background-color: var(--primary-button-bg);
  background-image: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
}
.swal2-container .swal2-popup.new-version .swal2-confirm.swal2-styled:hover {
  color: var(--primary-button-hover-color);
  background-color: var(--primary-button-hover-bg);
}
.swal2-container .swal2-popup.new-version .swal2-confirm.swal2-styled:focus {
  border: 0.0625rem solid var(--theme-primary-color);
}
.swal2-container .swal2-cancel.swal2-styled {
  background-color: #b9b9b9;
}
.swal2-container .swal2-cancel.swal2-styled:focus {
  box-shadow: none;
}
.swal2-container .swal2-cancel.swal2-styled:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
.swal2-container .swal2-cancel.swal2-styled:focus {
  border: 1px solid;
}
.swal2-container .swal2-confirm.swal2-styled {
  background-color: #009fe3;
}
.swal2-container .swal2-confirm.swal2-styled:focus {
  box-shadow: none;
}
.swal2-container .swal2-confirm.swal2-styled:hover {
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.3);
  transition: box-shadow 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
.swal2-container .swal2-confirm.swal2-styled:focus {
  border: 0.0625rem solid var(--theme-primary-color);
}
.swal2-container .jisc-connection-dialog {
  width: 100%;
  max-width: 39.375rem;
}
.swal2-container .jisc-connection-dialog .swal2-image {
  max-width: 5rem;
  margin: 2rem 1.5rem 1rem;
}
@media (max-width: 56.25rem) {
  .swal2-container .jisc-connection-dialog .swal2-html-container {
    margin-top: 0;
  }
}
@keyframes materialErrorAnimation {
  0% {
    opacity: 0;
    transform: translateY(-5);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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