/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/designSystem/core-components.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta17/dist/css/tabler-flags.min.css);
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/designSystem/core-components.scss?ngGlobalStyle (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-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-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-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-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 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-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 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-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-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-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 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-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 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-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 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-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 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-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 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-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 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-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-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-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 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-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 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-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 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-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 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-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 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-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 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-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 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-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-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-theme-loaded-marker {
  display: none;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(63, 81, 181, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4081;
  --mdc-linear-progress-track-color: rgba(255, 64, 129, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(255, 64, 129, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #f44336);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4081;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4081;
  --mdc-outlined-text-field-focus-outline-color: #ff4081;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.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(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4081;
  --mdc-chip-elevated-disabled-container-color: #ff4081;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d81b60;
  --mdc-switch-selected-handle-color: #d81b60;
  --mdc-switch-selected-hover-state-layer-color: #d81b60;
  --mdc-switch-selected-pressed-state-layer-color: #d81b60;
  --mdc-switch-selected-focus-handle-color: #880e4f;
  --mdc-switch-selected-hover-handle-color: #880e4f;
  --mdc-switch-selected-pressed-handle-color: #880e4f;
  --mdc-switch-selected-focus-track-color: #f06292;
  --mdc-switch-selected-hover-track-color: #f06292;
  --mdc-switch-selected-pressed-track-color: #f06292;
  --mdc-switch-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-mdc-slider-ripple-color: #3f51b5;
  --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #ff4081;
  --mdc-slider-focus-handle-color: #ff4081;
  --mdc-slider-hover-handle-color: #ff4081;
  --mdc-slider-active-track-color: #ff4081;
  --mdc-slider-inactive-track-color: #ff4081;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
  --mat-mdc-slider-ripple-color: #ff4081;
  --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mat-mdc-slider-ripple-color: #f44336;
  --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2);
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff4081;
  --mdc-radio-selected-hover-icon-color: #ff4081;
  --mdc-radio-selected-icon-color: #ff4081;
  --mdc-radio-selected-pressed-icon-color: #ff4081;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #3f51b5;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #3f51b5;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}

.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-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .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(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4081;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4081;
  --mat-tab-header-active-ripple-color: #ff4081;
  --mat-tab-header-inactive-ripple-color: #ff4081;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff4081;
  --mat-tab-header-active-hover-label-text-color: #ff4081;
  --mat-tab-header-active-focus-indicator-color: #ff4081;
  --mat-tab-header-active-hover-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4081;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ff4081;
  --mdc-checkbox-selected-hover-icon-color: #ff4081;
  --mdc-checkbox-selected-icon-color: #ff4081;
  --mdc-checkbox-selected-pressed-icon-color: #ff4081;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mat-mdc-icon-button {
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #ff4081;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4081;
}

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);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4081;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --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-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-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);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.neutral--Grey-900 {
  background-color: #111827;
}

.textPrimary {
  color: #111827;
}

.neutral--Grey-800 {
  background-color: #1f2937;
}

.neutral--Grey-700 {
  background-color: #374151;
}

.neutral--Grey-600 {
  background-color: #4b5563;
}

.neutral--Grey-500 {
  background-color: #6b7280;
}

.textSecondary {
  color: #6b7280;
}

.neutral--Grey-400 {
  background-color: #9ca3af;
}

.textDisabled {
  color: #9ca3af;
}

.neutralFocused {
  background-color: #9ca3af;
}

.neutral--Grey-300 {
  background-color: #d1d5db;
}

.borderDark {
  background-color: #d1d5db;
}

.neutralHover {
  background-color: #d1d5db;
}

.neutral--Grey-200 {
  background-color: #e5e7eb;
}

.borderLight {
  background-color: #e5e7eb;
}

.neutralDefault {
  background-color: #e5e7eb;
}

.disabledDefault {
  background-color: #e5e7eb;
}

.neutral--Grey-100 {
  background-color: #f3f4f6;
}

.neutral--Grey-50 {
  background-color: #fcfcfc;
}

.neutral--Grey-0 {
  background-color: #fff;
}

.textContrast {
  color: #fff;
}

.brand--Darker {
  background-color: #3843ff;
}

.textLink {
  color: #3843ff;
}

.primaryFocused {
  background-color: #3843ff;
}

.brand--Dark {
  background-color: #4958ff;
}

.primaryHover {
  background-color: #4958ff;
}

.brand--Medium {
  background-color: #5667ff;
}

.borderActive {
  background-color: #5667ff;
}

.primaryDefault {
  background-color: #5667ff;
}

.brand--Light {
  background-color: #ccd1ff;
}

.secondaryFocused {
  background-color: #ccd1ff;
}

.brand--Lighter {
  background-color: #e1e4ff;
}

.secondaryHover {
  background-color: #e1e4ff;
}

.brand--Lightest {
  background-color: #eeefff;
}

.textLightest {
  color: #eeefff;
}

.secondaryDefault {
  background-color: #eeefff;
}

.urgent--Dark {
  background-color: #844002;
}

.urgentText--Dark {
  color: #844002;
}

.urgent--Medium {
  background-color: #ef9644;
}

.urgentText--Medium {
  color: #ef9644;
}

.urgent--Light {
  background-color: #ffc28a;
}

.urgentText--Light {
  color: #ffc28a;
}

.urgent--Lighter {
  background-color: #ffead6;
}

.urgentText--Lighter {
  color: #ffead6;
}

.danger--Dark {
  background-color: #832e1b;
}

.dangerText--Dark {
  color: #832e1b;
}

.danger--Medium {
  background-color: #ef6344;
}

.dangerText--Medium {
  color: #ef6344;
}

.danger--Light {
  background-color: #f2c7b5;
}

.dangerText--Light {
  color: #f2c7b5;
}

.danger--Lighter {
  background-color: #fae9e5;
}

.dangerText--Lighter {
  color: #fae9e5;
}

.warning--Dark {
  background-color: #7f5a11;
}

.warningText--Dark {
  color: #7f5a11;
}

.warning--Medium {
  background-color: #edd34a;
}

.warningText--Medium {
  color: #edd34a;
}

.warning--Light {
  background-color: #faf3bb;
}

.warningText--Light {
  color: #faf3bb;
}

.warning--Lighter {
  background-color: #fffde4;
}

.warningText--Lighter {
  color: #fffde4;
}

.success--Dark {
  background-color: #215232;
}

.successText--Dark {
  color: #215232;
}

.success--Medium {
  background-color: #42bd56;
}

.successText--Medium {
  color: #42bd56;
}

.success--Light {
  background-color: #bde7b3;
}

.successText--Light {
  color: #bde7b3;
}

.success--Lighter {
  background-color: #e2f4de;
}

.successText--Lighter {
  color: #e2f4de;
}

.info--Dark {
  background-color: #144e70;
}

.infoText--Dark {
  color: #144e70;
}

.textInfoDark {
  color: #144e70;
}

.info--Medium {
  background-color: #69bde2;
}

.infoText--Medium {
  color: #69bde2;
}

.info--Light {
  background-color: #b7dbed;
}

.infoText--Light {
  color: #b7dbed;
}

.info--Lighter {
  background-color: #e3f3fd;
}

.infoText--Lighter {
  color: #e3f3fd;
}

.surface--3 {
  background-color: #f3f4f6;
}

.surface--2 {
  background-color: #fcfcfc;
}

.surface--1 {
  background-color: #fff;
}

.highlight--Dark {
  background-color: #561068;
}

.highlightText--Dark {
  color: #561068;
}

.textHighlightDark {
  color: #561068;
}

.highlight--Medium {
  background-color: #d372eb;
}

.highlightText--Medium {
  color: #d372eb;
}

.textHighlightMedium {
  color: #d372eb;
}

.highlight--Light {
  background-color: #ebb2f9;
}

.highlightText--Light {
  color: #ebb2f9;
}

.highlight--Lighter {
  background-color: #f1d8f7;
}

.highlightText--Lighter {
  color: #f1d8f7;
}

@font-face {
  font-family: "GeneralSansRegular";
  src: url('GeneralSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans";
  src: url('GeneralSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}
h1,
.title1 {
  font-family: Chivo;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.25rem;
}
@media (max-width: 600px) {
  h1,
  .title1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h2,
.title2 {
  font-family: Chivo;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 600px) {
  h2,
  .title2 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}

h3,
.title3 {
  font-family: Chivo;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75rem;
}
@media (max-width: 600px) {
  h3,
  .title3 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

h4,
.title4 {
  font-family: Chivo;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  h4,
  .title4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.s1,
.subtitle1 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
}
@media (max-width: 600px) {
  .s1,
  .subtitle1 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

.s2,
.subtitle2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}
@media (max-width: 600px) {
  .s2,
  .subtitle2 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.s3,
.subtitle3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .s3,
  .subtitle3 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.s3.bold,
.s3 .bold,
.subtitle3.bold,
.subtitle3 .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.button-large {
  font-size: 1rem;
  font-family: "GeneralSansRegular", sans-serif;
  font-weight: 400;
  line-height: 1rem;
}
@media (max-width: 600px) {
  .button-large {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.button-small {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .button-small {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.body-large,
.body2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  .body-large,
  .body2 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.body-large.bold,
.body-large .bold,
.body2.bold,
.body2 .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.body-small,
.caption {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .body-small,
  .caption {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.body-small.bold,
.body-small .bold,
.caption.bold,
.caption .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.tiny {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
}
@media (max-width: 600px) {
  .tiny {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.tiny.bold,
.tiny .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

p,
h1,
h2,
h3,
h4,
a,
div,
input,
span,
label {
  margin: 0;
}

html,
body {
  height: 100%;
}

body a {
  text-decoration: none;
}
body div {
  box-sizing: border-box;
}
body input[type=search]::-webkit-search-cancel-button {
  display: none;
}
body .agent {
  width: 100px;
  height: 100px;
}
body .agent img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
body .navigation-btn {
  display: flex;
  gap: 20px;
  width: 100%;
}
body .navigation-btn > div:not(.btn) {
  flex: 1 1 auto;
}
@media (max-width: 600px) {
  body .navigation-btn .btn {
    min-width: unset;
    width: 50%;
    padding: 14px 0;
    margin-bottom: 30px;
  }
}
body .btn {
  border: 1px solid #d1d5db;
  padding: 14px 50px;
  border-radius: 90px;
  display: flex;
  justify-content: center;
  width: min-content;
  align-items: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  min-width: 165px;
  white-space: nowrap;
}
body .btn:hover, body .btn.active {
  border: 1px solid #5667ff;
  color: #5667ff;
}
body .btn .desc-text {
  white-space: normal;
}
body .btn.btn-select {
  border: 0;
  border-radius: 8px;
  background-color: #f3f4f6;
  padding: 10px 0;
  padding-right: 50px;
  justify-content: flex-start;
}
body .btn.btn-select:hover:not(.btn-dark) {
  background-color: #f3f4f6;
  color: #5667ff;
}
body .btn.btn-select:hover:not(.btn-dark) .checkmark {
  border-color: #5667ff;
}
body .btn .checkmark {
  border: 1px solid #e3e2e1;
}
body .btn.btn-dark {
  background-color: #5667ff;
  color: white;
}
body .btn.btn-dark:hover {
  opacity: 0.7;
}
body .btn.btn-dark .checkmark {
  border-color: #5667ff;
}
body .btn.btn-light {
  background-color: white;
  color: #5667ff;
}
body .btn.btn-light .checkmark {
  border-color: white;
}
body .btn.disable {
  pointer-events: none;
  opacity: 0.2;
}
body .btn input {
  margin: 0 10px;
  margin-top: -2px;
}
body .checkState span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  height: 20px;
  width: 14px;
}
body .checkState span::after {
  content: "";
  width: 5px;
  height: 14px;
  margin-top: -4px;
  border: solid #5667ff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

html,
body {
  height: 100%;
}

.mat-tooltip {
  background-color: #1f2937;
  margin: 4px !important;
  padding: 8px;
  border-radius: 2px !important;
  font-family: Chivo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: unset !important;
}
.mat-tooltip::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #1f2937;
  position: absolute;
  bottom: -3px;
  transform: rotate(45deg);
  z-index: 2;
}

.mat-tooltip-panel-below .mat-tooltip::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #1f2937;
  position: absolute;
  top: -3px;
  transform: rotate(45deg);
  z-index: 2;
}

.mat-tooltip-panel-left .mat-tooltip::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #1f2937;
  position: absolute;
  right: -3px;
  bottom: unset;
  transform: rotate(45deg);
  z-index: 2;
}

.mat-slider {
  width: 100%;
}
.mat-slider.black {
  height: 10px;
}
.mat-slider.black .mat-slider-thumb-container > div {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  box-shadow: 0px 2px 12px rgba(34, 34, 34, 0.12) !important;
  border-radius: 100px;
  width: 28px;
  height: 28px;
  bottom: unset;
  right: -16px;
  display: none;
}
.mat-slider.black .mat-slider-wrapper {
  height: 6px !important;
  right: 0px !important;
  left: 0px !important;
  top: 0 !important;
}
.mat-slider.black .mat-slider-wrapper > div:not(.mat-slider-thumb-container) {
  border-radius: 6px;
  height: 6px !important;
}
.mat-slider.black .mat-slider-wrapper > div:not(.mat-slider-thumb-container) > div {
  border-radius: 6px;
  height: 10px !important;
}
.mat-slider.black .mat-slider-wrapper .mat-slider-thumb-container {
  height: 6px !important;
  top: unset !important;
  display: flex;
  align-items: center;
}
.mat-slider.black .mat-slider-wrapper .mat-slider-track-wrapper {
  background: linear-gradient(90deg, #5667ff 99%, #f3f4f6 1%);
}
.mat-slider.black .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-background {
  background-color: #f3f4f6 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mat-slider.black .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-fill {
  background-color: transparent !important;
}
.mat-slider.gradient .mat-slider-thumb-container > div {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  box-shadow: 0px 2px 12px rgba(34, 34, 34, 0.12) !important;
  border-radius: 100px;
  width: 28px;
  height: 28px;
  bottom: unset;
  right: -10px;
}
.mat-slider.gradient .mat-slider-wrapper {
  height: 16px !important;
  right: 0px !important;
}
.mat-slider.gradient .mat-slider-wrapper > div:not(.mat-slider-thumb-container) {
  border-radius: 10px;
  height: 16px !important;
}
.mat-slider.gradient .mat-slider-wrapper > div:not(.mat-slider-thumb-container) > div {
  border-radius: 10px;
  height: 16px !important;
}
.mat-slider.gradient .mat-slider-wrapper .mat-slider-thumb-container {
  height: 16px !important;
  top: unset !important;
  display: flex;
  align-items: center;
}
.mat-slider.gradient .mat-slider-wrapper .mat-slider-track-wrapper {
  background: linear-gradient(270deg, #fe635c -29.47%, #ffc534 9.64%, #6f5dc2 80.44%);
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 55%);
}
.mat-slider.gradient .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-background {
  background-color: #f3f4f6 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mat-slider.gradient .mat-slider-wrapper .mat-slider-track-wrapper .mat-slider-track-fill {
  background-color: transparent !important;
}
.mat-slider.gradient .mat-select-panel-wrap .line {
  display: block;
  height: 2px;
  width: calc(100% - 10px);
  background-color: #d1d5db;
  margin: auto;
}
.mat-slider.gradient .mat-select {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
}
.mat-slider.gradient .mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}

@keyframes display {
  0% {
    display: none;
  }
  100% {
    display: flex;
  }
}
@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes close {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInToggle {
  0% {
    opacity: 0;
    position: unset;
  }
  100% {
    opacity: 0.6;
    position: unset;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    position: absolute;
  }
  100% {
    opacity: 0;
    position: unset;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    position: unset;
  }
  100% {
    opacity: 1;
    position: unset;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mdc-switch__icon {
  display: none;
}

.mdc-switch__track {
  border-radius: 16px !important;
  height: 24px !important;
}
.mdc-switch__track::before {
  background: #e5e7eb !important;
}
.mdc-switch__track::after {
  background: #5667ff !important;
}

.mdc-switch {
  width: 40px !important;
}

.mdc-switch__handle {
  height: 20px;
  left: 2px !important;
}
.mdc-switch__handle::before {
  background-color: white !important;
}
.mdc-switch__handle::after {
  background-color: white !important;
}

.mdc-switch--checked .mdc-switch__handle {
  left: -2px !important;
}

.mdc-line-ripple::before {
  border: 0 !important;
}
.mdc-line-ripple::after {
  border: 0 !important;
}

.mat-mdc-form-field {
  border-radius: 4px;
  border: 2px solid #e5e7eb;
  background: white;
  width: 100%;
}
.mat-mdc-form-field.mat-focused {
  border: 2px solid #4958ff;
}
.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: unset !important;
  background: unset !important;
  padding: 0 !important;
}
.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-form-field .mat-mdc-form-field-flex {
  height: 42px;
  align-items: center !important;
  flex-direction: row-reverse;
}
.mat-mdc-form-field .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 12px 0 !important;
  width: 34px !important;
  height: 34px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-form-field .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 4px !important;
}
.mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 0 !important;
  min-height: unset;
}
.mat-mdc-form-field .mat-date-range-input-wrapper {
  display: flex;
  min-width: 74px;
}
.mat-mdc-form-field .mat-mdc-form-field-focus-overlay {
  display: none;
}
.mat-mdc-form-field .mat-date-range-input-mirror {
  font-size: 0.875rem;
}

.typography-small-paragraph {
  font-family: Chivo, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.0625rem;
  --tw-text-opacity: 1;
  color: rgb(51 44 85 / var(--tw-text-opacity, 1));
}
#tailwindStyles .visible {
  visibility: visible;
}
#tailwindStyles .collapse {
  visibility: collapse;
}
#tailwindStyles .static {
  position: static;
}
#tailwindStyles .absolute {
  position: absolute;
}
#tailwindStyles .block {
  display: block;
}
#tailwindStyles .inline {
  display: inline;
}
#tailwindStyles .flex {
  display: flex;
}
#tailwindStyles .table {
  display: table;
}
#tailwindStyles .grid {
  display: grid;
}
#tailwindStyles .\!hidden {
  display: none !important;
}
#tailwindStyles .hidden {
  display: none;
}
#tailwindStyles .flex-full {
  flex: 1 1 100%;
}
#tailwindStyles .rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#tailwindStyles .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#tailwindStyles .resize {
  resize: both;
}
#tailwindStyles .flex-row {
  flex-direction: row;
}
#tailwindStyles .flex-col {
  flex-direction: column;
}
#tailwindStyles .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#tailwindStyles .border {
  border-width: 0.0625rem;
}
#tailwindStyles .font-normal {
  font-weight: 400;
}
#tailwindStyles .lowercase {
  text-transform: lowercase;
}
#tailwindStyles .shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#tailwindStyles .outline {
  outline-style: solid;
}
#tailwindStyles .ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#tailwindStyles .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#tailwindStyles .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#tailwindStyles .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#tailwindStyles .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#tailwindStyles .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
#tailwindStyles .w-full {
  width: 100%;
}
#tailwindStyles .max-w-1\/5 {
  max-width: 20%;
}
#tailwindStyles .h-full {
  height: 100%;
}
#tailwindStyles .gap-12 {
  gap: 0.75rem;
}
#tailwindStyles .gap-16 {
  gap: 1rem;
}
#tailwindStyles  .flex-start-start {
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-end {
  align-content: flex-end;
  align-items: flex-end;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-center {
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
#tailwindStyles  .flex-start-stretch {
  align-content: stretch;
  align-items: stretch;
  justify-content: flex-start;
}
#tailwindStyles  .flex-end-center {
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}
#tailwindStyles  .flex-center-center {
  align-content: center;
  align-items: center;
  justify-content: center;
}
#tailwindStyles  .flex-between-end {
  align-content: flex-end;
  align-items: flex-end;
  justify-content: space-between;
}
#tailwindStyles  .flex-between-center {
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
#tailwindStyles  .flex-between-stretch {
  align-content: stretch;
  align-items: stretch;
  justify-content: space-between;
}
@media not all and (min-width: 960px) {
  #tailwindStyles .max-md\:hidden {
    display: none;
  }
}
@media (min-width: 600px) {
  #tailwindStyles .sm\:inline {
    display: inline;
  }
  #tailwindStyles .sm\:flex {
    display: flex;
  }
}
@media (min-width: 960px) {
  #tailwindStyles .md\:hidden {
    display: none;
  }
  #tailwindStyles .md\:max-w-none {
    max-width: none;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/designSystem/core-components.scss?ngGlobalStyle (2) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[contenteditable] {
  outline: 0px solid transparent;
}

.neutral--Grey-900 {
  background-color: #111827;
}

.textPrimary {
  color: #111827;
}

.neutral--Grey-800 {
  background-color: #1f2937;
}

.neutral--Grey-700 {
  background-color: #374151;
}

.neutral--Grey-600 {
  background-color: #4b5563;
}

.neutral--Grey-500 {
  background-color: #6b7280;
}

.textSecondary {
  color: #6b7280;
}

.neutral--Grey-400 {
  background-color: #9ca3af;
}

.textDisabled {
  color: #9ca3af;
}

.neutralFocused {
  background-color: #9ca3af;
}

.neutral--Grey-300 {
  background-color: #d1d5db;
}

.borderDark {
  background-color: #d1d5db;
}

.neutralHover {
  background-color: #d1d5db;
}

.neutral--Grey-200 {
  background-color: #e5e7eb;
}

.borderLight {
  background-color: #e5e7eb;
}

.neutralDefault {
  background-color: #e5e7eb;
}

.disabledDefault {
  background-color: #e5e7eb;
}

.neutral--Grey-100 {
  background-color: #f3f4f6;
}

.neutral--Grey-50 {
  background-color: #fcfcfc;
}

.neutral--Grey-0 {
  background-color: #fff;
}

.textContrast {
  color: #fff;
}

.brand--Darker {
  background-color: #3843ff;
}

.textLink {
  color: #3843ff;
}

.primaryFocused {
  background-color: #3843ff;
}

.brand--Dark {
  background-color: #4958ff;
}

.primaryHover {
  background-color: #4958ff;
}

.brand--Medium {
  background-color: #5667ff;
}

.borderActive {
  background-color: #5667ff;
}

.primaryDefault {
  background-color: #5667ff;
}

.brand--Light {
  background-color: #ccd1ff;
}

.secondaryFocused {
  background-color: #ccd1ff;
}

.brand--Lighter {
  background-color: #e1e4ff;
}

.secondaryHover {
  background-color: #e1e4ff;
}

.brand--Lightest {
  background-color: #eeefff;
}

.textLightest {
  color: #eeefff;
}

.secondaryDefault {
  background-color: #eeefff;
}

.urgent--Dark {
  background-color: #844002;
}

.urgentText--Dark {
  color: #844002;
}

.urgent--Medium {
  background-color: #ef9644;
}

.urgentText--Medium {
  color: #ef9644;
}

.urgent--Light {
  background-color: #ffc28a;
}

.urgentText--Light {
  color: #ffc28a;
}

.urgent--Lighter {
  background-color: #ffead6;
}

.urgentText--Lighter {
  color: #ffead6;
}

.danger--Dark {
  background-color: #832e1b;
}

.dangerText--Dark {
  color: #832e1b;
}

.danger--Medium {
  background-color: #ef6344;
}

.dangerText--Medium {
  color: #ef6344;
}

.danger--Light {
  background-color: #f2c7b5;
}

.dangerText--Light {
  color: #f2c7b5;
}

.danger--Lighter {
  background-color: #fae9e5;
}

.dangerText--Lighter {
  color: #fae9e5;
}

.warning--Dark {
  background-color: #7f5a11;
}

.warningText--Dark {
  color: #7f5a11;
}

.warning--Medium {
  background-color: #edd34a;
}

.warningText--Medium {
  color: #edd34a;
}

.warning--Light {
  background-color: #faf3bb;
}

.warningText--Light {
  color: #faf3bb;
}

.warning--Lighter {
  background-color: #fffde4;
}

.warningText--Lighter {
  color: #fffde4;
}

.success--Dark {
  background-color: #215232;
}

.successText--Dark {
  color: #215232;
}

.success--Medium {
  background-color: #42bd56;
}

.successText--Medium {
  color: #42bd56;
}

.success--Light {
  background-color: #bde7b3;
}

.successText--Light {
  color: #bde7b3;
}

.success--Lighter {
  background-color: #e2f4de;
}

.successText--Lighter {
  color: #e2f4de;
}

.info--Dark {
  background-color: #144e70;
}

.infoText--Dark {
  color: #144e70;
}

.textInfoDark {
  color: #144e70;
}

.info--Medium {
  background-color: #69bde2;
}

.infoText--Medium {
  color: #69bde2;
}

.info--Light {
  background-color: #b7dbed;
}

.infoText--Light {
  color: #b7dbed;
}

.info--Lighter {
  background-color: #e3f3fd;
}

.infoText--Lighter {
  color: #e3f3fd;
}

.surface--3 {
  background-color: #f3f4f6;
}

.surface--2 {
  background-color: #fcfcfc;
}

.surface--1 {
  background-color: #fff;
}

.highlight--Dark {
  background-color: #561068;
}

.highlightText--Dark {
  color: #561068;
}

.textHighlightDark {
  color: #561068;
}

.highlight--Medium {
  background-color: #d372eb;
}

.highlightText--Medium {
  color: #d372eb;
}

.textHighlightMedium {
  color: #d372eb;
}

.highlight--Light {
  background-color: #ebb2f9;
}

.highlightText--Light {
  color: #ebb2f9;
}

.highlight--Lighter {
  background-color: #f1d8f7;
}

.highlightText--Lighter {
  color: #f1d8f7;
}

@font-face {
  font-family: "GeneralSansRegular";
  src: url('GeneralSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans";
  src: url('GeneralSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}
h1,
.title1 {
  font-family: Chivo;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.25rem;
}
@media (max-width: 600px) {
  h1,
  .title1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h2,
.title2 {
  font-family: Chivo;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
}
@media (max-width: 600px) {
  h2,
  .title2 {
    font-size: 1.25rem;
    line-height: 1.375rem;
  }
}

h3,
.title3 {
  font-family: Chivo;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.75rem;
}
@media (max-width: 600px) {
  h3,
  .title3 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

h4,
.title4 {
  font-family: Chivo;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  h4,
  .title4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.s1,
.subtitle1 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
}
@media (max-width: 600px) {
  .s1,
  .subtitle1 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

.s2,
.subtitle2 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}
@media (max-width: 600px) {
  .s2,
  .subtitle2 {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.s3,
.subtitle3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .s3,
  .subtitle3 {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.s3.bold,
.s3 .bold,
.subtitle3.bold,
.subtitle3 .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.button-large {
  font-size: 1rem;
  font-family: "GeneralSansRegular", sans-serif;
  font-weight: 400;
  line-height: 1rem;
}
@media (max-width: 600px) {
  .button-large {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.button-small {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .button-small {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.body-large,
.body2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  .body-large,
  .body2 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.body-large.bold,
.body-large .bold,
.body2.bold,
.body2 .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.body-small,
.caption {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
@media (max-width: 600px) {
  .body-small,
  .caption {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.body-small.bold,
.body-small .bold,
.caption.bold,
.caption .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

.tiny {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.75rem;
}
@media (max-width: 600px) {
  .tiny {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.tiny.bold,
.tiny .bold {
  font-family: "GeneralSans", sans-serif;
  font-weight: 500;
}

p,
h1,
h2,
h3,
h4,
a,
div,
input,
span,
label {
  margin: 0;
}

i-tabler {
  stroke-width: 1.2px !important;
  display: flex;
}
i-tabler.xLarge {
  width: 40px;
  height: 40px;
}
i-tabler.large {
  width: 24px;
  height: 24px;
}
i-tabler.medium {
  width: 20px;
  height: 20px;
}
i-tabler.small {
  width: 16px;
  height: 16px;
}
i-tabler.xs {
  width: 12px;
  height: 12px;
}

body,
textarea {
  font-family: "GeneralSansRegular", sans-serif;
  font-size: 1rem;
  margin: 0;
}
body input,
textarea input {
  font-size: 100%;
}

.wrap-selection {
  display: inline-flex;
  flex-direction: column;
  gap: 64px;
  min-width: 444px;
  width: 100%;
}
@media (max-width: 600px) {
  .wrap-selection {
    min-width: unset;
  }
}
.wrap-selection .label2 {
  display: flex;
  align-items: center;
}
.wrap-selection .label2 > span {
  margin-left: 8px;
  text-transform: capitalize;
  display: flex;
  padding: 4px 10px;
  background-color: rgba(229, 231, 235, 0.1);
  border-radius: 12px;
}

.field,
.box,
.select,
.list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}
.field.disabled,
.box.disabled,
.select.disabled,
.list.disabled {
  color: rgba(31, 41, 55, 0.4);
}
.field.disabled label,
.box.disabled label,
.select.disabled label,
.list.disabled label {
  color: rgba(31, 41, 55, 0.4);
}
.field.disabled input,
.box.disabled input,
.select.disabled input,
.list.disabled input {
  pointer-events: none;
}
.field.disabled .content-field,
.box.disabled .content-field,
.select.disabled .content-field,
.list.disabled .content-field {
  background-color: #f3f4f6;
}
.field ::placeholder,
.box ::placeholder,
.select ::placeholder,
.list ::placeholder {
  color: rgba(31, 41, 55, 0.4);
}
.field label,
.box label,
.select label,
.list label {
  color: #1f2937;
}
.field label.disabled,
.box label.disabled,
.select label.disabled,
.list label.disabled {
  color: rgba(31, 41, 55, 0.4);
}
.field .content-field,
.box .content-field,
.select .content-field,
.list .content-field {
  width: 100%;
  height: 100%;
  border: 1px solid #d1d5db;
  padding: 8px;
  border-radius: 4px;
  overflow: auto;
}
.field .content-field > div,
.box .content-field > div,
.select .content-field > div,
.list .content-field > div {
  height: 100%;
  width: 100%;
}
.field > div,
.box > div,
.select > div,
.list > div {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.field > div > i-tabler,
.box > div > i-tabler,
.select > div > i-tabler,
.list > div > i-tabler {
  position: absolute;
  right: 8px;
}
.field > div.leadingIcon,
.box > div.leadingIcon,
.select > div.leadingIcon,
.list > div.leadingIcon {
  color: #6b7280;
}
.field > div.leadingIcon > i-tabler,
.box > div.leadingIcon > i-tabler,
.select > div.leadingIcon > i-tabler,
.list > div.leadingIcon > i-tabler {
  left: 16px;
}
.field > div.leadingIcon input,
.field > div.leadingIcon .input,
.box > div.leadingIcon input,
.box > div.leadingIcon .input,
.select > div.leadingIcon input,
.select > div.leadingIcon .input,
.list > div.leadingIcon input,
.list > div.leadingIcon .input {
  color: #6b7280;
  padding-left: 48px;
}
.field.combined > div > i-tabler,
.box.combined > div > i-tabler,
.select.combined > div > i-tabler,
.list.combined > div > i-tabler {
  border-radius: 4px;
  box-shadow: 0 0 0 1px inset #d1d5db;
  position: unset;
  padding: 8px 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
  display: flex;
}
.field .input,
.box .input,
.select .input,
.list .input {
  text-overflow: ellipsis;
  outline: unset;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 1px inset #d1d5db;
  justify-content: center;
  padding: 8px;
  line-height: 150%;
  align-items: center;
  width: 100%;
}
.field .input.trailingIcon,
.box .input.trailingIcon,
.select .input.trailingIcon,
.list .input.trailingIcon {
  padding-right: 40px;
}
.field .input:focus, .field .input.active,
.box .input:focus,
.box .input.active,
.select .input:focus,
.select .input.active,
.list .input:focus,
.list .input.active {
  box-shadow: 0 0 0 2px inset #4958ff;
}
.field .input:disabled,
.box .input:disabled,
.select .input:disabled,
.list .input:disabled {
  color: rgba(31, 41, 55, 0.4);
}

.box {
  flex-direction: row;
  gap: 40px;
}
.box input {
  text-align: center;
  border-radius: 8px;
  width: 100px;
  height: 152px;
}

.combined > div {
  display: flex;
}
.combined.leading .input {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.combined.leading input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.combined.trailing .input {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.combined.trailing input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select {
  display: flex;
  flex-direction: column;
}
.select .wrap-select {
  position: relative;
  display: flex;
  align-items: center;
}
.select .wrap-select i-tabler {
  right: 8px;
  position: absolute;
}
.select .select-dropdown {
  position: relative;
}
.select .select-dropdown > div {
  display: flex;
  flex-direction: column;
  position: absolute;
  max-height: 344px;
  overflow: auto;
  box-shadow: 0px 8px 24px rgba(34, 34, 34, 0.15);
  background-color: white;
  z-index: 1;
  -webkit-appearance: none;
  outline: none;
  min-width: 150px;
}
.select .select-dropdown > div .split {
  border-top: 1px solid #e3e2e1;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: -20px;
}
.select .select-dropdown > div > div {
  padding: 18px;
}
.select .select-dropdown > div > div.selected {
  background-color: #5667ff;
  color: white;
}
.select .select-dropdown > div > div:hover {
  cursor: pointer;
  background-color: #3843ff;
  color: white;
}
.select .select-dropdown > div > div i {
  opacity: 0.5;
  font-size: 0.8rem;
}

.steps {
  flex-direction: column;
  display: inline-flex;
  gap: 4px;
  width: 100%;
}
.steps .bar {
  height: 6px;
  border-radius: 4px;
  background-color: #eeefff;
  align-self: stretch;
}
.steps .bar.active {
  background-color: #1f2937;
}
.steps > label {
  text-transform: uppercase;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.progress-bar > div {
  display: flex;
  gap: 4px;
}
.progress-bar > div app-steps {
  width: 100%;
}

.slider {
  width: 100%;
  max-width: 440px;
  padding: 16px 12px;
  background-color: #f3f4f6;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 8px;
}
.slider > div {
  display: flex;
  flex-direction: column;
}
.slider > div > div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.slider > div > div .caption {
  opacity: 0.4;
  text-transform: uppercase;
}
.slider .mat-slider {
  width: 100%;
}
.slider .mat-slider.default-slider .mat-slider-thumb {
  transform: scale(1);
  background-color: #5667ff !important;
  border-color: #5667ff !important;
  height: 24px;
  width: 24px;
  right: -12px;
  bottom: -13px;
}
.slider .mat-slider.default-slider .mat-slider-wrapper {
  left: 0;
  right: 0;
}
.slider .mat-slider.default-slider .mat-slider-track-wrapper {
  background-color: unset;
  height: 5px;
  border-radius: 5px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.slider .mat-slider.default-slider .mat-slider-track-wrapper::before, .slider .mat-slider.default-slider .mat-slider-track-wrapper::after {
  content: "";
  background-color: rgba(86, 103, 255, 0.4);
  height: 5px;
  width: 5px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
}
.slider .mat-slider.default-slider .mat-slider-track-wrapper::after {
  left: unset;
  right: 0;
}
.slider .mat-slider.default-slider .mat-slider-track-wrapper div:nth-child(1)::before {
  content: "";
  background-color: rgba(86, 103, 255, 0.4);
  height: 5px;
  width: 5px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  left: calc(50% - 2px);
}
.slider .mat-slider.default-slider .mat-slider-track-wrapper > div {
  display: flex;
  align-items: center;
  transform: unset !important;
  height: 5px;
  background-color: #eeefff;
}

.widgets .agent,
.widgets .profile-strength {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: right;
}
.widgets .agent > div,
.widgets .profile-strength > div {
  max-width: 172px;
  color: #1f2937;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.widgets .agent > div .caption,
.widgets .profile-strength > div .caption {
  opacity: 0.4;
  margin-bottom: -1px;
}
.widgets .agent > div .body2,
.widgets .profile-strength > div .body2 {
  color: #4958ff;
}
.widgets .agent img,
.widgets .profile-strength img {
  border-radius: 100%;
  height: 58px;
  width: 58px;
}
.widgets .agent .circle,
.widgets .profile-strength .circle {
  height: 74px;
  width: 74px;
}
.widgets .agent .circle circle-progress,
.widgets .profile-strength .circle circle-progress {
  height: 74px;
  width: 74px;
  display: block;
}
.widgets .agent .circle circle-progress tspan,
.widgets .profile-strength .circle circle-progress tspan {
  fill: #1f2937;
  font-size: 3rem;
  font-weight: 500;
}
.widgets .agent .circle circle-progress path,
.widgets .profile-strength .circle circle-progress path {
  stroke: #1f2937;
  stroke-width: 12px;
}
.widgets .agent .circle circle-progress circle,
.widgets .profile-strength .circle circle-progress circle {
  stroke: #eeefff;
}

.select-items {
  position: relative;
  display: flex;
  min-height: 24px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  cursor: pointer;
}
.select-items > div {
  display: flex;
}
.select-items .mat-slide-toggle .mat-slide-toggle-bar {
  height: 24px;
  width: 44px;
  display: flex;
  align-items: center;
  border-radius: 24px;
  background-color: #d1d5db;
}
.select-items .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb-container {
  position: unset;
  height: 18px;
  width: 18px;
  margin-left: 3px;
}
.select-items .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 18px;
  width: 18px;
}
.select-items .mat-slide-toggle .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-ripple {
  display: none;
}
.select-items .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #5667ff;
}
.select-items .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
  box-shadow: 0;
}
.select-items .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(20px, 0, 0);
}

.buttons {
  cursor: pointer;
  display: inline-flex;
  padding: 12px;
  background-color: #f3f4f6;
  border-radius: 4px;
  align-items: center;
}
.buttons:hover {
  background-color: rgba(229, 231, 235, 0.1);
}
.buttons.active {
  background-color: #eeefff;
}
.buttons.active:hover {
  background-color: #5667ff;
}
.buttons.description {
  min-width: 180px;
  align-items: flex-start;
  width: 100%;
}
.buttons > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 2px 0;
}
.buttons .checkmark {
  pointer-events: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flag-icons/css/flag-icons.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url('xx.svg')}.fi-xx.fis{background-image:url('_-flags-1x1-xx.svg')}.fi-ad{background-image:url('ad.svg')}.fi-ad.fis{background-image:url('_-flags-1x1-ad.svg')}.fi-ae{background-image:url('ae.svg')}.fi-ae.fis{background-image:url('_-flags-1x1-ae.svg')}.fi-af{background-image:url('af.svg')}.fi-af.fis{background-image:url('_-flags-1x1-af.svg')}.fi-ag{background-image:url('ag.svg')}.fi-ag.fis{background-image:url('_-flags-1x1-ag.svg')}.fi-ai{background-image:url('ai.svg')}.fi-ai.fis{background-image:url('_-flags-1x1-ai.svg')}.fi-al{background-image:url('al.svg')}.fi-al.fis{background-image:url('_-flags-1x1-al.svg')}.fi-am{background-image:url('am.svg')}.fi-am.fis{background-image:url('_-flags-1x1-am.svg')}.fi-ao{background-image:url('ao.svg')}.fi-ao.fis{background-image:url('_-flags-1x1-ao.svg')}.fi-aq{background-image:url('aq.svg')}.fi-aq.fis{background-image:url('_-flags-1x1-aq.svg')}.fi-ar{background-image:url('ar.svg')}.fi-ar.fis{background-image:url('_-flags-1x1-ar.svg')}.fi-as{background-image:url('as.svg')}.fi-as.fis{background-image:url('_-flags-1x1-as.svg')}.fi-at{background-image:url('at.svg')}.fi-at.fis{background-image:url('_-flags-1x1-at.svg')}.fi-au{background-image:url('au.svg')}.fi-au.fis{background-image:url('_-flags-1x1-au.svg')}.fi-aw{background-image:url('aw.svg')}.fi-aw.fis{background-image:url('_-flags-1x1-aw.svg')}.fi-ax{background-image:url('ax.svg')}.fi-ax.fis{background-image:url('_-flags-1x1-ax.svg')}.fi-az{background-image:url('az.svg')}.fi-az.fis{background-image:url('_-flags-1x1-az.svg')}.fi-ba{background-image:url('ba.svg')}.fi-ba.fis{background-image:url('_-flags-1x1-ba.svg')}.fi-bb{background-image:url('bb.svg')}.fi-bb.fis{background-image:url('_-flags-1x1-bb.svg')}.fi-bd{background-image:url('bd.svg')}.fi-bd.fis{background-image:url('_-flags-1x1-bd.svg')}.fi-be{background-image:url('be.svg')}.fi-be.fis{background-image:url('_-flags-1x1-be.svg')}.fi-bf{background-image:url('bf.svg')}.fi-bf.fis{background-image:url('_-flags-1x1-bf.svg')}.fi-bg{background-image:url('bg.svg')}.fi-bg.fis{background-image:url('_-flags-1x1-bg.svg')}.fi-bh{background-image:url('bh.svg')}.fi-bh.fis{background-image:url('_-flags-1x1-bh.svg')}.fi-bi{background-image:url('bi.svg')}.fi-bi.fis{background-image:url('_-flags-1x1-bi.svg')}.fi-bj{background-image:url('bj.svg')}.fi-bj.fis{background-image:url('_-flags-1x1-bj.svg')}.fi-bl{background-image:url('bl.svg')}.fi-bl.fis{background-image:url('_-flags-1x1-bl.svg')}.fi-bm{background-image:url('bm.svg')}.fi-bm.fis{background-image:url('_-flags-1x1-bm.svg')}.fi-bn{background-image:url('bn.svg')}.fi-bn.fis{background-image:url('_-flags-1x1-bn.svg')}.fi-bo{background-image:url('bo.svg')}.fi-bo.fis{background-image:url('_-flags-1x1-bo.svg')}.fi-bq{background-image:url('bq.svg')}.fi-bq.fis{background-image:url('_-flags-1x1-bq.svg')}.fi-br{background-image:url('br.svg')}.fi-br.fis{background-image:url('_-flags-1x1-br.svg')}.fi-bs{background-image:url('bs.svg')}.fi-bs.fis{background-image:url('_-flags-1x1-bs.svg')}.fi-bt{background-image:url('bt.svg')}.fi-bt.fis{background-image:url('_-flags-1x1-bt.svg')}.fi-bv{background-image:url('bv.svg')}.fi-bv.fis{background-image:url('_-flags-1x1-bv.svg')}.fi-bw{background-image:url('bw.svg')}.fi-bw.fis{background-image:url('_-flags-1x1-bw.svg')}.fi-by{background-image:url('by.svg')}.fi-by.fis{background-image:url('_-flags-1x1-by.svg')}.fi-bz{background-image:url('bz.svg')}.fi-bz.fis{background-image:url('_-flags-1x1-bz.svg')}.fi-ca{background-image:url('ca.svg')}.fi-ca.fis{background-image:url('_-flags-1x1-ca.svg')}.fi-cc{background-image:url('cc.svg')}.fi-cc.fis{background-image:url('_-flags-1x1-cc.svg')}.fi-cd{background-image:url('cd.svg')}.fi-cd.fis{background-image:url('_-flags-1x1-cd.svg')}.fi-cf{background-image:url('cf.svg')}.fi-cf.fis{background-image:url('_-flags-1x1-cf.svg')}.fi-cg{background-image:url('cg.svg')}.fi-cg.fis{background-image:url('_-flags-1x1-cg.svg')}.fi-ch{background-image:url('ch.svg')}.fi-ch.fis{background-image:url('_-flags-1x1-ch.svg')}.fi-ci{background-image:url('ci.svg')}.fi-ci.fis{background-image:url('_-flags-1x1-ci.svg')}.fi-ck{background-image:url('ck.svg')}.fi-ck.fis{background-image:url('_-flags-1x1-ck.svg')}.fi-cl{background-image:url('cl.svg')}.fi-cl.fis{background-image:url('_-flags-1x1-cl.svg')}.fi-cm{background-image:url('cm.svg')}.fi-cm.fis{background-image:url('_-flags-1x1-cm.svg')}.fi-cn{background-image:url('cn.svg')}.fi-cn.fis{background-image:url('_-flags-1x1-cn.svg')}.fi-co{background-image:url('co.svg')}.fi-co.fis{background-image:url('_-flags-1x1-co.svg')}.fi-cr{background-image:url('cr.svg')}.fi-cr.fis{background-image:url('_-flags-1x1-cr.svg')}.fi-cu{background-image:url('cu.svg')}.fi-cu.fis{background-image:url('_-flags-1x1-cu.svg')}.fi-cv{background-image:url('cv.svg')}.fi-cv.fis{background-image:url('_-flags-1x1-cv.svg')}.fi-cw{background-image:url('cw.svg')}.fi-cw.fis{background-image:url('_-flags-1x1-cw.svg')}.fi-cx{background-image:url('cx.svg')}.fi-cx.fis{background-image:url('_-flags-1x1-cx.svg')}.fi-cy{background-image:url('cy.svg')}.fi-cy.fis{background-image:url('_-flags-1x1-cy.svg')}.fi-cz{background-image:url('cz.svg')}.fi-cz.fis{background-image:url('_-flags-1x1-cz.svg')}.fi-de{background-image:url('de.svg')}.fi-de.fis{background-image:url('_-flags-1x1-de.svg')}.fi-dj{background-image:url('dj.svg')}.fi-dj.fis{background-image:url('_-flags-1x1-dj.svg')}.fi-dk{background-image:url('dk.svg')}.fi-dk.fis{background-image:url('_-flags-1x1-dk.svg')}.fi-dm{background-image:url('dm.svg')}.fi-dm.fis{background-image:url('_-flags-1x1-dm.svg')}.fi-do{background-image:url('do.svg')}.fi-do.fis{background-image:url('_-flags-1x1-do.svg')}.fi-dz{background-image:url('dz.svg')}.fi-dz.fis{background-image:url('_-flags-1x1-dz.svg')}.fi-ec{background-image:url('ec.svg')}.fi-ec.fis{background-image:url('_-flags-1x1-ec.svg')}.fi-ee{background-image:url('ee.svg')}.fi-ee.fis{background-image:url('_-flags-1x1-ee.svg')}.fi-eg{background-image:url('eg.svg')}.fi-eg.fis{background-image:url('_-flags-1x1-eg.svg')}.fi-eh{background-image:url('eh.svg')}.fi-eh.fis{background-image:url('_-flags-1x1-eh.svg')}.fi-er{background-image:url('er.svg')}.fi-er.fis{background-image:url('_-flags-1x1-er.svg')}.fi-es{background-image:url('es.svg')}.fi-es.fis{background-image:url('_-flags-1x1-es.svg')}.fi-et{background-image:url('et.svg')}.fi-et.fis{background-image:url('_-flags-1x1-et.svg')}.fi-fi{background-image:url('fi.svg')}.fi-fi.fis{background-image:url('_-flags-1x1-fi.svg')}.fi-fj{background-image:url('fj.svg')}.fi-fj.fis{background-image:url('_-flags-1x1-fj.svg')}.fi-fk{background-image:url('fk.svg')}.fi-fk.fis{background-image:url('_-flags-1x1-fk.svg')}.fi-fm{background-image:url('fm.svg')}.fi-fm.fis{background-image:url('_-flags-1x1-fm.svg')}.fi-fo{background-image:url('fo.svg')}.fi-fo.fis{background-image:url('_-flags-1x1-fo.svg')}.fi-fr{background-image:url('fr.svg')}.fi-fr.fis{background-image:url('_-flags-1x1-fr.svg')}.fi-ga{background-image:url('ga.svg')}.fi-ga.fis{background-image:url('_-flags-1x1-ga.svg')}.fi-gb{background-image:url('gb.svg')}.fi-gb.fis{background-image:url('_-flags-1x1-gb.svg')}.fi-gd{background-image:url('gd.svg')}.fi-gd.fis{background-image:url('_-flags-1x1-gd.svg')}.fi-ge{background-image:url('ge.svg')}.fi-ge.fis{background-image:url('_-flags-1x1-ge.svg')}.fi-gf{background-image:url('gf.svg')}.fi-gf.fis{background-image:url('_-flags-1x1-gf.svg')}.fi-gg{background-image:url('gg.svg')}.fi-gg.fis{background-image:url('_-flags-1x1-gg.svg')}.fi-gh{background-image:url('gh.svg')}.fi-gh.fis{background-image:url('_-flags-1x1-gh.svg')}.fi-gi{background-image:url('gi.svg')}.fi-gi.fis{background-image:url('_-flags-1x1-gi.svg')}.fi-gl{background-image:url('gl.svg')}.fi-gl.fis{background-image:url('_-flags-1x1-gl.svg')}.fi-gm{background-image:url('gm.svg')}.fi-gm.fis{background-image:url('_-flags-1x1-gm.svg')}.fi-gn{background-image:url('gn.svg')}.fi-gn.fis{background-image:url('_-flags-1x1-gn.svg')}.fi-gp{background-image:url('gp.svg')}.fi-gp.fis{background-image:url('_-flags-1x1-gp.svg')}.fi-gq{background-image:url('gq.svg')}.fi-gq.fis{background-image:url('_-flags-1x1-gq.svg')}.fi-gr{background-image:url('gr.svg')}.fi-gr.fis{background-image:url('_-flags-1x1-gr.svg')}.fi-gs{background-image:url('gs.svg')}.fi-gs.fis{background-image:url('_-flags-1x1-gs.svg')}.fi-gt{background-image:url('gt.svg')}.fi-gt.fis{background-image:url('_-flags-1x1-gt.svg')}.fi-gu{background-image:url('gu.svg')}.fi-gu.fis{background-image:url('_-flags-1x1-gu.svg')}.fi-gw{background-image:url('gw.svg')}.fi-gw.fis{background-image:url('_-flags-1x1-gw.svg')}.fi-gy{background-image:url('gy.svg')}.fi-gy.fis{background-image:url('_-flags-1x1-gy.svg')}.fi-hk{background-image:url('hk.svg')}.fi-hk.fis{background-image:url('_-flags-1x1-hk.svg')}.fi-hm{background-image:url('hm.svg')}.fi-hm.fis{background-image:url('_-flags-1x1-hm.svg')}.fi-hn{background-image:url('hn.svg')}.fi-hn.fis{background-image:url('_-flags-1x1-hn.svg')}.fi-hr{background-image:url('hr.svg')}.fi-hr.fis{background-image:url('_-flags-1x1-hr.svg')}.fi-ht{background-image:url('ht.svg')}.fi-ht.fis{background-image:url('_-flags-1x1-ht.svg')}.fi-hu{background-image:url('hu.svg')}.fi-hu.fis{background-image:url('_-flags-1x1-hu.svg')}.fi-id{background-image:url('id.svg')}.fi-id.fis{background-image:url('_-flags-1x1-id.svg')}.fi-ie{background-image:url('ie.svg')}.fi-ie.fis{background-image:url('_-flags-1x1-ie.svg')}.fi-il{background-image:url('il.svg')}.fi-il.fis{background-image:url('_-flags-1x1-il.svg')}.fi-im{background-image:url('im.svg')}.fi-im.fis{background-image:url('_-flags-1x1-im.svg')}.fi-in{background-image:url('in.svg')}.fi-in.fis{background-image:url('_-flags-1x1-in.svg')}.fi-io{background-image:url('io.svg')}.fi-io.fis{background-image:url('_-flags-1x1-io.svg')}.fi-iq{background-image:url('iq.svg')}.fi-iq.fis{background-image:url('_-flags-1x1-iq.svg')}.fi-ir{background-image:url('ir.svg')}.fi-ir.fis{background-image:url('_-flags-1x1-ir.svg')}.fi-is{background-image:url('is.svg')}.fi-is.fis{background-image:url('_-flags-1x1-is.svg')}.fi-it{background-image:url('it.svg')}.fi-it.fis{background-image:url('_-flags-1x1-it.svg')}.fi-je{background-image:url('je.svg')}.fi-je.fis{background-image:url('_-flags-1x1-je.svg')}.fi-jm{background-image:url('jm.svg')}.fi-jm.fis{background-image:url('_-flags-1x1-jm.svg')}.fi-jo{background-image:url('jo.svg')}.fi-jo.fis{background-image:url('_-flags-1x1-jo.svg')}.fi-jp{background-image:url('jp.svg')}.fi-jp.fis{background-image:url('_-flags-1x1-jp.svg')}.fi-ke{background-image:url('ke.svg')}.fi-ke.fis{background-image:url('_-flags-1x1-ke.svg')}.fi-kg{background-image:url('kg.svg')}.fi-kg.fis{background-image:url('_-flags-1x1-kg.svg')}.fi-kh{background-image:url('kh.svg')}.fi-kh.fis{background-image:url('_-flags-1x1-kh.svg')}.fi-ki{background-image:url('ki.svg')}.fi-ki.fis{background-image:url('_-flags-1x1-ki.svg')}.fi-km{background-image:url('km.svg')}.fi-km.fis{background-image:url('_-flags-1x1-km.svg')}.fi-kn{background-image:url('kn.svg')}.fi-kn.fis{background-image:url('_-flags-1x1-kn.svg')}.fi-kp{background-image:url('kp.svg')}.fi-kp.fis{background-image:url('_-flags-1x1-kp.svg')}.fi-kr{background-image:url('kr.svg')}.fi-kr.fis{background-image:url('_-flags-1x1-kr.svg')}.fi-kw{background-image:url('kw.svg')}.fi-kw.fis{background-image:url('_-flags-1x1-kw.svg')}.fi-ky{background-image:url('ky.svg')}.fi-ky.fis{background-image:url('_-flags-1x1-ky.svg')}.fi-kz{background-image:url('kz.svg')}.fi-kz.fis{background-image:url('_-flags-1x1-kz.svg')}.fi-la{background-image:url('la.svg')}.fi-la.fis{background-image:url('_-flags-1x1-la.svg')}.fi-lb{background-image:url('lb.svg')}.fi-lb.fis{background-image:url('_-flags-1x1-lb.svg')}.fi-lc{background-image:url('lc.svg')}.fi-lc.fis{background-image:url('_-flags-1x1-lc.svg')}.fi-li{background-image:url('li.svg')}.fi-li.fis{background-image:url('_-flags-1x1-li.svg')}.fi-lk{background-image:url('lk.svg')}.fi-lk.fis{background-image:url('_-flags-1x1-lk.svg')}.fi-lr{background-image:url('lr.svg')}.fi-lr.fis{background-image:url('_-flags-1x1-lr.svg')}.fi-ls{background-image:url('ls.svg')}.fi-ls.fis{background-image:url('_-flags-1x1-ls.svg')}.fi-lt{background-image:url('lt.svg')}.fi-lt.fis{background-image:url('_-flags-1x1-lt.svg')}.fi-lu{background-image:url('lu.svg')}.fi-lu.fis{background-image:url('_-flags-1x1-lu.svg')}.fi-lv{background-image:url('lv.svg')}.fi-lv.fis{background-image:url('_-flags-1x1-lv.svg')}.fi-ly{background-image:url('ly.svg')}.fi-ly.fis{background-image:url('_-flags-1x1-ly.svg')}.fi-ma{background-image:url('ma.svg')}.fi-ma.fis{background-image:url('_-flags-1x1-ma.svg')}.fi-mc{background-image:url('mc.svg')}.fi-mc.fis{background-image:url('_-flags-1x1-mc.svg')}.fi-md{background-image:url('md.svg')}.fi-md.fis{background-image:url('_-flags-1x1-md.svg')}.fi-me{background-image:url('me.svg')}.fi-me.fis{background-image:url('_-flags-1x1-me.svg')}.fi-mf{background-image:url('mf.svg')}.fi-mf.fis{background-image:url('_-flags-1x1-mf.svg')}.fi-mg{background-image:url('mg.svg')}.fi-mg.fis{background-image:url('_-flags-1x1-mg.svg')}.fi-mh{background-image:url('mh.svg')}.fi-mh.fis{background-image:url('_-flags-1x1-mh.svg')}.fi-mk{background-image:url('mk.svg')}.fi-mk.fis{background-image:url('_-flags-1x1-mk.svg')}.fi-ml{background-image:url('ml.svg')}.fi-ml.fis{background-image:url('_-flags-1x1-ml.svg')}.fi-mm{background-image:url('mm.svg')}.fi-mm.fis{background-image:url('_-flags-1x1-mm.svg')}.fi-mn{background-image:url('mn.svg')}.fi-mn.fis{background-image:url('_-flags-1x1-mn.svg')}.fi-mo{background-image:url('mo.svg')}.fi-mo.fis{background-image:url('_-flags-1x1-mo.svg')}.fi-mp{background-image:url('mp.svg')}.fi-mp.fis{background-image:url('_-flags-1x1-mp.svg')}.fi-mq{background-image:url('mq.svg')}.fi-mq.fis{background-image:url('_-flags-1x1-mq.svg')}.fi-mr{background-image:url('mr.svg')}.fi-mr.fis{background-image:url('_-flags-1x1-mr.svg')}.fi-ms{background-image:url('ms.svg')}.fi-ms.fis{background-image:url('_-flags-1x1-ms.svg')}.fi-mt{background-image:url('mt.svg')}.fi-mt.fis{background-image:url('_-flags-1x1-mt.svg')}.fi-mu{background-image:url('mu.svg')}.fi-mu.fis{background-image:url('_-flags-1x1-mu.svg')}.fi-mv{background-image:url('mv.svg')}.fi-mv.fis{background-image:url('_-flags-1x1-mv.svg')}.fi-mw{background-image:url('mw.svg')}.fi-mw.fis{background-image:url('_-flags-1x1-mw.svg')}.fi-mx{background-image:url('mx.svg')}.fi-mx.fis{background-image:url('_-flags-1x1-mx.svg')}.fi-my{background-image:url('my.svg')}.fi-my.fis{background-image:url('_-flags-1x1-my.svg')}.fi-mz{background-image:url('mz.svg')}.fi-mz.fis{background-image:url('_-flags-1x1-mz.svg')}.fi-na{background-image:url('na.svg')}.fi-na.fis{background-image:url('_-flags-1x1-na.svg')}.fi-nc{background-image:url('nc.svg')}.fi-nc.fis{background-image:url('_-flags-1x1-nc.svg')}.fi-ne{background-image:url('ne.svg')}.fi-ne.fis{background-image:url('_-flags-1x1-ne.svg')}.fi-nf{background-image:url('nf.svg')}.fi-nf.fis{background-image:url('_-flags-1x1-nf.svg')}.fi-ng{background-image:url('ng.svg')}.fi-ng.fis{background-image:url('_-flags-1x1-ng.svg')}.fi-ni{background-image:url('ni.svg')}.fi-ni.fis{background-image:url('_-flags-1x1-ni.svg')}.fi-nl{background-image:url('nl.svg')}.fi-nl.fis{background-image:url('_-flags-1x1-nl.svg')}.fi-no{background-image:url('no.svg')}.fi-no.fis{background-image:url('_-flags-1x1-no.svg')}.fi-np{background-image:url('np.svg')}.fi-np.fis{background-image:url('_-flags-1x1-np.svg')}.fi-nr{background-image:url('nr.svg')}.fi-nr.fis{background-image:url('_-flags-1x1-nr.svg')}.fi-nu{background-image:url('nu.svg')}.fi-nu.fis{background-image:url('_-flags-1x1-nu.svg')}.fi-nz{background-image:url('nz.svg')}.fi-nz.fis{background-image:url('_-flags-1x1-nz.svg')}.fi-om{background-image:url('om.svg')}.fi-om.fis{background-image:url('_-flags-1x1-om.svg')}.fi-pa{background-image:url('pa.svg')}.fi-pa.fis{background-image:url('_-flags-1x1-pa.svg')}.fi-pe{background-image:url('pe.svg')}.fi-pe.fis{background-image:url('_-flags-1x1-pe.svg')}.fi-pf{background-image:url('pf.svg')}.fi-pf.fis{background-image:url('_-flags-1x1-pf.svg')}.fi-pg{background-image:url('pg.svg')}.fi-pg.fis{background-image:url('_-flags-1x1-pg.svg')}.fi-ph{background-image:url('ph.svg')}.fi-ph.fis{background-image:url('_-flags-1x1-ph.svg')}.fi-pk{background-image:url('pk.svg')}.fi-pk.fis{background-image:url('_-flags-1x1-pk.svg')}.fi-pl{background-image:url('pl.svg')}.fi-pl.fis{background-image:url('_-flags-1x1-pl.svg')}.fi-pm{background-image:url('pm.svg')}.fi-pm.fis{background-image:url('_-flags-1x1-pm.svg')}.fi-pn{background-image:url('pn.svg')}.fi-pn.fis{background-image:url('_-flags-1x1-pn.svg')}.fi-pr{background-image:url('pr.svg')}.fi-pr.fis{background-image:url('_-flags-1x1-pr.svg')}.fi-ps{background-image:url('ps.svg')}.fi-ps.fis{background-image:url('_-flags-1x1-ps.svg')}.fi-pt{background-image:url('pt.svg')}.fi-pt.fis{background-image:url('_-flags-1x1-pt.svg')}.fi-pw{background-image:url('pw.svg')}.fi-pw.fis{background-image:url('_-flags-1x1-pw.svg')}.fi-py{background-image:url('py.svg')}.fi-py.fis{background-image:url('_-flags-1x1-py.svg')}.fi-qa{background-image:url('qa.svg')}.fi-qa.fis{background-image:url('_-flags-1x1-qa.svg')}.fi-re{background-image:url('re.svg')}.fi-re.fis{background-image:url('_-flags-1x1-re.svg')}.fi-ro{background-image:url('ro.svg')}.fi-ro.fis{background-image:url('_-flags-1x1-ro.svg')}.fi-rs{background-image:url('rs.svg')}.fi-rs.fis{background-image:url('_-flags-1x1-rs.svg')}.fi-ru{background-image:url('ru.svg')}.fi-ru.fis{background-image:url('_-flags-1x1-ru.svg')}.fi-rw{background-image:url('rw.svg')}.fi-rw.fis{background-image:url('_-flags-1x1-rw.svg')}.fi-sa{background-image:url('sa.svg')}.fi-sa.fis{background-image:url('_-flags-1x1-sa.svg')}.fi-sb{background-image:url('sb.svg')}.fi-sb.fis{background-image:url('_-flags-1x1-sb.svg')}.fi-sc{background-image:url('sc.svg')}.fi-sc.fis{background-image:url('_-flags-1x1-sc.svg')}.fi-sd{background-image:url('sd.svg')}.fi-sd.fis{background-image:url('_-flags-1x1-sd.svg')}.fi-se{background-image:url('se.svg')}.fi-se.fis{background-image:url('_-flags-1x1-se.svg')}.fi-sg{background-image:url('sg.svg')}.fi-sg.fis{background-image:url('_-flags-1x1-sg.svg')}.fi-sh{background-image:url('sh.svg')}.fi-sh.fis{background-image:url('_-flags-1x1-sh.svg')}.fi-si{background-image:url('si.svg')}.fi-si.fis{background-image:url('_-flags-1x1-si.svg')}.fi-sj{background-image:url('sj.svg')}.fi-sj.fis{background-image:url('_-flags-1x1-sj.svg')}.fi-sk{background-image:url('sk.svg')}.fi-sk.fis{background-image:url('_-flags-1x1-sk.svg')}.fi-sl{background-image:url('sl.svg')}.fi-sl.fis{background-image:url('_-flags-1x1-sl.svg')}.fi-sm{background-image:url('sm.svg')}.fi-sm.fis{background-image:url('_-flags-1x1-sm.svg')}.fi-sn{background-image:url('sn.svg')}.fi-sn.fis{background-image:url('_-flags-1x1-sn.svg')}.fi-so{background-image:url('so.svg')}.fi-so.fis{background-image:url('_-flags-1x1-so.svg')}.fi-sr{background-image:url('sr.svg')}.fi-sr.fis{background-image:url('_-flags-1x1-sr.svg')}.fi-ss{background-image:url('ss.svg')}.fi-ss.fis{background-image:url('_-flags-1x1-ss.svg')}.fi-st{background-image:url('st.svg')}.fi-st.fis{background-image:url('_-flags-1x1-st.svg')}.fi-sv{background-image:url('sv.svg')}.fi-sv.fis{background-image:url('_-flags-1x1-sv.svg')}.fi-sx{background-image:url('sx.svg')}.fi-sx.fis{background-image:url('_-flags-1x1-sx.svg')}.fi-sy{background-image:url('sy.svg')}.fi-sy.fis{background-image:url('_-flags-1x1-sy.svg')}.fi-sz{background-image:url('sz.svg')}.fi-sz.fis{background-image:url('_-flags-1x1-sz.svg')}.fi-tc{background-image:url('tc.svg')}.fi-tc.fis{background-image:url('_-flags-1x1-tc.svg')}.fi-td{background-image:url('td.svg')}.fi-td.fis{background-image:url('_-flags-1x1-td.svg')}.fi-tf{background-image:url('tf.svg')}.fi-tf.fis{background-image:url('_-flags-1x1-tf.svg')}.fi-tg{background-image:url('tg.svg')}.fi-tg.fis{background-image:url('_-flags-1x1-tg.svg')}.fi-th{background-image:url('th.svg')}.fi-th.fis{background-image:url('_-flags-1x1-th.svg')}.fi-tj{background-image:url('tj.svg')}.fi-tj.fis{background-image:url('_-flags-1x1-tj.svg')}.fi-tk{background-image:url('tk.svg')}.fi-tk.fis{background-image:url('_-flags-1x1-tk.svg')}.fi-tl{background-image:url('tl.svg')}.fi-tl.fis{background-image:url('_-flags-1x1-tl.svg')}.fi-tm{background-image:url('tm.svg')}.fi-tm.fis{background-image:url('_-flags-1x1-tm.svg')}.fi-tn{background-image:url('tn.svg')}.fi-tn.fis{background-image:url('_-flags-1x1-tn.svg')}.fi-to{background-image:url('to.svg')}.fi-to.fis{background-image:url('_-flags-1x1-to.svg')}.fi-tr{background-image:url('tr.svg')}.fi-tr.fis{background-image:url('_-flags-1x1-tr.svg')}.fi-tt{background-image:url('tt.svg')}.fi-tt.fis{background-image:url('_-flags-1x1-tt.svg')}.fi-tv{background-image:url('tv.svg')}.fi-tv.fis{background-image:url('_-flags-1x1-tv.svg')}.fi-tw{background-image:url('tw.svg')}.fi-tw.fis{background-image:url('_-flags-1x1-tw.svg')}.fi-tz{background-image:url('tz.svg')}.fi-tz.fis{background-image:url('_-flags-1x1-tz.svg')}.fi-ua{background-image:url('ua.svg')}.fi-ua.fis{background-image:url('_-flags-1x1-ua.svg')}.fi-ug{background-image:url('ug.svg')}.fi-ug.fis{background-image:url('_-flags-1x1-ug.svg')}.fi-um{background-image:url('um.svg')}.fi-um.fis{background-image:url('_-flags-1x1-um.svg')}.fi-us{background-image:url('us.svg')}.fi-us.fis{background-image:url('_-flags-1x1-us.svg')}.fi-uy{background-image:url('uy.svg')}.fi-uy.fis{background-image:url('_-flags-1x1-uy.svg')}.fi-uz{background-image:url('uz.svg')}.fi-uz.fis{background-image:url('_-flags-1x1-uz.svg')}.fi-va{background-image:url('va.svg')}.fi-va.fis{background-image:url('_-flags-1x1-va.svg')}.fi-vc{background-image:url('vc.svg')}.fi-vc.fis{background-image:url('_-flags-1x1-vc.svg')}.fi-ve{background-image:url('ve.svg')}.fi-ve.fis{background-image:url('_-flags-1x1-ve.svg')}.fi-vg{background-image:url('vg.svg')}.fi-vg.fis{background-image:url('_-flags-1x1-vg.svg')}.fi-vi{background-image:url('vi.svg')}.fi-vi.fis{background-image:url('_-flags-1x1-vi.svg')}.fi-vn{background-image:url('vn.svg')}.fi-vn.fis{background-image:url('_-flags-1x1-vn.svg')}.fi-vu{background-image:url('vu.svg')}.fi-vu.fis{background-image:url('_-flags-1x1-vu.svg')}.fi-wf{background-image:url('wf.svg')}.fi-wf.fis{background-image:url('_-flags-1x1-wf.svg')}.fi-ws{background-image:url('ws.svg')}.fi-ws.fis{background-image:url('_-flags-1x1-ws.svg')}.fi-ye{background-image:url('ye.svg')}.fi-ye.fis{background-image:url('_-flags-1x1-ye.svg')}.fi-yt{background-image:url('yt.svg')}.fi-yt.fis{background-image:url('_-flags-1x1-yt.svg')}.fi-za{background-image:url('za.svg')}.fi-za.fis{background-image:url('_-flags-1x1-za.svg')}.fi-zm{background-image:url('zm.svg')}.fi-zm.fis{background-image:url('_-flags-1x1-zm.svg')}.fi-zw{background-image:url('zw.svg')}.fi-zw.fis{background-image:url('_-flags-1x1-zw.svg')}.fi-arab{background-image:url('arab.svg')}.fi-arab.fis{background-image:url('_-flags-1x1-arab.svg')}.fi-cefta{background-image:url('cefta.svg')}.fi-cefta.fis{background-image:url('_-flags-1x1-cefta.svg')}.fi-cp{background-image:url('cp.svg')}.fi-cp.fis{background-image:url('_-flags-1x1-cp.svg')}.fi-dg{background-image:url('dg.svg')}.fi-dg.fis{background-image:url('_-flags-1x1-dg.svg')}.fi-eac{background-image:url('eac.svg')}.fi-eac.fis{background-image:url('_-flags-1x1-eac.svg')}.fi-es-ct{background-image:url('es-ct.svg')}.fi-es-ct.fis{background-image:url('_-flags-1x1-es-ct.svg')}.fi-es-ga{background-image:url('es-ga.svg')}.fi-es-ga.fis{background-image:url('_-flags-1x1-es-ga.svg')}.fi-es-pv{background-image:url('es-pv.svg')}.fi-es-pv.fis{background-image:url('_-flags-1x1-es-pv.svg')}.fi-eu{background-image:url('eu.svg')}.fi-eu.fis{background-image:url('_-flags-1x1-eu.svg')}.fi-gb-eng{background-image:url('gb-eng.svg')}.fi-gb-eng.fis{background-image:url('_-flags-1x1-gb-eng.svg')}.fi-gb-nir{background-image:url('gb-nir.svg')}.fi-gb-nir.fis{background-image:url('_-flags-1x1-gb-nir.svg')}.fi-gb-sct{background-image:url('gb-sct.svg')}.fi-gb-sct.fis{background-image:url('_-flags-1x1-gb-sct.svg')}.fi-gb-wls{background-image:url('gb-wls.svg')}.fi-gb-wls.fis{background-image:url('_-flags-1x1-gb-wls.svg')}.fi-ic{background-image:url('ic.svg')}.fi-ic.fis{background-image:url('_-flags-1x1-ic.svg')}.fi-pc{background-image:url('pc.svg')}.fi-pc.fis{background-image:url('_-flags-1x1-pc.svg')}.fi-sh-ac{background-image:url('sh-ac.svg')}.fi-sh-ac.fis{background-image:url('_-flags-1x1-sh-ac.svg')}.fi-sh-hl{background-image:url('sh-hl.svg')}.fi-sh-hl.fis{background-image:url('_-flags-1x1-sh-hl.svg')}.fi-sh-ta{background-image:url('sh-ta.svg')}.fi-sh-ta.fis{background-image:url('_-flags-1x1-sh-ta.svg')}.fi-un{background-image:url('un.svg')}.fi-un.fis{background-image:url('_-flags-1x1-un.svg')}.fi-xk{background-image:url('xk.svg')}.fi-xk.fis{background-image:url('_-flags-1x1-xk.svg')}


/*# sourceMappingURL=styles.css.map*/