@charset "UTF-8";

/* src/styles.scss */
@font-face {
  font-family: "material-icons";
  src: url(/assets/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/assets/fonts/MaterialIcons-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
.u-center-text {
  text-align: center !important;
}
.u-margin-bottom--big {
  margin-bottom: 8rem !important;
}
.u-margin-bottom--small {
  margin-bottom: 1rem !important;
}
.u-margin-bottom--medium {
  margin-bottom: 2.5rem !important;
}
.u-margin-top--small {
  margin-top: 1rem !important;
}
.u-margin-top--medium {
  margin-top: 2.5rem !important;
}
.u-margin-top--big {
  margin-top: 8rem !important;
}
.u-margin-top--huge {
  margin-top: 10rem !important;
}
.primary-button:not(.mat-mdc-fab) {
  background: #ff6600 !important;
  color: white !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  height: 36px !important;
  min-width: 100px !important;
  border-style: none !important;
  border-radius: 4px !important;
  border-width: 0px !important;
  border-color: #ff6600 !important;
  letter-spacing: 1px !important;
}
.primary-button:not(.mat-mdc-fab) span {
  font-weight: 500 !important;
  color: white;
}
.primary-button:not(.mat-mdc-fab),
.primary-button:not(.mat-mdc-fab):hover,
.primary-button:not(.mat-mdc-fab):focus,
.primary-button:not(.mat-mdc-fab):active {
  text-decoration: none !important;
}
.primary-button:not(.mat-mdc-fab):hover:not(:disabled) {
  background: #ff8e43 !important;
}
.primary-button:not(.mat-mdc-fab):active:not(:disabled) {
  background: #ff8e43 !important;
  box-shadow: inset 2px 2px 10px rgba(17, 8, 3, 0.4) !important;
}
.primary-button:not(.mat-mdc-fab).mat-mdc-unelevated-button:disabled {
  color: white !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.primary-button:not(.mat-mdc-fab).mat-mdc-unelevated-button:disabled,
.primary-button:not(.mat-mdc-fab):disabled {
  color: #b0b0b0 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.primary-button:not(.mat-mdc-fab).mat-mdc-unelevated-button:disabled span,
.primary-button:not(.mat-mdc-fab):disabled span {
  color: #b0b0b0 !important;
}
.primary-button.mat-mdc-fab {
  background: #ff6600 !important;
  color: white !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  height: var(--primary-button-fab-height, 56px) !important;
  min-width: auto !important;
  border-style: none !important;
  border-radius: 50% !important;
  border-width: 0px !important;
  border-color: #ff6600 !important;
  letter-spacing: 1px !important;
}
.primary-button.mat-mdc-fab span {
  font-weight: 500 !important;
  color: white;
}
.primary-button.mat-mdc-fab,
.primary-button.mat-mdc-fab:hover,
.primary-button.mat-mdc-fab:focus,
.primary-button.mat-mdc-fab:active {
  text-decoration: none !important;
}
.primary-button.mat-mdc-fab:hover:not(:disabled) {
  background: #ff8e43 !important;
}
.primary-button.mat-mdc-fab:active:not(:disabled) {
  background: #ff8e43 !important;
  box-shadow: inset 2px 2px 10px rgba(17, 8, 3, 0.4) !important;
}
.primary-button.mat-mdc-fab.mat-mdc-unelevated-button:disabled {
  color: white !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.primary-button.mat-mdc-fab.mat-mdc-unelevated-button:disabled,
.primary-button.mat-mdc-fab:disabled {
  color: #b0b0b0 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.primary-button.mat-mdc-fab.mat-mdc-unelevated-button:disabled span,
.primary-button.mat-mdc-fab:disabled span {
  color: #b0b0b0 !important;
}
.primary-button.hubspot-button {
  background-color: #ff7a59 !important;
  color: white !important;
}
.primary-button.hubspot-button:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.secondary-button {
  background: transparent !important;
  color: #ff6600 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  height: 36px !important;
  min-width: 100px !important;
  border-style: none !important;
  border-radius: 4px !important;
  border-width: 0px !important;
  border-color: #ff6600 !important;
  letter-spacing: 1px !important;
}
.secondary-button span {
  font-weight: 500 !important;
  color: #ff6600;
}
.secondary-button,
.secondary-button:hover,
.secondary-button:focus,
.secondary-button:active {
  text-decoration: none !important;
}
.secondary-button:hover:not(:disabled) {
  background: #f3f2f2 !important;
}
.secondary-button:active:not(:disabled) {
  background: #f3f2f2 !important;
  box-shadow: inset 2px 2px 10px rgba(17, 8, 3, 0.4) !important;
}
.secondary-button.mat-mdc-unelevated-button:disabled {
  color: #ff6600 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.secondary-button.mat-mdc-unelevated-button:disabled,
.secondary-button:disabled {
  color: #b0b0b0 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.secondary-button.mat-mdc-unelevated-button:disabled span,
.secondary-button:disabled span {
  color: #b0b0b0 !important;
}
.secondary-button.cancel-hubspot:disabled {
  background-color: transparent !important;
  color: #b0b0b0 !important;
}
.secondary-button.cancel-hubspot:disabled span {
  color: #b0b0b0 !important;
}
.secondary-button-outline {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #ff6600 !important;
}
.secondary-button-outline.hubspot-button {
  border-color: #ff7a59 !important;
}
.secondary-button-outline.hubspot-button span {
  color: #ff7a59 !important;
}
.secondary-button.hubspot-button {
  background-color: transparent !important;
  color: #ff7a59 !important;
}
.secondary-button.hubspot-button span {
  color: #ff7a59 !important;
}
.secondary-button.cancel-hubspot span {
  color: #ff7a59 !important;
}
.danger-button {
  background: transparent !important;
  color: #EC3232 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  height: 36px !important;
  min-width: 100px !important;
  border-style: solid !important;
  border-radius: 4px !important;
  border-width: 1px !important;
  border-color: #EC3232 !important;
  letter-spacing: 1px !important;
}
.danger-button span {
  font-weight: 500 !important;
  color: #EC3232;
}
.danger-button,
.danger-button:hover,
.danger-button:focus,
.danger-button:active {
  text-decoration: none !important;
}
.danger-button:hover:not(:disabled) {
  background: #f3f2f2 !important;
}
.danger-button:active:not(:disabled) {
  background: #f3f2f2 !important;
  box-shadow: inset 2px 2px 10px rgba(17, 8, 3, 0.4) !important;
}
.danger-button.mat-mdc-unelevated-button:disabled {
  color: #EC3232 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.danger-button.mat-mdc-unelevated-button:disabled,
.danger-button:disabled {
  color: #b0b0b0 !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.danger-button.mat-mdc-unelevated-button:disabled span,
.danger-button:disabled span {
  color: #b0b0b0 !important;
}
a.mat-mdc-icon-button:hover:not(:disabled),
a.mat-icon-button:active:not(:disabled) {
  color: currentColor !important;
  text-decoration: none;
}
.mat-mdc-button-base.mat-mdc-icon-button {
  padding: 0.25rem;
}
.mat-mdc-button-base.mat-mdc-icon-button,
.mat-mdc-button-base.mat-mdc-icon-button .mat-mdc-button-touch-target {
  height: 2rem;
  width: 2rem;
}
.mat-mdc-button-base .mdc-button__label {
  font-weight: var(--partial-button-font-weight, 300);
}
.mat-mdc-button-base.mat-mdc-outlined-button.mat-mdc-outlined-button {
  font-size: 15px;
}
.mat-mdc-button-base.mat-mdc-outlined-button.mat-mdc-outlined-button .mdc-button__label {
  font-weight: var(--partial-outlined-button-font-weight, 500);
}
.mat-mdc-button-base.mat-mdc-outlined-button:not(:disabled).mat-unthemed {
  --mat-button-outlined-outline-color: var(--color-content-alternative);
  --mat-button-outlined-label-text-color: var(--color-content-alternative);
}
.hubspot-tab.mat-mdc-tab-group > .mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active > .mdc-tab__content > .mdc-tab__text-label {
  color: #0091ae !important;
}
.hubspot-tab.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: #0091ae !important;
}
.calls-tab {
  --mat-tab-divider-color: trasnsparent;
  --mat-tab-inactive-label-text-color: #645E5B;
  --mat-tab-inactive-focus-label-text-color: #645E5B;
  --mat-tab-inactive-hover-label-text-color: #645E5B;
  --mat-tab-active-label-text-color: #FF6600;
  --mat-tab-active-focus-label-text-color: #FF6600;
  --mat-tab-active-hover-label-text-color: #FF6600;
  --mat-tab-active-indicator-color: transparent;
  --mat-tab-active-focus-indicator-color: transparent;
  --mat-tab-active-hover-indicator-color: transparent;
  --mat-tab-active-ripple-color: #FF6600;
  --mat-tab-inactive-ripple-color: #645E5B;
}
.hubspot-checkbox.mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background {
  background-color: #0091ae !important;
}
.hubspot-checkbox.mat-checkbox.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background {
  background-color: #b0b0b0 !important;
}
.hubspot-checkbox.mat-checkbox.mat-checkbox-checked .mat-checkbox-ripple .mat-ripple-element {
  background-color: #0091ae !important;
}
.hubspot-checkbox.mat-checkbox .mat-checkbox-ripple .mat-ripple-element {
  background-color: #0091ae !important;
}
.atom-checkbox.mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background {
  background-color: #ff6600 !important;
}
.atom-checkbox.mat-checkbox.mat-checkbox-checked.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background {
  background-color: #b0b0b0 !important;
}
.atom-checkbox.mat-checkbox.mat-checkbox-checked .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ff6600 !important;
}
.atom-checkbox.mat-checkbox .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ff6600 !important;
}
.contenteditable {
  border-width: var(--contenteditable-border-width, 1px);
  border-style: var(--contenteditable-border-style, solid);
  border-color: var(--contenteditable-border-color, rgb(195, 193, 192));
  padding: var(--contenteditable-padding, 0.5rem 0.75rem);
  border-radius: var(--contenteditable-border-radius, 0.25rem);
}
.contenteditable[contenteditable] {
  outline: 0px solid transparent !important;
}
.contenteditable[contenteditable]:not(.contenteditable--disabled):not(.contenteditable--invalid):hover {
  border-color: var(--contenteditable-border-color--hover, rgb(195, 193, 192));
}
.contenteditable[contenteditable]:not(.contenteditable--disabled):not(.contenteditable--invalid):focus,
.contenteditable[contenteditable]:not(.contenteditable--disabled):not(.contenteditable--invalid):focus-visible {
  border-color: var(--contenteditable-border-color--focused, var(--color-primary));
}
.contenteditable[contenteditable]:not(.contenteditable--disabled):focus,
.contenteditable[contenteditable]:not(.contenteditable--disabled):focus-visible {
  text-overflow: clip;
}
.contenteditable[contenteditable]:not(.contenteditable--disabled).contenteditable--invalid {
  border-color: var(--contenteditable-border-color--invalid, var(--color-feedback-error));
}
.contenteditable[contenteditable].contenteditable--disabled {
  border-color: var(--contenteditable-border-color--disabled, var(--color-content-tertiary));
  background-color: var(--contenteditable-background-color--disabled, var(--color-gray));
}
.contenteditable[contenteditable]:empty::before {
  content: attr(placeholder);
}
.contenteditable + mat-error {
  font-size: calc(var(--form-field-font-size, 0.75rem) * 0.75);
}
.contenteditable + mat-error + mat-error {
  display: none;
}
.hubspot-progress-bar .mdc-linear-progress__buffer :first-child {
  background-color: #8cb9c2 !important;
}
.hubspot-progress-bar .mdc-linear-progress__bar-inner {
  border-color: #0091ae !important;
}
.spinner-gray.mat-mdc-progress-spinner circle,
.spinner-gray .mat-mdc-progress-spinner circle {
  stroke: #505050;
}
.mat-select-panel .sticky {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: white;
}
.mat-select-panel .sticky-no-background {
  background: none;
  height: 56px;
}
.mat-select-panel .sticky-no-background input {
  border-color: #c3c1c0;
}
.mat-select-panel .sticky .input-search {
  width: -webkit-fill-available !important;
  font-size: 14px !important;
  position: sticky !important;
  top: 0 !important;
  border: 1px solid var(--app-gray-color) !important;
}
.mat-select-panel .sticky .input-search:focus {
  border: solid 1px var(--color-orange) !important;
  outline: none !important;
}
.mat-select-panel .sticky .mat-form-field-suffix {
  position: absolute;
  top: 15px;
  color: #888481;
  right: 13px;
}
.mat-mdc-form-field {
  min-height: 40px;
  max-width: var(--mat-field-reduced-max-width, auto);
  --form-field-border-width: 1px;
  --form-field-border-color: rgba(195, 193, 192, 1.2);
  --color-mdc-input-form-field-disabled: var(--mat-header-color);
  font-weight: 400 !important;
  --form-field-font-size: 0.75rem;
  --form-field-border-color--hover: rgba(195, 193, 192, 1.2);
  --form-field-border-color--focused: var(--color-primary);
  --form-field-border-color--invalid: var(--color-feedback-error);
  --form-field-border-color--disabled: var(--color-new-dark-disabled);
  --mat-field-height-reduced-hint-color: rgba(100, 100, 100, 0.6);
  --mat-form-field-outlined-label-text-populated-size: 0.75rem;
  --mat-form-field-error-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-label-text-color: var(--color-content-primary);
  --mat-form-field-outlined-outline-color: var(--form-field-border-color);
  --mat-form-field-outlined-outline-width: var(--form-field-border-width);
  --mat-form-field-outlined-hover-outline-color: var(--form-field-border-color--hover);
  --mat-form-field-outlined-disabled-label-text-color: var(--form-field-border-color--disabled);
  --mat-form-field-outlined-disabled-outline-color: var(--border-color);
  --mat-form-field-outlined-disabled-input-text-color: var(--form-field-border-color--disabled);
  --mat-form-field-outlined-caret-color: var(--mat-form-field-outlined-label-text-color);
  --mat-form-field-outlined-outline-width: var(--form-field-border-width);
  --mat-form-field-outlined-focus-outline-width: var(--form-field-border-width);
  --mat-form-field-outlined-focus-outline-color: var(--form-field-border-color--focused);
  --mat-form-field-outlined-focus-label-text-color: var(--form-field-border-color--focused);
  --mat-form-field-outlined-error-caret-color: var(--mat-form-field-outlined-label-text-color);
  --mat-form-field-outlined-error-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-error-outline-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-error-focus-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-error-focus-outline-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-error-hover-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-outlined-error-hover-outline-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-caret-color: var(--mat-form-field-outlined-label-text-color);
  --mat-form-field-filled-error-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-active-indicator-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-hover-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-hover-active-indicator-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-focus-label-text-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-error-focus-active-indicator-color: var(--form-field-border-color--invalid);
  --mat-form-field-filled-disabled-active-indicator-color: var(--form-field-border-color--disabled);
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY( calc( calc(6.75px + var(--mat-form-field-container-height) / 2.2) * (-1) ) ) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none !important;
}
.mat-mdc-form-field .mdc-notched-outline__notch .mdc-floating-label.mdc-floating-label--float-above {
  text-overflow: ellipsis;
}
.mat-mdc-form-field .mdc-notched-outline__notch .mdc-floating-label:not(.mdc-floating-label--float-above) {
  top: var(--mat-mdc-form-field-floating-label-top, 17px) !important;
}
.mat-mdc-form-field .mdc-notched-outline__notch .mdc-floating-label mat-label {
  font-size: var(--form-field-font-size);
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  height: var(--mat-field-height-reduced-subscript-wrapper-height, auto);
  font-size: var(--mat-field-height-reduced-subscript-wrapper-font-size, inherit);
  padding: var(--mat-field-height-reduced-subscript-wrapper-padding, 0);
}
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-suffix mat-icon.mat-icon {
  padding: var(--mat-mdc-form-field-icon-suffix-padding, 0 6px 0 0);
}
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-prefix mat-icon.mat-icon {
  padding: var(--mat-mdc-form-field-icon-prefix-padding, 0 0 0 6px);
}
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-suffix,
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-prefix {
  padding: var(--mat-mdc-form-field-icon-padding, 0 4px);
}
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button {
  width: var(--mat-mdc-form-field-icon-button-width, auto);
  height: var(--mat-mdc-form-field-icon-button-height, auto);
  padding: var(--mat-mdc-form-field-icon-button-padding, 0.5rem);
}
.mat-mdc-form-field .mdc-text-field--outlined .mat-mdc-form-field-infix {
  display: var(--mat-field-height-reduced-infix-display, flex);
  font-size: var(--form-field-font-size);
}
.mat-mdc-form-field.mat-form-field-disabled {
  opacity: 45% !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--disabled {
  background-color: var(--color-gray);
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--disabled,
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--disabled .mdc-floating-label {
  font-weight: 400 !important;
}
.mat-mdc-form-field.mat-form-field-disabled .mdc-text-field--disabled .mdc-floating-label:not(.mdc-floating-label--float-above) {
  background-color: var(--color-gray);
}
.mat-mdc-form-field-error,
.mat-mdc-form-field-error-wrapper {
  display: var(--mat-field-height-reduced-error-display, flex) !important;
  align-items: var(--mat-field-height-reduced-error-align-items, center);
}
.mat-mdc-form-field-hint {
  color: var(--mat-field-height-reduced-hint-color);
}
.mat-mdc-form-field-error-wrapper,
.mat-mdc-form-field-hint-wrapper {
  padding: var(--mat-field-height-reduced-subscript-padding, 0) !important;
  font-size: calc(var(--form-field-font-size) * 0.75);
}
.main-eta--single-line mat-label,
.main-eta--single-line .buffer-area {
  vertical-align: baseline;
}
.main-eta--single-line .buffer-area {
  margin-top: -0.5rem;
}
.main-eta--single-line mat-label {
  margin-top: -0.25rem;
}
.mat-mdc-checkbox.mat-accent {
  --mat-checkbox-selected-checkmark-color: var(--default-background-color) !important;
}
.mat-mdc-checkbox label {
  margin-bottom: 0;
}
atom-flowbuilder .mat-pseudo-checkbox {
  width: 15px !important;
  height: 15px !important;
  padding: 2px !important;
  color: var(--color-new-dark-disabled) !important;
  border-width: 1.88px !important;
  border-color: var(--color-content-secondary) !important;
  border-radius: 2px !important;
}
atom-flowbuilder .mat-pseudo-checkbox-checked,
atom-flowbuilder .mat-pseudo-checkbox-indeterminate {
  background: transparent !important;
  border: 1.88px solid var(--color-content-secondary) !important;
  border-radius: 2px !important;
}
atom-flowbuilder .mat-pseudo-checkbox-indeterminate::after {
  color: var(--color-content-secondary) !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  width: 6px !important;
}
atom-flowbuilder .mat-pseudo-checkbox-checked::after {
  color: var(--color-content-secondary) !important;
  width: 7px !important;
  height: 3px !important;
  top: -2.5px !important;
}
atom-flowbuilder .mat-pseudo-checkbox-full {
  margin-right: unset !important;
}
.mat-mdc-chip.mat-mdc-standard-chip.mdc-evolution-chip {
  --mat-chip-label-text-size: 12px;
  --mat-chip-container-height: 24px;
  --mat-chip-label-text-weight: 400;
}
atom-custom-chip .mat-mdc-chip.mat-chip-custom {
  box-sizing: content-box;
}
.mat-mdc-radio-button label {
  margin-bottom: 0;
}
::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio {
  --mat-radio-state-layer-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio__background {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio__outer-circle {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio__inner-circle {
  width: 16px !important;
  height: 16px !important;
  left: 0px !important;
  top: 0px !important;
  border-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-width: 7px !important;
}
::ng-deep .mdc-radio {
  --mat-radio-state-layer-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mdc-radio__background {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mdc-radio__outer-circle {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
::ng-deep .mdc-radio__inner-circle {
  width: 16px !important;
  height: 16px !important;
  left: 0px !important;
  top: 0px !important;
  border-radius: 8px !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-width: 7px !important;
}
.mat-mdc-slide-toggle {
  --mat-slide-toggle-unselected-focus-state-layer-color: var(--color-background-default) !important;
  --mat-slide-toggle-unselected-pressed-state-layer-color: var(--color-background-default) !important;
  --mat-slide-toggle-unselected-focus-track-color: var(--color-track) !important;
  --mat-slide-toggle-unselected-hover-track-color: var(--color-track) !important;
  --mat-slide-toggle-unselected-pressed-track-color: var(--color-track) !important;
  --mat-slide-toggle-unselected-track-color: var(--color-track) !important;
  --mat-slide-toggle-unselected-focus-handle-color: var(--color-background-default) !important;
  --mat-slide-toggle-unselected-hover-handle-color: var(--color-background-default) !important;
  --mat-slide-toggle-unselected-pressed-handle-color: var(--color-background-default) !important;
  --mat-slide-toggle-unselected-handle-color: var(--color-background-default) !important;
}
.mat-mdc-slide-toggle .mdc-switch__icons {
  opacity: 0;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0;
}
.mat-mdc-slide-toggle label {
  margin: 0 !important;
}
.mat-mdc-slide-toggle.mat-accent {
  --color-primary-tint: #ffac75;
  --color-track: #15151461;
  --mat-slide-toggle-selected-focus-state-layer-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-handle-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-hover-state-layer-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-pressed-state-layer-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-focus-handle-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-hover-handle-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-pressed-handle-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-focus-track-color: var(--color-primary-tint) !important;
  --mat-slide-toggle-selected-hover-track-color: var(--color-primary-tint) !important;
  --mat-slide-toggle-selected-pressed-track-color: var(--color-primary-tint) !important;
  --mat-slide-toggle-selected-track-color: var(--color-primary-tint) !important;
}
.mat-mdc-slide-toggle.new-slide-toggle {
  min-height: var(--new-slide-toggle-height, 4rem);
  padding: var(--new-slide-toggle-padding, 0.5rem 1rem);
  border-radius: var(--new-slide-toggle-border-radius, 0.25rem);
  border-width: var(--new-slide-toggle-border-width, 1px);
  border-style: var(--new-slide-toggle-border-style, solid);
  border-color: var(--new-slide-toggle-border-color, var(--color-content-tertiary));
}
.mat-mdc-slide-toggle.new-slide-toggle .mdc-switch {
  --mat-slide-toggle-track-height: 1.5rem;
  --mat-slide-toggle-track-width: 2.5rem;
  --mat-slide-toggle-track-shape: 1rem;
  --mat-slide-toggle-handle-height: 1.125rem;
  --mat-slide-toggle-handle-width: 1.125rem;
  --mat-slide-toggle-handle-shape: 1rem;
  --mat-slide-toggle-with-icon-handle-size: 1.125rem;
  --mat-slide-toggle-selected-icon-size: 1.125rem;
  --mat-slide-toggle-selected-handle-color: var(--color-decisions-info) !important;
  --mat-slide-toggle-selected-focus-handle-color: var(--color-decisions-info) !important;
  --mat-slide-toggle-selected-hover-handle-color: var(--color-decisions-info) !important;
  --mat-slide-toggle-selected-pressed-handle-color: var(--color-decisions-info) !important;
  --mat-slide-toggle-selected-focus-track-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-hover-track-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-pressed-track-color: var(--color-primary) !important;
  --mat-slide-toggle-selected-track-color: var(--color-primary) !important;
}
.mat-mdc-slide-toggle.new-slide-toggle .mdc-form-field {
  width: 100%;
  justify-content: space-between;
}
.mat-mdc-slide-toggle.new-slide-toggle .mdc-form-field label {
  font-size: var(--new-slide-toggle-label-font-size, 0.9rem);
  font-weight: var(--new-slide-toggle-label-font-weight, 500);
  display: var(--new-slide-toggle-label-display, inline-block);
}
.mat-mdc-slide-toggle.new-slide-toggle .mdc-form-field .mdc-switch__handle-track {
  left: 0.25rem;
}
.mat-mdc-slide-toggle.new-slide-toggle .mdc-form-field .mdc-switch--selected .mdc-switch__handle-track {
  left: -0.25rem;
}
table {
  width: 100%;
  flex: 1;
}
table thead tr th.mat-mdc-header-cell {
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  color: #645e5b !important;
  background: #f9f9fb !important;
  padding: 0 !important;
}
table thead tr th.mat-mdc-header-cell:last-of-type {
  padding-right: 0.5rem !important;
}
table thead tr th.mat-mdc-header-cell:first-of-type {
  padding-left: 1rem !important;
}
table tbody tr td.mat-mdc-cell {
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  align-items: center;
  color: #645e5b;
}
table tbody tr td.mat-mdc-cell:last-of-type {
  padding-right: 0.5rem !important;
}
table tbody tr td.mat-mdc-cell:first-of-type {
  padding-left: 1rem !important;
}
.mdc-data-table__row:last-child .mdc-data-table__cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.mat-mdc-table .mat-mdc-row {
  --mat-table-row-item-container-height: 3rem;
}
.mat-sort-header-content {
  text-align: center;
}
.mat-mdc-paginator {
  --mat-paginator-container-text-size: 12px;
}
.mat-mdc-select-panel {
  min-width: var(--mat-mdc-select-panel-min-width, auto);
  font-size: var(--mat-mdc-select-panel-font-size, 14px);
  padding: var(--mat-select-panel-padding, 0rem) !important;
  max-height: var(--mat-mdc-select-panel-max-height, 275px) !important;
}
.mat-mdc-option {
  font-size: inherit;
  line-height: 3em;
  height: 3em;
}
.mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap !important;
  width: var(--mat-list-item-primary-text-width, 100%);
}
.mat-mdc-select {
  --mat-select-trigger-text-size: var(--form-field-font-size, 12px);
}
.mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-value span {
  color: var(--color-new-dark-disabled) !important;
  font-weight: 400 !important;
}
.mat-mdc-select-arrow {
  color: var(--color-new-dark-disabled) !important;
  display: none;
}
.mat-mdc-select-trigger {
  height: 100% !important;
}
atom-flowbuilder .mat-mdc-select-trigger {
  height: 110% !important;
}
atom-flowbuilder info-field-selector-plugin atom-select-search-v2 {
  --mat-form-field-container-height: 19px;
}
.mat-mdc-select-trigger::after {
  color: var(--color-new-dark-disabled) !important;
  content: var(--mat-mdc-select-trigger-content, "\e313");
  transform: var(--mat-mdc-select-trigger-transform, scale(1));
  display: inline-flex;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-family: "Material Icons Outlined";
}
.mat-mdc-tooltip {
  --mat-tooltip-supporting-text-size: 0.6rem;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  font-size: 0.6rem;
  padding-top: 6px;
  padding-bottom: 6px;
  background: rgba(97, 97, 97, 0.9);
  font-weight: 300;
}
.mat-mdc-menu-panel.menu-floating-toolbar {
  --mat-menu-container-elevation-shadow: none;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mdc-list-item__primary-text {
  display: var(--mat-list-item-primary-text-display, flex);
}
.mat-mdc-menu-panel .bottom-clean-button,
.mat-mdc-menu-panel .bottom-clean-off-button {
  height: var(--mat-button-clean-height, 36px) !important;
  min-height: var(--mat-button-clean-min-height, auto);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel {
  min-width: var(--mat-menu-panel-min-width, 112px) !important;
}
html .mat-mdc-select-panel {
  --mat-option-label-text-size: 0.875rem;
  --mat-option-label-text-weight: 300;
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
}
.new-menu-panel.mat-mdc-menu-panel,
.new-select-panel.mat-mdc-select-panel,
.new-datepicker-panel.mat-calendar,
.new-select-panel.mat-autocomplete-panel {
  border-radius: 0.25rem;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25) !important;
}
.new-menu-panel,
.new-select-panel,
.new-datepicker-panel {
  --mat-select-panel-padding: 0.25rem 0 0 0;
}
.new-menu-panel.mat-mdc-select-panel,
.new-select-panel.mat-mdc-select-panel {
  --mat-list-list-item-label-text-color: var(--color-new-dark-disabled);
  --mat-list-list-item-disabled-label-text-color: var(--color-decisions-border);
  --mat-list-list-item-disabled-label-text-opacity: 1;
  transform: translateY(0.15rem) !important;
  font-size: 0.75rem;
}
.new-menu-panel.mat-mdc-select-panel.with-search,
.new-select-panel.mat-mdc-select-panel.with-search {
  min-width: var(--mat-mdc-select-panel-min-width, 100%) !important;
  overflow: hidden;
  min-height: 3rem;
}
.new-menu-panel .mat-mdc-menu-item,
.new-menu-panel .mat-mdc-option,
.new-select-panel .mat-mdc-menu-item,
.new-select-panel .mat-mdc-option {
  border-radius: 0.25rem;
  color: var(--color-content-secondary);
}
.new-menu-panel .mat-mdc-menu-item:disabled,
.new-menu-panel .mat-mdc-menu-item:disabled:hover,
.new-menu-panel .mat-mdc-menu-item.mdc-list-item--disabled,
.new-menu-panel .mat-mdc-option:disabled,
.new-menu-panel .mat-mdc-option:disabled:hover,
.new-menu-panel .mat-mdc-option.mdc-list-item--disabled,
.new-select-panel .mat-mdc-menu-item:disabled,
.new-select-panel .mat-mdc-menu-item:disabled:hover,
.new-select-panel .mat-mdc-menu-item.mdc-list-item--disabled,
.new-select-panel .mat-mdc-option:disabled,
.new-select-panel .mat-mdc-option:disabled:hover,
.new-select-panel .mat-mdc-option.mdc-list-item--disabled {
  --mat-list-list-item-label-text-color: var(--color-decisions-border);
  --mat-list-list-item-hover-label-text-color: var(--color-decisions-border);
  --mat-list-list-item-label-text-weight: 500;
  font-weight: var(--mat-list-list-item-label-text-weight);
  opacity: var(--mat-list-list-item-disabled-label-text-opacity);
}
.new-menu-panel .mat-mdc-menu-item .mat-option-text,
.new-menu-panel .mat-mdc-option .mat-option-text,
.new-select-panel .mat-mdc-menu-item .mat-option-text,
.new-select-panel .mat-mdc-option .mat-option-text {
  width: -webkit-fill-available;
}
.new-menu-panel .mat-mdc-menu-item .mat-pseudo-checkbox-full,
.new-menu-panel .mat-mdc-option .mat-pseudo-checkbox-full,
.new-select-panel .mat-mdc-menu-item .mat-pseudo-checkbox-full,
.new-select-panel .mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 0.5rem !important;
}
.new-menu-panel .clear-selection-container .mat-mdc-menu-item,
.new-menu-panel .mat-mdc-option,
.new-select-panel .clear-selection-container .mat-mdc-menu-item,
.new-select-panel .mat-mdc-option {
  min-height: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.new-menu-panel .mat-mdc-menu-item:not([disabled]):focus,
.new-menu-panel .mat-mdc-menu-item:not([disabled]):hover,
.new-menu-panel .mat-mdc-option:not([disabled]):focus,
.new-menu-panel .mat-mdc-option:not([disabled]):hover,
.new-select-panel .mat-mdc-menu-item:not([disabled]):focus,
.new-select-panel .mat-mdc-menu-item:not([disabled]):hover,
.new-select-panel .mat-mdc-option:not([disabled]):focus,
.new-select-panel .mat-mdc-option:not([disabled]):hover {
  background-color: var(--color-decisions-info);
}
.new-menu-panel .mat-mdc-option.mat-active,
.new-menu-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple),
.new-select-panel .mat-mdc-option.mat-active,
.new-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple) {
  background-color: var(--color-decisions-info);
}
.new-menu-panel[aria-multiselectable=true] .mdc-checkbox,
.new-menu-panel[aria-multiselectable=true] .mdc-checkbox__background,
.new-menu-panel[aria-multiselectable=true] .mat-pseudo-checkbox,
.new-select-panel[aria-multiselectable=true] .mdc-checkbox,
.new-select-panel[aria-multiselectable=true] .mdc-checkbox__background,
.new-select-panel[aria-multiselectable=true] .mat-pseudo-checkbox {
  width: 1rem;
  height: 1rem;
}
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled),
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) {
  background-color: transparent;
}
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full {
  background-color: var(--color-content-secondary);
  border-color: var(--color-content-secondary);
}
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-disabled) .mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  color: var(--color-decisions-checked-background);
}
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled > mat-icon,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.new-menu-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled > mat-icon,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,
.new-select-panel[aria-multiselectable=true] .mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox {
  opacity: 1;
}
.new-menu-panel .sticky,
.new-select-panel .sticky {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}
.new-menu-panel .sticky + .options-container,
.new-select-panel .sticky + .options-container {
  width: 100%;
}
.new-menu-panel .options-container,
.new-select-panel .options-container {
  padding-right: 0.25rem;
  max-height: 212px;
  overflow: hidden auto;
}
.new-menu-panel .options-container .mat-option,
.new-select-panel .options-container .mat-option {
  width: -webkit-fill-available;
}
.new-menu-panel.with-clear-selection:has(.clear-selection-container) .options-container,
.new-select-panel.with-clear-selection:has(.clear-selection-container) .options-container {
  max-height: 168px;
}
.new-menu-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container,
.new-select-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container {
  padding: 0 0.25rem 0.25rem;
  background-color: transparent;
  --mat-list-list-item-label-text-color: var(--color-primary);
  --mat-list-list-item-hover-label-text-color: var(--color-primary);
  --mat-list-list-item-focus-label-text-color: var(--color-primary);
  --mat-menu-item-icon-size: var(--with-clear-selection-icon-size, 1.5rem);
}
.new-menu-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .mdc-list-item__primary-text,
.new-select-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .mdc-list-item__primary-text {
  text-align: center;
  font-weight: 400;
}
.new-menu-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .material-icons,
.new-menu-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .material-icons-outlined,
.new-select-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .material-icons,
.new-select-panel.with-clear-selection:has(.clear-selection-container) .clear-selection-container .material-icons-outlined {
  font-size: var(--mat-menu-item-icon-size);
  color: var(--with-clear-selection-icon-color, inherit);
}
.new-menu-panel:not(.with-search),
.new-select-panel:not(.with-search) {
  --mat-select-panel-padding: 0.25rem;
}
.new-menu-panel.with-search .options-container,
.new-select-panel.with-search .options-container {
  padding-left: 0.25rem;
}
.new-menu-panel:has(.scrollbar.vertical-scrollbar),
.new-select-panel:has(.scrollbar.vertical-scrollbar) {
  padding-right: 0.125rem !important;
}
.new-menu-panel app-searchbar[separated],
.new-select-panel app-searchbar[separated] {
  --search-box-border: none;
  --search-box-focus-border: none;
  --search-box-border-radius: 0.25rem 0.25rem 0 0;
  --search-box-padding: 0.4rem 2.5rem 0.75rem;
  --search-box-min-width: auto;
  --search-box-height: 2.25rem;
  --search-box-search-btn-top: 0.175rem;
  --search-box-search-btn-left: 0.75rem;
  --search-box-clear-btn-top: 0.175rem;
  --search-box-clear-btn-right: 0.375rem;
  border-bottom: 1px solid var(--color-decisions-border);
}
.new-menu-panel app-searchbar[separated] .clear-btn,
.new-menu-panel app-searchbar[separated] .search-btn,
.new-select-panel app-searchbar[separated] .clear-btn,
.new-select-panel app-searchbar[separated] .search-btn {
  font-size: 20px;
  color: var(--color-content-secondary);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) {
  box-shadow: none;
  background: var(--color-background-default);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar {
  margin-top: 0.25rem;
  background: var(--color-background-default);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-calendar-body-cell-content,
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-date-range-input-separator {
  color: var(--color-content-primary);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-calendar-body-selected {
  color: var(--color-decisions-info);
  background-color: var(--color-primary);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-in-range) {
  border-color: var(--color-state-pressed);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-calendar-body-today.mat-calendar-body-in-range {
  border-color: var(--color-primary);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.mat-calendar .mat-calendar-body-in-range::before {
  background-color: var(--color-primary-light);
}
.mat-datepicker-content:has(.new-datepicker-panel.mat-calendar) .new-datepicker-panel.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) {
  color: var(--color-decisions-info);
  background-color: var(--color-state-hover);
}
.new-menu-panel {
  min-width: 125px;
}
.new-menu-panel .mat-mdc-menu-content {
  padding: 0.25rem;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-header-container {
  margin-bottom: var(--atom-stepper-header-margin-bottom, 2rem);
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-header-container,
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-header-container .mat-step-header {
  max-height: 2rem;
  background-color: transparent;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-header-container .mat-step-header:hover:not([aria-disabled]),
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-header-container .mat-step-header:hover[aria-disabled=false] {
  background-color: var(--color-decisions-info);
  border-radius: 0.25rem;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon {
  color: var(--color-decisions-background);
  background-color: var(--color-decisions-disabled);
  margin-right: var(--atom-stepper-header-icon-margin-right, 0.3125rem);
  --atom-stepper-header-icon-bg-color: var(--color-primary);
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon.mat-step-icon-selected {
  background-color: var(--atom-stepper-header-icon-selected-bg-color, var(--atom-stepper-header-icon-bg-color)) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon.mat-step-icon-state-done {
  background-color: var(--atom-stepper-header-icon-done-bg-color, var(--atom-stepper-header-icon-bg-color)) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon.mat-step-icon-state-edit {
  background-color: var(--atom-stepper-header-icon-edit-bg-color, var(--atom-stepper-header-icon-bg-color)) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon.mat-step-icon-state-error {
  background-color: var(--atom-stepper-header-icon-error-bg-color, var(--color-feedback-error)) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-icon.mat-step-icon-state-error .mat-icon {
  font-size: var(--atom-stepper-header-icon-error-size, 1rem);
  height: var(--atom-stepper-header-icon-error-size, 1rem);
  width: var(--atom-stepper-header-icon-error-size, 1rem);
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-label {
  --atom-stepper-header-label-color: var(--color-feedback-error);
}
mat-stepper.atom-stepper.new-atom-stepper .mat-horizontal-stepper-wrapper .mat-step-label.mat-step-label-error {
  color: var(--atom-stepper-header-label-error-color, var(--atom-stepper-header-label-color)) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-step-label {
  font-size: 1rem;
  color: var(--color-content-alternative) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-step-label * {
  font-weight: 500;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-step-label.mat-step-label-active {
  color: var(--color-decisions-overlay) !important;
}
mat-stepper.atom-stepper.new-atom-stepper .mat-stepper-horizontal-line {
  border-top-color: var(--color-content-alternative);
}
.mat-mdc-dialog-container.mdc-dialog {
  --mat-dialog-content-padding: 0 1.5rem;
  --mat-dialog-actions-padding: 0.5rem 0;
}
.mat-mdc-dialog-container.mdc-dialog .mat-mdc-dialog-surface {
  padding: var(--mat-dialog-surface-padding, 1.5rem);
}
.mat-mdc-dialog-container.mdc-dialog .mat-mdc-dialog-surface .mdc-dialog__title {
  --mat-dialog-subhead-font: "Inter";
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.25rem;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-subhead-color: #505050;
  margin: var(--mat-dialog-title-margin, 0 0 20px);
  padding: var(--mat-dialog-title-padding, 0);
}
.mat-mdc-dialog-container.mdc-dialog .mat-mdc-dialog-surface .mdc-dialog__title::before {
  height: auto;
  display: block;
}
.mat-mdc-dialog-container.mdc-dialog .mat-mdc-dialog-surface .mdc-dialog__content {
  --mat-dialog-supporting-text-font: "Inter";
  --mat-dialog-supporting-text-line-height: 1.5;
  --mat-dialog-supporting-text-size: 1rem;
  --mat-dialog-supporting-text-weight: 300;
  --mat-dialog-supporting-text-tracking: 0;
  --mat-dialog-supporting-text-color: #505050;
  margin: var(--mat-dialog-content-margin, 0 -1.5rem);
  padding: var(--mat-dialog-content-padding, 0 1.5rem);
}
.mat-mdc-dialog-container.mdc-dialog .mat-mdc-dialog-surface .mdc-dialog__actions {
  padding: var(--mat-dialog-actions-padding, 0.5rem 0);
  display: var(--mat-dialog-actions-display, flex);
  flex-wrap: var(--mat-dialog-actions-flex-wrap, wrap);
  min-height: var(--mat-dialog-actions-min-height, 52px);
  align-items: var(--mat-dialog-actions-align-items, center);
  box-sizing: var(--mat-dialog-actions-box-sizing, content-box);
  margin-bottom: var(--mat-dialog-actions-margin-bottom, -1.5rem);
}
.second-factor-style .mat-mdc-dialog-container.mdc-dialog app-base-dialog {
  --dialog-title-font-size: 1.125rem;
  --dialog-title-font-weight: 600;
  --dialog-title-line-height: 1.744rem;
  --dialog-content-font-size: 0.875rem;
  --dialog-content-font-weight: 400;
  --dialog-content-line-height: 1.094rem;
  --dialog-icon-background-color: transparent;
  --dialog-icon-border-radius: 0;
  --dialog-icon-size: 40px;
  --dialog-icon-font-size: var(--dialog-icon-size);
  --dialog-button-text-transform: none;
}
.mat-mdc-input-element {
  padding: var(--mat-mdc-input-element-padding, 0);
  margin: var(--mat-mdc-input-element-margin, 0);
  width: var(--mat-mdc-input-element-width, 100%);
  max-width: var(--mat-mdc-input-element-max-width, 100%);
  vertical-align: var(--mat-mdc-input-element-vertical-align, bottom);
  text-align: var(--mat-mdc-input-element-text-align, inherit);
  box-sizing: var(--mat-mdc-input-element-box-sizing, content-box);
  font-weight: 400 !important;
}
.mat-mdc-icon-button {
  width: var(--mat-mdc-icon-button-element-width, 48px);
  height: var(--mat-mdc-icon-button-element-height, 48px);
  padding: var(--mat-mdc-icon-button-element-padding, 12px);
}
:root {
  --font-size-xs: 0.625rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.5rem;
  --font-weight-xs: 300;
  --font-weight-sm: 400;
  --font-weight-md: 500;
  --font-weight-lg: 600;
  --font-weight-xl: 700;
  --line-height-tight: 1;
  --line-height-half: 1.25;
  --line-height-fair: 1.55;
}
.font-size-xs {
  font-size: var(--font-size-xs);
}
.font-size-sm {
  font-size: var(--font-size-sm);
}
.font-size-md {
  font-size: var(--font-size-md);
}
.font-size-lg {
  font-size: var(--font-size-lg);
}
.font-size-xl {
  font-size: var(--font-size-xl);
}
.font-weight-xs {
  font-weight: var(--font-weight-xs);
}
.font-weight-sm {
  font-weight: var(--font-weight-sm);
}
.font-weight-md {
  font-weight: var(--font-weight-md);
}
.font-weight-lg {
  font-weight: var(--font-weight-lg);
}
.font-weight-xl {
  font-weight: var(--font-weight-xl);
}
.line-height-tight {
  line-height: var(--line-height-tight);
}
.line-height-half {
  line-height: var(--line-height-half);
}
.line-height-fair {
  line-height: var(--line-height-fair);
}
.font-color-primary {
  color: var(--color-content-primary);
}
.font-color-secondary {
  color: var(--color-new-dark-disabled);
}
.font-color-tertiary {
  color: var(--color-content-secondary);
}
:root {
  --max-size-sidebar: 310px;
  --min-size-sidebar: 310px;
  --toolbar-height: 65px;
  --flow-toolbar-height: 75px;
  --hubspot-text-side: center;
  --color-orange: #ff6600;
  --color-hubspot: #ff7a59;
  --color-facebook: #3b5998;
  --color-hubspot-bg: #ff7a5945;
  --color-light-grey: #f3f2f2;
  --color-hubspot-blue: #0091ae;
  --color-gray: #f3f2f2;
  --default-font-color: #110803;
  --font-color-secondary: #2B2B2B;
  --font-icon-color: #323232;
  --flow-border-color: #e8e7e6;
  --flow-description-color: #888481;
  --port-height: 415px;
  --default-background-color: #e8e7e6;
  --default-border-divider: #E8E7E6;
  --mat-header-color: #4d4642;
  --mat-table-border-color: #c3c1c0;
  --mat-table-header-border-color: #dbdad9;
  --border-color: #c3c1c0;
  --color-content-primary: var(--default-font-color);
  --color-content-panel-text: #27272A;
  --bg-color-content-panel: #e8edf9;
  --color-content-secondary: #645e5b;
  --color-content-tertiary: var(--border-color);
  --color-content-alternative: var(--flow-description-color);
  --color-content-inverse: #e3e3e3;
  --color-decisions-overlay: var(--mat-header-color);
  --color-decisions-info: #f7f7f7;
  --color-decisions-disabled: var(--mat-table-header-border-color);
  --color-decisions-border: var(--color-content-tertiary);
  --color-decisions-divider: var(--default-background-color);
  --color-decisions-background: #fdfdfd;
  --color-decisions-checked-background: #fff7f2;
  --color-primary: var(--color-orange);
  --color-primary-light: #ffe8d9;
  --color-feedback-error: #e42525;
  --color-feedback-error-light: #ffecec;
  --color-feedback-info: #0165aa;
  --color-feedback-info-light: #e5fefe;
  --color-info-banner-bg: #e8f0ff;
  --color-info-banner-icon: #1a73e8;
  --color-info-banner-text: #0746b2;
  --color-feedback-success: #008428;
  --color-feedback-success-light: #e6faec;
  --color-feedback-warning: #E0AA06;
  --color-feedback-warning-light: #fffbc7;
  --color-stones-50: #07B240;
  --color-state-default: var(--color-primary);
  --color-state-hover: #ff8e43;
  --color-state-pressed: #e45800;
  --color-state-disabled: var(--color-decisions-disabled);
  --color-state-animation: var(--color-primary);
  --color-background-default: #ffffff;
  --bg-secondary: #fafafa;
  --color-background-secondary: var(--bg-secondary);
  --color-app-primary: #1d1d1b;
  --color-app-warn: #ff5722;
  --color-app-error: #e65757;
  --app-gray-color: rgba(80, 80, 80, 0.9);
  --color-new-dark-disabled: #2d2b29;
  --color-status-background-default: #F5F5F5;
  --color-status-font-reentered: #17A2B8;
  --color-status-font-reassigned: #D5A000;
  --color-status-font-opened: #1976D2;
  --color-status-font-new: #009D10;
  --background-chat: #EFEAE2;
  --action-height: 4rem;
  --dialog-backdrop: rgba(77, 70, 66, 0.3);
  --bg-color-new-inbox: #F7F7F7;
  --bg-content-color-new-inbox: #FFFFFF;
  --bg-content-color-disabled-new-inbox: #F3F2F2;
  --bg-content-color-pressed-new-inbox: #F3F2F2;
  --border-color-new-inbox: #E8E7E6;
  --font-color-title: #37322F;
  --font-color-subtitle: #7C7773;
  --bg-color-status-info: #FFF3D4;
  --font-color-status-info: #645E5B;
  --font-color-status-error: #DE2121;
  --font-color-hint-error: #B20707;
  --font-color-title-text-new-inbox: #2D2B29;
  --font-color-title-group-text-new-inbox: #110803;
  --font-color-subtitle-new-inbox: #645E5B;
  --font-color-text-disabled-new-inbox: #C3C1C0;
  --bg-color-hover-elements-new-inbox: #F3F2F2;
  --font-color-hover-elements-new-inbox: #645E5B;
  --bg-color-pressed-elements-new-inbox: #E8E7E6;
  --font-color-pressed-elements-new-inbox: #110803;
  --bg-color-status-new-inbox: #F3F2F2;
  --font-color-status-new-inbox: #4D4642;
  --font-color-status-icon-new-inbox: #645E5B;
  --bg-color-status-orange-new-inbox: #FFE8D9;
  --font-color-list-element-new-inbox: #41414A;
  --font-color-secondary-text-new-inbox: #E45800;
  --font-color-tooltip-primary-text-new-inbox: #F7F7F7;
  --font-color-tooltip-secondary-text-new-inbox: #FF6600;
  --font-color-tooltip-terciary-text-new-inbox: #DEAB21;
  --bg-color-status-label-hover-new-inbox: #FFD8BF;
  --bg-color-list-header-secondary-new-inbox: #FFF7F2;
  --bg-color-note-primary: #FCE5A4;
  --bg-color-primary-button: var(--color-orange);
  --font-color-primary-button: #FFF7F2;
  --bg-color-primary-hover-button: #FF8E43;
  --font-color-primary-hover-button: #FFF7F2;
  --bg-color-primary-pressed-button: #E45800;
  --font-color-primary-pressed-button: #E8E7E6;
  --bg-color-primary-disabled-button: #C3C1C0;
  --font-color-primary-disabled-button: #FFF7F2;
  --font-primary-color-button: #FFFFFF;
  --bg-color-secondary-button: #FFFFFF;
  --font-color-secondary-button: var(--color-orange);
  --bg-color-secondary-hover-button: var(--color-light-grey);
  --font-color-secondary-hover-button: #E45800;
  --font-color-secondary-disabled-button: #C3C1C0;
  --bg-color-secondary-pressed-button: #E8E7E6;
  --font-color-secondary-pressed-button: #CA4A00;
  --bg-color-terciary-button: transparent;
  --font-color-terciary-button: #323232;
  --bg-color-terciary-hover-button: #F3F2F2;
  --font-color-terciary-hover-button: #323232;
  --bg-color-terciary-pressed-button: #E8E7E6;
  --font-color-terciary-pressed-button: #323232;
  --bg-color-terciary-disabled-button: transparent;
  --font-color-terciary-disabled-button: #C3C1C0;
  --font-color-outlined-disabled-button: #DBDAD9;
  --border-color-outlined-disabled-button: #DBDAD9;
  --bg-color-filled-dark-button: #4D4642;
  --font-color-filled-dark-button: #FDFDFD;
  --bg-color-filled-dark-hover-button: #645E5B;
  --font-color-filled-dark-hover-button: #FDFDFD;
  --bg-color-filled-dark-pressed-button: #37322F;
  --font-color-filled-dark-pressed-button: #FDFDFD;
  --bg-color-filled-dark-disabled-button: #DBDAD9;
  --font-color-filled-dark-disabled-button: #FDFDFD;
  --bg-color-tooltip: #2E353B;
  --font-color-link-button: #2167DE;
  --bg-color-link-hover-button: #D4E4FF;
  --icon-color-primary-default: #645E5B;
  --bg-default-icon-color: #F5F5F5;
  --font-default-icon-color: #645E5B;
  --bg-success-icon-color: #E8FFF0;
  --font-success-icon-color: #07B240;
  --bg-info-icon-color: #E8F0FF;
  --font-info-icon-color: #2167DE;
  --bg-warn-icon-color: #FFF9E8;
  --font-warn-icon-color: #DEAB21;
  --bg-danger-icon-color: #FFD4D4;
  --font-danger-icon-color: #DE2121;
  --bg-default-chip-color: #F7F7F7;
  --font-default-chip-color: #4D4642;
  --bg-success-chip-color: #E8FFF0;
  --font-success-chip-color: #062;
  --bg-danger-chip-color: #FFE8E8;
  --font-danger-chip-color: #B20707;
  --bg-danger-chip-color-2: #FFE2E3;
  --font-danger-chip-color-2: #C10008;
  --bg-warn-chip-color: #FFE8D9;
  --font-warn-chip-color: #4D4642;
  --bg-tray-table-chip-color: #E8FFF0;
  --font-tray-table-chip-color: #007A56;
  --bg-view-table-chip-color: #EEF2FF;
  --font-view-table-chip-color: #432DD7;
  --bg-color-badge-default: #F7F7F7;
  --font-color-badge-default: #4D4642;
  --bg-color-badge-default-2: #F3F2F2;
  --font-color-badge-default-2: #645E5B;
  --bg-color-badge-info: #E8F0FF;
  --font-color-badge-info: #2167DE;
  --bg-color-badge-success: #E8FFF0;
  --font-color-badge-success: #006622;
  --bg-color-badge-success-2: #F0FDF4;
  --font-color-badge-success-2: #15803D;
  --bg-color-badge-success-3: #E6FAEC;
  --font-color-badge-success-3: #00631E;
  --bg-color-badge-warn: #FFF9E8;
  --font-color-badge-warn: #8C6702;
  --bg-color-badge-danger: #FFE8E8;
  --font-color-badge-danger: #B20707;
  --bg-tag-color: #4FA46F;
  --delete-trays-bar-bg: #27272A;
  --bg-color-snackbar: #333;
  --color-atomic: #8E51FF;
  --bg-color-message-atomic: #F5F3FF;
  --border-color-message-atomic: #EDE9FF;
  --border-color-conversation-card-atomic-1: #7107E7;
  --border-color-conversation-card-atomic-2: #F5F3FF;
  --border-color-conversation-card-atomic-danger-1: #C10008;
  --border-color-conversation-card-atomic-danger-2: #FFE2E3;
}
html * {
  font-family: "Inter";
  font-weight: 300;
}
.widget-align-right {
  visibility: hidden;
}
.notify {
  width: 100%;
  height: 34px;
  margin-bottom: 14px;
  background-color: rgba(255, 81, 17, 0.973);
  display: flex;
  align-items: center;
}
button {
  color: white;
}
.notify span {
  width: 100%;
  text-align: center;
  color: white;
}
.color-white {
  color: white;
}
.no-padding {
  padding: 0 !important;
}
.width-webkit-fill-available {
  width: -webkit-fill-available;
}
.full-width {
  width: 100%;
}
.full-height {
  height: 100%;
}
.title-margin {
  margin-bottom: 25px;
}
.vertical-dialog-container .mat-mdc-dialog-container {
  width: 1000px;
  height: auto;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
}
.calendar-dialog-container .mat-mdc-dialog-container {
  max-width: 500px;
  min-width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.calendar-d-container .mat-mdc-dialog-container {
  max-width: 500px;
  min-width: 500px;
  height: auto;
}
.highlight-date {
  background-color: orange;
  border-radius: 50%;
}
.dialog_title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  color: #110803;
  font-weight: 400;
  font-size: 20px;
  line-height: 19px;
  border-bottom: 1px solid transparent;
}
.dialog-btn {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  line-height: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
  color: orangered;
}
.dialog_subtitle {
  font-size: 14px;
  font-weight: 300;
}
.btn-cancel span {
  font-weight: 300 !important;
}
.btn-save span {
  font-weight: 500 !important;
}
.border-none {
  border: none !important;
}
.m-top-botton {
  margin-top: 10px;
}
.container-flex-column {
  display: flex;
  flex-direction: column;
}
.container-flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.container-flex-row {
  display: flex !important;
  flex-direction: row !important;
}
.container-flex-row-reverse {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.sm-margin-right {
  margin-right: 5px !important;
}
.align-right {
  text-align: right;
}
.p-left {
  padding-left: 15px;
}
.p-right {
  padding-right: 15px;
}
.p-bottom {
  padding-bottom: 15px;
}
.p-right-s {
  padding-right: 5px;
}
.p-right-m {
  padding-right: 10px;
}
.p-s-bottom {
  padding-bottom: 10px;
}
.p-xs-bottom {
  padding-bottom: 5px;
}
.md-m-left {
  margin-left: 15px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.md-m-right {
  margin-right: 15px;
}
.sm-m-left {
  margin-left: 5px;
}
.sm-m-right {
  margin-right: 5px;
}
.md-m {
  margin: 15px;
}
.md-m-top {
  margin-top: 15px;
}
.md-m-bottom {
  margin-bottom: 15px;
}
.sm-m-bottom {
  margin-bottom: 5px;
}
.m-bottom-10 {
  margin-bottom: 10px !important;
}
.m-bottom-16 {
  margin-bottom: 16px !important;
}
.m-bottom-24 {
  margin-bottom: 24px !important;
}
.m-bottom-45 {
  margin-bottom: 45px !important;
}
.space-btw {
  justify-content: space-between !important;
}
.ml-none {
  margin-left: 0;
}
.mr-none {
  margin-right: 0 !important;
}
.m-auto {
  margin: auto;
}
.toogle-style {
  display: flex;
  margin: auto;
}
.outline-none {
  outline: none !important;
  outline-style: none !important;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-2 {
  flex-grow: 2;
}
.flex-1 {
  flex: 1;
}
.flex {
  display: flex !important;
}
.wrap {
  flex-wrap: wrap;
}
.flex-end {
  justify-content: flex-end;
}
.flex-center {
  justify-content: center;
}
.flex-center-important {
  justify-content: center !important;
}
.align-items-baseline {
  align-items: baseline;
}
.flex-start {
  justify-content: flex-start;
}
.align-center {
  align-items: center !important;
}
.align-flex-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.font-menu {
  font-size: 13px;
  font-weight: 200;
}
.main-label {
  font-size: 25px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 10px;
}
.info-container {
  border: 1px solid rgba(0, 0, 0, 0.1294117647);
  border-radius: 8px;
  padding: 7px;
}
.icon-info {
  font-size: 20px;
  color: #adadad;
  padding-top: 3px;
}
.info-text {
  font-weight: 200;
}
.info-desc {
  font-size: 13px;
  font-weight: 200;
  margin: 0 0 10px 0;
}
.flex-wrap {
  flex-wrap: wrap;
}
.no-wrap {
  flex-wrap: nowrap;
}
.text-no-wrap {
  white-space: nowrap;
  text-wrap: nowrap;
}
.textWarning {
  font-size: 13px;
  font-weight: 200;
  color: #ff5757;
}
.m-bottom-none {
  margin-bottom: 0;
  white-space: pre-line;
}
.m-botton-0 {
  margin-bottom: 0px;
}
.cursor-default {
  cursor: default;
}
.color-accent {
  color: var(--color-orange);
}
.mat-mdc-header-cell {
  background-color: #f9f9fb !important;
  font-weight: 400 !important;
  color: var(--color-content-secondary) !important;
  font-size: 14px !important;
  line-height: 21px !important;
}
.mat-mdc-header-cell,
.mat-sort-header {
  background-color: #f9f9fb !important;
  font-weight: 400 !important;
  color: var(--color-content-secondary) !important;
  font-size: 14px !important;
  line-height: 21px !important;
}
mat-cell {
  font-weight: 300 !important;
  color: var(--color-content-secondary) !important;
  font-size: 14px !important;
  line-height: 21px !important;
}
.md-font-size {
  font-size: 14px;
}
.x-font-size {
  font-size: 16px;
}
.xl-font-size {
  font-size: 18px;
}
.activeColor {
  color: #0b5e1f;
  max-width: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  background: rgba(0, 187, 45, 0.15);
}
.inactiveColor {
  background: #f3f2f2;
  color: var(--color-content-secondary);
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
}
.properties {
  cursor: default;
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
}
.m-icon:hover {
  color: orangered;
}
.line {
  height: 1px;
  width: auto;
  display: flex;
  flex-grow: 1;
  background-color: rgba(0, 0, 0, 0.1098039216);
  align-self: center;
}
.day-chip {
  width: 25px;
  display: flex;
  justify-content: center;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #e4e3e3;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb {
  background-color: #929191;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.break-text {
  word-wrap: break-all;
  overflow-wrap: break-all;
  word-break: break-all;
}
button:focus {
  outline: none;
}
#loading-mat-dialog {
  background-color: transparent !important;
  overflow: hidden;
  box-shadow: none;
  transition: none !important;
}
#loading-mat-dialog-self-on-boarding {
  overflow: hidden;
  box-shadow: none;
  background-color: transparent;
}
.backdrop-loading {
  background: radial-gradient(#ffffff 50%, rgba(255, 255, 255, 0.5254901961));
}
b {
  font-weight: bold;
}
.container-close-button-tour {
  display: flex;
  justify-content: flex-end;
  min-height: 0.1vh;
}
.close-button-tour {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
}
.no-margin {
  margin: 0px !important;
}
.relative {
  position: relative;
}
.align-self-center {
  align-self: center;
}
.box-shadow-unset {
  box-shadow: unset !important;
}
.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.default-font-color {
  color: #110803;
}
.height-0 {
  min-height: 0;
}
.m-top-5 {
  margin-top: 5px;
}
.capitalize {
  text-transform: capitalize !important;
}
.capitalize-first-word {
  text-transform: lowercase !important;
}
.capitalize-first-word.primary-button {
  text-transform: lowercase !important;
}
.capitalize-first-word::first-letter {
  text-transform: capitalize !important;
}
.capitalize-first-word.mdc-button > .mdc-button__label {
  text-transform: lowercase !important;
}
.capitalize-first-word.mdc-button > .mdc-button__label::first-letter {
  text-transform: capitalize !important;
}
.text-transform-none {
  text-transform: none !important;
}
.text-transform-none.primary-button {
  text-transform: none !important;
}
.text-transform-none.mdc-button > .mdc-button__label {
  text-transform: none !important;
}
.width-fit {
  width: fit-content !important;
}
.p-spaces {
  padding: 2px;
}
.accordion-spaces {
  padding: 8px;
}
.m-top-4 {
  margin-top: 4px;
}
.m-top-10 {
  margin-top: 10px;
}
.m-top-16 {
  margin-top: 16px;
}
.m-top-24 {
  margin-top: 24px;
}
.modal {
  display: unset !important;
}
.title-module {
  font-size: 20px;
  font-weight: 400;
  color: #110803;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 19px;
}
.custom-dialog-padding-off .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  padding-left: 0px;
  padding-right: 0px;
}
.cdk-overlay-pane.rule-detail-dialog .mat-mdc-dialog-surface,
.mat-mdc-dialog-container.rule-detail-dialog .mat-mdc-dialog-surface {
  padding: 16px 8px !important;
}
.filter-bar-container {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px 0;
}
.filter-bar-container ::ng-deep app-menu-list-filter .dropdown-container {
  margin-top: 0 !important;
}
.filter-bar-container ::ng-deep app-menu-list-filter .search-filter {
  margin: 0 !important;
}
.font-size {
  font-size: 14px;
}
.font-size-13 {
  font-size: 13px !important;
}
.default-color {
  color: var(--color-content-secondary);
}
.justify-content-r {
  justify-content: right;
}
.joint-dialog.modal {
  overflow: inherit;
}
.separator-header {
  height: 1px;
  width: calc(100% - 20px);
  margin: auto;
  background: #dbdad9;
  box-sizing: border-box;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.flex-50 {
  flex: 50;
}
.cursor-pointer {
  cursor: pointer;
}
.material-symbols-rounded {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 48;
}
.mat-vertical-header .mat-sort-header-container {
  flex-direction: column !important;
}
.mat-error-unwrapped {
  font-size: 11px;
  line-height: 17px;
  color: #ec3232 !important;
}
.div-container-error {
  border: 2px solid #ec3232 !important;
}
.noHover {
  pointer-events: none;
}
.title-row {
  font-size: 14px;
  font-weight: bold !important;
  color: #110803;
  line-height: 19px;
}
.break-word {
  display: inline-block;
  word-wrap: break-word;
}
.width-100 {
  width: 100%;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-10 {
  font-size: 10px;
}
.font-size-9 {
  font-size: 9px;
}
.border-radius-50 {
  border-radius: 50%;
}
.publish__disabled {
  opacity: 0.5 !important;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.list-style-none {
  list-style: none;
}
.disabled-filter {
  color: rgba(21, 21, 20, 0.54);
}
.sticky {
  position: sticky;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.large-tooltip {
  max-width: unset !important;
}
.hubspot-buttons-container {
  border-top: 1px solid var(--color-decisions-divider);
  min-height: 4rem;
}
.hubspot-title {
  width: 100%;
  font-size: 0.938rem;
  font-weight: 500;
  margin: 1rem 0;
  display: flex;
  text-align: var(--hubspot-text-side);
  align-items: var(--hubspot-text-side);
  justify-content: var(--hubspot-text-side);
  color: var(--color-content-secondary);
}
.hubspot-title a {
  color: var(--color-content-secondary);
  text-decoration: none;
}
.hubspot-title_container {
  margin-top: 0.5rem;
  width: 100%;
  align-items: center;
  display: flex;
}
.hubspot-description,
.hubspot-subtitle {
  text-align: var(--hubspot-text-side);
  font-size: 0.75rem !important;
  font-weight: 400 !important;
}
.hubspot-subtitle {
  margin: 0 0 1rem;
}
.hubspot-description strong {
  font-weight: 500;
}
.hubspot-container-reduced {
  width: var(--hubspot-container-reduced-width, 33.75rem);
}
.hubspot-table_container {
  --hubspot-height-container-offset: 15rem;
  --hubspot-height-container: calc(100vh - var(--hubspot-height-container-offset));
  height: var(--hubspot-height-container);
  max-height: var(--hubspot-max-height-container, 100%);
  width: 100%;
}
.hubspot-table_paginator {
  border: 1px solid var(--mat-table-header-border-color);
  border-radius: 0 0 0.5rem 0.5rem;
  border-width: 0 1px 1px;
  flex: auto;
  width: 100%;
}
mat-table.integrations-table {
  --mat-header-color: var(--color-decisions-overlay);
  --mat-table-border-color: var(--color-decisions-border);
  --mat-table-header-border-color: var(--color-decisions-disabled);
  height: 100%;
  overflow-y: auto;
  border: 1px solid var(--color-decisions-divider);
  border-width: 1px;
  border-bottom-width: var(--mat-table-border-bottom-width, 1px);
  border-radius: 0.5rem 0.5rem 0 0;
}
mat-table.integrations-table mat-row,
mat-table.integrations-table mat-header-row {
  min-height: 2.75rem;
}
mat-table.integrations-table mat-cell.text-center,
mat-table.integrations-table mat-cell.text-center.mat-sort-header,
mat-table.integrations-table mat-header-cell.text-center,
mat-table.integrations-table mat-header-cell.text-center.mat-sort-header {
  display: flex;
  justify-content: center;
}
mat-table.integrations-table mat-footer-row.mdc-data-table__row {
  height: calc(100% - var(--mat-table-footer-row-clear-space, 4rem));
  border: none;
}
.mat-mdc-footer-row {
  --mat-table-footer-row-clear-space: auto;
}
mat-table.integrations-table mat-footer-row.mdc-data-table__row .mat-column-loading .mat-mdc-progress-spinner {
  margin: 1rem 0;
}
mat-table.integrations-table mat-header-cell {
  background-color: var(--mat-table-header-cell-color, #f9f9fb) !important;
}
mat-table.integrations-table mat-header-cell,
mat-table.integrations-table mat-header-cell .mat-sort-header-content {
  color: var(--color-content-secondary) !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
}
mat-table.integrations-table mat-header-cell:first-of-type {
  border-radius: 0.5rem 0px 0px 0px;
}
mat-table.integrations-table mat-header-cell:last-of-type {
  border-radius: 0px 0.5rem 0px 0px;
}
mat-table.integrations-table mat-cell {
  font-weight: 400 !important;
  font-size: 0.75rem !important;
  color: var(--color-content-secondary) !important;
}
mat-table.integrations-table mat-cell.selected {
  color: var(--color-orange) !important;
}
mat-table.integrations-table mat-cell.clickable {
  cursor: pointer;
}
mat-table.integrations-table mat-checkbox.mat-checkbox .mat-checkbox-layout {
  margin: 0;
}
.settings-panel {
  width: 100%;
  box-shadow: none !important;
  border-radius: 0.5rem !important;
  border: 1px solid var(--mat-table-header-border-color);
}
.settings-panel .mat-expansion-panel-header {
  color: var(--color-content-primary);
}
.settings-panel .mat-expansion-panel-header h6 {
  font-size: 0.9375rem;
  font-weight: 400;
  margin: 0;
}
.settings-panel .mat-expansion-panel-header.mat-expanded {
  background-color: var(--color-decisions-info) !important;
}
.settings-panel .mat-expansion-panel-header.mat-expanded {
  height: 3rem !important;
}
.settings-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 !important;
}
.settings-panel .mat-expansion-panel-content .mat-expansion-panel-body mat-expansion-panel {
  border-radius: 0 !important;
  border-width: 1px 1px 0 0 !important;
}
.settings-panel .mat-expansion-panel-content .mat-expansion-panel-body mat-expansion-panel:last-of-type {
  border-radius: 0 0 0.5rem 0.5rem !important;
}
.settings-panel_link span.mat-expansion-indicator {
  transform: rotate(270deg) !important;
}
.toggle {
  font-weight: 400;
  color: var(--mat-header-color);
  border: 1px solid var(--mat-table-border-color);
  border-radius: 5px;
}
.expandible-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.expanded {
  display: initial;
}
button.expandible {
  display: inline-block;
  padding: 0;
  font-size: 0.75rem !important;
  height: 24px !important;
  min-width: fit-content !important;
  margin-left: 0.25rem !important;
}
button.expandible:hover,
button.expandible:active,
button.expandible:focus,
button.expandible:focus-visible,
button.expandible:focus-within {
  background: transparent !important;
  box-shadow: none !important;
}
#td-connect {
  z-index: 100;
}
.capitalize-first-letter {
  display: inline-block;
}
.capitalize-first-letter::first-letter {
  text-transform: uppercase !important;
}
.font-weight-400 {
  font-weight: 400;
}
.color-info-extra {
  color: var(--color-content-secondary);
}
.official-color {
  color: var(--color-orange);
}
.beta-badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 20px;
  background-color: #ffe8d9;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0 3px 0 0;
}
.beta-badge > span {
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.1em;
  color: #ff6600;
}
.letter-spacing-1 {
  letter-spacing: 0.1em;
}
.mat-form-field.w-100.mat-field-height-reduced .mat-form-field-infix {
  padding: 0.8rem 0 0.8rem 0 !important;
  border-top: 0.45em solid rgba(0, 0, 0, 0) !important;
}
.mat-form-field.w-100.mat-field-height-reduced .mat-select-arrow-wrapper {
  margin-top: 0.5rem !important;
}
.mat-form-field.w-100.mat-field-height-reduced .mat-form-field-label-wrapper {
  top: -0.64375em;
}
.param-template {
  color: var(--color-orange);
  font-weight: 500;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.dark-backdrop {
  background: #000;
  opacity: 0.55 !important;
}
.ellipsis-text {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.new-badge {
  background-color: #ffe8d9;
  text-align: center;
  border-radius: 0 3px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.1em;
  color: #ff6600;
}
.label-new-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 39px;
  height: 21px;
  border-radius: 4px;
  margin-left: 15px;
  background-color: #ffe8d9;
}
.label-new-badge > span {
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #ff6600;
}
.label-soon-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.25rem;
  margin-left: 1rem;
  background-color: #dbdad9;
  width: fit-content;
  height: fit-content;
  min-height: 1.375rem;
  padding: 0 0.375rem;
}
.label-soon-badge > span {
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  color: #645e5b;
}
.no-crop-tooltip {
  word-break: break-all !important;
  white-space: normal !important;
}
.tour-list {
  list-style-type: disc;
  list-style-position: inside;
  color: #ff6600;
  padding: 0 20px;
}
.tour-link {
  color: #ff6600 !important;
  text-decoration: underline !important;
}
.new-scrollbar::-webkit-scrollbar {
  width: 0.35rem;
}
.new-scrollbar::-webkit-scrollbar-track,
.new-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
.new-scrollbar::-webkit-scrollbar-track {
  background: var(--color-decisions-info);
}
.new-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-decisions-border);
}
.opacity-0 {
  opacity: 0;
}
.h-fit-content {
  height: fit-content;
}
.mat-mdc-paginator {
  font-size: 12px;
}
.gray-color {
  color: #505050 !important;
}
.list-title {
  color: #646464;
}
.toggle-label {
  color: #505050 !important;
}
.padding-card-default {
  padding: 16px;
}
.title-preference-card {
  padding: 20px 16px;
  border-radius: 4px 4px;
}
.preference-card {
  padding: 8px 16px;
}
.border-class {
  border: 0.5px solid var(--border-color);
  border-radius: 4px 4px 0 0;
}
.default-border {
  border: 0.5px solid var(--color-decisions-border);
}
.preferences-container {
  margin: 24px calc((100% - 798px) / 2);
  height: calc(100% - 48px);
  max-width: 798px;
}
.preferences-container h1 {
  color: red;
  font-weight: 600;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: var(--default-font-color);
  font-size: 19px;
}
.product-container {
  margin: 24px;
  height: calc(100% - 48px);
}
.product-container h1 {
  font-weight: 600;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: var(--default-font-color);
  font-size: 19px;
}
.color-description-label {
  color: #4d4642;
}
.gap-xs {
  gap: 2px;
}
.gap-s {
  gap: 4px;
}
.gap-15 {
  gap: 15px;
}
.gap-16 {
  gap: 16px;
}
.gap-8 {
  gap: 8px;
}
.padding-8 {
  padding: 8px;
}
.padding-4 {
  padding: 4px;
}
.list-dot {
  list-style-type: disc;
  list-style-position: inside;
}
.tooltip-width-100 .mdc-tooltip__surface {
  max-width: unset;
}
.border-radius-4 {
  border-radius: 4px;
}
.font-size-19 {
  font-size: 19px;
}
.font-size-15 {
  font-size: 15px;
}
.padding-16 {
  padding: 16px;
}
.padding-24 {
  padding: 24px;
}
.gap-12 {
  gap: 12px;
}
div:has(> .mat-mdc-form-field.mat-form-field-appearance-outline),
form:has(> .mat-mdc-form-field.mat-form-field-appearance-outline) {
  padding-top: var(--mat-dialog-content-padding-top, 0.25rem);
}
mat-dialog-content:has(> .mat-mdc-form-field.mat-form-field-appearance-outline) {
  --mat-dialog-content-padding: 0.25rem 1.5rem 0;
}
.table__filters {
  flex: 1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.table__filters div.d-flex {
  gap: 10px;
}
.table__filters app-menu-list-filter .search-filter {
  margin: 0;
}
.table__filters app-menu-calendar-filter .search-filter {
  margin: 0;
}
.table__filters .custom-clean-button {
  --custom-clean-button-display: flex;
  --custom-clean-button-margin: auto;
  --custom-clean-button-width: auto;
  --custom-clean-button-height: auto;
  --custom-clean-button-top: 0;
  --custom-clean-button-line-height: auto;
}
.table__component {
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 10px 0;
}
.table__content {
  height: 100%;
  width: 100%;
  position: relative;
  border: 1px solid #e8e7e6;
  background: #ffffff;
  overflow: auto;
}
.disabled-filter {
  pointer-events: none;
}
.background-default {
  background: #F4F5F7;
}
.overflow-auto-y {
  overflow-y: auto;
}
.m-bottom-8 {
  margin-bottom: 8px;
}
.text-decoration-underline {
  text-decoration: underline;
}
.align-self-end {
  align-self: flex-end !important;
}
.bg-dialog-transparent {
  background-color: transparent !important;
}
.bg-dialog-transparent mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.inline-table {
  display: inline-table;
}
.flex-center-align {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.scroll-width-none {
  scrollbar-width: none;
}
.hidden {
  display: none !important;
}
.text-content-secondary {
  color: var(--color-new-dark-disabled);
}
.text-content-tertiary {
  color: var(--color-content-secondary);
}
.beta-label {
  background-color: var(--color-primary-light) !important;
  border-radius: 2px !important;
  color: var(--color-orange) !important;
  padding: 4px !important;
  font-size: 8px !important;
  font-weight: normal;
  line-height: 125%;
}
.scrollbar-v2 {
}
.scrollbar-v2::-webkit-scrollbar {
  background: #E4E3E3;
  width: 5px;
}
.scrollbar-v2::-webkit-scrollbar-track {
  background: #E4E3E3 !important;
  border-radius: 2px;
}
.scrollbar-v2::-webkit-scrollbar-thumb {
  background: #888481 !important;
  border-radius: 2px;
}
.scrollbar-v2::-webkit-scrollbar-thumb:hover {
  background: #888481 !important;
}
.scrollbar-v2--large {
}
.scrollbar-v2--large::-webkit-scrollbar-track {
  width: 10px !important;
  height: 10px !important;
}
.scrollbar-v2--large::-webkit-scrollbar-thumb {
  width: 10px !important;
  height: 10px !important;
}
.scrollbar-v2--clear::-webkit-scrollbar {
  background-color: transparent;
}
.scrollbar-v2--clear::-webkit-scrollbar-track {
  background: transparent !important;
}
.scrollbar-v2--thin {
}
.scrollbar-v2--thin::-webkit-scrollbar {
  width: 5px;
}
.scrollbar-v2--thin::-webkit-scrollbar-track {
  width: 5px !important;
  height: 5px !important;
}
.scrollbar-v2--thin::-webkit-scrollbar-thumb {
  width: 5px !important;
  height: 5px !important;
}
.text-content-secondary {
  color: var(--color-content-secondary);
}
.custom-chip-menu {
  background-color: #FDFDFD !important;
  border-radius: 4px !important;
  padding: 12px 1px 12px 12px !important;
  width: 218px;
  max-width: 218px;
  height: 236px;
  overflow: hidden !important;
}
.custom-chip-menu .mat-mdc-menu-panel {
  overflow: hidden !important;
}
.custom-chip-menu .mat-mdc-menu-content {
  max-height: inherit;
  padding: 0 !important;
}
.custom-chip-menu .mat-mdc-menu-content .border-title {
  margin-bottom: 12px;
}
.custom-chip-menu .mat-mdc-menu-content .border-title span {
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
  color: #4D4642;
  text-transform: capitalize;
}
.custom-chip-menu .mat-mdc-menu-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  max-height: 180px;
}
.custom-chip-menu .mat-mdc-menu-content ul li {
  display: flex;
  width: 100%;
  min-height: 16px;
  align-items: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #645E5B;
}

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

/* src/assets/fonts/_fonts.scss */
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-VariableFont_slnt,wght.ttf");
}

/* src/assets/fonts/index.scss */
@font-face {
  font-family: "material-icons";
  src: url(/assets/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(/assets/fonts/MaterialIcons-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

/* node_modules/@ctrl/ngx-emoji-mart/picker.css */
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: .03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: .06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: .09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: .12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: .15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

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