@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";
@import "https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic";

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

/* node_modules/@angular/cdk/a11y-prebuilt.css */
.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;
}

/* src/styles.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}
h2 {
  font-size: inherit;
  color: inherit;
}
div {
  vertical-align: baseline;
}
* ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
* li {
  margin-bottom: 0px;
  list-style: none;
  list-style-position: inside;
}
ul li {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 0 0 1rem;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: none;
  color: unset;
}
a:hover,
afocus {
  text-decoration: underline;
}
a:hover {
  text-decoration: unset;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin: 0px;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
  margin-top: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
blockquote {
  margin: 0 0 1rem;
}
img {
  border-style: none;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  padding: 0;
}
[role=button] {
  cursor: pointer;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
  font-weight: inherit;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: inherit;
  margin-left: inherit;
}
table {
  border-collapse: collapse;
  background-color: transparent;
}
table th,
table td {
  font-size: inherit;
  border: 0;
}
label {
  display: inline-block;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
  line-height: inherit;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month],
input[type=text] {
  -webkit-appearance: listbox;
  margin-bottom: 0px;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
input[type=search] {
  -webkit-appearance: none;
}
output {
  display: inline-block;
}
[hidden] {
  display: none !important;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.layout-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.layout-row.shrinkable {
  flex: 1;
  overflow-y: hidden;
}
.layout-row.content-gap01 > * + *:not(.ignore-gap) {
  margin-inline-start: 1px;
}
.layout-row.content-gap02 > * + *:not(.ignore-gap) {
  margin-inline-start: 2px;
}
.layout-row.content-gap03 > * + *:not(.ignore-gap) {
  margin-inline-start: 3px;
}
.layout-row.content-gap04 > * + *:not(.ignore-gap) {
  margin-inline-start: 4px;
}
.layout-row.content-gap05 > * + *:not(.ignore-gap) {
  margin-inline-start: 5px;
}
.layout-row.content-gap06 > * + *:not(.ignore-gap) {
  margin-inline-start: 6px;
}
.layout-row.content-gap07 > * + *:not(.ignore-gap) {
  margin-inline-start: 7px;
}
.layout-row.content-gap08 > * + *:not(.ignore-gap) {
  margin-inline-start: 8px;
}
.layout-row.content-gap09 > * + *:not(.ignore-gap) {
  margin-inline-start: 9px;
}
.layout-row.content-gap10 > * + *:not(.ignore-gap) {
  margin-inline-start: 10px;
}
.layout-row.content-gap11 > * + *:not(.ignore-gap) {
  margin-inline-start: 11px;
}
.layout-row.content-gap12 > * + *:not(.ignore-gap) {
  margin-inline-start: 12px;
}
.layout-row.content-gap13 > * + *:not(.ignore-gap) {
  margin-inline-start: 13px;
}
.layout-row.content-gap14 > * + *:not(.ignore-gap) {
  margin-inline-start: 14px;
}
.layout-row.content-gap15 > * + *:not(.ignore-gap) {
  margin-inline-start: 15px;
}
.layout-row.content-gap16 > * + *:not(.ignore-gap) {
  margin-inline-start: 16px;
}
.layout-row.content-gap17 > * + *:not(.ignore-gap) {
  margin-inline-start: 17px;
}
.layout-row.content-gap18 > * + *:not(.ignore-gap) {
  margin-inline-start: 18px;
}
.layout-row.content-gap19 > * + *:not(.ignore-gap) {
  margin-inline-start: 19px;
}
.layout-row.content-gap20 > * + *:not(.ignore-gap) {
  margin-inline-start: 20px;
}
.layout-row.content-gap21 > * + *:not(.ignore-gap) {
  margin-inline-start: 21px;
}
.layout-row.content-gap22 > * + *:not(.ignore-gap) {
  margin-inline-start: 22px;
}
.layout-row.content-gap23 > * + *:not(.ignore-gap) {
  margin-inline-start: 23px;
}
.layout-row.content-gap24 > * + *:not(.ignore-gap) {
  margin-inline-start: 24px;
}
.layout-row.content-gap25 > * + *:not(.ignore-gap) {
  margin-inline-start: 25px;
}
.layout-row.content-gap26 > * + *:not(.ignore-gap) {
  margin-inline-start: 26px;
}
.layout-row.content-gap27 > * + *:not(.ignore-gap) {
  margin-inline-start: 27px;
}
.layout-row.content-gap28 > * + *:not(.ignore-gap) {
  margin-inline-start: 28px;
}
.layout-row.content-gap29 > * + *:not(.ignore-gap) {
  margin-inline-start: 29px;
}
.layout-row.content-gap30 > * + *:not(.ignore-gap) {
  margin-inline-start: 30px;
}
.layout-row.content-gap31 > * + *:not(.ignore-gap) {
  margin-inline-start: 31px;
}
.layout-row.content-gap32 > * + *:not(.ignore-gap) {
  margin-inline-start: 32px;
}
.layout-row.content-gap33 > * + *:not(.ignore-gap) {
  margin-inline-start: 33px;
}
.layout-row.content-gap34 > * + *:not(.ignore-gap) {
  margin-inline-start: 34px;
}
.layout-row.content-gap35 > * + *:not(.ignore-gap) {
  margin-inline-start: 35px;
}
.layout-row.content-gap36 > * + *:not(.ignore-gap) {
  margin-inline-start: 36px;
}
.layout-row.content-gap37 > * + *:not(.ignore-gap) {
  margin-inline-start: 37px;
}
.layout-row.content-gap38 > * + *:not(.ignore-gap) {
  margin-inline-start: 38px;
}
.layout-row.content-gap39 > * + *:not(.ignore-gap) {
  margin-inline-start: 39px;
}
.layout-row.content-gap40 > * + *:not(.ignore-gap) {
  margin-inline-start: 40px;
}
.layout-row.content-gap41 > * + *:not(.ignore-gap) {
  margin-inline-start: 41px;
}
.layout-row.content-gap42 > * + *:not(.ignore-gap) {
  margin-inline-start: 42px;
}
.layout-row.content-gap43 > * + *:not(.ignore-gap) {
  margin-inline-start: 43px;
}
.layout-row.content-gap44 > * + *:not(.ignore-gap) {
  margin-inline-start: 44px;
}
.layout-row.content-gap45 > * + *:not(.ignore-gap) {
  margin-inline-start: 45px;
}
.layout-row.content-gap46 > * + *:not(.ignore-gap) {
  margin-inline-start: 46px;
}
.layout-row.content-gap47 > * + *:not(.ignore-gap) {
  margin-inline-start: 47px;
}
.layout-row.content-gap48 > * + *:not(.ignore-gap) {
  margin-inline-start: 48px;
}
.layout-row.content-gap49 > * + *:not(.ignore-gap) {
  margin-inline-start: 49px;
}
.layout-row.content-gap50 > * + *:not(.ignore-gap) {
  margin-inline-start: 50px;
}
.layout-row.content-gap51 > * + *:not(.ignore-gap) {
  margin-inline-start: 51px;
}
.layout-row.content-gap52 > * + *:not(.ignore-gap) {
  margin-inline-start: 52px;
}
.layout-row.content-gap53 > * + *:not(.ignore-gap) {
  margin-inline-start: 53px;
}
.layout-row.content-gap54 > * + *:not(.ignore-gap) {
  margin-inline-start: 54px;
}
.layout-row.content-gap55 > * + *:not(.ignore-gap) {
  margin-inline-start: 55px;
}
.layout-row.content-gap56 > * + *:not(.ignore-gap) {
  margin-inline-start: 56px;
}
.layout-row.content-gap57 > * + *:not(.ignore-gap) {
  margin-inline-start: 57px;
}
.layout-row.content-gap58 > * + *:not(.ignore-gap) {
  margin-inline-start: 58px;
}
.layout-row.content-gap59 > * + *:not(.ignore-gap) {
  margin-inline-start: 59px;
}
.layout-row.content-gap60 > * + *:not(.ignore-gap) {
  margin-inline-start: 60px;
}
.layout-row.content-gap61 > * + *:not(.ignore-gap) {
  margin-inline-start: 61px;
}
.layout-row.content-gap62 > * + *:not(.ignore-gap) {
  margin-inline-start: 62px;
}
.layout-row.content-gap63 > * + *:not(.ignore-gap) {
  margin-inline-start: 63px;
}
.layout-row.content-gap64 > * + *:not(.ignore-gap) {
  margin-inline-start: 64px;
}
.layout-row.content-gap65 > * + *:not(.ignore-gap) {
  margin-inline-start: 65px;
}
.layout-row.content-gap66 > * + *:not(.ignore-gap) {
  margin-inline-start: 66px;
}
.layout-row.content-gap67 > * + *:not(.ignore-gap) {
  margin-inline-start: 67px;
}
.layout-row.content-gap68 > * + *:not(.ignore-gap) {
  margin-inline-start: 68px;
}
.layout-row.content-gap69 > * + *:not(.ignore-gap) {
  margin-inline-start: 69px;
}
.layout-row.content-gap70 > * + *:not(.ignore-gap) {
  margin-inline-start: 70px;
}
.layout-row.content-gap71 > * + *:not(.ignore-gap) {
  margin-inline-start: 71px;
}
.layout-row.content-gap72 > * + *:not(.ignore-gap) {
  margin-inline-start: 72px;
}
.layout-row.content-gap73 > * + *:not(.ignore-gap) {
  margin-inline-start: 73px;
}
.layout-row.content-gap74 > * + *:not(.ignore-gap) {
  margin-inline-start: 74px;
}
.layout-row.content-gap75 > * + *:not(.ignore-gap) {
  margin-inline-start: 75px;
}
.layout-row.content-gap76 > * + *:not(.ignore-gap) {
  margin-inline-start: 76px;
}
.layout-row.content-gap77 > * + *:not(.ignore-gap) {
  margin-inline-start: 77px;
}
.layout-row.content-gap78 > * + *:not(.ignore-gap) {
  margin-inline-start: 78px;
}
.layout-row.content-gap79 > * + *:not(.ignore-gap) {
  margin-inline-start: 79px;
}
.layout-row.content-gap80 > * + *:not(.ignore-gap) {
  margin-inline-start: 80px;
}
.layout-row.content-gap81 > * + *:not(.ignore-gap) {
  margin-inline-start: 81px;
}
.layout-row.content-gap82 > * + *:not(.ignore-gap) {
  margin-inline-start: 82px;
}
.layout-row.content-gap83 > * + *:not(.ignore-gap) {
  margin-inline-start: 83px;
}
.layout-row.content-gap84 > * + *:not(.ignore-gap) {
  margin-inline-start: 84px;
}
.layout-row.content-gap85 > * + *:not(.ignore-gap) {
  margin-inline-start: 85px;
}
.layout-row.content-gap86 > * + *:not(.ignore-gap) {
  margin-inline-start: 86px;
}
.layout-row.content-gap87 > * + *:not(.ignore-gap) {
  margin-inline-start: 87px;
}
.layout-row.content-gap88 > * + *:not(.ignore-gap) {
  margin-inline-start: 88px;
}
.layout-row.content-gap89 > * + *:not(.ignore-gap) {
  margin-inline-start: 89px;
}
.layout-row.content-gap90 > * + *:not(.ignore-gap) {
  margin-inline-start: 90px;
}
.layout-row.content-gap91 > * + *:not(.ignore-gap) {
  margin-inline-start: 91px;
}
.layout-row.content-gap92 > * + *:not(.ignore-gap) {
  margin-inline-start: 92px;
}
.layout-row.content-gap93 > * + *:not(.ignore-gap) {
  margin-inline-start: 93px;
}
.layout-row.content-gap94 > * + *:not(.ignore-gap) {
  margin-inline-start: 94px;
}
.layout-row.content-gap95 > * + *:not(.ignore-gap) {
  margin-inline-start: 95px;
}
.layout-row.content-gap96 > * + *:not(.ignore-gap) {
  margin-inline-start: 96px;
}
.layout-row.content-gap97 > * + *:not(.ignore-gap) {
  margin-inline-start: 97px;
}
.layout-row.content-gap98 > * + *:not(.ignore-gap) {
  margin-inline-start: 98px;
}
.layout-row.content-gap99 > * + *:not(.ignore-gap) {
  margin-inline-start: 99px;
}
.layout-row.content-gap100 > * + *:not(.ignore-gap) {
  margin-inline-start: 100px;
}
.layout-column {
  display: flex;
  flex-direction: column;
}
.layout-column.shrinkable {
  flex: 1;
  min-width: 0;
}
.layout-column.equal {
  flex: 1;
}
.layout-column.content-gap01 > * + *:not(.ignore-gap) {
  margin-top: 1px;
}
.layout-column.content-gap02 > * + *:not(.ignore-gap) {
  margin-top: 2px;
}
.layout-column.content-gap03 > * + *:not(.ignore-gap) {
  margin-top: 3px;
}
.layout-column.content-gap04 > * + *:not(.ignore-gap) {
  margin-top: 4px;
}
.layout-column.content-gap05 > * + *:not(.ignore-gap) {
  margin-top: 5px;
}
.layout-column.content-gap06 > * + *:not(.ignore-gap) {
  margin-top: 6px;
}
.layout-column.content-gap07 > * + *:not(.ignore-gap) {
  margin-top: 7px;
}
.layout-column.content-gap08 > * + *:not(.ignore-gap) {
  margin-top: 8px;
}
.layout-column.content-gap09 > * + *:not(.ignore-gap) {
  margin-top: 9px;
}
.layout-column.content-gap10 > * + *:not(.ignore-gap) {
  margin-top: 10px;
}
.layout-column.content-gap11 > * + *:not(.ignore-gap) {
  margin-top: 11px;
}
.layout-column.content-gap12 > * + *:not(.ignore-gap) {
  margin-top: 12px;
}
.layout-column.content-gap13 > * + *:not(.ignore-gap) {
  margin-top: 13px;
}
.layout-column.content-gap14 > * + *:not(.ignore-gap) {
  margin-top: 14px;
}
.layout-column.content-gap15 > * + *:not(.ignore-gap) {
  margin-top: 15px;
}
.layout-column.content-gap16 > * + *:not(.ignore-gap) {
  margin-top: 16px;
}
.layout-column.content-gap17 > * + *:not(.ignore-gap) {
  margin-top: 17px;
}
.layout-column.content-gap18 > * + *:not(.ignore-gap) {
  margin-top: 18px;
}
.layout-column.content-gap19 > * + *:not(.ignore-gap) {
  margin-top: 19px;
}
.layout-column.content-gap20 > * + *:not(.ignore-gap) {
  margin-top: 20px;
}
.layout-column.content-gap21 > * + *:not(.ignore-gap) {
  margin-top: 21px;
}
.layout-column.content-gap22 > * + *:not(.ignore-gap) {
  margin-top: 22px;
}
.layout-column.content-gap23 > * + *:not(.ignore-gap) {
  margin-top: 23px;
}
.layout-column.content-gap24 > * + *:not(.ignore-gap) {
  margin-top: 24px;
}
.layout-column.content-gap25 > * + *:not(.ignore-gap) {
  margin-top: 25px;
}
.layout-column.content-gap26 > * + *:not(.ignore-gap) {
  margin-top: 26px;
}
.layout-column.content-gap27 > * + *:not(.ignore-gap) {
  margin-top: 27px;
}
.layout-column.content-gap28 > * + *:not(.ignore-gap) {
  margin-top: 28px;
}
.layout-column.content-gap29 > * + *:not(.ignore-gap) {
  margin-top: 29px;
}
.layout-column.content-gap30 > * + *:not(.ignore-gap) {
  margin-top: 30px;
}
.layout-column.content-gap31 > * + *:not(.ignore-gap) {
  margin-top: 31px;
}
.layout-column.content-gap32 > * + *:not(.ignore-gap) {
  margin-top: 32px;
}
.layout-column.content-gap33 > * + *:not(.ignore-gap) {
  margin-top: 33px;
}
.layout-column.content-gap34 > * + *:not(.ignore-gap) {
  margin-top: 34px;
}
.layout-column.content-gap35 > * + *:not(.ignore-gap) {
  margin-top: 35px;
}
.layout-column.content-gap36 > * + *:not(.ignore-gap) {
  margin-top: 36px;
}
.layout-column.content-gap37 > * + *:not(.ignore-gap) {
  margin-top: 37px;
}
.layout-column.content-gap38 > * + *:not(.ignore-gap) {
  margin-top: 38px;
}
.layout-column.content-gap39 > * + *:not(.ignore-gap) {
  margin-top: 39px;
}
.layout-column.content-gap40 > * + *:not(.ignore-gap) {
  margin-top: 40px;
}
.layout-column.content-gap41 > * + *:not(.ignore-gap) {
  margin-top: 41px;
}
.layout-column.content-gap42 > * + *:not(.ignore-gap) {
  margin-top: 42px;
}
.layout-column.content-gap43 > * + *:not(.ignore-gap) {
  margin-top: 43px;
}
.layout-column.content-gap44 > * + *:not(.ignore-gap) {
  margin-top: 44px;
}
.layout-column.content-gap45 > * + *:not(.ignore-gap) {
  margin-top: 45px;
}
.layout-column.content-gap46 > * + *:not(.ignore-gap) {
  margin-top: 46px;
}
.layout-column.content-gap47 > * + *:not(.ignore-gap) {
  margin-top: 47px;
}
.layout-column.content-gap48 > * + *:not(.ignore-gap) {
  margin-top: 48px;
}
.layout-column.content-gap49 > * + *:not(.ignore-gap) {
  margin-top: 49px;
}
.layout-column.content-gap50 > * + *:not(.ignore-gap) {
  margin-top: 50px;
}
.layout-column.content-gap51 > * + *:not(.ignore-gap) {
  margin-top: 51px;
}
.layout-column.content-gap52 > * + *:not(.ignore-gap) {
  margin-top: 52px;
}
.layout-column.content-gap53 > * + *:not(.ignore-gap) {
  margin-top: 53px;
}
.layout-column.content-gap54 > * + *:not(.ignore-gap) {
  margin-top: 54px;
}
.layout-column.content-gap55 > * + *:not(.ignore-gap) {
  margin-top: 55px;
}
.layout-column.content-gap56 > * + *:not(.ignore-gap) {
  margin-top: 56px;
}
.layout-column.content-gap57 > * + *:not(.ignore-gap) {
  margin-top: 57px;
}
.layout-column.content-gap58 > * + *:not(.ignore-gap) {
  margin-top: 58px;
}
.layout-column.content-gap59 > * + *:not(.ignore-gap) {
  margin-top: 59px;
}
.layout-column.content-gap60 > * + *:not(.ignore-gap) {
  margin-top: 60px;
}
.layout-column.content-gap61 > * + *:not(.ignore-gap) {
  margin-top: 61px;
}
.layout-column.content-gap62 > * + *:not(.ignore-gap) {
  margin-top: 62px;
}
.layout-column.content-gap63 > * + *:not(.ignore-gap) {
  margin-top: 63px;
}
.layout-column.content-gap64 > * + *:not(.ignore-gap) {
  margin-top: 64px;
}
.layout-column.content-gap65 > * + *:not(.ignore-gap) {
  margin-top: 65px;
}
.layout-column.content-gap66 > * + *:not(.ignore-gap) {
  margin-top: 66px;
}
.layout-column.content-gap67 > * + *:not(.ignore-gap) {
  margin-top: 67px;
}
.layout-column.content-gap68 > * + *:not(.ignore-gap) {
  margin-top: 68px;
}
.layout-column.content-gap69 > * + *:not(.ignore-gap) {
  margin-top: 69px;
}
.layout-column.content-gap70 > * + *:not(.ignore-gap) {
  margin-top: 70px;
}
.layout-column.content-gap71 > * + *:not(.ignore-gap) {
  margin-top: 71px;
}
.layout-column.content-gap72 > * + *:not(.ignore-gap) {
  margin-top: 72px;
}
.layout-column.content-gap73 > * + *:not(.ignore-gap) {
  margin-top: 73px;
}
.layout-column.content-gap74 > * + *:not(.ignore-gap) {
  margin-top: 74px;
}
.layout-column.content-gap75 > * + *:not(.ignore-gap) {
  margin-top: 75px;
}
.layout-column.content-gap76 > * + *:not(.ignore-gap) {
  margin-top: 76px;
}
.layout-column.content-gap77 > * + *:not(.ignore-gap) {
  margin-top: 77px;
}
.layout-column.content-gap78 > * + *:not(.ignore-gap) {
  margin-top: 78px;
}
.layout-column.content-gap79 > * + *:not(.ignore-gap) {
  margin-top: 79px;
}
.layout-column.content-gap80 > * + *:not(.ignore-gap) {
  margin-top: 80px;
}
.layout-column.content-gap81 > * + *:not(.ignore-gap) {
  margin-top: 81px;
}
.layout-column.content-gap82 > * + *:not(.ignore-gap) {
  margin-top: 82px;
}
.layout-column.content-gap83 > * + *:not(.ignore-gap) {
  margin-top: 83px;
}
.layout-column.content-gap84 > * + *:not(.ignore-gap) {
  margin-top: 84px;
}
.layout-column.content-gap85 > * + *:not(.ignore-gap) {
  margin-top: 85px;
}
.layout-column.content-gap86 > * + *:not(.ignore-gap) {
  margin-top: 86px;
}
.layout-column.content-gap87 > * + *:not(.ignore-gap) {
  margin-top: 87px;
}
.layout-column.content-gap88 > * + *:not(.ignore-gap) {
  margin-top: 88px;
}
.layout-column.content-gap89 > * + *:not(.ignore-gap) {
  margin-top: 89px;
}
.layout-column.content-gap90 > * + *:not(.ignore-gap) {
  margin-top: 90px;
}
.layout-column.content-gap91 > * + *:not(.ignore-gap) {
  margin-top: 91px;
}
.layout-column.content-gap92 > * + *:not(.ignore-gap) {
  margin-top: 92px;
}
.layout-column.content-gap93 > * + *:not(.ignore-gap) {
  margin-top: 93px;
}
.layout-column.content-gap94 > * + *:not(.ignore-gap) {
  margin-top: 94px;
}
.layout-column.content-gap95 > * + *:not(.ignore-gap) {
  margin-top: 95px;
}
.layout-column.content-gap96 > * + *:not(.ignore-gap) {
  margin-top: 96px;
}
.layout-column.content-gap97 > * + *:not(.ignore-gap) {
  margin-top: 97px;
}
.layout-column.content-gap98 > * + *:not(.ignore-gap) {
  margin-top: 98px;
}
.layout-column.content-gap99 > * + *:not(.ignore-gap) {
  margin-top: 99px;
}
.layout-column.content-gap100 > * + *:not(.ignore-gap) {
  margin-top: 100px;
}
.layout-column.just-space-between,
.layout-row.just-space-between {
  justify-content: space-between;
}
.layout-column.just-space-around,
.layout-row.just-space-around {
  justify-content: space-around;
}
.layout-column.just-evenly,
.layout-row.just-evenly {
  justify-content: space-evenly;
}
.layout-column.just-start,
.layout-row.just-start {
  justify-content: flex-start;
}
.layout-column.just-center,
.layout-row.just-center {
  justify-content: center;
}
.layout-column.just-end,
.layout-row.just-end {
  justify-content: flex-end;
}
.layout-column.align-start,
.layout-row.align-start {
  align-items: flex-start;
}
.layout-column.align-end,
.layout-row.align-end {
  align-items: flex-end;
}
.layout-column.align-center,
.layout-row.align-center {
  align-items: center;
}
.layout-column.align-stretch,
.layout-row.align-stretch {
  align-items: stretch;
}
.layout-column.align-base,
.layout-row.align-base {
  align-items: baseline;
}
.layout-column.just-space-between,
.layout-row.just-space-between {
  justify-content: space-between;
}
.layout-column.just-start,
.layout-row.just-start {
  justify-content: flex-start;
}
.layout-column.just-center,
.layout-row.just-center {
  justify-content: center;
}
.layout-column.just-end,
.layout-row.just-end {
  justify-content: flex-end;
}
.layout-column.align-start,
.layout-row.align-start {
  align-items: flex-start;
}
.layout-column.align-end,
.layout-row.align-end {
  align-items: flex-end;
}
.layout-column.align-center,
.layout-row.align-center {
  align-items: center;
}
.layout-column.align-stretch,
.layout-row.align-stretch {
  align-items: stretch;
}
.layout-column.align-base,
.layout-row.align-base {
  align-items: baseline;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.semi-width {
  width: 50%;
}
.semi-height {
  height: 50%;
}
.width-01 {
  width: 1%;
}
.height-01 {
  height: 1%;
}
.width-1 {
  width: 1%;
}
.height-1 {
  height: 1%;
}
.width-02 {
  width: 2%;
}
.height-02 {
  height: 2%;
}
.width-2 {
  width: 2%;
}
.height-2 {
  height: 2%;
}
.width-03 {
  width: 3%;
}
.height-03 {
  height: 3%;
}
.width-3 {
  width: 3%;
}
.height-3 {
  height: 3%;
}
.width-04 {
  width: 4%;
}
.height-04 {
  height: 4%;
}
.width-4 {
  width: 4%;
}
.height-4 {
  height: 4%;
}
.width-05 {
  width: 5%;
}
.height-05 {
  height: 5%;
}
.width-5 {
  width: 5%;
}
.height-5 {
  height: 5%;
}
.width-06 {
  width: 6%;
}
.height-06 {
  height: 6%;
}
.width-6 {
  width: 6%;
}
.height-6 {
  height: 6%;
}
.width-07 {
  width: 7%;
}
.height-07 {
  height: 7%;
}
.width-7 {
  width: 7%;
}
.height-7 {
  height: 7%;
}
.width-08 {
  width: 8%;
}
.height-08 {
  height: 8%;
}
.width-8 {
  width: 8%;
}
.height-8 {
  height: 8%;
}
.width-09 {
  width: 9%;
}
.height-09 {
  height: 9%;
}
.width-9 {
  width: 9%;
}
.height-9 {
  height: 9%;
}
.width-10 {
  width: 10%;
}
.height-10 {
  height: 10%;
}
.width-11 {
  width: 11%;
}
.height-11 {
  height: 11%;
}
.width-12 {
  width: 12%;
}
.height-12 {
  height: 12%;
}
.width-13 {
  width: 13%;
}
.height-13 {
  height: 13%;
}
.width-14 {
  width: 14%;
}
.height-14 {
  height: 14%;
}
.width-15 {
  width: 15%;
}
.height-15 {
  height: 15%;
}
.width-16 {
  width: 16%;
}
.height-16 {
  height: 16%;
}
.width-17 {
  width: 17%;
}
.height-17 {
  height: 17%;
}
.width-18 {
  width: 18%;
}
.height-18 {
  height: 18%;
}
.width-19 {
  width: 19%;
}
.height-19 {
  height: 19%;
}
.width-20 {
  width: 20%;
}
.height-20 {
  height: 20%;
}
.width-21 {
  width: 21%;
}
.height-21 {
  height: 21%;
}
.width-22 {
  width: 22%;
}
.height-22 {
  height: 22%;
}
.width-23 {
  width: 23%;
}
.height-23 {
  height: 23%;
}
.width-24 {
  width: 24%;
}
.height-24 {
  height: 24%;
}
.width-25 {
  width: 25%;
}
.height-25 {
  height: 25%;
}
.width-26 {
  width: 26%;
}
.height-26 {
  height: 26%;
}
.width-27 {
  width: 27%;
}
.height-27 {
  height: 27%;
}
.width-28 {
  width: 28%;
}
.height-28 {
  height: 28%;
}
.width-29 {
  width: 29%;
}
.height-29 {
  height: 29%;
}
.width-30 {
  width: 30%;
}
.height-30 {
  height: 30%;
}
.width-31 {
  width: 31%;
}
.height-31 {
  height: 31%;
}
.width-32 {
  width: 32%;
}
.height-32 {
  height: 32%;
}
.width-33 {
  width: 33%;
}
.height-33 {
  height: 33%;
}
.width-34 {
  width: 34%;
}
.height-34 {
  height: 34%;
}
.width-35 {
  width: 35%;
}
.height-35 {
  height: 35%;
}
.width-36 {
  width: 36%;
}
.height-36 {
  height: 36%;
}
.width-37 {
  width: 37%;
}
.height-37 {
  height: 37%;
}
.width-38 {
  width: 38%;
}
.height-38 {
  height: 38%;
}
.width-39 {
  width: 39%;
}
.height-39 {
  height: 39%;
}
.width-40 {
  width: 40%;
}
.height-40 {
  height: 40%;
}
.width-41 {
  width: 41%;
}
.height-41 {
  height: 41%;
}
.width-42 {
  width: 42%;
}
.height-42 {
  height: 42%;
}
.width-43 {
  width: 43%;
}
.height-43 {
  height: 43%;
}
.width-44 {
  width: 44%;
}
.height-44 {
  height: 44%;
}
.width-45 {
  width: 45%;
}
.height-45 {
  height: 45%;
}
.width-46 {
  width: 46%;
}
.height-46 {
  height: 46%;
}
.width-47 {
  width: 47%;
}
.height-47 {
  height: 47%;
}
.width-48 {
  width: 48%;
}
.height-48 {
  height: 48%;
}
.width-49 {
  width: 49%;
}
.height-49 {
  height: 49%;
}
.width-50 {
  width: 50%;
}
.height-50 {
  height: 50%;
}
.width-51 {
  width: 51%;
}
.height-51 {
  height: 51%;
}
.width-52 {
  width: 52%;
}
.height-52 {
  height: 52%;
}
.width-53 {
  width: 53%;
}
.height-53 {
  height: 53%;
}
.width-54 {
  width: 54%;
}
.height-54 {
  height: 54%;
}
.width-55 {
  width: 55%;
}
.height-55 {
  height: 55%;
}
.width-56 {
  width: 56%;
}
.height-56 {
  height: 56%;
}
.width-57 {
  width: 57%;
}
.height-57 {
  height: 57%;
}
.width-58 {
  width: 58%;
}
.height-58 {
  height: 58%;
}
.width-59 {
  width: 59%;
}
.height-59 {
  height: 59%;
}
.width-60 {
  width: 60%;
}
.height-60 {
  height: 60%;
}
.width-61 {
  width: 61%;
}
.height-61 {
  height: 61%;
}
.width-62 {
  width: 62%;
}
.height-62 {
  height: 62%;
}
.width-63 {
  width: 63%;
}
.height-63 {
  height: 63%;
}
.width-64 {
  width: 64%;
}
.height-64 {
  height: 64%;
}
.width-65 {
  width: 65%;
}
.height-65 {
  height: 65%;
}
.width-66 {
  width: 66%;
}
.height-66 {
  height: 66%;
}
.width-67 {
  width: 67%;
}
.height-67 {
  height: 67%;
}
.width-68 {
  width: 68%;
}
.height-68 {
  height: 68%;
}
.width-69 {
  width: 69%;
}
.height-69 {
  height: 69%;
}
.width-70 {
  width: 70%;
}
.height-70 {
  height: 70%;
}
.width-71 {
  width: 71%;
}
.height-71 {
  height: 71%;
}
.width-72 {
  width: 72%;
}
.height-72 {
  height: 72%;
}
.width-73 {
  width: 73%;
}
.height-73 {
  height: 73%;
}
.width-74 {
  width: 74%;
}
.height-74 {
  height: 74%;
}
.width-75 {
  width: 75%;
}
.height-75 {
  height: 75%;
}
.width-76 {
  width: 76%;
}
.height-76 {
  height: 76%;
}
.width-77 {
  width: 77%;
}
.height-77 {
  height: 77%;
}
.width-78 {
  width: 78%;
}
.height-78 {
  height: 78%;
}
.width-79 {
  width: 79%;
}
.height-79 {
  height: 79%;
}
.width-80 {
  width: 80%;
}
.height-80 {
  height: 80%;
}
.width-81 {
  width: 81%;
}
.height-81 {
  height: 81%;
}
.width-82 {
  width: 82%;
}
.height-82 {
  height: 82%;
}
.width-83 {
  width: 83%;
}
.height-83 {
  height: 83%;
}
.width-84 {
  width: 84%;
}
.height-84 {
  height: 84%;
}
.width-85 {
  width: 85%;
}
.height-85 {
  height: 85%;
}
.width-86 {
  width: 86%;
}
.height-86 {
  height: 86%;
}
.width-87 {
  width: 87%;
}
.height-87 {
  height: 87%;
}
.width-88 {
  width: 88%;
}
.height-88 {
  height: 88%;
}
.width-89 {
  width: 89%;
}
.height-89 {
  height: 89%;
}
.width-90 {
  width: 90%;
}
.height-90 {
  height: 90%;
}
.width-91 {
  width: 91%;
}
.height-91 {
  height: 91%;
}
.width-92 {
  width: 92%;
}
.height-92 {
  height: 92%;
}
.width-93 {
  width: 93%;
}
.height-93 {
  height: 93%;
}
.width-94 {
  width: 94%;
}
.height-94 {
  height: 94%;
}
.width-95 {
  width: 95%;
}
.height-95 {
  height: 95%;
}
.width-96 {
  width: 96%;
}
.height-96 {
  height: 96%;
}
.width-97 {
  width: 97%;
}
.height-97 {
  height: 97%;
}
.width-98 {
  width: 98%;
}
.height-98 {
  height: 98%;
}
.width-99 {
  width: 99%;
}
.height-99 {
  height: 99%;
}
.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}
.layout-grid {
  display: grid;
}
.layout-grid.align-end {
  align-items: end;
}
.layout-grid.column-gap-1 {
  column-gap: 1px;
}
.layout-grid.column-gap-2 {
  column-gap: 2px;
}
.layout-grid.column-gap-3 {
  column-gap: 3px;
}
.layout-grid.column-gap-4 {
  column-gap: 4px;
}
.layout-grid.column-gap-5 {
  column-gap: 5px;
}
.layout-grid.column-gap-6 {
  column-gap: 6px;
}
.layout-grid.column-gap-7 {
  column-gap: 7px;
}
.layout-grid.column-gap-8 {
  column-gap: 8px;
}
.layout-grid.column-gap-9 {
  column-gap: 9px;
}
.layout-grid.column-gap-10 {
  column-gap: 10px;
}
.layout-grid.column-gap-11 {
  column-gap: 11px;
}
.layout-grid.column-gap-12 {
  column-gap: 12px;
}
.layout-grid.column-gap-13 {
  column-gap: 13px;
}
.layout-grid.column-gap-14 {
  column-gap: 14px;
}
.layout-grid.column-gap-15 {
  column-gap: 15px;
}
.layout-grid.column-gap-16 {
  column-gap: 16px;
}
.layout-grid.column-gap-17 {
  column-gap: 17px;
}
.layout-grid.column-gap-18 {
  column-gap: 18px;
}
.layout-grid.column-gap-19 {
  column-gap: 19px;
}
.layout-grid.column-gap-20 {
  column-gap: 20px;
}
.layout-grid.column-gap-21 {
  column-gap: 21px;
}
.layout-grid.column-gap-22 {
  column-gap: 22px;
}
.layout-grid.column-gap-23 {
  column-gap: 23px;
}
.layout-grid.column-gap-24 {
  column-gap: 24px;
}
.layout-grid.column-gap-25 {
  column-gap: 25px;
}
.layout-grid.column-gap-26 {
  column-gap: 26px;
}
.layout-grid.column-gap-27 {
  column-gap: 27px;
}
.layout-grid.column-gap-28 {
  column-gap: 28px;
}
.layout-grid.column-gap-29 {
  column-gap: 29px;
}
.layout-grid.column-gap-30 {
  column-gap: 30px;
}
.layout-grid.column-gap-31 {
  column-gap: 31px;
}
.layout-grid.column-gap-32 {
  column-gap: 32px;
}
.layout-grid.column-gap-33 {
  column-gap: 33px;
}
.layout-grid.column-gap-34 {
  column-gap: 34px;
}
.layout-grid.column-gap-35 {
  column-gap: 35px;
}
.layout-grid.column-gap-36 {
  column-gap: 36px;
}
.layout-grid.column-gap-37 {
  column-gap: 37px;
}
.layout-grid.column-gap-38 {
  column-gap: 38px;
}
.layout-grid.column-gap-39 {
  column-gap: 39px;
}
.layout-grid.column-gap-40 {
  column-gap: 40px;
}
.layout-grid.column-gap-41 {
  column-gap: 41px;
}
.layout-grid.column-gap-42 {
  column-gap: 42px;
}
.layout-grid.column-gap-43 {
  column-gap: 43px;
}
.layout-grid.column-gap-44 {
  column-gap: 44px;
}
.layout-grid.column-gap-45 {
  column-gap: 45px;
}
.layout-grid.column-gap-46 {
  column-gap: 46px;
}
.layout-grid.column-gap-47 {
  column-gap: 47px;
}
.layout-grid.column-gap-48 {
  column-gap: 48px;
}
.layout-grid.column-gap-49 {
  column-gap: 49px;
}
.layout-grid.column-gap-50 {
  column-gap: 50px;
}
.layout-grid .grid-column-1 {
  grid-column: span 1;
}
.layout-grid .grid-column-2 {
  grid-column: span 2;
}
.layout-grid .grid-column-3 {
  grid-column: span 3;
}
.layout-grid .grid-column-4 {
  grid-column: span 4;
}
.layout-grid .grid-column-5 {
  grid-column: span 5;
}
.layout-grid .grid-column-6 {
  grid-column: span 6;
}
.layout-grid .grid-column-7 {
  grid-column: span 7;
}
.layout-grid .grid-column-8 {
  grid-column: span 8;
}
.layout-grid .grid-column-9 {
  grid-column: span 9;
}
.layout-grid .grid-column-10 {
  grid-column: span 10;
}
.layout-grid .grid-column-11 {
  grid-column: span 11;
}
.layout-grid .grid-column-12 {
  grid-column: span 12;
}
mat-icon {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.mdc-icon-button.mat-mdc-icon-button {
  --mdc-icon-button-state-layer-size: 32px;
  padding: 0;
}
.material-symbols-sharp,
.collapse.horizontal,
.collapse.vertical {
  display: flex;
  justify-content: center;
  align-items: center;
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-sharp.fill,
.fill.collapse.horizontal,
.fill.collapse.vertical {
  font-variation-settings: "FILL" 1;
}
.material-symbols-sharp.menu:before,
.menu.collapse.horizontal:before,
.menu.collapse.vertical:before {
  content: "\e5d2";
}
.material-symbols-sharp.done:before,
.done.collapse.horizontal:before,
.done.collapse.vertical:before {
  content: "\e876";
}
.material-symbols-sharp.desc:before,
.desc.collapse.horizontal:before,
.desc.collapse.vertical:before,
.material-symbols-sharp.expand-more:before,
.expand-more.collapse.horizontal:before,
.collapse.horizontal.top:before,
.expand-more.collapse.vertical:before {
  content: "\e5cf";
}
.material-symbols-sharp.expand-less:before,
.expand-less.collapse.horizontal:before,
.collapse.horizontal.bottom:before,
.expand-less.collapse.vertical:before {
  content: "\e5ce";
}
.material-symbols-sharp.menu-book:before,
.menu-book.collapse.horizontal:before,
.menu-book.collapse.vertical:before {
  content: "\ea19";
}
.material-symbols-sharp.credit-card:before,
.credit-card.collapse.horizontal:before,
.credit-card.collapse.vertical:before {
  content: "\e870";
}
.material-symbols-sharp.search:before,
.search.collapse.horizontal:before,
.search.collapse.vertical:before {
  content: "\e8b6";
}
.material-symbols-sharp.close:before,
.close.collapse.horizontal:before,
.close.collapse.vertical:before {
  content: "\e5cd";
}
.material-symbols-sharp.keyboard-arrow-up:before,
.keyboard-arrow-up.collapse.horizontal:before,
.keyboard-arrow-up.collapse.vertical:before {
  content: "\e316";
}
.material-symbols-sharp.keyboard-arrow-down:before,
.keyboard-arrow-down.collapse.horizontal:before,
.keyboard-arrow-down.collapse.vertical:before {
  content: "\e313";
}
.material-symbols-sharp.keyboard-arrow-left:before,
.keyboard-arrow-left.collapse.horizontal:before,
.keyboard-arrow-left.collapse.vertical:before,
.rtl .material-symbols-sharp.keyboard-arrow-forward:before,
.rtl .keyboard-arrow-forward.collapse.horizontal:before,
.rtl .keyboard-arrow-forward.collapse.vertical:before,
.material-symbols-sharp.keyboard-arrow-back:before,
.keyboard-arrow-back.collapse.horizontal:before,
.keyboard-arrow-back.collapse.vertical:before {
  content: "\e314";
}
.material-symbols-sharp.keyboard-arrow-right:before,
.keyboard-arrow-right.collapse.horizontal:before,
.keyboard-arrow-right.collapse.vertical:before,
.rtl .material-symbols-sharp.keyboard-arrow-back:before,
.rtl .keyboard-arrow-back.collapse.horizontal:before,
.rtl .keyboard-arrow-back.collapse.vertical:before,
.material-symbols-sharp.keyboard-arrow-forward:before,
.keyboard-arrow-forward.collapse.horizontal:before,
.keyboard-arrow-forward.collapse.vertical:before {
  content: "\e315";
}
.material-symbols-sharp.star:before,
.star.collapse.horizontal:before,
.star.collapse.vertical:before {
  content: "\e838";
}
.material-symbols-sharp.clear-night:before,
.clear-night.collapse.horizontal:before,
.clear-night.collapse.vertical:before {
  content: "\f159";
}
.material-symbols-sharp.stacked-line-chart:before,
.stacked-line-chart.collapse.horizontal:before,
.stacked-line-chart.collapse.vertical:before {
  content: "\f22b";
}
.material-symbols-sharp.bar-chart:before,
.bar-chart.collapse.horizontal:before,
.bar-chart.collapse.vertical:before {
  content: "\e26b";
}
.material-symbols-sharp.data-usage:before,
.data-usage.collapse.horizontal:before,
.data-usage.collapse.vertical:before {
  content: "\e1af";
}
.material-symbols-sharp.work:before,
.work.collapse.horizontal:before,
.work.collapse.vertical:before {
  content: "\e8f9";
}
.material-symbols-sharp.support:before,
.support.collapse.horizontal:before,
.support.collapse.vertical:before {
  content: "\ef73";
}
.material-symbols-sharp.notification-important:before,
.notification-important.collapse.horizontal:before,
.notification-important.collapse.vertical:before {
  content: "\e004";
}
.material-symbols-sharp.account-circle:before,
.account-circle.collapse.horizontal:before,
.account-circle.collapse.vertical:before {
  content: "\e853";
}
.material-symbols-sharp.add:before,
.add.collapse.horizontal:before,
.add.collapse.vertical:before {
  content: "\e145";
}
.material-symbols-sharp.remove:before,
.remove.collapse.horizontal:before,
.remove.collapse.vertical:before {
  content: "\e15b";
}
.material-symbols-sharp.mail:before,
.mail.collapse.horizontal:before,
.mail.collapse.vertical:before,
.material-symbols-sharp.email:before,
.email.collapse.horizontal:before,
.email.collapse.vertical:before {
  content: "\e158";
}
.material-symbols-sharp.visibility-off:before,
.visibility-off.collapse.horizontal:before,
.visibility-off.collapse.vertical:before,
.material-symbols-sharp.password:before,
.password.collapse.horizontal:before,
.password.collapse.vertical:before {
  content: "\e8f5";
}
.material-symbols-sharp.visibility:before,
.visibility.collapse.horizontal:before,
.visibility.collapse.vertical:before {
  content: "\e8f4";
}
.material-symbols-sharp.apps:before,
.apps.collapse.horizontal:before,
.apps.collapse.vertical:before {
  content: "\e5c3";
}
.material-symbols-sharp.chevron-left:before,
.chevron-left.collapse.horizontal:before,
.chevron-left.collapse.vertical:before,
.rtl .collapse.vertical.left:before,
.collapse.vertical.right:before,
.rtl .material-symbols-sharp.arrow-forward:before,
.rtl .arrow-forward.collapse.horizontal:before,
.rtl .arrow-forward.collapse.vertical:before,
.material-symbols-sharp.arrow-back:before,
.arrow-back.collapse.horizontal:before,
.arrow-back.collapse.vertical:before {
  content: "\e5cb";
}
.material-symbols-sharp.chevron-right:before,
.chevron-right.collapse.horizontal:before,
.chevron-right.collapse.vertical:before,
.rtl .collapse.vertical.right:before,
.collapse.vertical.left:before,
.rtl .material-symbols-sharp.arrow-back:before,
.rtl .arrow-back.collapse.horizontal:before,
.rtl .arrow-back.collapse.vertical:before,
.material-symbols-sharp.arrow-forward:before,
.arrow-forward.collapse.horizontal:before,
.arrow-forward.collapse.vertical:before {
  content: "\e5cc";
}
.material-symbols-sharp.mail:before,
.mail.collapse.horizontal:before,
.mail.collapse.vertical:before,
.material-symbols-sharp.email:before,
.email.collapse.horizontal:before,
.email.collapse.vertical:before {
  content: "\e158";
}
.material-symbols-sharp.visibility-off:before,
.visibility-off.collapse.horizontal:before,
.visibility-off.collapse.vertical:before,
.material-symbols-sharp.password:before,
.password.collapse.horizontal:before,
.password.collapse.vertical:before {
  content: "\e8f5";
}
.material-symbols-sharp.visibility:before,
.visibility.collapse.horizontal:before,
.visibility.collapse.vertical:before {
  content: "\e8f4";
}
.material-symbols-sharp.login:before,
.login.collapse.horizontal:before,
.login.collapse.vertical:before {
  content: "\ea77";
}
.material-symbols-sharp.info:before,
.info.collapse.horizontal:before,
.info.collapse.vertical:before {
  content: "\e88e";
}
.material-symbols-sharp.history:before,
.history.collapse.horizontal:before,
.history.collapse.vertical:before {
  content: "\e889";
}
.material-symbols-sharp.done-all:before,
.done-all.collapse.horizontal:before,
.done-all.collapse.vertical:before {
  content: "\e877";
}
.material-symbols-sharp.ballot:before,
.ballot.collapse.horizontal:before,
.ballot.collapse.vertical:before {
  content: "\e172";
}
.material-symbols-sharp.replay:before,
.replay.collapse.horizontal:before,
.replay.collapse.vertical:before {
  content: "\e042";
}
.material-symbols-sharp.multiple-stop:before,
.multiple-stop.collapse.horizontal:before,
.multiple-stop.collapse.vertical:before {
  content: "\f1b9";
}
.material-symbols-sharp.person-add:before,
.person-add.collapse.horizontal:before,
.person-add.collapse.vertical:before {
  content: "\e7fe";
}
.material-symbols-sharp.account-balance-wallet:before,
.account-balance-wallet.collapse.horizontal:before,
.account-balance-wallet.collapse.vertical:before {
  content: "\e850";
}
.material-symbols-sharp.language:before,
.language.collapse.horizontal:before,
.language.collapse.vertical:before {
  content: "\e894";
}
.material-symbols-sharp.bedtime:before,
.bedtime.collapse.horizontal:before,
.bedtime.collapse.vertical:before {
  content: "\ef44";
}
.material-symbols-sharp.logout:before,
.logout.collapse.horizontal:before,
.logout.collapse.vertical:before {
  content: "\e9ba";
}
.material-symbols-sharp.success:before,
.success.collapse.horizontal:before,
.success.collapse.vertical:before,
.material-symbols-sharp.check-circle:before,
.check-circle.collapse.horizontal:before,
.check-circle.collapse.vertical:before {
  content: "\e86c";
}
.material-symbols-sharp.warning:before,
.warning.collapse.horizontal:before,
.warning.collapse.vertical:before,
.material-symbols-sharp.error:before,
.error.collapse.horizontal:before,
.error.collapse.vertical:before {
  content: "\e000";
}
.material-symbols-sharp.more-horiz:before,
.more-horiz.collapse.horizontal:before,
.more-horiz.collapse.vertical:before {
  content: "\e5d3";
}
.material-symbols-sharp.more-vert:before,
.more-vert.collapse.horizontal:before,
.more-vert.collapse.vertical:before {
  content: "\e5d4";
}
.material-symbols-sharp.sync-alt:before,
.sync-alt.collapse.horizontal:before,
.sync-alt.collapse.vertical:before {
  content: "\ea18";
}
.material-symbols-sharp.filter-none:before,
.filter-none.collapse.horizontal:before,
.filter-none.collapse.vertical:before {
  content: "\e3e0";
}
.material-symbols-sharp.trending-up:before,
.trending-up.collapse.horizontal:before,
.trending-up.collapse.vertical:before {
  content: "\e8e5";
}
.material-symbols-sharp.trending-down:before,
.trending-down.collapse.horizontal:before,
.trending-down.collapse.vertical:before {
  content: "\e8e3";
}
.material-symbols-sharp.arrow-upward:before,
.arrow-upward.collapse.horizontal:before,
.arrow-upward.collapse.vertical:before {
  content: "\e5d8";
}
.material-symbols-sharp.arrow-downward:before,
.arrow-downward.collapse.horizontal:before,
.arrow-downward.collapse.vertical:before {
  content: "\e5db";
}
.material-symbols-sharp.phone-android:before,
.phone-android.collapse.horizontal:before,
.phone-android.collapse.vertical:before {
  content: "\e324";
}
.material-symbols-sharp.redeem:before,
.redeem.collapse.horizontal:before,
.redeem.collapse.vertical:before {
  content: "\e8b1";
}
.material-symbols-sharp.calendar-today:before,
.calendar-today.collapse.horizontal:before,
.calendar-today.collapse.vertical:before {
  content: "\e935";
}
.material-symbols-sharp.device-reset:before,
.device-reset.collapse.horizontal:before,
.device-reset.collapse.vertical:before {
  content: "\e28e";
}
.material-symbols-sharp.photo-camera:before,
.photo-camera.collapse.horizontal:before,
.photo-camera.collapse.vertical:before {
  content: "\e412";
}
.material-symbols-sharp.edit:before,
.edit.collapse.horizontal:before,
.edit.collapse.vertical:before {
  content: "\e3c9";
}
.material-symbols-sharp.enhanced_encryption:before,
.enhanced_encryption.collapse.horizontal:before,
.enhanced_encryption.collapse.vertical:before {
  content: "\e63f";
}
.material-symbols-sharp.card_travel:before,
.card_travel.collapse.horizontal:before,
.card_travel.collapse.vertical:before {
  content: "\e8f8";
}
.material-symbols-sharp.attach_money:before,
.attach_money.collapse.horizontal:before,
.attach_money.collapse.vertical:before {
  content: "\e227";
}
.material-symbols-sharp.stars:before,
.stars.collapse.horizontal:before,
.stars.collapse.vertical:before {
  content: "\e8d0";
}
.material-symbols-sharp.military_tech:before,
.military_tech.collapse.horizontal:before,
.military_tech.collapse.vertical:before {
  content: "\ea3f";
}
.material-symbols-sharp.content_copy:before,
.content_copy.collapse.horizontal:before,
.content_copy.collapse.vertical:before {
  content: "\e14d";
}
.material-symbols-sharp.check:before,
.check.collapse.horizontal:before,
.check.collapse.vertical:before {
  content: "\e5ca";
}
.material-symbols-sharp.keyboard_tab:before,
.keyboard_tab.collapse.horizontal:before,
.keyboard_tab.collapse.vertical:before {
  content: "\e31c";
}
.material-symbols-sharp.start:before,
.start.collapse.horizontal:before,
.start.collapse.vertical:before {
  content: "\e089";
}
.material-symbols-sharp.lock:before,
.lock.collapse.horizontal:before,
.lock.collapse.vertical:before {
  content: "\e897";
}
.material-symbols-sharp.loop:before,
.loop.collapse.horizontal:before,
.loop.collapse.vertical:before {
  content: "\e028";
}
.material-symbols-sharp.upload_2:before,
.upload_2.collapse.horizontal:before,
.upload_2.collapse.vertical:before {
  content: "\f521";
}
.material-symbols-sharp.tune:before,
.tune.collapse.horizontal:before,
.tune.collapse.vertical:before {
  content: "\e429";
}
.material-symbols-sharp.captive_portal:before,
.captive_portal.collapse.horizontal:before,
.captive_portal.collapse.vertical:before {
  content: "\f728";
}
.material-symbols-sharp.light_mode:before,
.light_mode.collapse.horizontal:before,
.light_mode.collapse.vertical:before {
  content: "\e518";
}
.material-symbols-sharp.dark_mode:before,
.dark_mode.collapse.horizontal:before,
.dark_mode.collapse.vertical:before {
  content: "\e51c";
}
.material-symbols-sharp.clear_night:before,
.clear_night.collapse.horizontal:before,
.clear_night.collapse.vertical:before {
  content: "\f159";
}
.material-symbols-sharp.fact_check:before,
.fact_check.collapse.horizontal:before,
.fact_check.collapse.vertical:before {
  content: "\f0c5";
}
.material-symbols-sharp.person:before,
.person.collapse.horizontal:before,
.person.collapse.vertical:before {
  content: "\e7fd";
}
.material-symbols-sharp.group:before,
.group.collapse.horizontal:before,
.group.collapse.vertical:before {
  content: "\e7ef";
}
.material-symbols-sharp.target:before,
.target.collapse.horizontal:before,
.target.collapse.vertical:before {
  content: "\e719";
}
.material-symbols-sharp.open_in_new:before,
.open_in_new.collapse.horizontal:before,
.open_in_new.collapse.vertical:before {
  content: "\e89e";
}
.material-symbols-sharp.diamond:before,
.diamond.collapse.horizontal:before,
.diamond.collapse.vertical:before {
  content: "\ead5";
}
.material-symbols-sharp.add_chart:before,
.add_chart.collapse.horizontal:before,
.add_chart.collapse.vertical:before {
  content: "\e97b";
}
.material-symbols-sharp.rewarded_ads:before,
.rewarded_ads.collapse.horizontal:before,
.rewarded_ads.collapse.vertical:before {
  content: "\efb6";
}
.material-symbols-sharp.calendar_clock:before,
.calendar_clock.collapse.horizontal:before,
.calendar_clock.collapse.vertical:before {
  content: "\f540";
}
.material-symbols-sharp.photo_auto_merge:before,
.photo_auto_merge.collapse.horizontal:before,
.photo_auto_merge.collapse.vertical:before {
  content: "\f530";
}
.material-symbols-sharp.contact_mail:before,
.contact_mail.collapse.horizontal:before,
.contact_mail.collapse.vertical:before {
  content: "\e0d0";
}
.material-symbols-sharp.chat:before,
.chat.collapse.horizontal:before,
.chat.collapse.vertical:before {
  content: "\e0b7";
}
.material-symbols-sharp.account-box:before,
.account-box.collapse.horizontal:before,
.account-box.collapse.vertical:before {
  content: "\e851";
}
.material-symbols-sharp.arrow-upward-alt:before,
.arrow-upward-alt.collapse.horizontal:before,
.arrow-upward-alt.collapse.vertical:before {
  content: "\e986";
}
.material-symbols-sharp.arrow-downward-alt:before,
.arrow-downward-alt.collapse.horizontal:before,
.arrow-downward-alt.collapse.vertical:before {
  content: "\e984";
}
.material-symbols-sharp.keyboard-backspace:before,
.keyboard-backspace.collapse.horizontal:before,
.keyboard-backspace.collapse.vertical:before {
  content: "\e317";
}
.material-symbols-sharp.vertical-split:before,
.vertical-split.collapse.horizontal:before,
.vertical-split.collapse.vertical:before {
  content: "\e949";
}
.material-symbols-sharp.schedule:before,
.schedule.collapse.horizontal:before,
.schedule.collapse.vertical:before {
  content: "\e8b5";
}
.material-symbols-sharp.update:before,
.update.collapse.horizontal:before,
.update.collapse.vertical:before {
  content: "\e923";
}
.material-symbols-sharp.contract-delete:before,
.contract-delete.collapse.horizontal:before,
.contract-delete.collapse.vertical:before {
  content: "\f5a2";
}
.material-symbols-sharp.verified-user:before,
.verified-user.collapse.horizontal:before,
.verified-user.collapse.vertical:before {
  content: "\e8e8";
}
.material-symbols-sharp.calculate:before,
.calculate.collapse.horizontal:before,
.calculate.collapse.vertical:before {
  content: "\ea5f";
}
.material-symbols-sharp.campaign:before,
.campaign.collapse.horizontal:before,
.campaign.collapse.vertical:before {
  content: "\ef49";
}
.material-symbols-sharp.campaign:before,
.campaign.collapse.horizontal:before,
.campaign.collapse.vertical:before {
  content: "\ef49";
}
.material-symbols-sharp.cloud-off:before,
.cloud-off.collapse.horizontal:before,
.cloud-off.collapse.vertical:before {
  content: "\e2c1";
}
.material-symbols-sharp.refresh:before,
.refresh.collapse.horizontal:before,
.refresh.collapse.vertical:before {
  content: "\e5d5";
}
.material-symbols-sharp.contact-support:before,
.contact-support.collapse.horizontal:before,
.contact-support.collapse.vertical:before {
  content: "\e94c";
}
.material-symbols-sharp.arrow_drop_up:before,
.arrow_drop_up.collapse.horizontal:before,
.arrow_drop_up.collapse.vertical:before {
  content: "\e5c7";
}
.material-symbols-sharp.arrow_drop_down:before,
.arrow_drop_down.collapse.horizontal:before,
.arrow_drop_down.collapse.vertical:before {
  content: "\e5c5";
}
.material-symbols-sharp.launch:before,
.launch.collapse.horizontal:before,
.launch.collapse.vertical:before {
  content: "\e895";
}
.material-symbols-sharp.cloud:before,
.cloud.collapse.horizontal:before,
.cloud.collapse.vertical:before {
  content: "\e2bd";
}
.material-symbols-sharp.no_sound:before,
.no_sound.collapse.horizontal:before,
.no_sound.collapse.vertical:before {
  content: "\e710";
}
.material-symbols-sharp.volume_up:before,
.volume_up.collapse.horizontal:before,
.volume_up.collapse.vertical:before {
  content: "\e050";
}
.material-symbols-sharp.account-balance:before,
.account-balance.collapse.horizontal:before,
.account-balance.collapse.vertical:before {
  content: "\e84f";
}
.material-symbols-sharp.warning:before,
.warning.collapse.horizontal:before,
.warning.collapse.vertical:before {
  content: "\e002";
}
.material-symbols-sharp.warning:before,
.warning.collapse.horizontal:before,
.warning.collapse.vertical:before {
  content: "\e002";
}
.material-symbols-sharp.library-books:before,
.library-books.collapse.horizontal:before,
.library-books.collapse.vertical:before {
  content: "\e02f";
}
.material-symbols-sharp.install_mobile:before,
.install_mobile.collapse.horizontal:before,
.install_mobile.collapse.vertical:before {
  content: "\eb72";
}
.material-symbols-sharp.download:before,
.download.collapse.horizontal:before,
.download.collapse.vertical:before {
  content: "\f090";
}
.material-symbols-sharp.help_center:before,
.help_center.collapse.horizontal:before,
.help_center.collapse.vertical:before {
  content: "\f1c0";
}
.material-symbols-sharp.forum:before,
.forum.collapse.horizontal:before,
.forum.collapse.vertical:before {
  content: "\e0bf";
}
.material-symbols-sharp.school:before,
.school.collapse.horizontal:before,
.school.collapse.vertical:before {
  content: "\e80c";
}
.material-symbols-sharp.group_add:before,
.group_add.collapse.horizontal:before,
.group_add.collapse.vertical:before {
  content: "\e7f0";
}
.material-symbols-sharp.upload:before,
.upload.collapse.horizontal:before,
.upload.collapse.vertical:before {
  content: "\f09b";
}
.material-symbols-sharp.phone_in_talk:before,
.phone_in_talk.collapse.horizontal:before,
.phone_in_talk.collapse.vertical:before {
  content: "\e61d";
}
.material-symbols-sharp.draw:before,
.draw.collapse.horizontal:before,
.draw.collapse.vertical:before {
  content: "\e746";
}
.material-symbols-sharp.delete:before,
.delete.collapse.horizontal:before,
.delete.collapse.vertical:before {
  content: "\e872";
}
.material-symbols-sharp.notifications_active:before,
.notifications_active.collapse.horizontal:before,
.notifications_active.collapse.vertical:before {
  content: "\e7f7";
}
.material-symbols-sharp.edit_document:before,
.edit_document.collapse.horizontal:before,
.edit_document.collapse.vertical:before {
  content: "\f88c";
}
.material-symbols-sharp.signature:before,
.signature.collapse.horizontal:before,
.signature.collapse.vertical:before {
  content: "\f74c";
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.custom-font {
  --item-size: 48px;
  display: flex;
  width: var(--item-size);
  height: var(--item-size);
}
@media (max-width: 1440px) {
  .custom-font {
    --item-size: 40px;
  }
}
@media (max-width: 1366px) {
  .custom-font {
    --item-size: 32px;
  }
}
@media (max-width: 1280px) {
  .custom-font {
    --item-size: 32px;
  }
}
.custom-font.success {
  background: url(/assets/success.svg) no-repeat center;
  background-size: contain;
}
.custom-font.error {
  background: url(/assets/error.svg) no-repeat center;
  background-size: contain;
}
.custom-font.social {
  background: url(/assets/cooma.svg) no-repeat center;
  background-size: auto;
}
.custom-font.social.dark {
  background: url(/assets/cooma-dark-icon.svg) no-repeat center;
}
.custom-font.trade {
  background: url(/assets/trade.svg) no-repeat center;
  background-size: auto;
}
.custom-font.facebook {
  background: url(/assets/facebook.svg) no-repeat center;
  background-size: contain;
}
.custom-font.facebook.dark {
  background: url(/assets/facebook-for-dark.svg) no-repeat center;
}
.custom-font.twitter {
  background: url(/assets/x-twitter.svg) no-repeat center;
  background-size: contain;
}
.custom-font.twitter.dark {
  background: url(/assets/x-twitter-for-dark.svg) no-repeat center;
}
.loader {
  background: url(/assets/spin-loader.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.up,
.buy {
  color: var(--app-positive-300);
}
.down,
.sell {
  color: var(--app-negative-300);
}
.force-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 100ms ease-in;
}
.center-v {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.link {
  text-decoration: underline;
}
.link.no-underline {
  text-decoration: none;
}
.link.color {
  color: var(--app-accent-400);
}
.link.link-color-300 {
  color: var(--app-system-link-color_300);
}
.link.link-color-400 {
  color: var(--app-system-link-color_400);
}
.link.link-color-500 {
  color: var(--app-system-link-color_500);
}
.link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.hover {
  cursor: pointer;
}
label.label-mini {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-400);
  display: block;
  margin: 5px;
}
.country-flag {
  width: 22px;
  height: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 4px;
  border: 1px solid var(--app-base-100);
}
.country-flag img {
  display: flex;
  width: 100%;
  height: 100%;
}
.buttons-group {
  display: flex;
  flex-direction: row;
  column-gap: var(--column-gap, 12px);
}
.buttons-group.equal > button[ptp-button] {
  min-width: auto;
  width: 100%;
}
.bdi {
  unicode-bidi: plaintext;
}
.text-capitalize {
  text-transform: capitalize;
}
client-area-page .page-content custom-overlay {
  max-height: inherit;
  max-width: inherit;
  inset: -1px;
}
client-area-page .page-content:not(.has-tabs) custom-overlay .overlay-container > .layout-column {
  padding-top: calc(130px - var(--central-content-padding-top));
}
@media (max-width: 1440px) {
  client-area-page .page-content:not(.has-tabs) custom-overlay .overlay-container > .layout-column {
    padding-top: calc(80px - var(--central-content-padding-top));
  }
}
invest custom-overlay .overlay-container > .layout-column,
invest-simplex custom-overlay .overlay-container > .layout-column {
  height: 100%;
  padding-top: 0;
}
invest custom-overlay .overlay-container > .layout-column > .layout-row:nth-of-type(1),
invest-simplex custom-overlay .overlay-container > .layout-column > .layout-row:nth-of-type(1) {
  height: 100%;
}
custom-overlay .overlay-container > .layout-column {
  padding-top: 130px;
}
@media (max-width: 1440px) {
  custom-overlay .overlay-container > .layout-column {
    padding-top: 80px;
  }
}
custom-overlay .overlay-container button,
custom-overlay .overlay-container a {
  pointer-events: initial;
}
frozen .subtitle a {
  color: var(--app-system-link-color_300);
}
onboarding-accept-risk a {
  color: var(--app-system-link-color_300);
}
bonus-dialog .subtitle {
  padding-block: 8px 0;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  color: var(--app-base-400);
  justify-content: flex-start;
  text-align: center;
}
.sticky {
  position: sticky;
  top: 0;
  z-index: 999999;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
html {
  --global-header-height: 60px;
  --global-menu-width: 60px;
  --global-assetlist-width: 340px;
  --global-invest-width: 320px;
  --global-trade-tabs-height: 238px;
}
@media (max-width: 1366px) {
  html {
    --global-header-height: 40px;
    --global-menu-width: 58px;
  }
}
@media (max-width: 1280px) {
  html {
    --global-header-height: 40px;
    --global-menu-width: 58px;
  }
}
@media (max-width: 1440px) {
  html {
    --global-assetlist-width: 253px;
    --global-invest-width: 240px;
    --global-trade-tabs-height: 230px;
  }
}
@media (max-width: 1366px) {
  html {
    --global-assetlist-width: 227px;
    --global-invest-width: 220px;
    --global-trade-tabs-height: 161px;
  }
}
@media (max-width: 1280px) {
  html {
    --global-assetlist-width: 217px;
    --global-invest-width: 210px;
    --global-trade-tabs-height: 161px;
  }
}
.rtl ng-scrollbar {
  direction: rtl !important;
}
.rtl .cdk-global-overlay-wrapper,
.rtl .mat-mdc-menu-panel,
.rtl .material-symbols-sharp,
.rtl .collapse.horizontal,
.rtl .collapse.vertical,
.rtl .cdk-overlay-pane {
  direction: rtl !important;
}
.force-rtl {
  direction: rtl;
}
.force-ltr {
  direction: ltr;
  unicode-bidi: isolate;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
html {
  --mat-menu-container-shape: 0;
  --mat-bottom-sheet-container-shape: 16px;
}
.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
  border: none !important;
}
.mat-mdc-menu-content {
  --mat-menu-item-label-text-font: "Roboto", sans-serif;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
  padding: 0 !important;
  border-radius: 2px;
}
.mat-mdc-menu-panel {
  --mat-menu-container-color: transparent;
  --mat-menu-container-shape: 2px;
  --mat-app-elevation-shadow-level-8: var(--app-shadow-dropdown);
}
.mat-mdc-tooltip.time-to-open .mdc-tooltip__surface {
  --mdc-plain-tooltip-supporting-text-color: var(--app-base-500);
  --mdc-plain-tooltip-container-color: var(--app-accent-100);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-line-height: 14px;
  --padding-block: 4px;
  --padding-inline: 8px;
  --offset-left: -20px;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  border-radius: 4px;
}
@media (max-width: 1440px) {
  .mat-mdc-tooltip.time-to-open .mdc-tooltip__surface {
    --mdc-plain-tooltip-supporting-text-size: 11px;
    --mdc-plain-tooltip-supporting-line-height: 14px;
    --padding-block: 4px;
    --padding-inline: 3px;
    --offset-left: -10px;
  }
}
@media (max-width: 1366px) {
  .mat-mdc-tooltip.time-to-open .mdc-tooltip__surface {
    --mdc-plain-tooltip-supporting-text-size: 10px;
    --mdc-plain-tooltip-supporting-line-height: 12px;
    padding-block: 4px;
    padding-inline: 5px;
  }
}
@media (max-width: 1280px) {
  .mat-mdc-tooltip.time-to-open .mdc-tooltip__surface {
    --mdc-plain-tooltip-supporting-text-size: 9px;
    --mdc-plain-tooltip-supporting-line-height: 11px;
    padding-block: 4px;
    padding-inline: 7px;
  }
}
.mat-mdc-tooltip.error-message .mdc-tooltip__surface {
  --mdc-plain-tooltip-supporting-text-color: var(--app-negative-300);
  --mdc-plain-tooltip-container-color: var(--app-negative-100);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-line-height: 14px;
  --padding-block: 4px;
  --padding-inline: 8px;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
  border-radius: 4px;
}
.mat-mdc-tooltip.simplexhint {
  position: relative;
  --mdc-plain-tooltip-supporting-text-size: 14px;
  --mdc-plain-tooltip-supporting-text-line-height: 20px;
  --mdc-plain-tooltip-container-color: var(--app-base-500);
  --mdc-plain-tooltip-supporting-text-color: var(--app-base-50);
}
.mat-mdc-tooltip.simplexhint:after {
  position: absolute;
  content: "";
}
.mat-mdc-tooltip.simplexhint.right {
  --item-left: -10px;
  left: var(--item-left);
}
.mat-mdc-tooltip.simplexhint.right.investment {
  --item-left: -90px;
}
.mat-mdc-tooltip.simplexhint.right.investment.multiplier {
  --item-left: -150px;
}
.mat-mdc-tooltip.simplexhint.right.investment .mat-mdc-tooltip-surface {
  padding: 8px;
  max-width: 290px;
}
@media (max-width: 1440px) {
  .mat-mdc-tooltip.simplexhint.right.investment {
    --item-left: -73px;
  }
  .mat-mdc-tooltip.simplexhint.right.investment.multiplier {
    --item-left: -120px;
  }
}
@media (max-width: 1366px) {
  .mat-mdc-tooltip.simplexhint.right.investment {
    --item-left: -67px;
  }
  .mat-mdc-tooltip.simplexhint.right.investment.multiplier {
    --item-left: -110px;
  }
  .mat-mdc-tooltip.simplexhint.right.investment .mat-mdc-tooltip-surface {
    max-width: 260px;
  }
}
@media (max-width: 1280px) {
  .mat-mdc-tooltip.simplexhint.right.investment {
    --item-left: -67px;
  }
  .mat-mdc-tooltip.simplexhint.right.investment.multiplier {
    --item-left: -110px;
  }
  .mat-mdc-tooltip.simplexhint.right.investment .mat-mdc-tooltip-surface {
    max-width: 235px;
  }
}
.mat-mdc-tooltip.simplexhint.right.multiplier {
  --item-left: -150px;
}
.mat-mdc-tooltip.simplexhint.right.multiplier .mat-mdc-tooltip-surface {
  padding: 8px;
  max-width: 290px;
}
@media (max-width: 1440px) {
  .mat-mdc-tooltip.simplexhint.right.multiplier {
    --item-left: -120px;
  }
}
@media (max-width: 1366px) {
  .mat-mdc-tooltip.simplexhint.right.multiplier {
    --item-left: -110px;
  }
  .mat-mdc-tooltip.simplexhint.right.multiplier .mat-mdc-tooltip-surface {
    max-width: 260px;
  }
}
@media (max-width: 1280px) {
  .mat-mdc-tooltip.simplexhint.right.multiplier {
    --item-left: -110px;
  }
  .mat-mdc-tooltip.simplexhint.right.multiplier .mat-mdc-tooltip-surface {
    max-width: 235px;
  }
}
.mat-mdc-tooltip.simplexhint.right:after {
  z-index: 3;
  top: calc(50% - 10px);
  right: -20px;
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 10px;
  border-left-color: var(--mdc-plain-tooltip-container-color);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.mat-mdc-tooltip.simplexhint.below {
  bottom: -5px;
}
.mat-mdc-tooltip.simplexhint.below:after {
  z-index: 3;
  top: -18px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  border-style: solid;
  border-width: 9px;
  border-bottom-color: var(--mdc-plain-tooltip-container-color);
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
@media (max-width: 1366px) {
  .mat-mdc-tooltip.simplexhint {
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px;
  }
}
@media (max-width: 1280px) {
  .mat-mdc-tooltip.simplexhint {
    --mdc-plain-tooltip-supporting-text-size: 11px;
    --mdc-plain-tooltip-supporting-text-line-height: 14px;
  }
}
button.mat-mdc-menu-trigger.mdc-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.mat-tooltip-line-break-support {
  white-space: pre-line;
}
.mat-tooltip-line-break-support .mdc-tooltip__surface {
  text-align: left;
}
.mat-tooltip-trade-comment {
  white-space: pre-line;
  box-shadow: var(--app-shadow-dropdown);
}
.mat-tooltip-trade-comment .mdc-tooltip__surface {
  min-width: 140px;
  padding: 10px 14px;
  text-align: left;
  background: var(--app-bg-secondary);
  color: var(--app-base-500);
  line-height: 20px;
}
.mat-tooltip-trade-comment .tooltip-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
}
.mat-tooltip-trade-comment .tooltip-text {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
}
.rtl .mdc-tooltip__surface {
  text-align: right;
}
.mat-mdc-tooltip.mat-tooltip-custom {
  position: relative;
  --mdc-plain-tooltip-supporting-text-size: 14px;
  --mdc-plain-tooltip-supporting-text-line-height: 20px;
  --mdc-plain-tooltip-container-color: var(--app-base-500);
  --mdc-plain-tooltip-supporting-text-color: var(--app-base-50);
}
.mat-mdc-tooltip.mat-tooltip-custom .mat-mdc-tooltip-surface {
  padding: 8px;
}
.mat-tooltip-with-arrow {
  position: relative;
}
.mat-tooltip-with-arrow::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 50%;
  transform: translateY(-50%);
}
.mat-mdc-tooltip-panel-right .mat-tooltip-with-arrow::after {
  left: -5px;
  border-width: 5px 5px 5px 0;
  border-color: transparent var(--mdc-plain-tooltip-container-color) transparent transparent;
}
.mat-mdc-tooltip-panel-left .mat-tooltip-with-arrow::after {
  right: -5px;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent var(--mdc-plain-tooltip-container-color);
}
.mat-mdc-tooltip-panel-above {
  border-radius: 4px;
}
.mat-mdc-tooltip-panel-above .mdc-tooltip__surface {
  --mdc-plain-tooltip-supporting-text-color: var(--app-base-50);
  --mdc-plain-tooltip-container-color: var(--app-base-500);
  --mdc-plain-tooltip-container-shape: 4px;
}
.mat-mdc-tooltip-panel-above .mat-tooltip-with-arrow {
  background-color: var(--app-base-500);
  border-radius: var(--mdc-plain-tooltip-container-shape);
}
.mat-mdc-tooltip-panel-above .mat-tooltip-with-arrow::after {
  border-width: 0 3px 3px 0;
  border-color: var(--app-base-500);
  background-color: var(--app-base-500);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: initial;
  bottom: -5px;
  padding: 3px;
}
.mat-mdc-tooltip-panel-above .hidden {
  display: none;
}
.mat-mdc-dialog-surface {
  box-shadow: var(--app-shadow-dropdown) !important;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.collapse,
.input,
.table-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-button {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: normal;
  min-width: 64px;
  padding: 4px 9px;
  border: solid 1px var(--app-base-200);
  background-color: var(--app-bg-primary);
  border-radius: 2px;
  color: var(--app-base-500);
}
.table-button:hover {
  background-color: var(--app-accent-100);
  cursor: pointer;
}
.table-button.primary {
  background-color: var(--app-bg-primary);
}
.table-button.secondary {
  background-color: var(--app-bg-primary);
}
.table-button.tertiary {
  border: solid 1px var(--app-base-100);
  background-color: var(--app-base-100);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.search-control:has(.input) i.open,
.volume-control:has(.input) i.open,
.search-control:has(.input) i.close,
.volume-control:has(.input) i.close,
.search-control:has(.input) i.search,
.volume-control:has(.input) i.search {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}
.collapse,
.input,
.table-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input {
  width: 100%;
  --padding-inline: 6px;
  --padding-block: 4px;
  --border-radius: 4px;
  background: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  border: 1px solid transparent;
  border-bottom-color: var(--app-base-100);
  border-radius: 0;
  color: var(--app-base-500);
  outline: 0;
  padding: var(--padding-block) var(--padding-inline);
}
@media (max-width: 1366px) {
  .input {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .input {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.input::placeholder {
  color: var(--app-base-300);
}
.input:hover {
  border-radius: 0;
  border-bottom-color: var(--app-base-400);
  cursor: pointer;
}
.input:hover::placeholder {
  color: var(--app-base-400);
}
.input:active,
.input:focus,
.input.active {
  background: inherit;
  border-color: var(--app-accent-400);
  cursor: pointer;
  outline: 0;
  border-radius: var(--border-radius);
}
.search-control:has(.input),
.volume-control:has(.input) {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  --icon-font-size: 18px;
}
@media (max-width: 1440px) {
  .search-control:has(.input),
  .volume-control:has(.input) {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1366px) {
  .search-control:has(.input),
  .volume-control:has(.input) {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .search-control:has(.input),
  .volume-control:has(.input) {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.search-control:has(.input).search-control .input,
.volume-control:has(.input).search-control .input {
  width: 100%;
}
.search-control:has(.input).search-control .input:focus + i.search,
.volume-control:has(.input).search-control .input:focus + i.search {
  color: var(--app-accent-400);
}
.search-control:has(.input).search-control.bordered .input:not(:active, :focus),
.volume-control:has(.input).search-control.bordered .input:not(:active, :focus) {
  border: 1px solid var(--app-base-200);
  border-radius: var(--border-radius);
}
.search-control:has(.input).search-control.bordered .input:hover:not(:active, :focus),
.volume-control:has(.input).search-control.bordered .input:hover:not(:active, :focus) {
  border-radius: var(--border-radius);
  border: 1px solid var(--app-base-400);
}
.search-control:has(.input).search-control.icon-first input,
.volume-control:has(.input).search-control.icon-first input {
  padding-inline-start: calc(var(--padding-inline) + var(--icon-font-size) + 6px);
}
.search-control:has(.input).search-control.icon-first i.search,
.volume-control:has(.input).search-control.icon-first i.search {
  inset-inline-end: initial;
  inset-inline-start: 10px;
}
.search-control:has(.input).volume-control .input,
.volume-control:has(.input).volume-control .input {
  padding-inline-start: 16px;
}
.search-control:has(.input).volume-control .input:not(:active, :focus),
.volume-control:has(.input).volume-control .input:not(:active, :focus) {
  border-radius: var(--border-radius);
  border: 1px solid var(--app-base-200);
}
.search-control:has(.input).volume-control .input:hover:not(:active, :focus),
.volume-control:has(.input).volume-control .input:hover:not(:active, :focus) {
  border-radius: var(--border-radius);
  border: 1px solid var(--app-base-400);
}
.search-control:has(.input).search-control:disabled,
.search-control:has(.input).search-control.disabled,
.search-control:has(.input).volume-control:disabled,
.search-control:has(.input).volume-control.disabled,
.search-control:has(.input).search-control .input:disabled,
.search-control:has(.input).search-control .input.disabled,
.search-control:has(.input).volume-control .input:disabled,
.search-control:has(.input).volume-control .input.disabled,
.volume-control:has(.input).search-control:disabled,
.volume-control:has(.input).search-control.disabled,
.volume-control:has(.input).volume-control:disabled,
.volume-control:has(.input).volume-control.disabled,
.volume-control:has(.input).search-control .input:disabled,
.volume-control:has(.input).search-control .input.disabled,
.volume-control:has(.input).volume-control .input:disabled,
.volume-control:has(.input).volume-control .input.disabled {
  color: var(--app-base-200);
  pointer-events: none;
}
.search-control:has(.input).search-control:disabled .input,
.search-control:has(.input).search-control.disabled .input,
.search-control:has(.input).volume-control:disabled .input,
.search-control:has(.input).volume-control.disabled .input,
.search-control:has(.input).search-control .input:disabled .input,
.search-control:has(.input).search-control .input.disabled .input,
.search-control:has(.input).volume-control .input:disabled .input,
.search-control:has(.input).volume-control .input.disabled .input,
.volume-control:has(.input).search-control:disabled .input,
.volume-control:has(.input).search-control.disabled .input,
.volume-control:has(.input).volume-control:disabled .input,
.volume-control:has(.input).volume-control.disabled .input,
.volume-control:has(.input).search-control .input:disabled .input,
.volume-control:has(.input).search-control .input.disabled .input,
.volume-control:has(.input).volume-control .input:disabled .input,
.volume-control:has(.input).volume-control .input.disabled .input {
  color: var(--app-base-200);
  pointer-events: none;
}
.search-control:has(.input) i,
.volume-control:has(.input) i {
  color: var(--app-base-300);
  font-size: var(--icon-font-size);
  position: absolute;
}
.search-control:has(.input) i.search,
.volume-control:has(.input) i.search {
  inset-inline-end: 10px;
  color: var(--app-base-400);
}
.search-control:has(.input) i.close,
.volume-control:has(.input) i.close {
  inset-inline-end: 10px;
}
.search-control:has(.input) i.close:hover,
.volume-control:has(.input) i.close:hover {
  cursor: pointer;
}
.search-control:has(.input) i.open,
.volume-control:has(.input) i.open {
  inset-inline-end: 10px;
}
.search-control:has(.input) i.open:hover,
.volume-control:has(.input) i.open:hover {
  cursor: pointer;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.tipranks-bg-color-1 {
  background-color: var(--app-negative-200);
}
.tipranks-text-color-1 {
  color: var(--app-negative-200);
}
.tipranks-fill-color-1 {
  fill: var(--app-negative-200);
}
.tipranks-bg-color-2 {
  background-color: var(--app-negative-200);
}
.tipranks-text-color-2 {
  color: var(--app-negative-200);
}
.tipranks-fill-color-2 {
  fill: var(--app-negative-200);
}
.tipranks-bg-color-3 {
  background-color: var(--app-negative-300);
}
.tipranks-text-color-3 {
  color: var(--app-negative-300);
}
.tipranks-fill-color-3 {
  fill: var(--app-negative-300);
}
.tipranks-bg-color-4 {
  background-color: var(--app-negative-400);
}
.tipranks-text-color-4 {
  color: var(--app-negative-400);
}
.tipranks-fill-color-4 {
  fill: var(--app-negative-400);
}
.tipranks-bg-color-5 {
  background-color: var(--app-negative-400);
}
.tipranks-text-color-5 {
  color: var(--app-negative-400);
}
.tipranks-fill-color-5 {
  fill: var(--app-negative-400);
}
.tipranks-bg-color-6 {
  background-color: var(--app-positive-200);
}
.tipranks-text-color-6 {
  color: var(--app-positive-200);
}
.tipranks-fill-color-6 {
  fill: var(--app-positive-200);
}
.tipranks-bg-color-7 {
  background-color: var(--app-positive-200);
}
.tipranks-text-color-7 {
  color: var(--app-positive-200);
}
.tipranks-fill-color-7 {
  fill: var(--app-positive-200);
}
.tipranks-bg-color-8 {
  background-color: var(--app-positive-300);
}
.tipranks-text-color-8 {
  color: var(--app-positive-300);
}
.tipranks-fill-color-8 {
  fill: var(--app-positive-300);
}
.tipranks-bg-color-9 {
  background-color: var(--app-positive-400);
}
.tipranks-text-color-9 {
  color: var(--app-positive-400);
}
.tipranks-fill-color-9 {
  fill: var(--app-positive-400);
}
.tipranks-bg-color-10 {
  background-color: var(--app-positive-400);
}
.tipranks-text-color-10 {
  color: var(--app-positive-400);
}
.tipranks-fill-color-10 {
  fill: var(--app-positive-400);
}
.tipranks-text-colorPositive,
.tipranks-text-colorpositive,
.tipranks-text-colorBUY,
.tipranks-text-colorBuy,
.tipranks-text-colorbuy,
.tipranks-text-colorBought,
.tipranks-text-colorincrease,
.tipranks-text-colorIncrease,
.tipranks-text-colorupside,
.tipranks-text-color.discretionary-buy,
.tipranks-text-color-Positive,
.tipranks-text-color-positive,
.tipranks-text-color-BUY,
.tipranks-text-color-Buy,
.tipranks-text-color-buy,
.tipranks-text-color-Bought,
.tipranks-text-color-increase,
.tipranks-text-color-Increase,
.tipranks-text-color-upside,
.tipranks-text-color-.discretionary-buy {
  color: var(--app-positive-300);
}
.tipranks-text-colorNegative,
.tipranks-text-colornegative,
.tipranks-text-colorSELL,
.tipranks-text-colorSell,
.tipranks-text-colorsell,
.tipranks-text-colorSold,
.tipranks-text-colordecrease,
.tipranks-text-colorDecrease,
.tipranks-text-colordownside,
.tipranks-text-color.discretionary-sell,
.tipranks-text-color-Negative,
.tipranks-text-color-negative,
.tipranks-text-color-SELL,
.tipranks-text-color-Sell,
.tipranks-text-color-sell,
.tipranks-text-color-Sold,
.tipranks-text-color-decrease,
.tipranks-text-color-Decrease,
.tipranks-text-color-downside,
.tipranks-text-color-.discretionary-sell {
  color: var(--app-negative-300);
}
.tipranks-text-colorHOLD,
.tipranks-text-colorHold,
.tipranks-text-colorhold,
.tipranks-text-colorNeutral,
.tipranks-text-colorneutral,
.tipranks-text-color-HOLD,
.tipranks-text-color-Hold,
.tipranks-text-color-hold,
.tipranks-text-color-Neutral,
.tipranks-text-color-neutral {
  color: var(--app-base-300);
}
.tipranks-bg-color-Positive,
.tipranks-bg-color-positive,
.tipranks-bg-color-BUY,
.tipranks-bg-color-Buy,
.tipranks-bg-color-buy,
.tipranks-bg-color-Bought,
.tipranks-bg-color-increase,
.tipranks-bg-color-Increase,
.tipranks-bg-color-strongbuy {
  background-color: var(--app-positive-300);
}
.tipranks-bg-color-Positive.add-text-color,
.tipranks-bg-color-positive.add-text-color,
.tipranks-bg-color-BUY.add-text-color,
.tipranks-bg-color-Buy.add-text-color,
.tipranks-bg-color-buy.add-text-color,
.tipranks-bg-color-Bought.add-text-color,
.tipranks-bg-color-increase.add-text-color,
.tipranks-bg-color-Increase.add-text-color,
.tipranks-bg-color-strongbuy.add-text-color {
  color: var(--app-base-50);
}
.tipranks-bg-color-Negative,
.tipranks-bg-color-negative,
.tipranks-bg-color-SELL,
.tipranks-bg-color-Sell,
.tipranks-bg-color-sell,
.tipranks-bg-color-Sold,
.tipranks-bg-color-decrease,
.tipranks-bg-color-Decrease,
.tipranks-bg-color-strongsell {
  background-color: var(--app-negative-300);
}
.tipranks-bg-color-Negative.add-text-color,
.tipranks-bg-color-negative.add-text-color,
.tipranks-bg-color-SELL.add-text-color,
.tipranks-bg-color-Sell.add-text-color,
.tipranks-bg-color-sell.add-text-color,
.tipranks-bg-color-Sold.add-text-color,
.tipranks-bg-color-decrease.add-text-color,
.tipranks-bg-color-Decrease.add-text-color,
.tipranks-bg-color-strongsell.add-text-color {
  color: var(--app-base-50);
}
.tipranks-bg-color-HOLD,
.tipranks-bg-color-Hold,
.tipranks-bg-color-hold,
.tipranks-bg-color-Neutral,
.tipranks-bg-color-neutral {
  background-color: var(--app-base-300);
}
.tipranks-bg-color-HOLD.add-text-color,
.tipranks-bg-color-Hold.add-text-color,
.tipranks-bg-color-hold.add-text-color,
.tipranks-bg-color-Neutral.add-text-color,
.tipranks-bg-color-neutral.add-text-color {
  color: var(--app-base-50);
}
.echarts-pie {
  width: 180px;
  height: 180px;
}
@media (max-width: 1440px) {
  .echarts-pie {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 1366px) {
  .echarts-pie {
    width: 150px;
    height: 150px;
  }
}
.analyst-rating-line-popup {
  row-gap: 8px;
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup {
    row-gap: 6px;
  }
}
.analyst-rating-line-popup .row1 {
  column-gap: 12px;
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup .row1 {
    column-gap: 6px;
  }
}
.analyst-rating-line-popup .row1 span:nth-child(1) {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-500);
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup .row1 span:nth-child(1) {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.analyst-rating-line-popup .row1 span:nth-child(2) {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-300);
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup .row1 span:nth-child(2) {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.analyst-rating-line-popup .row2 span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  color: var(--app-base-500);
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup .row2 span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.analyst-rating-line-popup .row3 span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
}
@media (max-width: 1440px) {
  .analyst-rating-line-popup .row3 span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.insider-activity-bar-popup {
  column-gap: 10px;
}
.insider-activity-bar-popup span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  color: var(--app-base-500);
}
.analyst-tooltip {
  --mtx-tooltip-component-mw: 280px;
  box-shadow: var(--app-shadow-dropdown);
  min-width: var(--mtx-tooltip-component-mw);
}
@media (max-width: 1440px) {
  .analyst-tooltip {
    --mtx-tooltip-component-mw: 250px;
  }
}
.analyst-tooltip .mtx-mdc-tooltip-surface {
  min-width: var(--mtx-tooltip-component-mw);
  max-width: initial !important;
  padding: 0 !important;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.circle-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--app-base-500);
  display: flex;
}
.circle-indicator.active {
  background: var(--app-positive-400);
}
.badge {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-util-100);
  background: var(--app-negative-300);
  border-radius: 50%;
  padding: 1px 7px 1.5px;
  justify-content: center;
  align-items: center;
  display: flex;
  min-height: 20px;
  max-height: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  width: 20px;
}
@media (max-width: 1366px) {
  .badge {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .badge {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.trade-label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: normal;
  padding: 4px 12px;
  border-radius: 50px;
  text-transform: capitalize;
  color: var(--app-base-300);
  background: var(--app-base-100);
}
.trade-label.buy {
  color: var(--app-positive-300);
  background: var(--app-positive-100);
}
.trade-label.sell {
  color: var(--app-negative-300);
  background: var(--app-negative-100);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.container-profile-icon {
  --item-size: 48px;
  --padding: 0;
  width: var(--item-size);
  height: var(--item-size);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
}
@media (max-width: 1366px) {
  .container-profile-icon {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
    --item-size: 40px;
    --padding: 4px;
  }
}
@media (max-width: 1280px) {
  .container-profile-icon {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
    --item-size: 40px;
    --padding: 7px;
  }
}
.container-profile-icon.in-header {
  --padding: 6px;
  cursor: pointer;
}
.container-profile-icon.in-header:hover .outer-wrapper {
  background: var(--app-accent-500);
}
.container-profile-icon.in-header:active .outer-wrapper,
.container-profile-icon.in-header:focus .outer-wrapper {
  background: var(--app-bg-primary);
  border-color: var(--app-accent-400);
}
.container-profile-icon.in-header:active .outer-wrapper .profile-icon,
.container-profile-icon.in-header:focus .outer-wrapper .profile-icon {
  color: var(--app-base-500);
}
.container-profile-icon.mini {
  --padding: 6px;
  --item-size: 40px;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: normal;
}
.container-profile-icon.mini .outer-wrapper {
  background: var(--app-bg-secondary);
  color: var(--app-base-400);
}
.container-profile-icon.mini .outer-wrapper .profile-icon {
  color: var(--app-base-400);
}
.container-profile-icon.mini.logo .outer-wrapper .profile-icon img {
  width: 100%;
}
.container-profile-icon .outer-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--app-accent-400);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  transition: background-color 50ms ease-in;
}
.container-profile-icon .outer-wrapper .profile-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  text-transform: uppercase;
  color: var(--app-util-100);
  border-radius: 100%;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.trade-bar {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  --item-size: 108px;
  color: var(--app-base-500);
  justify-content: flex-start;
}
@media (max-width: 1366px) {
  .trade-bar {
    --item-size: 90px;
  }
}
@media (max-width: 1280px) {
  .trade-bar {
    --item-size: 90px;
  }
}
.trade-bar .layout-column {
  min-width: var(--item-size);
  justify-content: space-between;
  border-right: 1px solid var(--app-base-100);
  padding-left: 20px;
  padding-right: 10px;
}
.trade-bar .layout-column:first-of-type {
  padding-left: 0;
}
.trade-bar .layout-column:last-of-type {
  border-right: 1px solid transparent;
}
@media (max-width: 1366px) {
  .trade-bar .layout-column {
    padding-left: 10px;
  }
}
@media (max-width: 1280px) {
  .trade-bar .layout-column {
    padding-left: 10px;
  }
}
.trade-bar .label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-300);
}
@media (max-width: 1366px) {
  .trade-bar .label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .trade-bar .label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1366px) {
  .trade-bar .value {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .trade-bar .value {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.context-menu-container {
  padding: 4px;
  color: var(--app-base-400);
  background-color: var(--app-bg-secondary);
  width: 100%;
  height: 100%;
}
.context-menu-container .context-menu-item {
  column-gap: 8px;
  padding-block: 16px;
  padding-inline: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  justify-content: flex-start;
  border-bottom: 1px solid var(--app-base-100);
}
@media (max-width: 1366px) {
  .context-menu-container .context-menu-item {
    padding-block: 12px;
    padding-inline: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .context-menu-container .context-menu-item {
    padding-block: 12px;
    padding-inline: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.context-menu-container .context-menu-item.small {
  padding-block: 7px;
  padding-inline: 10px;
}
@media (max-width: 1366px) {
  .context-menu-container .context-menu-item.small {
    padding-block: 4px;
    padding-inline: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .context-menu-container .context-menu-item.small {
    padding-block: 4px;
    padding-inline: 8px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.context-menu-container .context-menu-item.small i {
  font-size: 14px;
}
.context-menu-container .context-menu-item:hover {
  cursor: pointer;
  background: var(--app-base-100);
}
.context-menu-container .context-menu-item:last-child {
  border-bottom: 1px solid transparent;
}
.context-menu-container .context-menu-item i {
  font-size: 16px;
}
.context-menu-container .context-menu-item.disabled {
  pointer-events: none;
  color: var(--app-base-200);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.scrollbar,
ng-scrollbar,
scrollbars {
  --scrollbar-thumb-color: var(--app-base-200);
  --scrollbar-thumb-hover-color: var(--app-base-300);
  --scrollbar-thickness: 4;
  --scrollbar-hover-thickness: 8;
}
.mdc-data-table__header-cell.text-center {
  text-align: center;
}
.mdc-data-table__header-cell.text-start {
  text-align: start;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.scrollbar,
ng-scrollbar,
scrollbars {
  --scrollbar-thumb-color: var(--app-base-200);
  --scrollbar-thumb-hover-color: var(--app-base-300);
  --scrollbar-thickness: 4;
  --scrollbar-hover-thickness: 8;
}
.mdc-dialog .mdc-dialog__content {
  padding: 0 !important;
  overflow: visible;
}
.mat-mdc-dialog-container,
.mat-mdc-dialog-container .mdc-dialog__content {
  --mdc-dialog-supporting-text-font: "Roboto", sans-serif;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.tab-navigation-item {
  color: var(--app-base-300);
  padding-left: 10px;
  padding-right: 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 4px;
}
.tab-navigation-item:hover {
  cursor: pointer;
  color: var(--app-base-500);
}
.tab-navigation-item.big {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
  padding-top: 6px;
  padding-bottom: 6px;
}
@media (max-width: 1366px) {
  .tab-navigation-item.big {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
@media (max-width: 1280px) {
  .tab-navigation-item.big {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: normal;
  }
}
.tab-navigation-item.small {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  padding-top: 8px;
  padding-bottom: 8px;
}
.tab-navigation-item.secondary.selected {
  color: var(--app-base-500);
  background: var(--app-base-50);
}
@media (max-width: 1366px) {
  .tab-navigation-item.secondary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media (max-width: 1280px) {
  .tab-navigation-item.secondary {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.tab-navigation-item.selected {
  background: var(--app-accent-100);
  color: var(--app-accent-400);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.scrollbar,
ng-scrollbar,
scrollbars {
  --scrollbar-thumb-color: var(--app-base-200);
  --scrollbar-thumb-hover-color: var(--app-base-300);
  --scrollbar-thickness: 4;
  --scrollbar-hover-thickness: 8;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.cdk-overlay-pane:has(.mat-mdc-select-panel) {
  width: auto !important;
}
.scrollbar,
ng-scrollbar,
scrollbars {
  --scrollbar-thumb-color: var(--app-base-200);
  --scrollbar-thumb-hover-color: var(--app-base-300);
  --scrollbar-thickness: 4;
  --scrollbar-hover-thickness: 8;
}
html {
  --app-util-50: #F0F5FF;
  --app-util-100: #F9FBFF;
  --app-util-150: #a7abb0;
  --app-util-200: #2f3640;
  --app-util-250: #fff;
  --app-bg-primary: #ffffff;
  --app-bg-secondary: #f2f4f7;
  --app-bg-tertiary: #e6e8ed;
  --app-base-50: #f4f4f5;
  --app-base-100: #e7eaed;
  --app-base-200: #d1d4d9;
  --app-base-300: #6c7785;
  --app-base-400: #49535f;
  --app-base-500: #343c46;
  --app-accent-50: #f5f7fc;
  --app-accent-100: #e8effd;
  --app-accent-200: #d0defb;
  --app-accent-300: #306eea;
  --app-accent-400: #004ade;
  --app-accent-500: #0038a8;
  --app-positive-50: #f5fcf8;
  --app-positive-100: #e7faef;
  --app-positive-200: #65d695;
  --app-positive-300: #11ac52;
  --app-positive-400: #0e8f44;
  --app-negative-100: #ffe9e9;
  --app-negative-200: #f8afaf;
  --app-negative-300: #e52e2e;
  --app-negative-400: #c41d1d;
  --app-warning-50: #fff1e8;
  --app-warning-100: #ffdcc5;
  --app-warning-200: #ffc19a;
  --app-warning-300: #ff9551;
  --app-warning-400: #ff812f;
  --app-graphics-100: #f2c94c;
  --app-graphics-110: #edb711;
  --app-graphics-200: #bb6bd9;
  --app-graphics-300: #65d695;
  --app-graphics-400: #ec6262;
  --app-graphics-500: #306eea;
  --app-graphics-510: #edf1f9;
  --app-graphics-600: #03c153;
  --app-system-link-color_300: #3779ff;
  --app-system-link-color_400: #004ade;
  --app-system-link-color_500: #0038a8;
  --app-system-notification-50: #ffecb5;
  --app-system-notification-100: #f3d681;
  --app-shadow-dropdown: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}
body {
  --chart-app-background: var(--app-bg-primary) !important;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.login-dialog-container {
  --width: 460px;
  width: var(--width) !important;
}
@media (max-width: 1366px) {
  .login-dialog-container {
    --width: 370px;
  }
}
@media (max-width: 1280px) {
  .login-dialog-container {
    --width: 370px;
  }
}
.login-dialog-container.qr-enabled {
  --width: 790px;
  padding: 0;
}
@media (max-width: 1440px) {
  .login-dialog-container.qr-enabled {
    --width: 630px;
  }
}
.login-dialog-container.qr-enabled login-dialog {
  padding: 0;
}
.login-dialog-container.qr-enabled login-dialog .login-form {
  padding: var(--padding-block) var(--padding-inline);
}
@media (max-width: 1440px) {
  .login-dialog-container.qr-enabled login-dialog qr-code canvas {
    max-width: 100px;
    max-height: 100px;
  }
}
.login-dialog-container.qr-enabled sms-login .material-symbols-sharp.close,
.login-dialog-container.qr-enabled sms-login .close.collapse.horizontal,
.login-dialog-container.qr-enabled sms-login .close.collapse.vertical {
  display: none;
}
.login-dialog-container:not(.qr-enabled) sms-login,
.login-dialog-container:not(.qr-enabled) otp {
  padding: 0;
}
login-page .qr-enabled qr-login {
  padding-block: 0;
}
.cdk-overlay-pane.mat-mdc-dialog-panel.reset-password-dialog-container {
  max-width: 460px;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.locale-dialog-container {
  --width: 368px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .locale-dialog-container {
    width: 312px;
  }
}
.sltp-dialog-container {
  --width: 716px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .sltp-dialog-container {
    --width: 603px;
  }
}
@media (max-width: 1280px) {
  .sltp-dialog-container {
    --width: 603px;
  }
}
.close-trade-dialog-container {
  --width: 716px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .close-trade-dialog-container {
    --width: 603px;
  }
}
@media (max-width: 1280px) {
  .close-trade-dialog-container {
    --width: 603px;
  }
}
.delete-trade-dialog-container {
  --width: 336px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .delete-trade-dialog-container {
    --width: 289px;
  }
}
@media (max-width: 1280px) {
  .delete-trade-dialog-container {
    --width: 289px;
  }
}
.trade-history-full-screen {
  height: calc(100% - var(--global-header-height));
}
.trade-history-full-screen mat-bottom-sheet-container {
  min-width: 100vw;
  max-width: 100%;
  width: 100%;
  padding: 0;
  max-height: 100%;
  overflow: hidden;
}
.bulk-actions-dialog-container {
  --width: 716px;
  max-height: 700px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .bulk-actions-dialog-container {
    --width: 616px;
  }
}
@media (max-width: 1280px) {
  .bulk-actions-dialog-container {
    --width: 616px;
  }
}
.system-message {
  --mdc-snackbar-container-color: var(--app-base-500);
  --mdc-snackbar-supporting-text-color: var(--app-base-50);
}
.system-message .mdc-snackbar__surface {
  padding: 0;
}
.system-message .mdc-snackbar__label {
  padding: 0;
}
.mat-datepicker-popup:has(.form-date) {
  margin-top: 4px;
}
.mat-datepicker-popup:has(.form-date) .form-date {
  background: var(--app-bg-secondary);
  color: var(--app-base-500);
  --mat-datepicker-calendar-date-text-color: var(--app-base-500);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--app-base-200);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-navigation-button-icon-color: var(--app-base-500);
  --mat-datepicker-calendar-header-text-color: var(--app-base-500);
  --mat-datepicker-calendar-body-label-text-color: var(--app-base-500);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--app-accent-400);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--app-util-100);
}
.mat-datepicker-popup:has(.form-date) .form-date .mat-calendar-body-cell-content {
  border-radius: 4px;
}
.mat-datepicker-popup:has(.form-date) .form-date .mat-mdc-button {
  --mdc-text-button-label-text-color: var(--app-base-500);
}
.mat-datepicker-popup:has(.form-date) .form-date .mat-mdc-button .mat-calendar-arrow {
  fill: var(--app-base-500);
}
.mat-datepicker-popup:has(.form-date) .form-date .mat-mdc-icon-button {
  --mdc-icon-button-disabled-icon-color: var(--app-base-200);
}
.mat-datepicker-popup:has(.form-date) .form-date button:focus {
  outline: 0;
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.collapse,
.table-button,
.input {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collapse {
  border: solid 1px var(--app-base-200);
  background: var(--app-bg-primary);
  color: var(--app-base-500);
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  --item-width-vertical: 20px;
  --item-height-vertical: 32px;
  --item-width-horizontal: 32px;
  --item-height-horizontal: 20px;
  --animation-duration: 150ms;
  transition: opacity var(--animation-duration) ease-in-out;
}
@media (max-width: 1366px) {
  .collapse {
    --item-width-vertical: 16px;
    --item-height-vertical: 24px;
    --item-width-horizontal: 24px;
    --item-height-horizontal: 16px;
  }
}
@media (max-width: 1280px) {
  .collapse {
    --item-width-vertical: 16px;
    --item-height-vertical: 24px;
    --item-width-horizontal: 24px;
    --item-height-horizontal: 16px;
  }
}
.collapse:hover {
  cursor: pointer;
  color: var(--app-accent-400);
}
.collapse.vertical {
  width: var(--item-width-vertical);
  height: var(--item-height-vertical);
  border-radius: 4px;
  top: 9px;
}
.collapse.horizontal {
  width: var(--item-width-horizontal);
  height: var(--item-height-horizontal);
  border-radius: 4px;
  left: 50%;
}
div[layout] {
  position: relative;
  --animation-duration: 150ms;
}
div[layout][direction=vertical] {
  transition:
    width var(--animation-duration) ease-in-out,
    left var(--animation-duration) ease-in-out,
    right var(--animation-duration) ease-in-out;
  will-change:
    width,
    left,
    right;
}
div[layout][direction=horizontal] {
  transition:
    height var(--animation-duration) ease-in-out,
    top var(--animation-duration) ease-in-out,
    bottom var(--animation-duration) ease-in-out;
  will-change:
    height,
    top,
    bottom;
}
div[layout].open .collapse {
  opacity: 0;
}
div[layout]:not(.open) .collapse {
  background: var(--app-bg-secondary);
  color: var(--app-accent-400);
}
div[layout]:hover .collapse {
  opacity: 1;
  background: var(--app-accent-200);
  border-color: transparent;
}
div[layout].hovered {
  cursor: pointer;
  position: absolute;
  opacity: 1;
  z-index: 9999;
}
div[layout].hovered[direction=vertical][collapserposition=right] {
  box-shadow: var(--app-shadow-dropdown);
  left: 0;
}
div[layout].hovered[direction=vertical][collapserposition=left] {
  box-shadow: var(--app-shadow-dropdown);
  right: 0;
}
div[layout].hovered[direction=horizontal][collapserposition=top] {
  box-shadow: var(--app-shadow-dropdown);
  bottom: 0;
}
div[layout].hovered > *:first-child {
  opacity: 1;
  pointer-events: auto;
  transition: unset;
}
.rtl div[layout].hovered[direction=vertical][collapserposition=right] {
  box-shadow: var(--app-shadow-dropdown);
  left: auto;
  right: 0;
}
.rtl div[layout].hovered[direction=vertical][collapserposition=left] {
  box-shadow: var(--app-shadow-dropdown);
  left: 0;
  right: auto;
}
.signup-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .signup-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .signup-dialog-container {
    width: 370px;
  }
}
.signup-dialog-container .modal-header,
.signup-dialog-container .modal-content,
.signup-dialog-container .modal-footer {
  padding-inline: 8px;
}
.questionnaire-info-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .questionnaire-info-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .questionnaire-info-dialog-container {
    width: 370px;
  }
}
.tnc-info-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .tnc-info-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .tnc-info-dialog-container {
    width: 370px;
  }
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.page-content .main-content .central-content.as-risk {
  padding-inline: 0 !important;
}
.page-content .main-content .central-content.as-risk bonus-dialog {
  padding: 0;
}
.page-content .main-content .central-content.as-risk bonus-dialog .modal-content .subtitle {
  text-align: start;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
}
.link-share-dialog-container {
  --width: 417px;
  width: var(--width);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.global-menu .menu-item .img64 {
  width: 24px;
  height: 24px;
}
@media (max-width: 1366px) {
  .global-menu .menu-item .img64 {
    width: 20px;
    height: 20px;
  }
}
.global-menu .menu-item .img64 svg path,
.global-menu .menu-item .img64 svg circle {
  fill: var(--app-base-500);
}
.global-menu .menu-item.active .img64 svg path {
  fill: var(--app-accent-400);
}
.global-menu.child-menu {
  position: relative;
  left: var(--global-menu-width);
  right: auto;
  --responsive-gap: 30px;
}
@media (max-width: 1366px) {
  .global-menu.child-menu {
    --responsive-gap: 15px;
  }
}
@media (max-width: 1280px) {
  .global-menu.child-menu {
    --responsive-gap: 15px;
  }
}
.global-menu.child-menu .context-menu-container {
  background: var(--app-bg-secondary);
  color: var(--app-base-500);
}
.global-menu.child-menu .context-menu-item {
  column-gap: var(--responsive-gap);
}
.rtl .global-menu.child-menu {
  left: auto;
  right: var(--global-menu-width);
}
.change-account-password-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .change-account-password-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .change-account-password-dialog-container {
    width: 370px;
  }
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.tooltip-wrapper {
  border-color: transparent !important;
  box-shadow: var(--app-shadow-dropdown) !important;
  background: var(--app-bg-primary) !important;
  border-radius: 4px !important;
}
.tooltip-wrapper .balance-history-tooltip {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.tooltip-wrapper .balance-history-tooltip .value {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-500);
}
.tooltip-wrapper .balance-history-tooltip .label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: normal;
  color: var(--app-base-300);
}
.roboto,
.roboto-regular {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-bold {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-medium {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-light {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 300;
  font-variant: normal;
  text-rendering: auto;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-rendering: auto;
}
.global-menu .menu-item .img64 {
  width: 24px;
  height: 24px;
}
@media (max-width: 1366px) {
  .global-menu .menu-item .img64 {
    width: 20px;
    height: 20px;
  }
}
.global-menu .menu-item .img64 svg path,
.global-menu .menu-item .img64 svg circle {
  fill: var(--app-base-500);
}
.global-menu .menu-item.active .img64 svg path {
  fill: var(--app-accent-400);
}
.global-menu.child-menu {
  position: relative;
  left: var(--global-menu-width);
  right: auto;
  --responsive-gap: 30px;
}
@media (max-width: 1366px) {
  .global-menu.child-menu {
    --responsive-gap: 15px;
  }
}
@media (max-width: 1280px) {
  .global-menu.child-menu {
    --responsive-gap: 15px;
  }
}
.global-menu.child-menu .context-menu-container {
  background: var(--app-bg-secondary);
  color: var(--app-base-500);
}
.global-menu.child-menu .context-menu-item {
  column-gap: var(--responsive-gap);
}
.rtl .global-menu.child-menu {
  left: auto;
  right: var(--global-menu-width);
}
.change-account-password-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .change-account-password-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .change-account-password-dialog-container {
    width: 370px;
  }
}
.close-ticket-dialog-container {
  --width: 336px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .close-ticket-dialog-container {
    --width: 289px;
  }
}
@media (max-width: 1280px) {
  .close-ticket-dialog-container {
    --width: 289px;
  }
}
.email-verification-dialog-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .email-verification-dialog-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .email-verification-dialog-container {
    width: 370px;
  }
}
.info-item-popup-container {
  --width: 460px;
  width: var(--width);
}
@media (max-width: 1366px) {
  .info-item-popup-container {
    width: 370px;
  }
}
@media (max-width: 1280px) {
  .info-item-popup-container {
    width: 370px;
  }
}
.info-item-popup-container .modal-header,
.info-item-popup-container .modal-content,
.info-item-popup-container .modal-footer {
  padding-inline: 8px;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body div {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: hsl(0, 0%, 70%) #ccc hsl(0, 0%, 85%);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px rgba(0, 126, 255, .1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid hsl(0, 0%, 90%);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: hsl(0, 0%, 90%);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: hsl(0, 0%, 90%);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, .54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* node_modules/@pandats/panda-chart/panda-chart.min.css */
.font-light {
  font-weight: 300;
}
.font-semi-light {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semi-bold {
  font-weight: 600;
}
.font-italic {
  font-style: italic;
}
.font-bold {
  font-weight: 700;
}
.font-extra-bold {
  font-weight: 800;
}
.font-01 {
  font-size: 1px;
}
.font-02 {
  font-size: 2px;
}
.font-03 {
  font-size: 3px;
}
.font-04 {
  font-size: 4px;
}
.font-05 {
  font-size: 5px;
}
.font-06 {
  font-size: 6px;
}
.font-07 {
  font-size: 7px;
}
.font-08 {
  font-size: 8px;
}
.font-09 {
  font-size: 9px;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-16 {
  font-size: 16px;
}
.font-17 {
  font-size: 17px;
}
.font-18 {
  font-size: 18px;
}
.font-19 {
  font-size: 19px;
}
.font-20 {
  font-size: 20px;
}
.font-21 {
  font-size: 21px;
}
.font-22 {
  font-size: 22px;
}
.font-23 {
  font-size: 23px;
}
.font-24 {
  font-size: 24px;
}
.font-25 {
  font-size: 25px;
}
.font-26 {
  font-size: 26px;
}
.font-27 {
  font-size: 27px;
}
.font-28 {
  font-size: 28px;
}
.font-29 {
  font-size: 29px;
}
.font-30 {
  font-size: 30px;
}
.font-31 {
  font-size: 31px;
}
.font-32 {
  font-size: 32px;
}
.font-33 {
  font-size: 33px;
}
.font-34 {
  font-size: 34px;
}
.font-35 {
  font-size: 35px;
}
.font-36 {
  font-size: 36px;
}
.font-37 {
  font-size: 37px;
}
.font-38 {
  font-size: 38px;
}
.font-39 {
  font-size: 39px;
}
.font-40 {
  font-size: 40px;
}
.font-41 {
  font-size: 41px;
}
.font-42 {
  font-size: 42px;
}
.font-43 {
  font-size: 43px;
}
.font-44 {
  font-size: 44px;
}
.font-45 {
  font-size: 45px;
}
.font-46 {
  font-size: 46px;
}
.font-47 {
  font-size: 47px;
}
.font-48 {
  font-size: 48px;
}
.font-49 {
  font-size: 49px;
}
.font-50 {
  font-size: 50px;
}
.font-51 {
  font-size: 51px;
}
.font-52 {
  font-size: 52px;
}
.font-53 {
  font-size: 53px;
}
.font-54 {
  font-size: 54px;
}
.font-55 {
  font-size: 55px;
}
.font-56 {
  font-size: 56px;
}
.font-57 {
  font-size: 57px;
}
.font-58 {
  font-size: 58px;
}
.font-59 {
  font-size: 59px;
}
.font-60 {
  font-size: 60px;
}
.font-61 {
  font-size: 61px;
}
.font-62 {
  font-size: 62px;
}
.font-63 {
  font-size: 63px;
}
.font-64 {
  font-size: 64px;
}
.font-65 {
  font-size: 65px;
}
.font-66 {
  font-size: 66px;
}
.font-67 {
  font-size: 67px;
}
.font-68 {
  font-size: 68px;
}
.font-69 {
  font-size: 69px;
}
.font-70 {
  font-size: 70px;
}
.font-71 {
  font-size: 71px;
}
.font-72 {
  font-size: 72px;
}
.font-73 {
  font-size: 73px;
}
.font-74 {
  font-size: 74px;
}
.font-75 {
  font-size: 75px;
}
.font-76 {
  font-size: 76px;
}
.font-77 {
  font-size: 77px;
}
.font-78 {
  font-size: 78px;
}
.font-79 {
  font-size: 79px;
}
.font-80 {
  font-size: 80px;
}
.font-81 {
  font-size: 81px;
}
.font-82 {
  font-size: 82px;
}
.font-83 {
  font-size: 83px;
}
.font-84 {
  font-size: 84px;
}
.font-85 {
  font-size: 85px;
}
.font-86 {
  font-size: 86px;
}
.font-87 {
  font-size: 87px;
}
.font-88 {
  font-size: 88px;
}
.font-89 {
  font-size: 89px;
}
.font-90 {
  font-size: 90px;
}
.font-91 {
  font-size: 91px;
}
.font-92 {
  font-size: 92px;
}
.font-93 {
  font-size: 93px;
}
.font-94 {
  font-size: 94px;
}
.font-95 {
  font-size: 95px;
}
.font-96 {
  font-size: 96px;
}
.font-97 {
  font-size: 97px;
}
.font-98 {
  font-size: 98px;
}
.font-99 {
  font-size: 99px;
}
.font-100 {
  font-size: 100px;
}
.interline-18 {
  line-height: 18px;
}
.interline-24 {
  line-height: 24px;
}
panda-chart {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 1.22;
}
panda-chart .layout-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
panda-chart .layout-row.shrinkable {
  flex: 1;
  overflow-y: hidden;
}
panda-chart .layout-row.content-gap01 > * + *:not(.ignore-gap) {
  margin-left: 1px;
}
panda-chart .layout-row.content-gap02 > * + *:not(.ignore-gap) {
  margin-left: 2px;
}
panda-chart .layout-row.content-gap03 > * + *:not(.ignore-gap) {
  margin-left: 3px;
}
panda-chart .layout-row.content-gap04 > * + *:not(.ignore-gap) {
  margin-left: 4px;
}
panda-chart .layout-row.content-gap05 > * + *:not(.ignore-gap) {
  margin-left: 5px;
}
panda-chart .layout-row.content-gap06 > * + *:not(.ignore-gap) {
  margin-left: 6px;
}
panda-chart .layout-row.content-gap07 > * + *:not(.ignore-gap) {
  margin-left: 7px;
}
panda-chart .layout-row.content-gap08 > * + *:not(.ignore-gap) {
  margin-left: 8px;
}
panda-chart .layout-row.content-gap09 > * + *:not(.ignore-gap) {
  margin-left: 9px;
}
panda-chart .layout-row.content-gap10 > * + *:not(.ignore-gap) {
  margin-left: 10px;
}
panda-chart .layout-row.content-gap11 > * + *:not(.ignore-gap) {
  margin-left: 11px;
}
panda-chart .layout-row.content-gap12 > * + *:not(.ignore-gap) {
  margin-left: 12px;
}
panda-chart .layout-row.content-gap13 > * + *:not(.ignore-gap) {
  margin-left: 13px;
}
panda-chart .layout-row.content-gap14 > * + *:not(.ignore-gap) {
  margin-left: 14px;
}
panda-chart .layout-row.content-gap15 > * + *:not(.ignore-gap) {
  margin-left: 15px;
}
panda-chart .layout-row.content-gap16 > * + *:not(.ignore-gap) {
  margin-left: 16px;
}
panda-chart .layout-row.content-gap17 > * + *:not(.ignore-gap) {
  margin-left: 17px;
}
panda-chart .layout-row.content-gap18 > * + *:not(.ignore-gap) {
  margin-left: 18px;
}
panda-chart .layout-row.content-gap19 > * + *:not(.ignore-gap) {
  margin-left: 19px;
}
panda-chart .layout-row.content-gap20 > * + *:not(.ignore-gap) {
  margin-left: 20px;
}
panda-chart .layout-row.content-gap21 > * + *:not(.ignore-gap) {
  margin-left: 21px;
}
panda-chart .layout-row.content-gap22 > * + *:not(.ignore-gap) {
  margin-left: 22px;
}
panda-chart .layout-row.content-gap23 > * + *:not(.ignore-gap) {
  margin-left: 23px;
}
panda-chart .layout-row.content-gap24 > * + *:not(.ignore-gap) {
  margin-left: 24px;
}
panda-chart .layout-row.content-gap25 > * + *:not(.ignore-gap) {
  margin-left: 25px;
}
panda-chart .layout-row.content-gap26 > * + *:not(.ignore-gap) {
  margin-left: 26px;
}
panda-chart .layout-row.content-gap27 > * + *:not(.ignore-gap) {
  margin-left: 27px;
}
panda-chart .layout-row.content-gap28 > * + *:not(.ignore-gap) {
  margin-left: 28px;
}
panda-chart .layout-row.content-gap29 > * + *:not(.ignore-gap) {
  margin-left: 29px;
}
panda-chart .layout-row.content-gap30 > * + *:not(.ignore-gap) {
  margin-left: 30px;
}
panda-chart .layout-row.content-gap31 > * + *:not(.ignore-gap) {
  margin-left: 31px;
}
panda-chart .layout-row.content-gap32 > * + *:not(.ignore-gap) {
  margin-left: 32px;
}
panda-chart .layout-row.content-gap33 > * + *:not(.ignore-gap) {
  margin-left: 33px;
}
panda-chart .layout-row.content-gap34 > * + *:not(.ignore-gap) {
  margin-left: 34px;
}
panda-chart .layout-row.content-gap35 > * + *:not(.ignore-gap) {
  margin-left: 35px;
}
panda-chart .layout-row.content-gap36 > * + *:not(.ignore-gap) {
  margin-left: 36px;
}
panda-chart .layout-row.content-gap37 > * + *:not(.ignore-gap) {
  margin-left: 37px;
}
panda-chart .layout-row.content-gap38 > * + *:not(.ignore-gap) {
  margin-left: 38px;
}
panda-chart .layout-row.content-gap39 > * + *:not(.ignore-gap) {
  margin-left: 39px;
}
panda-chart .layout-row.content-gap40 > * + *:not(.ignore-gap) {
  margin-left: 40px;
}
panda-chart .layout-row.content-gap41 > * + *:not(.ignore-gap) {
  margin-left: 41px;
}
panda-chart .layout-row.content-gap42 > * + *:not(.ignore-gap) {
  margin-left: 42px;
}
panda-chart .layout-row.content-gap43 > * + *:not(.ignore-gap) {
  margin-left: 43px;
}
panda-chart .layout-row.content-gap44 > * + *:not(.ignore-gap) {
  margin-left: 44px;
}
panda-chart .layout-row.content-gap45 > * + *:not(.ignore-gap) {
  margin-left: 45px;
}
panda-chart .layout-row.content-gap46 > * + *:not(.ignore-gap) {
  margin-left: 46px;
}
panda-chart .layout-row.content-gap47 > * + *:not(.ignore-gap) {
  margin-left: 47px;
}
panda-chart .layout-row.content-gap48 > * + *:not(.ignore-gap) {
  margin-left: 48px;
}
panda-chart .layout-row.content-gap49 > * + *:not(.ignore-gap) {
  margin-left: 49px;
}
panda-chart .layout-row.content-gap50 > * + *:not(.ignore-gap) {
  margin-left: 50px;
}
panda-chart .layout-row.content-gap51 > * + *:not(.ignore-gap) {
  margin-left: 51px;
}
panda-chart .layout-row.content-gap52 > * + *:not(.ignore-gap) {
  margin-left: 52px;
}
panda-chart .layout-row.content-gap53 > * + *:not(.ignore-gap) {
  margin-left: 53px;
}
panda-chart .layout-row.content-gap54 > * + *:not(.ignore-gap) {
  margin-left: 54px;
}
panda-chart .layout-row.content-gap55 > * + *:not(.ignore-gap) {
  margin-left: 55px;
}
panda-chart .layout-row.content-gap56 > * + *:not(.ignore-gap) {
  margin-left: 56px;
}
panda-chart .layout-row.content-gap57 > * + *:not(.ignore-gap) {
  margin-left: 57px;
}
panda-chart .layout-row.content-gap58 > * + *:not(.ignore-gap) {
  margin-left: 58px;
}
panda-chart .layout-row.content-gap59 > * + *:not(.ignore-gap) {
  margin-left: 59px;
}
panda-chart .layout-row.content-gap60 > * + *:not(.ignore-gap) {
  margin-left: 60px;
}
panda-chart .layout-row.content-gap61 > * + *:not(.ignore-gap) {
  margin-left: 61px;
}
panda-chart .layout-row.content-gap62 > * + *:not(.ignore-gap) {
  margin-left: 62px;
}
panda-chart .layout-row.content-gap63 > * + *:not(.ignore-gap) {
  margin-left: 63px;
}
panda-chart .layout-row.content-gap64 > * + *:not(.ignore-gap) {
  margin-left: 64px;
}
panda-chart .layout-row.content-gap65 > * + *:not(.ignore-gap) {
  margin-left: 65px;
}
panda-chart .layout-row.content-gap66 > * + *:not(.ignore-gap) {
  margin-left: 66px;
}
panda-chart .layout-row.content-gap67 > * + *:not(.ignore-gap) {
  margin-left: 67px;
}
panda-chart .layout-row.content-gap68 > * + *:not(.ignore-gap) {
  margin-left: 68px;
}
panda-chart .layout-row.content-gap69 > * + *:not(.ignore-gap) {
  margin-left: 69px;
}
panda-chart .layout-row.content-gap70 > * + *:not(.ignore-gap) {
  margin-left: 70px;
}
panda-chart .layout-row.content-gap71 > * + *:not(.ignore-gap) {
  margin-left: 71px;
}
panda-chart .layout-row.content-gap72 > * + *:not(.ignore-gap) {
  margin-left: 72px;
}
panda-chart .layout-row.content-gap73 > * + *:not(.ignore-gap) {
  margin-left: 73px;
}
panda-chart .layout-row.content-gap74 > * + *:not(.ignore-gap) {
  margin-left: 74px;
}
panda-chart .layout-row.content-gap75 > * + *:not(.ignore-gap) {
  margin-left: 75px;
}
panda-chart .layout-row.content-gap76 > * + *:not(.ignore-gap) {
  margin-left: 76px;
}
panda-chart .layout-row.content-gap77 > * + *:not(.ignore-gap) {
  margin-left: 77px;
}
panda-chart .layout-row.content-gap78 > * + *:not(.ignore-gap) {
  margin-left: 78px;
}
panda-chart .layout-row.content-gap79 > * + *:not(.ignore-gap) {
  margin-left: 79px;
}
panda-chart .layout-row.content-gap80 > * + *:not(.ignore-gap) {
  margin-left: 80px;
}
panda-chart .layout-row.content-gap81 > * + *:not(.ignore-gap) {
  margin-left: 81px;
}
panda-chart .layout-row.content-gap82 > * + *:not(.ignore-gap) {
  margin-left: 82px;
}
panda-chart .layout-row.content-gap83 > * + *:not(.ignore-gap) {
  margin-left: 83px;
}
panda-chart .layout-row.content-gap84 > * + *:not(.ignore-gap) {
  margin-left: 84px;
}
panda-chart .layout-row.content-gap85 > * + *:not(.ignore-gap) {
  margin-left: 85px;
}
panda-chart .layout-row.content-gap86 > * + *:not(.ignore-gap) {
  margin-left: 86px;
}
panda-chart .layout-row.content-gap87 > * + *:not(.ignore-gap) {
  margin-left: 87px;
}
panda-chart .layout-row.content-gap88 > * + *:not(.ignore-gap) {
  margin-left: 88px;
}
panda-chart .layout-row.content-gap89 > * + *:not(.ignore-gap) {
  margin-left: 89px;
}
panda-chart .layout-row.content-gap90 > * + *:not(.ignore-gap) {
  margin-left: 90px;
}
panda-chart .layout-row.content-gap91 > * + *:not(.ignore-gap) {
  margin-left: 91px;
}
panda-chart .layout-row.content-gap92 > * + *:not(.ignore-gap) {
  margin-left: 92px;
}
panda-chart .layout-row.content-gap93 > * + *:not(.ignore-gap) {
  margin-left: 93px;
}
panda-chart .layout-row.content-gap94 > * + *:not(.ignore-gap) {
  margin-left: 94px;
}
panda-chart .layout-row.content-gap95 > * + *:not(.ignore-gap) {
  margin-left: 95px;
}
panda-chart .layout-row.content-gap96 > * + *:not(.ignore-gap) {
  margin-left: 96px;
}
panda-chart .layout-row.content-gap97 > * + *:not(.ignore-gap) {
  margin-left: 97px;
}
panda-chart .layout-row.content-gap98 > * + *:not(.ignore-gap) {
  margin-left: 98px;
}
panda-chart .layout-row.content-gap99 > * + *:not(.ignore-gap) {
  margin-left: 99px;
}
panda-chart .layout-row.content-gap100 > * + *:not(.ignore-gap) {
  margin-left: 100px;
}
panda-chart .layout-column {
  display: flex;
  flex-direction: column;
}
panda-chart .layout-column.shrinkable {
  flex: 1;
  min-width: 0;
}
panda-chart .layout-column.content-gap01 > * + *:not(.ignore-gap) {
  margin-top: 1px;
}
panda-chart .layout-column.content-gap02 > * + *:not(.ignore-gap) {
  margin-top: 2px;
}
panda-chart .layout-column.content-gap03 > * + *:not(.ignore-gap) {
  margin-top: 3px;
}
panda-chart .layout-column.content-gap04 > * + *:not(.ignore-gap) {
  margin-top: 4px;
}
panda-chart .layout-column.content-gap05 > * + *:not(.ignore-gap) {
  margin-top: 5px;
}
panda-chart .layout-column.content-gap06 > * + *:not(.ignore-gap) {
  margin-top: 6px;
}
panda-chart .layout-column.content-gap07 > * + *:not(.ignore-gap) {
  margin-top: 7px;
}
panda-chart .layout-column.content-gap08 > * + *:not(.ignore-gap) {
  margin-top: 8px;
}
panda-chart .layout-column.content-gap09 > * + *:not(.ignore-gap) {
  margin-top: 9px;
}
panda-chart .layout-column.content-gap10 > * + *:not(.ignore-gap) {
  margin-top: 10px;
}
panda-chart .layout-column.content-gap11 > * + *:not(.ignore-gap) {
  margin-top: 11px;
}
panda-chart .layout-column.content-gap12 > * + *:not(.ignore-gap) {
  margin-top: 12px;
}
panda-chart .layout-column.content-gap13 > * + *:not(.ignore-gap) {
  margin-top: 13px;
}
panda-chart .layout-column.content-gap14 > * + *:not(.ignore-gap) {
  margin-top: 14px;
}
panda-chart .layout-column.content-gap15 > * + *:not(.ignore-gap) {
  margin-top: 15px;
}
panda-chart .layout-column.content-gap16 > * + *:not(.ignore-gap) {
  margin-top: 16px;
}
panda-chart .layout-column.content-gap17 > * + *:not(.ignore-gap) {
  margin-top: 17px;
}
panda-chart .layout-column.content-gap18 > * + *:not(.ignore-gap) {
  margin-top: 18px;
}
panda-chart .layout-column.content-gap19 > * + *:not(.ignore-gap) {
  margin-top: 19px;
}
panda-chart .layout-column.content-gap20 > * + *:not(.ignore-gap) {
  margin-top: 20px;
}
panda-chart .layout-column.content-gap21 > * + *:not(.ignore-gap) {
  margin-top: 21px;
}
panda-chart .layout-column.content-gap22 > * + *:not(.ignore-gap) {
  margin-top: 22px;
}
panda-chart .layout-column.content-gap23 > * + *:not(.ignore-gap) {
  margin-top: 23px;
}
panda-chart .layout-column.content-gap24 > * + *:not(.ignore-gap) {
  margin-top: 24px;
}
panda-chart .layout-column.content-gap25 > * + *:not(.ignore-gap) {
  margin-top: 25px;
}
panda-chart .layout-column.content-gap26 > * + *:not(.ignore-gap) {
  margin-top: 26px;
}
panda-chart .layout-column.content-gap27 > * + *:not(.ignore-gap) {
  margin-top: 27px;
}
panda-chart .layout-column.content-gap28 > * + *:not(.ignore-gap) {
  margin-top: 28px;
}
panda-chart .layout-column.content-gap29 > * + *:not(.ignore-gap) {
  margin-top: 29px;
}
panda-chart .layout-column.content-gap30 > * + *:not(.ignore-gap) {
  margin-top: 30px;
}
panda-chart .layout-column.content-gap31 > * + *:not(.ignore-gap) {
  margin-top: 31px;
}
panda-chart .layout-column.content-gap32 > * + *:not(.ignore-gap) {
  margin-top: 32px;
}
panda-chart .layout-column.content-gap33 > * + *:not(.ignore-gap) {
  margin-top: 33px;
}
panda-chart .layout-column.content-gap34 > * + *:not(.ignore-gap) {
  margin-top: 34px;
}
panda-chart .layout-column.content-gap35 > * + *:not(.ignore-gap) {
  margin-top: 35px;
}
panda-chart .layout-column.content-gap36 > * + *:not(.ignore-gap) {
  margin-top: 36px;
}
panda-chart .layout-column.content-gap37 > * + *:not(.ignore-gap) {
  margin-top: 37px;
}
panda-chart .layout-column.content-gap38 > * + *:not(.ignore-gap) {
  margin-top: 38px;
}
panda-chart .layout-column.content-gap39 > * + *:not(.ignore-gap) {
  margin-top: 39px;
}
panda-chart .layout-column.content-gap40 > * + *:not(.ignore-gap) {
  margin-top: 40px;
}
panda-chart .layout-column.content-gap41 > * + *:not(.ignore-gap) {
  margin-top: 41px;
}
panda-chart .layout-column.content-gap42 > * + *:not(.ignore-gap) {
  margin-top: 42px;
}
panda-chart .layout-column.content-gap43 > * + *:not(.ignore-gap) {
  margin-top: 43px;
}
panda-chart .layout-column.content-gap44 > * + *:not(.ignore-gap) {
  margin-top: 44px;
}
panda-chart .layout-column.content-gap45 > * + *:not(.ignore-gap) {
  margin-top: 45px;
}
panda-chart .layout-column.content-gap46 > * + *:not(.ignore-gap) {
  margin-top: 46px;
}
panda-chart .layout-column.content-gap47 > * + *:not(.ignore-gap) {
  margin-top: 47px;
}
panda-chart .layout-column.content-gap48 > * + *:not(.ignore-gap) {
  margin-top: 48px;
}
panda-chart .layout-column.content-gap49 > * + *:not(.ignore-gap) {
  margin-top: 49px;
}
panda-chart .layout-column.content-gap50 > * + *:not(.ignore-gap) {
  margin-top: 50px;
}
panda-chart .layout-column.content-gap51 > * + *:not(.ignore-gap) {
  margin-top: 51px;
}
panda-chart .layout-column.content-gap52 > * + *:not(.ignore-gap) {
  margin-top: 52px;
}
panda-chart .layout-column.content-gap53 > * + *:not(.ignore-gap) {
  margin-top: 53px;
}
panda-chart .layout-column.content-gap54 > * + *:not(.ignore-gap) {
  margin-top: 54px;
}
panda-chart .layout-column.content-gap55 > * + *:not(.ignore-gap) {
  margin-top: 55px;
}
panda-chart .layout-column.content-gap56 > * + *:not(.ignore-gap) {
  margin-top: 56px;
}
panda-chart .layout-column.content-gap57 > * + *:not(.ignore-gap) {
  margin-top: 57px;
}
panda-chart .layout-column.content-gap58 > * + *:not(.ignore-gap) {
  margin-top: 58px;
}
panda-chart .layout-column.content-gap59 > * + *:not(.ignore-gap) {
  margin-top: 59px;
}
panda-chart .layout-column.content-gap60 > * + *:not(.ignore-gap) {
  margin-top: 60px;
}
panda-chart .layout-column.content-gap61 > * + *:not(.ignore-gap) {
  margin-top: 61px;
}
panda-chart .layout-column.content-gap62 > * + *:not(.ignore-gap) {
  margin-top: 62px;
}
panda-chart .layout-column.content-gap63 > * + *:not(.ignore-gap) {
  margin-top: 63px;
}
panda-chart .layout-column.content-gap64 > * + *:not(.ignore-gap) {
  margin-top: 64px;
}
panda-chart .layout-column.content-gap65 > * + *:not(.ignore-gap) {
  margin-top: 65px;
}
panda-chart .layout-column.content-gap66 > * + *:not(.ignore-gap) {
  margin-top: 66px;
}
panda-chart .layout-column.content-gap67 > * + *:not(.ignore-gap) {
  margin-top: 67px;
}
panda-chart .layout-column.content-gap68 > * + *:not(.ignore-gap) {
  margin-top: 68px;
}
panda-chart .layout-column.content-gap69 > * + *:not(.ignore-gap) {
  margin-top: 69px;
}
panda-chart .layout-column.content-gap70 > * + *:not(.ignore-gap) {
  margin-top: 70px;
}
panda-chart .layout-column.content-gap71 > * + *:not(.ignore-gap) {
  margin-top: 71px;
}
panda-chart .layout-column.content-gap72 > * + *:not(.ignore-gap) {
  margin-top: 72px;
}
panda-chart .layout-column.content-gap73 > * + *:not(.ignore-gap) {
  margin-top: 73px;
}
panda-chart .layout-column.content-gap74 > * + *:not(.ignore-gap) {
  margin-top: 74px;
}
panda-chart .layout-column.content-gap75 > * + *:not(.ignore-gap) {
  margin-top: 75px;
}
panda-chart .layout-column.content-gap76 > * + *:not(.ignore-gap) {
  margin-top: 76px;
}
panda-chart .layout-column.content-gap77 > * + *:not(.ignore-gap) {
  margin-top: 77px;
}
panda-chart .layout-column.content-gap78 > * + *:not(.ignore-gap) {
  margin-top: 78px;
}
panda-chart .layout-column.content-gap79 > * + *:not(.ignore-gap) {
  margin-top: 79px;
}
panda-chart .layout-column.content-gap80 > * + *:not(.ignore-gap) {
  margin-top: 80px;
}
panda-chart .layout-column.content-gap81 > * + *:not(.ignore-gap) {
  margin-top: 81px;
}
panda-chart .layout-column.content-gap82 > * + *:not(.ignore-gap) {
  margin-top: 82px;
}
panda-chart .layout-column.content-gap83 > * + *:not(.ignore-gap) {
  margin-top: 83px;
}
panda-chart .layout-column.content-gap84 > * + *:not(.ignore-gap) {
  margin-top: 84px;
}
panda-chart .layout-column.content-gap85 > * + *:not(.ignore-gap) {
  margin-top: 85px;
}
panda-chart .layout-column.content-gap86 > * + *:not(.ignore-gap) {
  margin-top: 86px;
}
panda-chart .layout-column.content-gap87 > * + *:not(.ignore-gap) {
  margin-top: 87px;
}
panda-chart .layout-column.content-gap88 > * + *:not(.ignore-gap) {
  margin-top: 88px;
}
panda-chart .layout-column.content-gap89 > * + *:not(.ignore-gap) {
  margin-top: 89px;
}
panda-chart .layout-column.content-gap90 > * + *:not(.ignore-gap) {
  margin-top: 90px;
}
panda-chart .layout-column.content-gap91 > * + *:not(.ignore-gap) {
  margin-top: 91px;
}
panda-chart .layout-column.content-gap92 > * + *:not(.ignore-gap) {
  margin-top: 92px;
}
panda-chart .layout-column.content-gap93 > * + *:not(.ignore-gap) {
  margin-top: 93px;
}
panda-chart .layout-column.content-gap94 > * + *:not(.ignore-gap) {
  margin-top: 94px;
}
panda-chart .layout-column.content-gap95 > * + *:not(.ignore-gap) {
  margin-top: 95px;
}
panda-chart .layout-column.content-gap96 > * + *:not(.ignore-gap) {
  margin-top: 96px;
}
panda-chart .layout-column.content-gap97 > * + *:not(.ignore-gap) {
  margin-top: 97px;
}
panda-chart .layout-column.content-gap98 > * + *:not(.ignore-gap) {
  margin-top: 98px;
}
panda-chart .layout-column.content-gap99 > * + *:not(.ignore-gap) {
  margin-top: 99px;
}
panda-chart .layout-column.content-gap100 > * + *:not(.ignore-gap) {
  margin-top: 100px;
}
panda-chart .layout-column.just-space-between,
panda-chart .layout-row.just-space-between {
  justify-content: space-between;
}
panda-chart .layout-column.just-space-around,
panda-chart .layout-row.just-space-around {
  justify-content: space-around;
}
panda-chart .layout-column.just-start,
panda-chart .layout-row.just-start {
  justify-content: flex-start;
}
panda-chart .layout-column.just-center,
panda-chart .layout-row.just-center {
  justify-content: center;
}
panda-chart .layout-column.just-end,
panda-chart .layout-row.just-end {
  justify-content: flex-end;
}
panda-chart .layout-column.align-start,
panda-chart .layout-row.align-start {
  align-items: flex-start;
}
panda-chart .layout-column.align-end,
panda-chart .layout-row.align-end {
  align-items: flex-end;
}
panda-chart .layout-column.align-center,
panda-chart .layout-row.align-center {
  align-items: center;
}
panda-chart .layout-column.align-stretch,
panda-chart .layout-row.align-stretch {
  align-items: stretch;
}
panda-chart .layout-column.align-base,
panda-chart .layout-row.align-base {
  align-items: baseline;
}
panda-chart .full-height {
  height: 100%;
}
panda-chart .full-width {
  width: 100%;
}
panda-chart .semi-width {
  width: 50%;
}
panda-chart .semi-height {
  height: 50%;
}
panda-chart .width-01 {
  width: 1%;
}
panda-chart .height-01 {
  height: 1%;
}
panda-chart .width-1 {
  width: 1%;
}
panda-chart .height-1 {
  height: 1%;
}
panda-chart .width-02 {
  width: 2%;
}
panda-chart .height-02 {
  height: 2%;
}
panda-chart .width-2 {
  width: 2%;
}
panda-chart .height-2 {
  height: 2%;
}
panda-chart .width-03 {
  width: 3%;
}
panda-chart .height-03 {
  height: 3%;
}
panda-chart .width-3 {
  width: 3%;
}
panda-chart .height-3 {
  height: 3%;
}
panda-chart .width-04 {
  width: 4%;
}
panda-chart .height-04 {
  height: 4%;
}
panda-chart .width-4 {
  width: 4%;
}
panda-chart .height-4 {
  height: 4%;
}
panda-chart .width-05 {
  width: 5%;
}
panda-chart .height-05 {
  height: 5%;
}
panda-chart .width-5 {
  width: 5%;
}
panda-chart .height-5 {
  height: 5%;
}
panda-chart .width-06 {
  width: 6%;
}
panda-chart .height-06 {
  height: 6%;
}
panda-chart .width-6 {
  width: 6%;
}
panda-chart .height-6 {
  height: 6%;
}
panda-chart .width-07 {
  width: 7%;
}
panda-chart .height-07 {
  height: 7%;
}
panda-chart .width-7 {
  width: 7%;
}
panda-chart .height-7 {
  height: 7%;
}
panda-chart .width-08 {
  width: 8%;
}
panda-chart .height-08 {
  height: 8%;
}
panda-chart .width-8 {
  width: 8%;
}
panda-chart .height-8 {
  height: 8%;
}
panda-chart .width-09 {
  width: 9%;
}
panda-chart .height-09 {
  height: 9%;
}
panda-chart .width-9 {
  width: 9%;
}
panda-chart .height-9 {
  height: 9%;
}
panda-chart .width-10 {
  width: 10%;
}
panda-chart .height-10 {
  height: 10%;
}
panda-chart .width-11 {
  width: 11%;
}
panda-chart .height-11 {
  height: 11%;
}
panda-chart .width-12 {
  width: 12%;
}
panda-chart .height-12 {
  height: 12%;
}
panda-chart .width-13 {
  width: 13%;
}
panda-chart .height-13 {
  height: 13%;
}
panda-chart .width-14 {
  width: 14%;
}
panda-chart .height-14 {
  height: 14%;
}
panda-chart .width-15 {
  width: 15%;
}
panda-chart .height-15 {
  height: 15%;
}
panda-chart .width-16 {
  width: 16%;
}
panda-chart .height-16 {
  height: 16%;
}
panda-chart .width-17 {
  width: 17%;
}
panda-chart .height-17 {
  height: 17%;
}
panda-chart .width-18 {
  width: 18%;
}
panda-chart .height-18 {
  height: 18%;
}
panda-chart .width-19 {
  width: 19%;
}
panda-chart .height-19 {
  height: 19%;
}
panda-chart .width-20 {
  width: 20%;
}
panda-chart .height-20 {
  height: 20%;
}
panda-chart .width-21 {
  width: 21%;
}
panda-chart .height-21 {
  height: 21%;
}
panda-chart .width-22 {
  width: 22%;
}
panda-chart .height-22 {
  height: 22%;
}
panda-chart .width-23 {
  width: 23%;
}
panda-chart .height-23 {
  height: 23%;
}
panda-chart .width-24 {
  width: 24%;
}
panda-chart .height-24 {
  height: 24%;
}
panda-chart .width-25 {
  width: 25%;
}
panda-chart .height-25 {
  height: 25%;
}
panda-chart .width-26 {
  width: 26%;
}
panda-chart .height-26 {
  height: 26%;
}
panda-chart .width-27 {
  width: 27%;
}
panda-chart .height-27 {
  height: 27%;
}
panda-chart .width-28 {
  width: 28%;
}
panda-chart .height-28 {
  height: 28%;
}
panda-chart .width-29 {
  width: 29%;
}
panda-chart .height-29 {
  height: 29%;
}
panda-chart .width-30 {
  width: 30%;
}
panda-chart .height-30 {
  height: 30%;
}
panda-chart .width-31 {
  width: 31%;
}
panda-chart .height-31 {
  height: 31%;
}
panda-chart .width-32 {
  width: 32%;
}
panda-chart .height-32 {
  height: 32%;
}
panda-chart .width-33 {
  width: 33%;
}
panda-chart .height-33 {
  height: 33%;
}
panda-chart .width-34 {
  width: 34%;
}
panda-chart .height-34 {
  height: 34%;
}
panda-chart .width-35 {
  width: 35%;
}
panda-chart .height-35 {
  height: 35%;
}
panda-chart .width-36 {
  width: 36%;
}
panda-chart .height-36 {
  height: 36%;
}
panda-chart .width-37 {
  width: 37%;
}
panda-chart .height-37 {
  height: 37%;
}
panda-chart .width-38 {
  width: 38%;
}
panda-chart .height-38 {
  height: 38%;
}
panda-chart .width-39 {
  width: 39%;
}
panda-chart .height-39 {
  height: 39%;
}
panda-chart .width-40 {
  width: 40%;
}
panda-chart .height-40 {
  height: 40%;
}
panda-chart .width-41 {
  width: 41%;
}
panda-chart .height-41 {
  height: 41%;
}
panda-chart .width-42 {
  width: 42%;
}
panda-chart .height-42 {
  height: 42%;
}
panda-chart .width-43 {
  width: 43%;
}
panda-chart .height-43 {
  height: 43%;
}
panda-chart .width-44 {
  width: 44%;
}
panda-chart .height-44 {
  height: 44%;
}
panda-chart .width-45 {
  width: 45%;
}
panda-chart .height-45 {
  height: 45%;
}
panda-chart .width-46 {
  width: 46%;
}
panda-chart .height-46 {
  height: 46%;
}
panda-chart .width-47 {
  width: 47%;
}
panda-chart .height-47 {
  height: 47%;
}
panda-chart .width-48 {
  width: 48%;
}
panda-chart .height-48 {
  height: 48%;
}
panda-chart .width-49 {
  width: 49%;
}
panda-chart .height-49 {
  height: 49%;
}
panda-chart .width-50 {
  width: 50%;
}
panda-chart .height-50 {
  height: 50%;
}
panda-chart .width-51 {
  width: 51%;
}
panda-chart .height-51 {
  height: 51%;
}
panda-chart .width-52 {
  width: 52%;
}
panda-chart .height-52 {
  height: 52%;
}
panda-chart .width-53 {
  width: 53%;
}
panda-chart .height-53 {
  height: 53%;
}
panda-chart .width-54 {
  width: 54%;
}
panda-chart .height-54 {
  height: 54%;
}
panda-chart .width-55 {
  width: 55%;
}
panda-chart .height-55 {
  height: 55%;
}
panda-chart .width-56 {
  width: 56%;
}
panda-chart .height-56 {
  height: 56%;
}
panda-chart .width-57 {
  width: 57%;
}
panda-chart .height-57 {
  height: 57%;
}
panda-chart .width-58 {
  width: 58%;
}
panda-chart .height-58 {
  height: 58%;
}
panda-chart .width-59 {
  width: 59%;
}
panda-chart .height-59 {
  height: 59%;
}
panda-chart .width-60 {
  width: 60%;
}
panda-chart .height-60 {
  height: 60%;
}
panda-chart .width-61 {
  width: 61%;
}
panda-chart .height-61 {
  height: 61%;
}
panda-chart .width-62 {
  width: 62%;
}
panda-chart .height-62 {
  height: 62%;
}
panda-chart .width-63 {
  width: 63%;
}
panda-chart .height-63 {
  height: 63%;
}
panda-chart .width-64 {
  width: 64%;
}
panda-chart .height-64 {
  height: 64%;
}
panda-chart .width-65 {
  width: 65%;
}
panda-chart .height-65 {
  height: 65%;
}
panda-chart .width-66 {
  width: 66%;
}
panda-chart .height-66 {
  height: 66%;
}
panda-chart .width-67 {
  width: 67%;
}
panda-chart .height-67 {
  height: 67%;
}
panda-chart .width-68 {
  width: 68%;
}
panda-chart .height-68 {
  height: 68%;
}
panda-chart .width-69 {
  width: 69%;
}
panda-chart .height-69 {
  height: 69%;
}
panda-chart .width-70 {
  width: 70%;
}
panda-chart .height-70 {
  height: 70%;
}
panda-chart .width-71 {
  width: 71%;
}
panda-chart .height-71 {
  height: 71%;
}
panda-chart .width-72 {
  width: 72%;
}
panda-chart .height-72 {
  height: 72%;
}
panda-chart .width-73 {
  width: 73%;
}
panda-chart .height-73 {
  height: 73%;
}
panda-chart .width-74 {
  width: 74%;
}
panda-chart .height-74 {
  height: 74%;
}
panda-chart .width-75 {
  width: 75%;
}
panda-chart .height-75 {
  height: 75%;
}
panda-chart .width-76 {
  width: 76%;
}
panda-chart .height-76 {
  height: 76%;
}
panda-chart .width-77 {
  width: 77%;
}
panda-chart .height-77 {
  height: 77%;
}
panda-chart .width-78 {
  width: 78%;
}
panda-chart .height-78 {
  height: 78%;
}
panda-chart .width-79 {
  width: 79%;
}
panda-chart .height-79 {
  height: 79%;
}
panda-chart .width-80 {
  width: 80%;
}
panda-chart .height-80 {
  height: 80%;
}
panda-chart .width-81 {
  width: 81%;
}
panda-chart .height-81 {
  height: 81%;
}
panda-chart .width-82 {
  width: 82%;
}
panda-chart .height-82 {
  height: 82%;
}
panda-chart .width-83 {
  width: 83%;
}
panda-chart .height-83 {
  height: 83%;
}
panda-chart .width-84 {
  width: 84%;
}
panda-chart .height-84 {
  height: 84%;
}
panda-chart .width-85 {
  width: 85%;
}
panda-chart .height-85 {
  height: 85%;
}
panda-chart .width-86 {
  width: 86%;
}
panda-chart .height-86 {
  height: 86%;
}
panda-chart .width-87 {
  width: 87%;
}
panda-chart .height-87 {
  height: 87%;
}
panda-chart .width-88 {
  width: 88%;
}
panda-chart .height-88 {
  height: 88%;
}
panda-chart .width-89 {
  width: 89%;
}
panda-chart .height-89 {
  height: 89%;
}
panda-chart .width-90 {
  width: 90%;
}
panda-chart .height-90 {
  height: 90%;
}
panda-chart .width-91 {
  width: 91%;
}
panda-chart .height-91 {
  height: 91%;
}
panda-chart .width-92 {
  width: 92%;
}
panda-chart .height-92 {
  height: 92%;
}
panda-chart .width-93 {
  width: 93%;
}
panda-chart .height-93 {
  height: 93%;
}
panda-chart .width-94 {
  width: 94%;
}
panda-chart .height-94 {
  height: 94%;
}
panda-chart .width-95 {
  width: 95%;
}
panda-chart .height-95 {
  height: 95%;
}
panda-chart .width-96 {
  width: 96%;
}
panda-chart .height-96 {
  height: 96%;
}
panda-chart .width-97 {
  width: 97%;
}
panda-chart .height-97 {
  height: 97%;
}
panda-chart .width-98 {
  width: 98%;
}
panda-chart .height-98 {
  height: 98%;
}
panda-chart .width-99 {
  width: 99%;
}
panda-chart .height-99 {
  height: 99%;
}
panda-chart .width-100 {
  width: 100%;
}
panda-chart .height-100 {
  height: 100%;
}
panda-chart .pad-01 {
  padding: 1px;
}
panda-chart .pad-top-01 {
  padding-top: 1px;
}
panda-chart .pad-bottom-01 {
  padding-bottom: 1px;
}
panda-chart .pad-left-01 {
  padding-left: 1px;
}
panda-chart .pad-right-01 {
  padding-right: 1px;
}
panda-chart .margin-01 {
  margin: 1px;
}
panda-chart .margin-top-01 {
  margin-top: 1px;
}
panda-chart .margin-bottom-01 {
  margin-bottom: 1px;
}
panda-chart .margin-left-01 {
  margin-left: 1px;
}
panda-chart .margin-right-01 {
  margin-right: 1px;
}
panda-chart .font-01 {
  font-size: 1px;
}
panda-chart .pad-02 {
  padding: 2px;
}
panda-chart .pad-top-02 {
  padding-top: 2px;
}
panda-chart .pad-bottom-02 {
  padding-bottom: 2px;
}
panda-chart .pad-left-02 {
  padding-left: 2px;
}
panda-chart .pad-right-02 {
  padding-right: 2px;
}
panda-chart .margin-02 {
  margin: 2px;
}
panda-chart .margin-top-02 {
  margin-top: 2px;
}
panda-chart .margin-bottom-02 {
  margin-bottom: 2px;
}
panda-chart .margin-left-02 {
  margin-left: 2px;
}
panda-chart .margin-right-02 {
  margin-right: 2px;
}
panda-chart .font-02 {
  font-size: 2px;
}
panda-chart .pad-03 {
  padding: 3px;
}
panda-chart .pad-top-03 {
  padding-top: 3px;
}
panda-chart .pad-bottom-03 {
  padding-bottom: 3px;
}
panda-chart .pad-left-03 {
  padding-left: 3px;
}
panda-chart .pad-right-03 {
  padding-right: 3px;
}
panda-chart .margin-03 {
  margin: 3px;
}
panda-chart .margin-top-03 {
  margin-top: 3px;
}
panda-chart .margin-bottom-03 {
  margin-bottom: 3px;
}
panda-chart .margin-left-03 {
  margin-left: 3px;
}
panda-chart .margin-right-03 {
  margin-right: 3px;
}
panda-chart .font-03 {
  font-size: 3px;
}
panda-chart .pad-04 {
  padding: 4px;
}
panda-chart .pad-top-04 {
  padding-top: 4px;
}
panda-chart .pad-bottom-04 {
  padding-bottom: 4px;
}
panda-chart .pad-left-04 {
  padding-left: 4px;
}
panda-chart .pad-right-04 {
  padding-right: 4px;
}
panda-chart .margin-04 {
  margin: 4px;
}
panda-chart .margin-top-04 {
  margin-top: 4px;
}
panda-chart .margin-bottom-04 {
  margin-bottom: 4px;
}
panda-chart .margin-left-04 {
  margin-left: 4px;
}
panda-chart .margin-right-04 {
  margin-right: 4px;
}
panda-chart .font-04 {
  font-size: 4px;
}
panda-chart .pad-05 {
  padding: 5px;
}
panda-chart .pad-top-05 {
  padding-top: 5px;
}
panda-chart .pad-bottom-05 {
  padding-bottom: 5px;
}
panda-chart .pad-left-05 {
  padding-left: 5px;
}
panda-chart .pad-right-05 {
  padding-right: 5px;
}
panda-chart .margin-05 {
  margin: 5px;
}
panda-chart .margin-top-05 {
  margin-top: 5px;
}
panda-chart .margin-bottom-05 {
  margin-bottom: 5px;
}
panda-chart .margin-left-05 {
  margin-left: 5px;
}
panda-chart .margin-right-05 {
  margin-right: 5px;
}
panda-chart .font-05 {
  font-size: 5px;
}
panda-chart .pad-06 {
  padding: 6px;
}
panda-chart .pad-top-06 {
  padding-top: 6px;
}
panda-chart .pad-bottom-06 {
  padding-bottom: 6px;
}
panda-chart .pad-left-06 {
  padding-left: 6px;
}
panda-chart .pad-right-06 {
  padding-right: 6px;
}
panda-chart .margin-06 {
  margin: 6px;
}
panda-chart .margin-top-06 {
  margin-top: 6px;
}
panda-chart .margin-bottom-06 {
  margin-bottom: 6px;
}
panda-chart .margin-left-06 {
  margin-left: 6px;
}
panda-chart .margin-right-06 {
  margin-right: 6px;
}
panda-chart .font-06 {
  font-size: 6px;
}
panda-chart .pad-07 {
  padding: 7px;
}
panda-chart .pad-top-07 {
  padding-top: 7px;
}
panda-chart .pad-bottom-07 {
  padding-bottom: 7px;
}
panda-chart .pad-left-07 {
  padding-left: 7px;
}
panda-chart .pad-right-07 {
  padding-right: 7px;
}
panda-chart .margin-07 {
  margin: 7px;
}
panda-chart .margin-top-07 {
  margin-top: 7px;
}
panda-chart .margin-bottom-07 {
  margin-bottom: 7px;
}
panda-chart .margin-left-07 {
  margin-left: 7px;
}
panda-chart .margin-right-07 {
  margin-right: 7px;
}
panda-chart .font-07 {
  font-size: 7px;
}
panda-chart .pad-08 {
  padding: 8px;
}
panda-chart .pad-top-08 {
  padding-top: 8px;
}
panda-chart .pad-bottom-08 {
  padding-bottom: 8px;
}
panda-chart .pad-left-08 {
  padding-left: 8px;
}
panda-chart .pad-right-08 {
  padding-right: 8px;
}
panda-chart .margin-08 {
  margin: 8px;
}
panda-chart .margin-top-08 {
  margin-top: 8px;
}
panda-chart .margin-bottom-08 {
  margin-bottom: 8px;
}
panda-chart .margin-left-08 {
  margin-left: 8px;
}
panda-chart .margin-right-08 {
  margin-right: 8px;
}
panda-chart .font-08 {
  font-size: 8px;
}
panda-chart .pad-09 {
  padding: 9px;
}
panda-chart .pad-top-09 {
  padding-top: 9px;
}
panda-chart .pad-bottom-09 {
  padding-bottom: 9px;
}
panda-chart .pad-left-09 {
  padding-left: 9px;
}
panda-chart .pad-right-09 {
  padding-right: 9px;
}
panda-chart .margin-09 {
  margin: 9px;
}
panda-chart .margin-top-09 {
  margin-top: 9px;
}
panda-chart .margin-bottom-09 {
  margin-bottom: 9px;
}
panda-chart .margin-left-09 {
  margin-left: 9px;
}
panda-chart .margin-right-09 {
  margin-right: 9px;
}
panda-chart .font-09 {
  font-size: 9px;
}
panda-chart .pad-10 {
  padding: 10px;
}
panda-chart .pad-top-10 {
  padding-top: 10px;
}
panda-chart .pad-bottom-10 {
  padding-bottom: 10px;
}
panda-chart .pad-left-10 {
  padding-left: 10px;
}
panda-chart .pad-right-10 {
  padding-right: 10px;
}
panda-chart .margin-10 {
  margin: 10px;
}
panda-chart .margin-top-10 {
  margin-top: 10px;
}
panda-chart .margin-bottom-10 {
  margin-bottom: 10px;
}
panda-chart .margin-left-10 {
  margin-left: 10px;
}
panda-chart .margin-right-10 {
  margin-right: 10px;
}
panda-chart .font-10 {
  font-size: 10px;
}
panda-chart .pad-11 {
  padding: 11px;
}
panda-chart .pad-top-11 {
  padding-top: 11px;
}
panda-chart .pad-bottom-11 {
  padding-bottom: 11px;
}
panda-chart .pad-left-11 {
  padding-left: 11px;
}
panda-chart .pad-right-11 {
  padding-right: 11px;
}
panda-chart .margin-11 {
  margin: 11px;
}
panda-chart .margin-top-11 {
  margin-top: 11px;
}
panda-chart .margin-bottom-11 {
  margin-bottom: 11px;
}
panda-chart .margin-left-11 {
  margin-left: 11px;
}
panda-chart .margin-right-11 {
  margin-right: 11px;
}
panda-chart .font-11 {
  font-size: 11px;
}
panda-chart .pad-12 {
  padding: 12px;
}
panda-chart .pad-top-12 {
  padding-top: 12px;
}
panda-chart .pad-bottom-12 {
  padding-bottom: 12px;
}
panda-chart .pad-left-12 {
  padding-left: 12px;
}
panda-chart .pad-right-12 {
  padding-right: 12px;
}
panda-chart .margin-12 {
  margin: 12px;
}
panda-chart .margin-top-12 {
  margin-top: 12px;
}
panda-chart .margin-bottom-12 {
  margin-bottom: 12px;
}
panda-chart .margin-left-12 {
  margin-left: 12px;
}
panda-chart .margin-right-12 {
  margin-right: 12px;
}
panda-chart .font-12 {
  font-size: 12px;
}
panda-chart .pad-13 {
  padding: 13px;
}
panda-chart .pad-top-13 {
  padding-top: 13px;
}
panda-chart .pad-bottom-13 {
  padding-bottom: 13px;
}
panda-chart .pad-left-13 {
  padding-left: 13px;
}
panda-chart .pad-right-13 {
  padding-right: 13px;
}
panda-chart .margin-13 {
  margin: 13px;
}
panda-chart .margin-top-13 {
  margin-top: 13px;
}
panda-chart .margin-bottom-13 {
  margin-bottom: 13px;
}
panda-chart .margin-left-13 {
  margin-left: 13px;
}
panda-chart .margin-right-13 {
  margin-right: 13px;
}
panda-chart .font-13 {
  font-size: 13px;
}
panda-chart .pad-14 {
  padding: 14px;
}
panda-chart .pad-top-14 {
  padding-top: 14px;
}
panda-chart .pad-bottom-14 {
  padding-bottom: 14px;
}
panda-chart .pad-left-14 {
  padding-left: 14px;
}
panda-chart .pad-right-14 {
  padding-right: 14px;
}
panda-chart .margin-14 {
  margin: 14px;
}
panda-chart .margin-top-14 {
  margin-top: 14px;
}
panda-chart .margin-bottom-14 {
  margin-bottom: 14px;
}
panda-chart .margin-left-14 {
  margin-left: 14px;
}
panda-chart .margin-right-14 {
  margin-right: 14px;
}
panda-chart .font-14 {
  font-size: 14px;
}
panda-chart .pad-15 {
  padding: 15px;
}
panda-chart .pad-top-15 {
  padding-top: 15px;
}
panda-chart .pad-bottom-15 {
  padding-bottom: 15px;
}
panda-chart .pad-left-15 {
  padding-left: 15px;
}
panda-chart .pad-right-15 {
  padding-right: 15px;
}
panda-chart .margin-15 {
  margin: 15px;
}
panda-chart .margin-top-15 {
  margin-top: 15px;
}
panda-chart .margin-bottom-15 {
  margin-bottom: 15px;
}
panda-chart .margin-left-15 {
  margin-left: 15px;
}
panda-chart .margin-right-15 {
  margin-right: 15px;
}
panda-chart .font-15 {
  font-size: 15px;
}
panda-chart .pad-16 {
  padding: 16px;
}
panda-chart .pad-top-16 {
  padding-top: 16px;
}
panda-chart .pad-bottom-16 {
  padding-bottom: 16px;
}
panda-chart .pad-left-16 {
  padding-left: 16px;
}
panda-chart .pad-right-16 {
  padding-right: 16px;
}
panda-chart .margin-16 {
  margin: 16px;
}
panda-chart .margin-top-16 {
  margin-top: 16px;
}
panda-chart .margin-bottom-16 {
  margin-bottom: 16px;
}
panda-chart .margin-left-16 {
  margin-left: 16px;
}
panda-chart .margin-right-16 {
  margin-right: 16px;
}
panda-chart .font-16 {
  font-size: 16px;
}
panda-chart .pad-17 {
  padding: 17px;
}
panda-chart .pad-top-17 {
  padding-top: 17px;
}
panda-chart .pad-bottom-17 {
  padding-bottom: 17px;
}
panda-chart .pad-left-17 {
  padding-left: 17px;
}
panda-chart .pad-right-17 {
  padding-right: 17px;
}
panda-chart .margin-17 {
  margin: 17px;
}
panda-chart .margin-top-17 {
  margin-top: 17px;
}
panda-chart .margin-bottom-17 {
  margin-bottom: 17px;
}
panda-chart .margin-left-17 {
  margin-left: 17px;
}
panda-chart .margin-right-17 {
  margin-right: 17px;
}
panda-chart .font-17 {
  font-size: 17px;
}
panda-chart .pad-18 {
  padding: 18px;
}
panda-chart .pad-top-18 {
  padding-top: 18px;
}
panda-chart .pad-bottom-18 {
  padding-bottom: 18px;
}
panda-chart .pad-left-18 {
  padding-left: 18px;
}
panda-chart .pad-right-18 {
  padding-right: 18px;
}
panda-chart .margin-18 {
  margin: 18px;
}
panda-chart .margin-top-18 {
  margin-top: 18px;
}
panda-chart .margin-bottom-18 {
  margin-bottom: 18px;
}
panda-chart .margin-left-18 {
  margin-left: 18px;
}
panda-chart .margin-right-18 {
  margin-right: 18px;
}
panda-chart .font-18 {
  font-size: 18px;
}
panda-chart .pad-19 {
  padding: 19px;
}
panda-chart .pad-top-19 {
  padding-top: 19px;
}
panda-chart .pad-bottom-19 {
  padding-bottom: 19px;
}
panda-chart .pad-left-19 {
  padding-left: 19px;
}
panda-chart .pad-right-19 {
  padding-right: 19px;
}
panda-chart .margin-19 {
  margin: 19px;
}
panda-chart .margin-top-19 {
  margin-top: 19px;
}
panda-chart .margin-bottom-19 {
  margin-bottom: 19px;
}
panda-chart .margin-left-19 {
  margin-left: 19px;
}
panda-chart .margin-right-19 {
  margin-right: 19px;
}
panda-chart .font-19 {
  font-size: 19px;
}
panda-chart .pad-20 {
  padding: 20px;
}
panda-chart .pad-top-20 {
  padding-top: 20px;
}
panda-chart .pad-bottom-20 {
  padding-bottom: 20px;
}
panda-chart .pad-left-20 {
  padding-left: 20px;
}
panda-chart .pad-right-20 {
  padding-right: 20px;
}
panda-chart .margin-20 {
  margin: 20px;
}
panda-chart .margin-top-20 {
  margin-top: 20px;
}
panda-chart .margin-bottom-20 {
  margin-bottom: 20px;
}
panda-chart .margin-left-20 {
  margin-left: 20px;
}
panda-chart .margin-right-20 {
  margin-right: 20px;
}
panda-chart .font-20 {
  font-size: 20px;
}
panda-chart .pad-21 {
  padding: 21px;
}
panda-chart .pad-top-21 {
  padding-top: 21px;
}
panda-chart .pad-bottom-21 {
  padding-bottom: 21px;
}
panda-chart .pad-left-21 {
  padding-left: 21px;
}
panda-chart .pad-right-21 {
  padding-right: 21px;
}
panda-chart .margin-21 {
  margin: 21px;
}
panda-chart .margin-top-21 {
  margin-top: 21px;
}
panda-chart .margin-bottom-21 {
  margin-bottom: 21px;
}
panda-chart .margin-left-21 {
  margin-left: 21px;
}
panda-chart .margin-right-21 {
  margin-right: 21px;
}
panda-chart .font-21 {
  font-size: 21px;
}
panda-chart .pad-22 {
  padding: 22px;
}
panda-chart .pad-top-22 {
  padding-top: 22px;
}
panda-chart .pad-bottom-22 {
  padding-bottom: 22px;
}
panda-chart .pad-left-22 {
  padding-left: 22px;
}
panda-chart .pad-right-22 {
  padding-right: 22px;
}
panda-chart .margin-22 {
  margin: 22px;
}
panda-chart .margin-top-22 {
  margin-top: 22px;
}
panda-chart .margin-bottom-22 {
  margin-bottom: 22px;
}
panda-chart .margin-left-22 {
  margin-left: 22px;
}
panda-chart .margin-right-22 {
  margin-right: 22px;
}
panda-chart .font-22 {
  font-size: 22px;
}
panda-chart .pad-23 {
  padding: 23px;
}
panda-chart .pad-top-23 {
  padding-top: 23px;
}
panda-chart .pad-bottom-23 {
  padding-bottom: 23px;
}
panda-chart .pad-left-23 {
  padding-left: 23px;
}
panda-chart .pad-right-23 {
  padding-right: 23px;
}
panda-chart .margin-23 {
  margin: 23px;
}
panda-chart .margin-top-23 {
  margin-top: 23px;
}
panda-chart .margin-bottom-23 {
  margin-bottom: 23px;
}
panda-chart .margin-left-23 {
  margin-left: 23px;
}
panda-chart .margin-right-23 {
  margin-right: 23px;
}
panda-chart .font-23 {
  font-size: 23px;
}
panda-chart .pad-24 {
  padding: 24px;
}
panda-chart .pad-top-24 {
  padding-top: 24px;
}
panda-chart .pad-bottom-24 {
  padding-bottom: 24px;
}
panda-chart .pad-left-24 {
  padding-left: 24px;
}
panda-chart .pad-right-24 {
  padding-right: 24px;
}
panda-chart .margin-24 {
  margin: 24px;
}
panda-chart .margin-top-24 {
  margin-top: 24px;
}
panda-chart .margin-bottom-24 {
  margin-bottom: 24px;
}
panda-chart .margin-left-24 {
  margin-left: 24px;
}
panda-chart .margin-right-24 {
  margin-right: 24px;
}
panda-chart .font-24 {
  font-size: 24px;
}
panda-chart .pad-25 {
  padding: 25px;
}
panda-chart .pad-top-25 {
  padding-top: 25px;
}
panda-chart .pad-bottom-25 {
  padding-bottom: 25px;
}
panda-chart .pad-left-25 {
  padding-left: 25px;
}
panda-chart .pad-right-25 {
  padding-right: 25px;
}
panda-chart .margin-25 {
  margin: 25px;
}
panda-chart .margin-top-25 {
  margin-top: 25px;
}
panda-chart .margin-bottom-25 {
  margin-bottom: 25px;
}
panda-chart .margin-left-25 {
  margin-left: 25px;
}
panda-chart .margin-right-25 {
  margin-right: 25px;
}
panda-chart .font-25 {
  font-size: 25px;
}
panda-chart .pad-26 {
  padding: 26px;
}
panda-chart .pad-top-26 {
  padding-top: 26px;
}
panda-chart .pad-bottom-26 {
  padding-bottom: 26px;
}
panda-chart .pad-left-26 {
  padding-left: 26px;
}
panda-chart .pad-right-26 {
  padding-right: 26px;
}
panda-chart .margin-26 {
  margin: 26px;
}
panda-chart .margin-top-26 {
  margin-top: 26px;
}
panda-chart .margin-bottom-26 {
  margin-bottom: 26px;
}
panda-chart .margin-left-26 {
  margin-left: 26px;
}
panda-chart .margin-right-26 {
  margin-right: 26px;
}
panda-chart .font-26 {
  font-size: 26px;
}
panda-chart .pad-27 {
  padding: 27px;
}
panda-chart .pad-top-27 {
  padding-top: 27px;
}
panda-chart .pad-bottom-27 {
  padding-bottom: 27px;
}
panda-chart .pad-left-27 {
  padding-left: 27px;
}
panda-chart .pad-right-27 {
  padding-right: 27px;
}
panda-chart .margin-27 {
  margin: 27px;
}
panda-chart .margin-top-27 {
  margin-top: 27px;
}
panda-chart .margin-bottom-27 {
  margin-bottom: 27px;
}
panda-chart .margin-left-27 {
  margin-left: 27px;
}
panda-chart .margin-right-27 {
  margin-right: 27px;
}
panda-chart .font-27 {
  font-size: 27px;
}
panda-chart .pad-28 {
  padding: 28px;
}
panda-chart .pad-top-28 {
  padding-top: 28px;
}
panda-chart .pad-bottom-28 {
  padding-bottom: 28px;
}
panda-chart .pad-left-28 {
  padding-left: 28px;
}
panda-chart .pad-right-28 {
  padding-right: 28px;
}
panda-chart .margin-28 {
  margin: 28px;
}
panda-chart .margin-top-28 {
  margin-top: 28px;
}
panda-chart .margin-bottom-28 {
  margin-bottom: 28px;
}
panda-chart .margin-left-28 {
  margin-left: 28px;
}
panda-chart .margin-right-28 {
  margin-right: 28px;
}
panda-chart .font-28 {
  font-size: 28px;
}
panda-chart .pad-29 {
  padding: 29px;
}
panda-chart .pad-top-29 {
  padding-top: 29px;
}
panda-chart .pad-bottom-29 {
  padding-bottom: 29px;
}
panda-chart .pad-left-29 {
  padding-left: 29px;
}
panda-chart .pad-right-29 {
  padding-right: 29px;
}
panda-chart .margin-29 {
  margin: 29px;
}
panda-chart .margin-top-29 {
  margin-top: 29px;
}
panda-chart .margin-bottom-29 {
  margin-bottom: 29px;
}
panda-chart .margin-left-29 {
  margin-left: 29px;
}
panda-chart .margin-right-29 {
  margin-right: 29px;
}
panda-chart .font-29 {
  font-size: 29px;
}
panda-chart .pad-30 {
  padding: 30px;
}
panda-chart .pad-top-30 {
  padding-top: 30px;
}
panda-chart .pad-bottom-30 {
  padding-bottom: 30px;
}
panda-chart .pad-left-30 {
  padding-left: 30px;
}
panda-chart .pad-right-30 {
  padding-right: 30px;
}
panda-chart .margin-30 {
  margin: 30px;
}
panda-chart .margin-top-30 {
  margin-top: 30px;
}
panda-chart .margin-bottom-30 {
  margin-bottom: 30px;
}
panda-chart .margin-left-30 {
  margin-left: 30px;
}
panda-chart .margin-right-30 {
  margin-right: 30px;
}
panda-chart .font-30 {
  font-size: 30px;
}
panda-chart .pad-31 {
  padding: 31px;
}
panda-chart .pad-top-31 {
  padding-top: 31px;
}
panda-chart .pad-bottom-31 {
  padding-bottom: 31px;
}
panda-chart .pad-left-31 {
  padding-left: 31px;
}
panda-chart .pad-right-31 {
  padding-right: 31px;
}
panda-chart .margin-31 {
  margin: 31px;
}
panda-chart .margin-top-31 {
  margin-top: 31px;
}
panda-chart .margin-bottom-31 {
  margin-bottom: 31px;
}
panda-chart .margin-left-31 {
  margin-left: 31px;
}
panda-chart .margin-right-31 {
  margin-right: 31px;
}
panda-chart .font-31 {
  font-size: 31px;
}
panda-chart .pad-32 {
  padding: 32px;
}
panda-chart .pad-top-32 {
  padding-top: 32px;
}
panda-chart .pad-bottom-32 {
  padding-bottom: 32px;
}
panda-chart .pad-left-32 {
  padding-left: 32px;
}
panda-chart .pad-right-32 {
  padding-right: 32px;
}
panda-chart .margin-32 {
  margin: 32px;
}
panda-chart .margin-top-32 {
  margin-top: 32px;
}
panda-chart .margin-bottom-32 {
  margin-bottom: 32px;
}
panda-chart .margin-left-32 {
  margin-left: 32px;
}
panda-chart .margin-right-32 {
  margin-right: 32px;
}
panda-chart .font-32 {
  font-size: 32px;
}
panda-chart .pad-33 {
  padding: 33px;
}
panda-chart .pad-top-33 {
  padding-top: 33px;
}
panda-chart .pad-bottom-33 {
  padding-bottom: 33px;
}
panda-chart .pad-left-33 {
  padding-left: 33px;
}
panda-chart .pad-right-33 {
  padding-right: 33px;
}
panda-chart .margin-33 {
  margin: 33px;
}
panda-chart .margin-top-33 {
  margin-top: 33px;
}
panda-chart .margin-bottom-33 {
  margin-bottom: 33px;
}
panda-chart .margin-left-33 {
  margin-left: 33px;
}
panda-chart .margin-right-33 {
  margin-right: 33px;
}
panda-chart .font-33 {
  font-size: 33px;
}
panda-chart .pad-34 {
  padding: 34px;
}
panda-chart .pad-top-34 {
  padding-top: 34px;
}
panda-chart .pad-bottom-34 {
  padding-bottom: 34px;
}
panda-chart .pad-left-34 {
  padding-left: 34px;
}
panda-chart .pad-right-34 {
  padding-right: 34px;
}
panda-chart .margin-34 {
  margin: 34px;
}
panda-chart .margin-top-34 {
  margin-top: 34px;
}
panda-chart .margin-bottom-34 {
  margin-bottom: 34px;
}
panda-chart .margin-left-34 {
  margin-left: 34px;
}
panda-chart .margin-right-34 {
  margin-right: 34px;
}
panda-chart .font-34 {
  font-size: 34px;
}
panda-chart .pad-35 {
  padding: 35px;
}
panda-chart .pad-top-35 {
  padding-top: 35px;
}
panda-chart .pad-bottom-35 {
  padding-bottom: 35px;
}
panda-chart .pad-left-35 {
  padding-left: 35px;
}
panda-chart .pad-right-35 {
  padding-right: 35px;
}
panda-chart .margin-35 {
  margin: 35px;
}
panda-chart .margin-top-35 {
  margin-top: 35px;
}
panda-chart .margin-bottom-35 {
  margin-bottom: 35px;
}
panda-chart .margin-left-35 {
  margin-left: 35px;
}
panda-chart .margin-right-35 {
  margin-right: 35px;
}
panda-chart .font-35 {
  font-size: 35px;
}
panda-chart .pad-36 {
  padding: 36px;
}
panda-chart .pad-top-36 {
  padding-top: 36px;
}
panda-chart .pad-bottom-36 {
  padding-bottom: 36px;
}
panda-chart .pad-left-36 {
  padding-left: 36px;
}
panda-chart .pad-right-36 {
  padding-right: 36px;
}
panda-chart .margin-36 {
  margin: 36px;
}
panda-chart .margin-top-36 {
  margin-top: 36px;
}
panda-chart .margin-bottom-36 {
  margin-bottom: 36px;
}
panda-chart .margin-left-36 {
  margin-left: 36px;
}
panda-chart .margin-right-36 {
  margin-right: 36px;
}
panda-chart .font-36 {
  font-size: 36px;
}
panda-chart .pad-37 {
  padding: 37px;
}
panda-chart .pad-top-37 {
  padding-top: 37px;
}
panda-chart .pad-bottom-37 {
  padding-bottom: 37px;
}
panda-chart .pad-left-37 {
  padding-left: 37px;
}
panda-chart .pad-right-37 {
  padding-right: 37px;
}
panda-chart .margin-37 {
  margin: 37px;
}
panda-chart .margin-top-37 {
  margin-top: 37px;
}
panda-chart .margin-bottom-37 {
  margin-bottom: 37px;
}
panda-chart .margin-left-37 {
  margin-left: 37px;
}
panda-chart .margin-right-37 {
  margin-right: 37px;
}
panda-chart .font-37 {
  font-size: 37px;
}
panda-chart .pad-38 {
  padding: 38px;
}
panda-chart .pad-top-38 {
  padding-top: 38px;
}
panda-chart .pad-bottom-38 {
  padding-bottom: 38px;
}
panda-chart .pad-left-38 {
  padding-left: 38px;
}
panda-chart .pad-right-38 {
  padding-right: 38px;
}
panda-chart .margin-38 {
  margin: 38px;
}
panda-chart .margin-top-38 {
  margin-top: 38px;
}
panda-chart .margin-bottom-38 {
  margin-bottom: 38px;
}
panda-chart .margin-left-38 {
  margin-left: 38px;
}
panda-chart .margin-right-38 {
  margin-right: 38px;
}
panda-chart .font-38 {
  font-size: 38px;
}
panda-chart .pad-39 {
  padding: 39px;
}
panda-chart .pad-top-39 {
  padding-top: 39px;
}
panda-chart .pad-bottom-39 {
  padding-bottom: 39px;
}
panda-chart .pad-left-39 {
  padding-left: 39px;
}
panda-chart .pad-right-39 {
  padding-right: 39px;
}
panda-chart .margin-39 {
  margin: 39px;
}
panda-chart .margin-top-39 {
  margin-top: 39px;
}
panda-chart .margin-bottom-39 {
  margin-bottom: 39px;
}
panda-chart .margin-left-39 {
  margin-left: 39px;
}
panda-chart .margin-right-39 {
  margin-right: 39px;
}
panda-chart .font-39 {
  font-size: 39px;
}
panda-chart .pad-40 {
  padding: 40px;
}
panda-chart .pad-top-40 {
  padding-top: 40px;
}
panda-chart .pad-bottom-40 {
  padding-bottom: 40px;
}
panda-chart .pad-left-40 {
  padding-left: 40px;
}
panda-chart .pad-right-40 {
  padding-right: 40px;
}
panda-chart .margin-40 {
  margin: 40px;
}
panda-chart .margin-top-40 {
  margin-top: 40px;
}
panda-chart .margin-bottom-40 {
  margin-bottom: 40px;
}
panda-chart .margin-left-40 {
  margin-left: 40px;
}
panda-chart .margin-right-40 {
  margin-right: 40px;
}
panda-chart .font-40 {
  font-size: 40px;
}
panda-chart .pad-41 {
  padding: 41px;
}
panda-chart .pad-top-41 {
  padding-top: 41px;
}
panda-chart .pad-bottom-41 {
  padding-bottom: 41px;
}
panda-chart .pad-left-41 {
  padding-left: 41px;
}
panda-chart .pad-right-41 {
  padding-right: 41px;
}
panda-chart .margin-41 {
  margin: 41px;
}
panda-chart .margin-top-41 {
  margin-top: 41px;
}
panda-chart .margin-bottom-41 {
  margin-bottom: 41px;
}
panda-chart .margin-left-41 {
  margin-left: 41px;
}
panda-chart .margin-right-41 {
  margin-right: 41px;
}
panda-chart .font-41 {
  font-size: 41px;
}
panda-chart .pad-42 {
  padding: 42px;
}
panda-chart .pad-top-42 {
  padding-top: 42px;
}
panda-chart .pad-bottom-42 {
  padding-bottom: 42px;
}
panda-chart .pad-left-42 {
  padding-left: 42px;
}
panda-chart .pad-right-42 {
  padding-right: 42px;
}
panda-chart .margin-42 {
  margin: 42px;
}
panda-chart .margin-top-42 {
  margin-top: 42px;
}
panda-chart .margin-bottom-42 {
  margin-bottom: 42px;
}
panda-chart .margin-left-42 {
  margin-left: 42px;
}
panda-chart .margin-right-42 {
  margin-right: 42px;
}
panda-chart .font-42 {
  font-size: 42px;
}
panda-chart .pad-43 {
  padding: 43px;
}
panda-chart .pad-top-43 {
  padding-top: 43px;
}
panda-chart .pad-bottom-43 {
  padding-bottom: 43px;
}
panda-chart .pad-left-43 {
  padding-left: 43px;
}
panda-chart .pad-right-43 {
  padding-right: 43px;
}
panda-chart .margin-43 {
  margin: 43px;
}
panda-chart .margin-top-43 {
  margin-top: 43px;
}
panda-chart .margin-bottom-43 {
  margin-bottom: 43px;
}
panda-chart .margin-left-43 {
  margin-left: 43px;
}
panda-chart .margin-right-43 {
  margin-right: 43px;
}
panda-chart .font-43 {
  font-size: 43px;
}
panda-chart .pad-44 {
  padding: 44px;
}
panda-chart .pad-top-44 {
  padding-top: 44px;
}
panda-chart .pad-bottom-44 {
  padding-bottom: 44px;
}
panda-chart .pad-left-44 {
  padding-left: 44px;
}
panda-chart .pad-right-44 {
  padding-right: 44px;
}
panda-chart .margin-44 {
  margin: 44px;
}
panda-chart .margin-top-44 {
  margin-top: 44px;
}
panda-chart .margin-bottom-44 {
  margin-bottom: 44px;
}
panda-chart .margin-left-44 {
  margin-left: 44px;
}
panda-chart .margin-right-44 {
  margin-right: 44px;
}
panda-chart .font-44 {
  font-size: 44px;
}
panda-chart .pad-45 {
  padding: 45px;
}
panda-chart .pad-top-45 {
  padding-top: 45px;
}
panda-chart .pad-bottom-45 {
  padding-bottom: 45px;
}
panda-chart .pad-left-45 {
  padding-left: 45px;
}
panda-chart .pad-right-45 {
  padding-right: 45px;
}
panda-chart .margin-45 {
  margin: 45px;
}
panda-chart .margin-top-45 {
  margin-top: 45px;
}
panda-chart .margin-bottom-45 {
  margin-bottom: 45px;
}
panda-chart .margin-left-45 {
  margin-left: 45px;
}
panda-chart .margin-right-45 {
  margin-right: 45px;
}
panda-chart .font-45 {
  font-size: 45px;
}
panda-chart .pad-46 {
  padding: 46px;
}
panda-chart .pad-top-46 {
  padding-top: 46px;
}
panda-chart .pad-bottom-46 {
  padding-bottom: 46px;
}
panda-chart .pad-left-46 {
  padding-left: 46px;
}
panda-chart .pad-right-46 {
  padding-right: 46px;
}
panda-chart .margin-46 {
  margin: 46px;
}
panda-chart .margin-top-46 {
  margin-top: 46px;
}
panda-chart .margin-bottom-46 {
  margin-bottom: 46px;
}
panda-chart .margin-left-46 {
  margin-left: 46px;
}
panda-chart .margin-right-46 {
  margin-right: 46px;
}
panda-chart .font-46 {
  font-size: 46px;
}
panda-chart .pad-47 {
  padding: 47px;
}
panda-chart .pad-top-47 {
  padding-top: 47px;
}
panda-chart .pad-bottom-47 {
  padding-bottom: 47px;
}
panda-chart .pad-left-47 {
  padding-left: 47px;
}
panda-chart .pad-right-47 {
  padding-right: 47px;
}
panda-chart .margin-47 {
  margin: 47px;
}
panda-chart .margin-top-47 {
  margin-top: 47px;
}
panda-chart .margin-bottom-47 {
  margin-bottom: 47px;
}
panda-chart .margin-left-47 {
  margin-left: 47px;
}
panda-chart .margin-right-47 {
  margin-right: 47px;
}
panda-chart .font-47 {
  font-size: 47px;
}
panda-chart .pad-48 {
  padding: 48px;
}
panda-chart .pad-top-48 {
  padding-top: 48px;
}
panda-chart .pad-bottom-48 {
  padding-bottom: 48px;
}
panda-chart .pad-left-48 {
  padding-left: 48px;
}
panda-chart .pad-right-48 {
  padding-right: 48px;
}
panda-chart .margin-48 {
  margin: 48px;
}
panda-chart .margin-top-48 {
  margin-top: 48px;
}
panda-chart .margin-bottom-48 {
  margin-bottom: 48px;
}
panda-chart .margin-left-48 {
  margin-left: 48px;
}
panda-chart .margin-right-48 {
  margin-right: 48px;
}
panda-chart .font-48 {
  font-size: 48px;
}
panda-chart .pad-49 {
  padding: 49px;
}
panda-chart .pad-top-49 {
  padding-top: 49px;
}
panda-chart .pad-bottom-49 {
  padding-bottom: 49px;
}
panda-chart .pad-left-49 {
  padding-left: 49px;
}
panda-chart .pad-right-49 {
  padding-right: 49px;
}
panda-chart .margin-49 {
  margin: 49px;
}
panda-chart .margin-top-49 {
  margin-top: 49px;
}
panda-chart .margin-bottom-49 {
  margin-bottom: 49px;
}
panda-chart .margin-left-49 {
  margin-left: 49px;
}
panda-chart .margin-right-49 {
  margin-right: 49px;
}
panda-chart .font-49 {
  font-size: 49px;
}
panda-chart .pad-50 {
  padding: 50px;
}
panda-chart .pad-top-50 {
  padding-top: 50px;
}
panda-chart .pad-bottom-50 {
  padding-bottom: 50px;
}
panda-chart .pad-left-50 {
  padding-left: 50px;
}
panda-chart .pad-right-50 {
  padding-right: 50px;
}
panda-chart .margin-50 {
  margin: 50px;
}
panda-chart .margin-top-50 {
  margin-top: 50px;
}
panda-chart .margin-bottom-50 {
  margin-bottom: 50px;
}
panda-chart .margin-left-50 {
  margin-left: 50px;
}
panda-chart .margin-right-50 {
  margin-right: 50px;
}
panda-chart .font-50 {
  font-size: 50px;
}
panda-chart .pad-51 {
  padding: 51px;
}
panda-chart .pad-top-51 {
  padding-top: 51px;
}
panda-chart .pad-bottom-51 {
  padding-bottom: 51px;
}
panda-chart .pad-left-51 {
  padding-left: 51px;
}
panda-chart .pad-right-51 {
  padding-right: 51px;
}
panda-chart .margin-51 {
  margin: 51px;
}
panda-chart .margin-top-51 {
  margin-top: 51px;
}
panda-chart .margin-bottom-51 {
  margin-bottom: 51px;
}
panda-chart .margin-left-51 {
  margin-left: 51px;
}
panda-chart .margin-right-51 {
  margin-right: 51px;
}
panda-chart .font-51 {
  font-size: 51px;
}
panda-chart .pad-52 {
  padding: 52px;
}
panda-chart .pad-top-52 {
  padding-top: 52px;
}
panda-chart .pad-bottom-52 {
  padding-bottom: 52px;
}
panda-chart .pad-left-52 {
  padding-left: 52px;
}
panda-chart .pad-right-52 {
  padding-right: 52px;
}
panda-chart .margin-52 {
  margin: 52px;
}
panda-chart .margin-top-52 {
  margin-top: 52px;
}
panda-chart .margin-bottom-52 {
  margin-bottom: 52px;
}
panda-chart .margin-left-52 {
  margin-left: 52px;
}
panda-chart .margin-right-52 {
  margin-right: 52px;
}
panda-chart .font-52 {
  font-size: 52px;
}
panda-chart .pad-53 {
  padding: 53px;
}
panda-chart .pad-top-53 {
  padding-top: 53px;
}
panda-chart .pad-bottom-53 {
  padding-bottom: 53px;
}
panda-chart .pad-left-53 {
  padding-left: 53px;
}
panda-chart .pad-right-53 {
  padding-right: 53px;
}
panda-chart .margin-53 {
  margin: 53px;
}
panda-chart .margin-top-53 {
  margin-top: 53px;
}
panda-chart .margin-bottom-53 {
  margin-bottom: 53px;
}
panda-chart .margin-left-53 {
  margin-left: 53px;
}
panda-chart .margin-right-53 {
  margin-right: 53px;
}
panda-chart .font-53 {
  font-size: 53px;
}
panda-chart .pad-54 {
  padding: 54px;
}
panda-chart .pad-top-54 {
  padding-top: 54px;
}
panda-chart .pad-bottom-54 {
  padding-bottom: 54px;
}
panda-chart .pad-left-54 {
  padding-left: 54px;
}
panda-chart .pad-right-54 {
  padding-right: 54px;
}
panda-chart .margin-54 {
  margin: 54px;
}
panda-chart .margin-top-54 {
  margin-top: 54px;
}
panda-chart .margin-bottom-54 {
  margin-bottom: 54px;
}
panda-chart .margin-left-54 {
  margin-left: 54px;
}
panda-chart .margin-right-54 {
  margin-right: 54px;
}
panda-chart .font-54 {
  font-size: 54px;
}
panda-chart .pad-55 {
  padding: 55px;
}
panda-chart .pad-top-55 {
  padding-top: 55px;
}
panda-chart .pad-bottom-55 {
  padding-bottom: 55px;
}
panda-chart .pad-left-55 {
  padding-left: 55px;
}
panda-chart .pad-right-55 {
  padding-right: 55px;
}
panda-chart .margin-55 {
  margin: 55px;
}
panda-chart .margin-top-55 {
  margin-top: 55px;
}
panda-chart .margin-bottom-55 {
  margin-bottom: 55px;
}
panda-chart .margin-left-55 {
  margin-left: 55px;
}
panda-chart .margin-right-55 {
  margin-right: 55px;
}
panda-chart .font-55 {
  font-size: 55px;
}
panda-chart .pad-56 {
  padding: 56px;
}
panda-chart .pad-top-56 {
  padding-top: 56px;
}
panda-chart .pad-bottom-56 {
  padding-bottom: 56px;
}
panda-chart .pad-left-56 {
  padding-left: 56px;
}
panda-chart .pad-right-56 {
  padding-right: 56px;
}
panda-chart .margin-56 {
  margin: 56px;
}
panda-chart .margin-top-56 {
  margin-top: 56px;
}
panda-chart .margin-bottom-56 {
  margin-bottom: 56px;
}
panda-chart .margin-left-56 {
  margin-left: 56px;
}
panda-chart .margin-right-56 {
  margin-right: 56px;
}
panda-chart .font-56 {
  font-size: 56px;
}
panda-chart .pad-57 {
  padding: 57px;
}
panda-chart .pad-top-57 {
  padding-top: 57px;
}
panda-chart .pad-bottom-57 {
  padding-bottom: 57px;
}
panda-chart .pad-left-57 {
  padding-left: 57px;
}
panda-chart .pad-right-57 {
  padding-right: 57px;
}
panda-chart .margin-57 {
  margin: 57px;
}
panda-chart .margin-top-57 {
  margin-top: 57px;
}
panda-chart .margin-bottom-57 {
  margin-bottom: 57px;
}
panda-chart .margin-left-57 {
  margin-left: 57px;
}
panda-chart .margin-right-57 {
  margin-right: 57px;
}
panda-chart .font-57 {
  font-size: 57px;
}
panda-chart .pad-58 {
  padding: 58px;
}
panda-chart .pad-top-58 {
  padding-top: 58px;
}
panda-chart .pad-bottom-58 {
  padding-bottom: 58px;
}
panda-chart .pad-left-58 {
  padding-left: 58px;
}
panda-chart .pad-right-58 {
  padding-right: 58px;
}
panda-chart .margin-58 {
  margin: 58px;
}
panda-chart .margin-top-58 {
  margin-top: 58px;
}
panda-chart .margin-bottom-58 {
  margin-bottom: 58px;
}
panda-chart .margin-left-58 {
  margin-left: 58px;
}
panda-chart .margin-right-58 {
  margin-right: 58px;
}
panda-chart .font-58 {
  font-size: 58px;
}
panda-chart .pad-59 {
  padding: 59px;
}
panda-chart .pad-top-59 {
  padding-top: 59px;
}
panda-chart .pad-bottom-59 {
  padding-bottom: 59px;
}
panda-chart .pad-left-59 {
  padding-left: 59px;
}
panda-chart .pad-right-59 {
  padding-right: 59px;
}
panda-chart .margin-59 {
  margin: 59px;
}
panda-chart .margin-top-59 {
  margin-top: 59px;
}
panda-chart .margin-bottom-59 {
  margin-bottom: 59px;
}
panda-chart .margin-left-59 {
  margin-left: 59px;
}
panda-chart .margin-right-59 {
  margin-right: 59px;
}
panda-chart .font-59 {
  font-size: 59px;
}
panda-chart .pad-60 {
  padding: 60px;
}
panda-chart .pad-top-60 {
  padding-top: 60px;
}
panda-chart .pad-bottom-60 {
  padding-bottom: 60px;
}
panda-chart .pad-left-60 {
  padding-left: 60px;
}
panda-chart .pad-right-60 {
  padding-right: 60px;
}
panda-chart .margin-60 {
  margin: 60px;
}
panda-chart .margin-top-60 {
  margin-top: 60px;
}
panda-chart .margin-bottom-60 {
  margin-bottom: 60px;
}
panda-chart .margin-left-60 {
  margin-left: 60px;
}
panda-chart .margin-right-60 {
  margin-right: 60px;
}
panda-chart .font-60 {
  font-size: 60px;
}
panda-chart .pad-61 {
  padding: 61px;
}
panda-chart .pad-top-61 {
  padding-top: 61px;
}
panda-chart .pad-bottom-61 {
  padding-bottom: 61px;
}
panda-chart .pad-left-61 {
  padding-left: 61px;
}
panda-chart .pad-right-61 {
  padding-right: 61px;
}
panda-chart .margin-61 {
  margin: 61px;
}
panda-chart .margin-top-61 {
  margin-top: 61px;
}
panda-chart .margin-bottom-61 {
  margin-bottom: 61px;
}
panda-chart .margin-left-61 {
  margin-left: 61px;
}
panda-chart .margin-right-61 {
  margin-right: 61px;
}
panda-chart .font-61 {
  font-size: 61px;
}
panda-chart .pad-62 {
  padding: 62px;
}
panda-chart .pad-top-62 {
  padding-top: 62px;
}
panda-chart .pad-bottom-62 {
  padding-bottom: 62px;
}
panda-chart .pad-left-62 {
  padding-left: 62px;
}
panda-chart .pad-right-62 {
  padding-right: 62px;
}
panda-chart .margin-62 {
  margin: 62px;
}
panda-chart .margin-top-62 {
  margin-top: 62px;
}
panda-chart .margin-bottom-62 {
  margin-bottom: 62px;
}
panda-chart .margin-left-62 {
  margin-left: 62px;
}
panda-chart .margin-right-62 {
  margin-right: 62px;
}
panda-chart .font-62 {
  font-size: 62px;
}
panda-chart .pad-63 {
  padding: 63px;
}
panda-chart .pad-top-63 {
  padding-top: 63px;
}
panda-chart .pad-bottom-63 {
  padding-bottom: 63px;
}
panda-chart .pad-left-63 {
  padding-left: 63px;
}
panda-chart .pad-right-63 {
  padding-right: 63px;
}
panda-chart .margin-63 {
  margin: 63px;
}
panda-chart .margin-top-63 {
  margin-top: 63px;
}
panda-chart .margin-bottom-63 {
  margin-bottom: 63px;
}
panda-chart .margin-left-63 {
  margin-left: 63px;
}
panda-chart .margin-right-63 {
  margin-right: 63px;
}
panda-chart .font-63 {
  font-size: 63px;
}
panda-chart .pad-64 {
  padding: 64px;
}
panda-chart .pad-top-64 {
  padding-top: 64px;
}
panda-chart .pad-bottom-64 {
  padding-bottom: 64px;
}
panda-chart .pad-left-64 {
  padding-left: 64px;
}
panda-chart .pad-right-64 {
  padding-right: 64px;
}
panda-chart .margin-64 {
  margin: 64px;
}
panda-chart .margin-top-64 {
  margin-top: 64px;
}
panda-chart .margin-bottom-64 {
  margin-bottom: 64px;
}
panda-chart .margin-left-64 {
  margin-left: 64px;
}
panda-chart .margin-right-64 {
  margin-right: 64px;
}
panda-chart .font-64 {
  font-size: 64px;
}
panda-chart .pad-65 {
  padding: 65px;
}
panda-chart .pad-top-65 {
  padding-top: 65px;
}
panda-chart .pad-bottom-65 {
  padding-bottom: 65px;
}
panda-chart .pad-left-65 {
  padding-left: 65px;
}
panda-chart .pad-right-65 {
  padding-right: 65px;
}
panda-chart .margin-65 {
  margin: 65px;
}
panda-chart .margin-top-65 {
  margin-top: 65px;
}
panda-chart .margin-bottom-65 {
  margin-bottom: 65px;
}
panda-chart .margin-left-65 {
  margin-left: 65px;
}
panda-chart .margin-right-65 {
  margin-right: 65px;
}
panda-chart .font-65 {
  font-size: 65px;
}
panda-chart .pad-66 {
  padding: 66px;
}
panda-chart .pad-top-66 {
  padding-top: 66px;
}
panda-chart .pad-bottom-66 {
  padding-bottom: 66px;
}
panda-chart .pad-left-66 {
  padding-left: 66px;
}
panda-chart .pad-right-66 {
  padding-right: 66px;
}
panda-chart .margin-66 {
  margin: 66px;
}
panda-chart .margin-top-66 {
  margin-top: 66px;
}
panda-chart .margin-bottom-66 {
  margin-bottom: 66px;
}
panda-chart .margin-left-66 {
  margin-left: 66px;
}
panda-chart .margin-right-66 {
  margin-right: 66px;
}
panda-chart .font-66 {
  font-size: 66px;
}
panda-chart .pad-67 {
  padding: 67px;
}
panda-chart .pad-top-67 {
  padding-top: 67px;
}
panda-chart .pad-bottom-67 {
  padding-bottom: 67px;
}
panda-chart .pad-left-67 {
  padding-left: 67px;
}
panda-chart .pad-right-67 {
  padding-right: 67px;
}
panda-chart .margin-67 {
  margin: 67px;
}
panda-chart .margin-top-67 {
  margin-top: 67px;
}
panda-chart .margin-bottom-67 {
  margin-bottom: 67px;
}
panda-chart .margin-left-67 {
  margin-left: 67px;
}
panda-chart .margin-right-67 {
  margin-right: 67px;
}
panda-chart .font-67 {
  font-size: 67px;
}
panda-chart .pad-68 {
  padding: 68px;
}
panda-chart .pad-top-68 {
  padding-top: 68px;
}
panda-chart .pad-bottom-68 {
  padding-bottom: 68px;
}
panda-chart .pad-left-68 {
  padding-left: 68px;
}
panda-chart .pad-right-68 {
  padding-right: 68px;
}
panda-chart .margin-68 {
  margin: 68px;
}
panda-chart .margin-top-68 {
  margin-top: 68px;
}
panda-chart .margin-bottom-68 {
  margin-bottom: 68px;
}
panda-chart .margin-left-68 {
  margin-left: 68px;
}
panda-chart .margin-right-68 {
  margin-right: 68px;
}
panda-chart .font-68 {
  font-size: 68px;
}
panda-chart .pad-69 {
  padding: 69px;
}
panda-chart .pad-top-69 {
  padding-top: 69px;
}
panda-chart .pad-bottom-69 {
  padding-bottom: 69px;
}
panda-chart .pad-left-69 {
  padding-left: 69px;
}
panda-chart .pad-right-69 {
  padding-right: 69px;
}
panda-chart .margin-69 {
  margin: 69px;
}
panda-chart .margin-top-69 {
  margin-top: 69px;
}
panda-chart .margin-bottom-69 {
  margin-bottom: 69px;
}
panda-chart .margin-left-69 {
  margin-left: 69px;
}
panda-chart .margin-right-69 {
  margin-right: 69px;
}
panda-chart .font-69 {
  font-size: 69px;
}
panda-chart .pad-70 {
  padding: 70px;
}
panda-chart .pad-top-70 {
  padding-top: 70px;
}
panda-chart .pad-bottom-70 {
  padding-bottom: 70px;
}
panda-chart .pad-left-70 {
  padding-left: 70px;
}
panda-chart .pad-right-70 {
  padding-right: 70px;
}
panda-chart .margin-70 {
  margin: 70px;
}
panda-chart .margin-top-70 {
  margin-top: 70px;
}
panda-chart .margin-bottom-70 {
  margin-bottom: 70px;
}
panda-chart .margin-left-70 {
  margin-left: 70px;
}
panda-chart .margin-right-70 {
  margin-right: 70px;
}
panda-chart .font-70 {
  font-size: 70px;
}
panda-chart .pad-71 {
  padding: 71px;
}
panda-chart .pad-top-71 {
  padding-top: 71px;
}
panda-chart .pad-bottom-71 {
  padding-bottom: 71px;
}
panda-chart .pad-left-71 {
  padding-left: 71px;
}
panda-chart .pad-right-71 {
  padding-right: 71px;
}
panda-chart .margin-71 {
  margin: 71px;
}
panda-chart .margin-top-71 {
  margin-top: 71px;
}
panda-chart .margin-bottom-71 {
  margin-bottom: 71px;
}
panda-chart .margin-left-71 {
  margin-left: 71px;
}
panda-chart .margin-right-71 {
  margin-right: 71px;
}
panda-chart .font-71 {
  font-size: 71px;
}
panda-chart .pad-72 {
  padding: 72px;
}
panda-chart .pad-top-72 {
  padding-top: 72px;
}
panda-chart .pad-bottom-72 {
  padding-bottom: 72px;
}
panda-chart .pad-left-72 {
  padding-left: 72px;
}
panda-chart .pad-right-72 {
  padding-right: 72px;
}
panda-chart .margin-72 {
  margin: 72px;
}
panda-chart .margin-top-72 {
  margin-top: 72px;
}
panda-chart .margin-bottom-72 {
  margin-bottom: 72px;
}
panda-chart .margin-left-72 {
  margin-left: 72px;
}
panda-chart .margin-right-72 {
  margin-right: 72px;
}
panda-chart .font-72 {
  font-size: 72px;
}
panda-chart .pad-73 {
  padding: 73px;
}
panda-chart .pad-top-73 {
  padding-top: 73px;
}
panda-chart .pad-bottom-73 {
  padding-bottom: 73px;
}
panda-chart .pad-left-73 {
  padding-left: 73px;
}
panda-chart .pad-right-73 {
  padding-right: 73px;
}
panda-chart .margin-73 {
  margin: 73px;
}
panda-chart .margin-top-73 {
  margin-top: 73px;
}
panda-chart .margin-bottom-73 {
  margin-bottom: 73px;
}
panda-chart .margin-left-73 {
  margin-left: 73px;
}
panda-chart .margin-right-73 {
  margin-right: 73px;
}
panda-chart .font-73 {
  font-size: 73px;
}
panda-chart .pad-74 {
  padding: 74px;
}
panda-chart .pad-top-74 {
  padding-top: 74px;
}
panda-chart .pad-bottom-74 {
  padding-bottom: 74px;
}
panda-chart .pad-left-74 {
  padding-left: 74px;
}
panda-chart .pad-right-74 {
  padding-right: 74px;
}
panda-chart .margin-74 {
  margin: 74px;
}
panda-chart .margin-top-74 {
  margin-top: 74px;
}
panda-chart .margin-bottom-74 {
  margin-bottom: 74px;
}
panda-chart .margin-left-74 {
  margin-left: 74px;
}
panda-chart .margin-right-74 {
  margin-right: 74px;
}
panda-chart .font-74 {
  font-size: 74px;
}
panda-chart .pad-75 {
  padding: 75px;
}
panda-chart .pad-top-75 {
  padding-top: 75px;
}
panda-chart .pad-bottom-75 {
  padding-bottom: 75px;
}
panda-chart .pad-left-75 {
  padding-left: 75px;
}
panda-chart .pad-right-75 {
  padding-right: 75px;
}
panda-chart .margin-75 {
  margin: 75px;
}
panda-chart .margin-top-75 {
  margin-top: 75px;
}
panda-chart .margin-bottom-75 {
  margin-bottom: 75px;
}
panda-chart .margin-left-75 {
  margin-left: 75px;
}
panda-chart .margin-right-75 {
  margin-right: 75px;
}
panda-chart .font-75 {
  font-size: 75px;
}
panda-chart .pad-76 {
  padding: 76px;
}
panda-chart .pad-top-76 {
  padding-top: 76px;
}
panda-chart .pad-bottom-76 {
  padding-bottom: 76px;
}
panda-chart .pad-left-76 {
  padding-left: 76px;
}
panda-chart .pad-right-76 {
  padding-right: 76px;
}
panda-chart .margin-76 {
  margin: 76px;
}
panda-chart .margin-top-76 {
  margin-top: 76px;
}
panda-chart .margin-bottom-76 {
  margin-bottom: 76px;
}
panda-chart .margin-left-76 {
  margin-left: 76px;
}
panda-chart .margin-right-76 {
  margin-right: 76px;
}
panda-chart .font-76 {
  font-size: 76px;
}
panda-chart .pad-77 {
  padding: 77px;
}
panda-chart .pad-top-77 {
  padding-top: 77px;
}
panda-chart .pad-bottom-77 {
  padding-bottom: 77px;
}
panda-chart .pad-left-77 {
  padding-left: 77px;
}
panda-chart .pad-right-77 {
  padding-right: 77px;
}
panda-chart .margin-77 {
  margin: 77px;
}
panda-chart .margin-top-77 {
  margin-top: 77px;
}
panda-chart .margin-bottom-77 {
  margin-bottom: 77px;
}
panda-chart .margin-left-77 {
  margin-left: 77px;
}
panda-chart .margin-right-77 {
  margin-right: 77px;
}
panda-chart .font-77 {
  font-size: 77px;
}
panda-chart .pad-78 {
  padding: 78px;
}
panda-chart .pad-top-78 {
  padding-top: 78px;
}
panda-chart .pad-bottom-78 {
  padding-bottom: 78px;
}
panda-chart .pad-left-78 {
  padding-left: 78px;
}
panda-chart .pad-right-78 {
  padding-right: 78px;
}
panda-chart .margin-78 {
  margin: 78px;
}
panda-chart .margin-top-78 {
  margin-top: 78px;
}
panda-chart .margin-bottom-78 {
  margin-bottom: 78px;
}
panda-chart .margin-left-78 {
  margin-left: 78px;
}
panda-chart .margin-right-78 {
  margin-right: 78px;
}
panda-chart .font-78 {
  font-size: 78px;
}
panda-chart .pad-79 {
  padding: 79px;
}
panda-chart .pad-top-79 {
  padding-top: 79px;
}
panda-chart .pad-bottom-79 {
  padding-bottom: 79px;
}
panda-chart .pad-left-79 {
  padding-left: 79px;
}
panda-chart .pad-right-79 {
  padding-right: 79px;
}
panda-chart .margin-79 {
  margin: 79px;
}
panda-chart .margin-top-79 {
  margin-top: 79px;
}
panda-chart .margin-bottom-79 {
  margin-bottom: 79px;
}
panda-chart .margin-left-79 {
  margin-left: 79px;
}
panda-chart .margin-right-79 {
  margin-right: 79px;
}
panda-chart .font-79 {
  font-size: 79px;
}
panda-chart .pad-80 {
  padding: 80px;
}
panda-chart .pad-top-80 {
  padding-top: 80px;
}
panda-chart .pad-bottom-80 {
  padding-bottom: 80px;
}
panda-chart .pad-left-80 {
  padding-left: 80px;
}
panda-chart .pad-right-80 {
  padding-right: 80px;
}
panda-chart .margin-80 {
  margin: 80px;
}
panda-chart .margin-top-80 {
  margin-top: 80px;
}
panda-chart .margin-bottom-80 {
  margin-bottom: 80px;
}
panda-chart .margin-left-80 {
  margin-left: 80px;
}
panda-chart .margin-right-80 {
  margin-right: 80px;
}
panda-chart .font-80 {
  font-size: 80px;
}
panda-chart .pad-81 {
  padding: 81px;
}
panda-chart .pad-top-81 {
  padding-top: 81px;
}
panda-chart .pad-bottom-81 {
  padding-bottom: 81px;
}
panda-chart .pad-left-81 {
  padding-left: 81px;
}
panda-chart .pad-right-81 {
  padding-right: 81px;
}
panda-chart .margin-81 {
  margin: 81px;
}
panda-chart .margin-top-81 {
  margin-top: 81px;
}
panda-chart .margin-bottom-81 {
  margin-bottom: 81px;
}
panda-chart .margin-left-81 {
  margin-left: 81px;
}
panda-chart .margin-right-81 {
  margin-right: 81px;
}
panda-chart .font-81 {
  font-size: 81px;
}
panda-chart .pad-82 {
  padding: 82px;
}
panda-chart .pad-top-82 {
  padding-top: 82px;
}
panda-chart .pad-bottom-82 {
  padding-bottom: 82px;
}
panda-chart .pad-left-82 {
  padding-left: 82px;
}
panda-chart .pad-right-82 {
  padding-right: 82px;
}
panda-chart .margin-82 {
  margin: 82px;
}
panda-chart .margin-top-82 {
  margin-top: 82px;
}
panda-chart .margin-bottom-82 {
  margin-bottom: 82px;
}
panda-chart .margin-left-82 {
  margin-left: 82px;
}
panda-chart .margin-right-82 {
  margin-right: 82px;
}
panda-chart .font-82 {
  font-size: 82px;
}
panda-chart .pad-83 {
  padding: 83px;
}
panda-chart .pad-top-83 {
  padding-top: 83px;
}
panda-chart .pad-bottom-83 {
  padding-bottom: 83px;
}
panda-chart .pad-left-83 {
  padding-left: 83px;
}
panda-chart .pad-right-83 {
  padding-right: 83px;
}
panda-chart .margin-83 {
  margin: 83px;
}
panda-chart .margin-top-83 {
  margin-top: 83px;
}
panda-chart .margin-bottom-83 {
  margin-bottom: 83px;
}
panda-chart .margin-left-83 {
  margin-left: 83px;
}
panda-chart .margin-right-83 {
  margin-right: 83px;
}
panda-chart .font-83 {
  font-size: 83px;
}
panda-chart .pad-84 {
  padding: 84px;
}
panda-chart .pad-top-84 {
  padding-top: 84px;
}
panda-chart .pad-bottom-84 {
  padding-bottom: 84px;
}
panda-chart .pad-left-84 {
  padding-left: 84px;
}
panda-chart .pad-right-84 {
  padding-right: 84px;
}
panda-chart .margin-84 {
  margin: 84px;
}
panda-chart .margin-top-84 {
  margin-top: 84px;
}
panda-chart .margin-bottom-84 {
  margin-bottom: 84px;
}
panda-chart .margin-left-84 {
  margin-left: 84px;
}
panda-chart .margin-right-84 {
  margin-right: 84px;
}
panda-chart .font-84 {
  font-size: 84px;
}
panda-chart .pad-85 {
  padding: 85px;
}
panda-chart .pad-top-85 {
  padding-top: 85px;
}
panda-chart .pad-bottom-85 {
  padding-bottom: 85px;
}
panda-chart .pad-left-85 {
  padding-left: 85px;
}
panda-chart .pad-right-85 {
  padding-right: 85px;
}
panda-chart .margin-85 {
  margin: 85px;
}
panda-chart .margin-top-85 {
  margin-top: 85px;
}
panda-chart .margin-bottom-85 {
  margin-bottom: 85px;
}
panda-chart .margin-left-85 {
  margin-left: 85px;
}
panda-chart .margin-right-85 {
  margin-right: 85px;
}
panda-chart .font-85 {
  font-size: 85px;
}
panda-chart .pad-86 {
  padding: 86px;
}
panda-chart .pad-top-86 {
  padding-top: 86px;
}
panda-chart .pad-bottom-86 {
  padding-bottom: 86px;
}
panda-chart .pad-left-86 {
  padding-left: 86px;
}
panda-chart .pad-right-86 {
  padding-right: 86px;
}
panda-chart .margin-86 {
  margin: 86px;
}
panda-chart .margin-top-86 {
  margin-top: 86px;
}
panda-chart .margin-bottom-86 {
  margin-bottom: 86px;
}
panda-chart .margin-left-86 {
  margin-left: 86px;
}
panda-chart .margin-right-86 {
  margin-right: 86px;
}
panda-chart .font-86 {
  font-size: 86px;
}
panda-chart .pad-87 {
  padding: 87px;
}
panda-chart .pad-top-87 {
  padding-top: 87px;
}
panda-chart .pad-bottom-87 {
  padding-bottom: 87px;
}
panda-chart .pad-left-87 {
  padding-left: 87px;
}
panda-chart .pad-right-87 {
  padding-right: 87px;
}
panda-chart .margin-87 {
  margin: 87px;
}
panda-chart .margin-top-87 {
  margin-top: 87px;
}
panda-chart .margin-bottom-87 {
  margin-bottom: 87px;
}
panda-chart .margin-left-87 {
  margin-left: 87px;
}
panda-chart .margin-right-87 {
  margin-right: 87px;
}
panda-chart .font-87 {
  font-size: 87px;
}
panda-chart .pad-88 {
  padding: 88px;
}
panda-chart .pad-top-88 {
  padding-top: 88px;
}
panda-chart .pad-bottom-88 {
  padding-bottom: 88px;
}
panda-chart .pad-left-88 {
  padding-left: 88px;
}
panda-chart .pad-right-88 {
  padding-right: 88px;
}
panda-chart .margin-88 {
  margin: 88px;
}
panda-chart .margin-top-88 {
  margin-top: 88px;
}
panda-chart .margin-bottom-88 {
  margin-bottom: 88px;
}
panda-chart .margin-left-88 {
  margin-left: 88px;
}
panda-chart .margin-right-88 {
  margin-right: 88px;
}
panda-chart .font-88 {
  font-size: 88px;
}
panda-chart .pad-89 {
  padding: 89px;
}
panda-chart .pad-top-89 {
  padding-top: 89px;
}
panda-chart .pad-bottom-89 {
  padding-bottom: 89px;
}
panda-chart .pad-left-89 {
  padding-left: 89px;
}
panda-chart .pad-right-89 {
  padding-right: 89px;
}
panda-chart .margin-89 {
  margin: 89px;
}
panda-chart .margin-top-89 {
  margin-top: 89px;
}
panda-chart .margin-bottom-89 {
  margin-bottom: 89px;
}
panda-chart .margin-left-89 {
  margin-left: 89px;
}
panda-chart .margin-right-89 {
  margin-right: 89px;
}
panda-chart .font-89 {
  font-size: 89px;
}
panda-chart .pad-90 {
  padding: 90px;
}
panda-chart .pad-top-90 {
  padding-top: 90px;
}
panda-chart .pad-bottom-90 {
  padding-bottom: 90px;
}
panda-chart .pad-left-90 {
  padding-left: 90px;
}
panda-chart .pad-right-90 {
  padding-right: 90px;
}
panda-chart .margin-90 {
  margin: 90px;
}
panda-chart .margin-top-90 {
  margin-top: 90px;
}
panda-chart .margin-bottom-90 {
  margin-bottom: 90px;
}
panda-chart .margin-left-90 {
  margin-left: 90px;
}
panda-chart .margin-right-90 {
  margin-right: 90px;
}
panda-chart .font-90 {
  font-size: 90px;
}
panda-chart .pad-91 {
  padding: 91px;
}
panda-chart .pad-top-91 {
  padding-top: 91px;
}
panda-chart .pad-bottom-91 {
  padding-bottom: 91px;
}
panda-chart .pad-left-91 {
  padding-left: 91px;
}
panda-chart .pad-right-91 {
  padding-right: 91px;
}
panda-chart .margin-91 {
  margin: 91px;
}
panda-chart .margin-top-91 {
  margin-top: 91px;
}
panda-chart .margin-bottom-91 {
  margin-bottom: 91px;
}
panda-chart .margin-left-91 {
  margin-left: 91px;
}
panda-chart .margin-right-91 {
  margin-right: 91px;
}
panda-chart .font-91 {
  font-size: 91px;
}
panda-chart .pad-92 {
  padding: 92px;
}
panda-chart .pad-top-92 {
  padding-top: 92px;
}
panda-chart .pad-bottom-92 {
  padding-bottom: 92px;
}
panda-chart .pad-left-92 {
  padding-left: 92px;
}
panda-chart .pad-right-92 {
  padding-right: 92px;
}
panda-chart .margin-92 {
  margin: 92px;
}
panda-chart .margin-top-92 {
  margin-top: 92px;
}
panda-chart .margin-bottom-92 {
  margin-bottom: 92px;
}
panda-chart .margin-left-92 {
  margin-left: 92px;
}
panda-chart .margin-right-92 {
  margin-right: 92px;
}
panda-chart .font-92 {
  font-size: 92px;
}
panda-chart .pad-93 {
  padding: 93px;
}
panda-chart .pad-top-93 {
  padding-top: 93px;
}
panda-chart .pad-bottom-93 {
  padding-bottom: 93px;
}
panda-chart .pad-left-93 {
  padding-left: 93px;
}
panda-chart .pad-right-93 {
  padding-right: 93px;
}
panda-chart .margin-93 {
  margin: 93px;
}
panda-chart .margin-top-93 {
  margin-top: 93px;
}
panda-chart .margin-bottom-93 {
  margin-bottom: 93px;
}
panda-chart .margin-left-93 {
  margin-left: 93px;
}
panda-chart .margin-right-93 {
  margin-right: 93px;
}
panda-chart .font-93 {
  font-size: 93px;
}
panda-chart .pad-94 {
  padding: 94px;
}
panda-chart .pad-top-94 {
  padding-top: 94px;
}
panda-chart .pad-bottom-94 {
  padding-bottom: 94px;
}
panda-chart .pad-left-94 {
  padding-left: 94px;
}
panda-chart .pad-right-94 {
  padding-right: 94px;
}
panda-chart .margin-94 {
  margin: 94px;
}
panda-chart .margin-top-94 {
  margin-top: 94px;
}
panda-chart .margin-bottom-94 {
  margin-bottom: 94px;
}
panda-chart .margin-left-94 {
  margin-left: 94px;
}
panda-chart .margin-right-94 {
  margin-right: 94px;
}
panda-chart .font-94 {
  font-size: 94px;
}
panda-chart .pad-95 {
  padding: 95px;
}
panda-chart .pad-top-95 {
  padding-top: 95px;
}
panda-chart .pad-bottom-95 {
  padding-bottom: 95px;
}
panda-chart .pad-left-95 {
  padding-left: 95px;
}
panda-chart .pad-right-95 {
  padding-right: 95px;
}
panda-chart .margin-95 {
  margin: 95px;
}
panda-chart .margin-top-95 {
  margin-top: 95px;
}
panda-chart .margin-bottom-95 {
  margin-bottom: 95px;
}
panda-chart .margin-left-95 {
  margin-left: 95px;
}
panda-chart .margin-right-95 {
  margin-right: 95px;
}
panda-chart .font-95 {
  font-size: 95px;
}
panda-chart .pad-96 {
  padding: 96px;
}
panda-chart .pad-top-96 {
  padding-top: 96px;
}
panda-chart .pad-bottom-96 {
  padding-bottom: 96px;
}
panda-chart .pad-left-96 {
  padding-left: 96px;
}
panda-chart .pad-right-96 {
  padding-right: 96px;
}
panda-chart .margin-96 {
  margin: 96px;
}
panda-chart .margin-top-96 {
  margin-top: 96px;
}
panda-chart .margin-bottom-96 {
  margin-bottom: 96px;
}
panda-chart .margin-left-96 {
  margin-left: 96px;
}
panda-chart .margin-right-96 {
  margin-right: 96px;
}
panda-chart .font-96 {
  font-size: 96px;
}
panda-chart .pad-97 {
  padding: 97px;
}
panda-chart .pad-top-97 {
  padding-top: 97px;
}
panda-chart .pad-bottom-97 {
  padding-bottom: 97px;
}
panda-chart .pad-left-97 {
  padding-left: 97px;
}
panda-chart .pad-right-97 {
  padding-right: 97px;
}
panda-chart .margin-97 {
  margin: 97px;
}
panda-chart .margin-top-97 {
  margin-top: 97px;
}
panda-chart .margin-bottom-97 {
  margin-bottom: 97px;
}
panda-chart .margin-left-97 {
  margin-left: 97px;
}
panda-chart .margin-right-97 {
  margin-right: 97px;
}
panda-chart .font-97 {
  font-size: 97px;
}
panda-chart .pad-98 {
  padding: 98px;
}
panda-chart .pad-top-98 {
  padding-top: 98px;
}
panda-chart .pad-bottom-98 {
  padding-bottom: 98px;
}
panda-chart .pad-left-98 {
  padding-left: 98px;
}
panda-chart .pad-right-98 {
  padding-right: 98px;
}
panda-chart .margin-98 {
  margin: 98px;
}
panda-chart .margin-top-98 {
  margin-top: 98px;
}
panda-chart .margin-bottom-98 {
  margin-bottom: 98px;
}
panda-chart .margin-left-98 {
  margin-left: 98px;
}
panda-chart .margin-right-98 {
  margin-right: 98px;
}
panda-chart .font-98 {
  font-size: 98px;
}
panda-chart .pad-99 {
  padding: 99px;
}
panda-chart .pad-top-99 {
  padding-top: 99px;
}
panda-chart .pad-bottom-99 {
  padding-bottom: 99px;
}
panda-chart .pad-left-99 {
  padding-left: 99px;
}
panda-chart .pad-right-99 {
  padding-right: 99px;
}
panda-chart .margin-99 {
  margin: 99px;
}
panda-chart .margin-top-99 {
  margin-top: 99px;
}
panda-chart .margin-bottom-99 {
  margin-bottom: 99px;
}
panda-chart .margin-left-99 {
  margin-left: 99px;
}
panda-chart .margin-right-99 {
  margin-right: 99px;
}
panda-chart .font-99 {
  font-size: 99px;
}
panda-chart .pad-100 {
  padding: 100px;
}
panda-chart .pad-top-100 {
  padding-top: 100px;
}
panda-chart .pad-bottom-100 {
  padding-bottom: 100px;
}
panda-chart .pad-left-100 {
  padding-left: 100px;
}
panda-chart .pad-right-100 {
  padding-right: 100px;
}
panda-chart .margin-100 {
  margin: 100px;
}
panda-chart .margin-top-100 {
  margin-top: 100px;
}
panda-chart .margin-bottom-100 {
  margin-bottom: 100px;
}
panda-chart .margin-left-100 {
  margin-left: 100px;
}
panda-chart .margin-right-100 {
  margin-right: 100px;
}
panda-chart .font-100 {
  font-size: 100px;
}
@font-face {
  font-family: "panda-chart";
  src:
    url("./media/panda-chart.ttf?utyrl2") format("truetype"),
    url("./media/panda-chart.woff?utyrl2") format("woff"),
    url("./media/panda-chart.svg?utyrl2#panda-chart") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
panda-chart [class^=chart-icon-],
panda-chart [class*=" chart-icon-"] {
  font-family: "panda-chart" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
panda-chart .chart-icon-error:before {
  content: "\ea48";
}
panda-chart .chart-icon-error_outline:before {
  content: "\ea49";
}
panda-chart .chart-icon-warning:before {
  content: "\ea4a";
}
panda-chart .chart-icon-add_alert:before {
  content: "\ea4b";
}
panda-chart .chart-icon-notification_important:before {
  content: "\ea4c";
}
panda-chart .chart-icon-add_circle:before {
  content: "\ea4d";
}
panda-chart .chart-icon-add_circle_outline:before {
  content: "\ea4e";
}
panda-chart .chart-icon-remove_circle:before {
  content: "\ea4f";
}
panda-chart .chart-icon-remove_circle_outline:before {
  content: "\ea50";
}
panda-chart .chart-icon-fullscreen:before {
  content: "\ea51";
}
panda-chart .chart-icon-fullscreen_exit:before {
  content: "\ea52";
}
panda-chart .chart-icon-star1:before {
  content: "\ea53";
}
panda-chart .chart-icon-star_half:before {
  content: "\ea54";
}
panda-chart .chart-icon-star_outline:before {
  content: "\ea55";
}
panda-chart .chart-icon-star_outline1:before {
  content: "\ea56";
}
panda-chart .chart-icon-star_rate:before {
  content: "\ea57";
}
panda-chart .chart-icon-add_task:before {
  content: "\ea58";
}
panda-chart .chart-icon-functions:before {
  content: "\ea2d";
}
panda-chart .chart-icon-format_shapes:before {
  content: "\e900";
}
panda-chart .chart-icon-arrow_right:before {
  content: "\e901";
}
panda-chart .chart-icon-arrow_left:before {
  content: "\e902";
}
panda-chart .chart-icon-arrow_drop_up:before {
  content: "\e903";
}
panda-chart .chart-icon-arrow_drop_down:before {
  content: "\e904";
}
panda-chart .chart-icon-keyboard_arrow_up:before {
  content: "\e905";
}
panda-chart .chart-icon-keyboard_arrow_right:before {
  content: "\e906";
}
panda-chart .chart-icon-keyboard_arrow_left:before {
  content: "\e907";
}
panda-chart .chart-icon-keyboard_arrow_down:before {
  content: "\e908";
}
panda-chart .chart-icon-activity:before {
  content: "\e909";
}
panda-chart .chart-icon-airplay:before {
  content: "\e90a";
}
panda-chart .chart-icon-alert-circle:before {
  content: "\e90b";
}
panda-chart .chart-icon-alert-octagon:before {
  content: "\e90c";
}
panda-chart .chart-icon-alert-triangle:before {
  content: "\e90d";
}
panda-chart .chart-icon-align-center:before {
  content: "\e90e";
}
panda-chart .chart-icon-align-justify:before {
  content: "\e90f";
}
panda-chart .chart-icon-align-left:before {
  content: "\e910";
}
panda-chart .chart-icon-align-right:before {
  content: "\e911";
}
panda-chart .chart-icon-anchor:before {
  content: "\e912";
}
panda-chart .chart-icon-aperture:before {
  content: "\e913";
}
panda-chart .chart-icon-archive:before {
  content: "\e914";
}
panda-chart .chart-icon-arrow-down:before {
  content: "\e915";
}
panda-chart .chart-icon-arrow-down-circle:before {
  content: "\e916";
}
panda-chart .chart-icon-arrow-down-left:before {
  content: "\e917";
}
panda-chart .chart-icon-arrow-down-right:before {
  content: "\e918";
}
panda-chart .chart-icon-arrow-left:before {
  content: "\e919";
}
panda-chart .chart-icon-arrow-left-circle:before {
  content: "\e91a";
}
panda-chart .chart-icon-arrow-right:before {
  content: "\e91b";
}
panda-chart .chart-icon-arrow-right-circle:before {
  content: "\e91c";
}
panda-chart .chart-icon-arrow-up:before {
  content: "\e91d";
}
panda-chart .chart-icon-arrow-up-circle:before {
  content: "\e91e";
}
panda-chart .chart-icon-arrow-up-left:before {
  content: "\e91f";
}
panda-chart .chart-icon-arrow-up-right:before {
  content: "\e920";
}
panda-chart .chart-icon-at-sign:before {
  content: "\e921";
}
panda-chart .chart-icon-award:before {
  content: "\e922";
}
panda-chart .chart-icon-bar-chart:before {
  content: "\e923";
}
panda-chart .chart-icon-bar-chart-2:before {
  content: "\e924";
}
panda-chart .chart-icon-battery:before {
  content: "\e925";
}
panda-chart .chart-icon-battery-charging:before {
  content: "\e926";
}
panda-chart .chart-icon-bell:before {
  content: "\e927";
}
panda-chart .chart-icon-bell-off:before {
  content: "\e928";
}
panda-chart .chart-icon-bluetooth:before {
  content: "\e929";
}
panda-chart .chart-icon-bold:before {
  content: "\e92a";
}
panda-chart .chart-icon-book:before {
  content: "\e92b";
}
panda-chart .chart-icon-book-open:before {
  content: "\e92c";
}
panda-chart .chart-icon-bookmark:before {
  content: "\e92d";
}
panda-chart .chart-icon-box:before {
  content: "\e92e";
}
panda-chart .chart-icon-briefcase:before {
  content: "\e92f";
}
panda-chart .chart-icon-calendar:before {
  content: "\e930";
}
panda-chart .chart-icon-camera:before {
  content: "\e931";
}
panda-chart .chart-icon-camera-off:before {
  content: "\e932";
}
panda-chart .chart-icon-cast:before {
  content: "\e933";
}
panda-chart .chart-icon-check:before {
  content: "\e934";
}
panda-chart .chart-icon-check-circle:before {
  content: "\e935";
}
panda-chart .chart-icon-check-square:before {
  content: "\e936";
}
panda-chart .chart-icon-chevron-down:before {
  content: "\e937";
}
panda-chart .chart-icon-chevron-left:before {
  content: "\e938";
}
panda-chart .chart-icon-chevron-right:before {
  content: "\e939";
}
panda-chart .chart-icon-chevron-up:before {
  content: "\e93a";
}
panda-chart .chart-icon-chevrons-down:before {
  content: "\e93b";
}
panda-chart .chart-icon-chevrons-left:before {
  content: "\e93c";
}
panda-chart .chart-icon-chevrons-right:before {
  content: "\e93d";
}
panda-chart .chart-icon-chevrons-up:before {
  content: "\e93e";
}
panda-chart .chart-icon-chrome:before {
  content: "\e93f";
}
panda-chart .chart-icon-circle:before {
  content: "\e940";
}
panda-chart .chart-icon-clipboard:before {
  content: "\e941";
}
panda-chart .chart-icon-clock:before {
  content: "\e942";
}
panda-chart .chart-icon-cloud:before {
  content: "\e943";
}
panda-chart .chart-icon-cloud-drizzle:before {
  content: "\e944";
}
panda-chart .chart-icon-cloud-lightning:before {
  content: "\e945";
}
panda-chart .chart-icon-cloud-off:before {
  content: "\e946";
}
panda-chart .chart-icon-cloud-rain:before {
  content: "\e947";
}
panda-chart .chart-icon-cloud-snow:before {
  content: "\e948";
}
panda-chart .chart-icon-code:before {
  content: "\e949";
}
panda-chart .chart-icon-codepen:before {
  content: "\e94a";
}
panda-chart .chart-icon-codesandbox:before {
  content: "\e94b";
}
panda-chart .chart-icon-coffee:before {
  content: "\e94c";
}
panda-chart .chart-icon-columns:before {
  content: "\e94d";
}
panda-chart .chart-icon-command:before {
  content: "\e94e";
}
panda-chart .chart-icon-compass:before {
  content: "\e94f";
}
panda-chart .chart-icon-copy:before {
  content: "\e950";
}
panda-chart .chart-icon-corner-down-left:before {
  content: "\e951";
}
panda-chart .chart-icon-corner-down-right:before {
  content: "\e952";
}
panda-chart .chart-icon-corner-left-down:before {
  content: "\e953";
}
panda-chart .chart-icon-corner-left-up:before {
  content: "\e954";
}
panda-chart .chart-icon-corner-right-down:before {
  content: "\e955";
}
panda-chart .chart-icon-corner-right-up:before {
  content: "\e956";
}
panda-chart .chart-icon-corner-up-left:before {
  content: "\e957";
}
panda-chart .chart-icon-corner-up-right:before {
  content: "\e958";
}
panda-chart .chart-icon-cpu:before {
  content: "\e959";
}
panda-chart .chart-icon-credit-card:before {
  content: "\e95a";
}
panda-chart .chart-icon-crop:before {
  content: "\e95b";
}
panda-chart .chart-icon-crosshair:before {
  content: "\e95c";
}
panda-chart .chart-icon-database:before {
  content: "\e95d";
}
panda-chart .chart-icon-delete:before {
  content: "\e95e";
}
panda-chart .chart-icon-disc:before {
  content: "\e95f";
}
panda-chart .chart-icon-dollar-sign:before {
  content: "\e960";
}
panda-chart .chart-icon-download:before {
  content: "\e961";
}
panda-chart .chart-icon-download-cloud:before {
  content: "\e962";
}
panda-chart .chart-icon-droplet:before {
  content: "\e963";
}
panda-chart .chart-icon-edit:before {
  content: "\e964";
}
panda-chart .chart-icon-edit-2:before {
  content: "\e965";
}
panda-chart .chart-icon-edit-3:before {
  content: "\e966";
}
panda-chart .chart-icon-external-link:before {
  content: "\e967";
}
panda-chart .chart-icon-eye:before {
  content: "\e968";
}
panda-chart .chart-icon-eye-off:before {
  content: "\e969";
}
panda-chart .chart-icon-facebook:before {
  content: "\e96a";
}
panda-chart .chart-icon-fast-forward:before {
  content: "\e96b";
}
panda-chart .chart-icon-feather:before {
  content: "\e96c";
}
panda-chart .chart-icon-figma:before {
  content: "\e96d";
}
panda-chart .chart-icon-file:before {
  content: "\e96e";
}
panda-chart .chart-icon-file-minus:before {
  content: "\e96f";
}
panda-chart .chart-icon-file-plus:before {
  content: "\e970";
}
panda-chart .chart-icon-file-text:before {
  content: "\e971";
}
panda-chart .chart-icon-film:before {
  content: "\e972";
}
panda-chart .chart-icon-filter:before {
  content: "\e973";
}
panda-chart .chart-icon-flag:before {
  content: "\e974";
}
panda-chart .chart-icon-folder:before {
  content: "\e975";
}
panda-chart .chart-icon-folder-minus:before {
  content: "\e976";
}
panda-chart .chart-icon-folder-plus:before {
  content: "\e977";
}
panda-chart .chart-icon-framer:before {
  content: "\e978";
}
panda-chart .chart-icon-frown:before {
  content: "\e979";
}
panda-chart .chart-icon-gift:before {
  content: "\e97a";
}
panda-chart .chart-icon-git-branch:before {
  content: "\e97b";
}
panda-chart .chart-icon-git-commit:before {
  content: "\e97c";
}
panda-chart .chart-icon-git-merge:before {
  content: "\e97d";
}
panda-chart .chart-icon-git-pull-request:before {
  content: "\e97e";
}
panda-chart .chart-icon-github:before {
  content: "\e97f";
}
panda-chart .chart-icon-gitlab:before {
  content: "\e980";
}
panda-chart .chart-icon-globe:before {
  content: "\e981";
}
panda-chart .chart-icon-grid:before {
  content: "\e982";
}
panda-chart .chart-icon-hard-drive:before {
  content: "\e983";
}
panda-chart .chart-icon-hash:before {
  content: "\e984";
}
panda-chart .chart-icon-headphones:before {
  content: "\e985";
}
panda-chart .chart-icon-heart:before {
  content: "\e986";
}
panda-chart .chart-icon-help-circle:before {
  content: "\e987";
}
panda-chart .chart-icon-hexagon:before {
  content: "\e988";
}
panda-chart .chart-icon-home:before {
  content: "\e989";
}
panda-chart .chart-icon-image:before {
  content: "\e98a";
}
panda-chart .chart-icon-inbox:before {
  content: "\e98b";
}
panda-chart .chart-icon-info:before {
  content: "\e98c";
}
panda-chart .chart-icon-instagram:before {
  content: "\e98d";
}
panda-chart .chart-icon-italic:before {
  content: "\e98e";
}
panda-chart .chart-icon-key:before {
  content: "\e98f";
}
panda-chart .chart-icon-layers1:before {
  content: "\e990";
}
panda-chart .chart-icon-layout:before {
  content: "\e991";
}
panda-chart .chart-icon-life-buoy:before {
  content: "\e992";
}
panda-chart .chart-icon-link:before {
  content: "\e993";
}
panda-chart .chart-icon-link-2:before {
  content: "\e994";
}
panda-chart .chart-icon-linkedin:before {
  content: "\e995";
}
panda-chart .chart-icon-list:before {
  content: "\e996";
}
panda-chart .chart-icon-loader:before {
  content: "\e997";
}
panda-chart .chart-icon-lock:before {
  content: "\e998";
}
panda-chart .chart-icon-log-in:before {
  content: "\e999";
}
panda-chart .chart-icon-log-out:before {
  content: "\e99a";
}
panda-chart .chart-icon-mail:before {
  content: "\e99b";
}
panda-chart .chart-icon-map:before {
  content: "\e99c";
}
panda-chart .chart-icon-map-pin:before {
  content: "\e99d";
}
panda-chart .chart-icon-maximize:before {
  content: "\e99e";
}
panda-chart .chart-icon-maximize-2:before {
  content: "\e99f";
}
panda-chart .chart-icon-meh:before {
  content: "\e9a0";
}
panda-chart .chart-icon-menu:before {
  content: "\e9a1";
}
panda-chart .chart-icon-message-circle:before {
  content: "\e9a2";
}
panda-chart .chart-icon-message-square:before {
  content: "\e9a3";
}
panda-chart .chart-icon-mic:before {
  content: "\e9a4";
}
panda-chart .chart-icon-mic-off:before {
  content: "\e9a5";
}
panda-chart .chart-icon-minimize:before {
  content: "\e9a6";
}
panda-chart .chart-icon-minimize-2:before {
  content: "\e9a7";
}
panda-chart .chart-icon-minus:before {
  content: "\e9a8";
}
panda-chart .chart-icon-minus-circle:before {
  content: "\e9a9";
}
panda-chart .chart-icon-minus-square:before {
  content: "\e9aa";
}
panda-chart .chart-icon-monitor:before {
  content: "\e9ab";
}
panda-chart .chart-icon-moon:before {
  content: "\e9ac";
}
panda-chart .chart-icon-more-horizontal:before {
  content: "\e9ad";
}
panda-chart .chart-icon-more-vertical:before {
  content: "\e9ae";
}
panda-chart .chart-icon-mouse-pointer1:before {
  content: "\e9af";
}
panda-chart .chart-icon-move:before {
  content: "\e9b0";
}
panda-chart .chart-icon-music:before {
  content: "\e9b1";
}
panda-chart .chart-icon-navigation:before {
  content: "\e9b2";
}
panda-chart .chart-icon-navigation-2:before {
  content: "\e9b3";
}
panda-chart .chart-icon-octagon:before {
  content: "\e9b4";
}
panda-chart .chart-icon-package:before {
  content: "\e9b5";
}
panda-chart .chart-icon-paperclip:before {
  content: "\e9b6";
}
panda-chart .chart-icon-pause:before {
  content: "\e9b7";
}
panda-chart .chart-icon-pause-circle:before {
  content: "\e9b8";
}
panda-chart .chart-icon-pen-tool:before {
  content: "\e9b9";
}
panda-chart .chart-icon-percent:before {
  content: "\e9ba";
}
panda-chart .chart-icon-phone:before {
  content: "\e9bb";
}
panda-chart .chart-icon-phone-call:before {
  content: "\e9bc";
}
panda-chart .chart-icon-phone-forwarded:before {
  content: "\e9bd";
}
panda-chart .chart-icon-phone-incoming:before {
  content: "\e9be";
}
panda-chart .chart-icon-phone-missed:before {
  content: "\e9bf";
}
panda-chart .chart-icon-phone-off:before {
  content: "\e9c0";
}
panda-chart .chart-icon-phone-outgoing:before {
  content: "\e9c1";
}
panda-chart .chart-icon-pie-chart:before {
  content: "\e9c2";
}
panda-chart .chart-icon-play:before {
  content: "\e9c3";
}
panda-chart .chart-icon-play-circle:before {
  content: "\e9c4";
}
panda-chart .chart-icon-plus:before {
  content: "\e9c5";
}
panda-chart .chart-icon-plus-circle:before {
  content: "\e9c6";
}
panda-chart .chart-icon-plus-square:before {
  content: "\e9c7";
}
panda-chart .chart-icon-pocket:before {
  content: "\e9c8";
}
panda-chart .chart-icon-power:before {
  content: "\e9c9";
}
panda-chart .chart-icon-printer:before {
  content: "\e9ca";
}
panda-chart .chart-icon-radio:before {
  content: "\e9cb";
}
panda-chart .chart-icon-refresh-ccw:before {
  content: "\e9cc";
}
panda-chart .chart-icon-refresh-cw:before {
  content: "\e9cd";
}
panda-chart .chart-icon-repeat:before {
  content: "\e9ce";
}
panda-chart .chart-icon-rewind:before {
  content: "\e9cf";
}
panda-chart .chart-icon-rotate-ccw:before {
  content: "\e8ba";
}
panda-chart .chart-icon-rotate-cw:before {
  content: "\e9d1";
}
panda-chart .chart-icon-rss:before {
  content: "\e9d2";
}
panda-chart .chart-icon-save:before {
  content: "\e9d3";
}
panda-chart .chart-icon-scissors:before {
  content: "\e9d4";
}
panda-chart .chart-icon-search:before {
  content: "\e9d5";
}
panda-chart .chart-icon-send:before {
  content: "\e9d6";
}
panda-chart .chart-icon-server:before {
  content: "\e9d7";
}
panda-chart .chart-icon-settings:before {
  content: "\e9d8";
}
panda-chart .chart-icon-share:before {
  content: "\e9d9";
}
panda-chart .chart-icon-share-2:before {
  content: "\e9da";
}
panda-chart .chart-icon-shield:before {
  content: "\e9db";
}
panda-chart .chart-icon-shield-off:before {
  content: "\e9dc";
}
panda-chart .chart-icon-shopping-bag:before {
  content: "\e9dd";
}
panda-chart .chart-icon-shopping-cart:before {
  content: "\e9de";
}
panda-chart .chart-icon-shuffle:before {
  content: "\e9df";
}
panda-chart .chart-icon-sidebar:before {
  content: "\e9e0";
}
panda-chart .chart-icon-skip-back:before {
  content: "\e9e1";
}
panda-chart .chart-icon-skip-forward:before {
  content: "\e9e2";
}
panda-chart .chart-icon-slack:before {
  content: "\e9e3";
}
panda-chart .chart-icon-slash:before {
  content: "\e9e4";
}
panda-chart .chart-icon-sliders:before {
  content: "\e9e5";
}
panda-chart .chart-icon-smartphone:before {
  content: "\e9e6";
}
panda-chart .chart-icon-smile:before {
  content: "\e9e7";
}
panda-chart .chart-icon-speaker:before {
  content: "\e9e8";
}
panda-chart .chart-icon-square:before {
  content: "\e9e9";
}
panda-chart .chart-icon-star:before {
  content: "\e9ea";
}
panda-chart .chart-icon-stop-circle:before {
  content: "\e9eb";
}
panda-chart .chart-icon-sun:before {
  content: "\e9ec";
}
panda-chart .chart-icon-sunrise:before {
  content: "\e9ed";
}
panda-chart .chart-icon-sunset:before {
  content: "\e9ee";
}
panda-chart .chart-icon-tablet:before {
  content: "\e9ef";
}
panda-chart .chart-icon-tag:before {
  content: "\e9f0";
}
panda-chart .chart-icon-target:before {
  content: "\e9f1";
}
panda-chart .chart-icon-terminal:before {
  content: "\e9f2";
}
panda-chart .chart-icon-thermometer:before {
  content: "\e9f3";
}
panda-chart .chart-icon-thumbs-down:before {
  content: "\e9f4";
}
panda-chart .chart-icon-thumbs-up:before {
  content: "\e9f5";
}
panda-chart .chart-icon-toggle-left:before {
  content: "\e9f6";
}
panda-chart .chart-icon-toggle-right:before {
  content: "\e9f7";
}
panda-chart .chart-icon-tool:before {
  content: "\e9f8";
}
panda-chart .chart-icon-trash:before {
  content: "\e9f9";
}
panda-chart .chart-icon-trash-2:before {
  content: "\e9fa";
}
panda-chart .chart-icon-trello:before {
  content: "\e9fb";
}
panda-chart .chart-icon-trending-down:before {
  content: "\e9fc";
}
panda-chart .chart-icon-trending-up:before {
  content: "\e9fd";
}
panda-chart .chart-icon-triangle:before {
  content: "\e9fe";
}
panda-chart .chart-icon-truck:before {
  content: "\e9ff";
}
panda-chart .chart-icon-tv:before {
  content: "\ea00";
}
panda-chart .chart-icon-twitch:before {
  content: "\ea01";
}
panda-chart .chart-icon-twitter:before {
  content: "\ea02";
}
panda-chart .chart-icon-type1:before {
  content: "\ea03";
}
panda-chart .chart-icon-umbrella:before {
  content: "\ea04";
}
panda-chart .chart-icon-underline:before {
  content: "\ea05";
}
panda-chart .chart-icon-unlock:before {
  content: "\ea06";
}
panda-chart .chart-icon-upload:before {
  content: "\ea07";
}
panda-chart .chart-icon-upload-cloud:before {
  content: "\ea08";
}
panda-chart .chart-icon-user:before {
  content: "\ea09";
}
panda-chart .chart-icon-user-check:before {
  content: "\ea0a";
}
panda-chart .chart-icon-user-minus:before {
  content: "\ea0b";
}
panda-chart .chart-icon-user-plus:before {
  content: "\ea0c";
}
panda-chart .chart-icon-user-x:before {
  content: "\ea0d";
}
panda-chart .chart-icon-users:before {
  content: "\ea0e";
}
panda-chart .chart-icon-video:before {
  content: "\ea0f";
}
panda-chart .chart-icon-video-off:before {
  content: "\ea10";
}
panda-chart .chart-icon-voicemail:before {
  content: "\ea11";
}
panda-chart .chart-icon-volume:before {
  content: "\ea12";
}
panda-chart .chart-icon-volume-1:before {
  content: "\ea13";
}
panda-chart .chart-icon-volume-2:before {
  content: "\ea14";
}
panda-chart .chart-icon-volume-x:before {
  content: "\ea15";
}
panda-chart .chart-icon-watch:before {
  content: "\ea16";
}
panda-chart .chart-icon-wifi:before {
  content: "\ea17";
}
panda-chart .chart-icon-wifi-off:before {
  content: "\ea18";
}
panda-chart .chart-icon-wind:before {
  content: "\ea19";
}
panda-chart .chart-icon-x:before {
  content: "\ea1a";
}
panda-chart .chart-icon-x-circle:before {
  content: "\ea1b";
}
panda-chart .chart-icon-x-octagon:before {
  content: "\ea1c";
}
panda-chart .chart-icon-x-square:before {
  content: "\ea1d";
}
panda-chart .chart-icon-youtube:before {
  content: "\ea1e";
}
panda-chart .chart-icon-zap:before {
  content: "\ea1f";
}
panda-chart .chart-icon-zap-off:before {
  content: "\ea20";
}
panda-chart .chart-icon-zoom-in:before {
  content: "\ea21";
}
panda-chart .chart-icon-zoom-out:before {
  content: "\ea22";
}
panda-chart .chart-icon-trash-21:before {
  content: "\ea23";
}
panda-chart .chart-icon-ct-area:before {
  content: "\ea2e";
}
panda-chart .chart-icon-ct-candle_down_stroke:before {
  content: "\ea2f";
}
panda-chart .chart-icon-ct-candle_solid:before {
  content: "\ea30";
}
panda-chart .chart-icon-ct-candle_stroke:before {
  content: "\ea31";
}
panda-chart .chart-icon-ct-candle_up_stroke:before {
  content: "\ea32";
}
panda-chart .chart-icon-ct-line:before {
  content: "\ea33";
}
panda-chart .chart-icon-ct-ohlc:before {
  content: "\ea34";
}
panda-chart .chart-icon-cursor:before {
  content: "\ea35";
}
panda-chart .chart-icon-dr-circle:before {
  content: "\ea36";
}
panda-chart .chart-icon-dr-fibonacci:before {
  content: "\ea37";
}
panda-chart .chart-icon-dr-hr:before {
  content: "\ea38";
}
panda-chart .chart-icon-dr-hs:before {
  content: "\ea39";
}
panda-chart .chart-icon-dr-hsl:before {
  content: "\ea3a";
}
panda-chart .chart-icon-dr-parallelLines:before {
  content: "\ea3b";
}
panda-chart .chart-icon-dr-priceChannel:before {
  content: "\ea3c";
}
panda-chart .chart-icon-dr-priceLine:before {
  content: "\ea3d";
}
panda-chart .chart-icon-dr-rectangle:before {
  content: "\ea3e";
}
panda-chart .chart-icon-dr-remove:before {
  content: "\ea3f";
}
panda-chart .chart-icon-dr-rl:before {
  content: "\ea40";
}
panda-chart .chart-icon-dr-segment:before {
  content: "\ea41";
}
panda-chart .chart-icon-dr-sr:before {
  content: "\ea42";
}
panda-chart .chart-icon-dr-text:before {
  content: "\ea43";
}
panda-chart .chart-icon-dr-vr:before {
  content: "\ea44";
}
panda-chart .chart-icon-dr-vs:before {
  content: "\ea45";
}
panda-chart .chart-icon-dr-vsl:before {
  content: "\ea46";
}
panda-chart .chart-icon-mail-envelope-open:before {
  content: "\ea47";
}
panda-chart .chart-icon-layers:before {
  content: "\ea24";
}
panda-chart .chart-icon-stack:before {
  content: "\ea24";
}
panda-chart .chart-icon-planes:before {
  content: "\ea24";
}
panda-chart .chart-icon-manage:before {
  content: "\ea24";
}
panda-chart .chart-icon-magnet:before {
  content: "\ea25";
}
panda-chart .chart-icon-attract:before {
  content: "\ea25";
}
panda-chart .chart-icon-fullscreen-alt:before {
  content: "\ea26";
}
panda-chart .chart-icon-expand:before {
  content: "\ea26";
}
panda-chart .chart-icon-fullscreen-exit-alt:before {
  content: "\ea27";
}
panda-chart .chart-icon-collapse:before {
  content: "\ea27";
}
panda-chart .chart-icon-shrink:before {
  content: "\ea27";
}
panda-chart .chart-icon-reduce:before {
  content: "\ea27";
}
panda-chart .chart-icon-pointer:before {
  content: "\ea28";
}
panda-chart .chart-icon-mouse:before {
  content: "\ea28";
}
panda-chart .chart-icon-type:before {
  content: "\ea29";
}
panda-chart .chart-icon-typography:before {
  content: "\ea29";
}
panda-chart .chart-icon-text:before {
  content: "\ea29";
}
panda-chart .chart-icon-font:before {
  content: "\ea29";
}
panda-chart .chart-icon-mouse-pointer:before {
  content: "\ea2a";
}
panda-chart .chart-icon-text-width:before {
  content: "\ea2b";
}
panda-chart .chart-icon-text-height:before {
  content: "\ea2c";
}
panda-chart body {
  --chart-app-theme: _white;
  --chart-app-background: #FFFFFF;
  --chart-app-background2: #F7F8FA;
  --chart-app-color: #051225;
  --chart-app-color2: #736E6B;
  --chart-common-backgroundWidget: #FFFFFF;
  --chart-common-colorUnderAccent: #FFFFFF;
  --chart-common-colorPlaceholder: #BDBDBD;
  --chart-common-colorButtonReadOnly: #8B8E90;
  --chart-common-border: #E1E5E9;
  --chart-common-colorError: #FF463A;
  --chart-common-colorSuccess: #27ae60;
  --chart-common-colorRequired: #EB5757;
  --chart-common-colorReadOnly: #919191;
  --chart-common-colorUp: #0EA97B;
  --chart-common-colorDown: #F25555;
  --chart-common-colorNoChange: #DADDE0;
  --chart-common-areaLine: #0085EF;
  --chart-common-areaFill1: rgba(222, 239, 253, 0);
  --chart-common-areaFill2: #DEEFFD;
  --chart-common-crossHairColor: #0EA97B;
  --chart-common-crossHairTextColor: #0EA97B;
  --chart-generic-borderItemActive: #2D9CDB;
  --chart-generic-borderInputBordered: #DADDE0;
  --chart-generic-borderInputUnderlined: #E0E0E0;
  --chart-generic-borderInputBorderedActive: #58B1CD;
  --chart-generic-colorInput: #736E6B;
  --chart-generic-colorInputReadOnly: #8B8E90;
  --chart-generic-colorInputBordered: #000000;
  --chart-generic-colorInputUnderlined: #000000;
  --chart-generic-colorCustomInput: #736E6B;
  --chart-generic-shadowButton: rgba(0, 0, 0, 0.15);
  --chart-generic-backgroundInputBordered: #FFFFFF;
  --chart-generic-backgroundInputUnderlined: #010101;
  --chart-generic-backgroundSelectBox: #FFFFFF;
  --chart-generic-backgroundCheckbox: #FFFFFF;
  --chart-generic-borderColorCheckbox: #DADDE0;
  --chart-generic-backgroundCheckboxChecked: #0085EF;
  --chart-generic-colorFavoriteActive: #F8C93E;
  --chart-generic-colorFavoriteInactive: #C0C0C0;
  --chart-generic-colorCheckBox: #FFFFFF;
  --chart-generic-backgroundColorRadio: #FFFFFF;
  --chart-generic-borderColorRadio: #DADDE0;
  --chart-generic-checkedColorRadio: #0085EF;
  --chart-generic-backgroundButtonBlue: #0085EF;
  --chart-generic-backgroundButtonBlueHover: #0A71DB;
  --chart-generic-backgroundButtonGreen: #0E8143;
  --chart-generic-backgroundButtonGreenHover: rgb(9.006993007, 82.993006993, 43.1048951049);
  --chart-generic-backgroundButtonGrayBlue: #6E8AC0;
  --chart-generic-backgroundButtonGrayBlueHover: rgb(76.0240384615, 109.8125, 174.9759615385);
  --chart-generic-backgroundButtonRed: #D73A3A;
  --chart-generic-backgroundButtonDecent: #F5F6F6;
  --chart-generic-backgroundButtonBlueDecentHover: #F4FBFF;
  --chart-generic-backgroundButtonBlueDecentActive: #E9F6FF;
  --chart-generic-backgroundButtonGrayDecentActive: #E1E5E9;
  --chart-generic-backgroundButtonGrayDecentHover: #F7F8FA;
  --chart-generic-backgroundButtonGrayBlueDecentActive: #E1E5E9;
  --chart-generic-backgroundButtonGrayBlueDecentHover: #F7F8FA;
  --chart-generic-backgroundButtonReadOnly: #E1E5E9;
  --chart-generic-backgroundColorDropdown: #FFFFFF;
  --chart-generic-borderButtonBlue: #00ACEF;
  --chart-generic-borderButtonGreen: #27ae60;
  --chart-generic-borderButtonPurple: #8E2DDB;
  --chart-generic-borderButtonRed: #EB5757;
  --chart-generic-borderButtonGray: #C9CBCD;
  --chart-generic-borderButtonGrayBlue: #6E8AC0;
  --chart-generic-colorButtonBlue: #FFFFFF;
  --chart-generic-colorButtonGreen: #27ae60;
  --chart-generic-colorButtonPurple: #8E2DDB;
  --chart-generic-colorButtonRed: #EB5757;
  --chart-generic-colorButtonGray: #051225;
  --chart-generic-colorButtonGrayBlue: #6E8AC0;
  --chart-generic-colorButtonReadOnly: #C9CBCD;
  --chart-modal-background: #FFFFFF;
  --chart-modal-backgroundHeader: #FFFFFF;
  --chart-modal-backgroundBackdrop: rgba(32, 32, 32, 0.3);
  --chart-modal-backgroundSubHeader: #F7F8FA;
  --chart-modal-innerBordersColor: #F5F6F6;
  --chart-modal-colorHeader: #051225;
  --chart-modal-tabActive: #0085EF;
  --chart-modal-tabActiveHover: #E5F2FD;
  --chart-modal-colorCrossDecent: #FFFFFF;
  --chart-modal-colorCrossDecentHover: #BDBDBD;
  --chart-modal-headerDelimiter: #F7F8FA;
  --chart-modal-subHeaderDelimiter: #E4E6E9;
  --chart-modal-footerDelimiter: #E4E6E9;
  --chart-modal-labelColor: #051225;
  --chart-modal-backgroundColorResetButton: #F5F6F6;
  --chart-modal-colorResetButton: #7D8085;
  --chart-widget-background: #FFFFFF;
  --chart-widget-staticTitle: #8DB0B5;
  --chart-widget-dynamicTitle: #8B8E90;
  --chart-drawing-toolbarActive: #EFF1F4;
  --chart-indicator-toolbarBorderColor: #009AEA;
  --chart-indicator-activeControlColor: #009AEA;
  --chart-toolbar-toolbarBackground: #FFFFFF;
  --chart-toolbar-delimiter: #DADDE0;
  --chart-toolbar-verticalToolbarArrowBackground: #EFF1F4;
  --chart-toolbar-toolbarActive: #E5F2FD;
  --chart-toolbar-floatToolbarBackground: transparent;
  --chart-toolbar-toolbarItemActive: #009AEA;
}
panda-chart *,
panda-chart *::before,
panda-chart *::after {
  box-sizing: border-box;
}
panda-chart [tabindex="-1"]:focus {
  outline: none !important;
}
panda-chart article,
panda-chart aside,
panda-chart footer,
panda-chart header,
panda-chart nav,
panda-chart section {
  display: block;
}
panda-chart h1,
panda-chart h2,
panda-chart h3,
panda-chart h4,
panda-chart h5,
panda-chart h6 {
  margin-top: 0;
  margin-bottom: 5px;
}
panda-chart h1 {
  font-size: 20px;
  margin: 6.7px 0;
}
panda-chart h2 {
  font-size: inherit;
  color: inherit;
}
panda-chart div {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
panda-chart * ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: inside;
}
panda-chart * li {
  margin-bottom: 0px;
  list-style: none;
  list-style-position: inside;
}
panda-chart ul li {
  margin: 0;
  padding: 0;
}
panda-chart p {
  margin-top: 0;
  margin-bottom: 10px;
}
panda-chart figcaption,
panda-chart figure,
panda-chart main {
  display: block;
}
panda-chart figure {
  margin: 0 0 10px;
}
panda-chart hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
panda-chart pre {
  font-family: monospace, monospace;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 10px;
  overflow: auto;
}
panda-chart a {
  background-color: rgba(0, 0, 0, 0);
  -webkit-text-decoration-skip: objects;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  text-decoration: none;
}
panda-chart a:hover,
panda-chart a:focus {
  text-decoration: underline;
}
panda-chart a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
panda-chart a:not([href]):not([tabindex]):hover,
panda-chart a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
panda-chart a:not([href]):not([tabindex]):focus {
  outline: 0;
}
panda-chart a:active,
panda-chart a:hover {
  outline-width: 0;
}
panda-chart abbr[title],
panda-chart abbr[data-original-title] {
  cursor: help;
}
panda-chart abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
panda-chart address {
  margin-bottom: 10px;
  font-style: normal;
  line-height: inherit;
}
panda-chart ol,
panda-chart ul,
panda-chart dl {
  margin: 0px;
}
panda-chart ol ol,
panda-chart ul ul,
panda-chart ol ul,
panda-chart ul ol {
  margin-bottom: 0;
  margin-top: 0;
}
panda-chart dt {
  font-weight: 700;
}
panda-chart dd {
  margin-bottom: 5px;
  margin-left: 0;
}
panda-chart b,
panda-chart strong {
  font-weight: inherit;
}
panda-chart b,
panda-chart strong {
  font-weight: bolder;
}
panda-chart code,
panda-chart kbd,
panda-chart samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
panda-chart dfn {
  font-style: italic;
}
panda-chart mark {
  background-color: #ff0;
  color: #000;
}
panda-chart small {
  font-size: 80%;
}
panda-chart sub,
panda-chart sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
panda-chart sub {
  bottom: -0.25em;
}
panda-chart sup {
  top: -0.5em;
}
panda-chart audio,
panda-chart video {
  display: inline-block;
}
panda-chart audio:not([controls]) {
  display: none;
  height: 0;
}
panda-chart blockquote {
  margin: 0 0 10px;
}
panda-chart img {
  border-style: none;
  vertical-align: middle;
}
panda-chart svg:not(:root) {
  overflow: hidden;
}
panda-chart button,
panda-chart input,
panda-chart optgroup,
panda-chart select,
panda-chart textarea {
  font-family: "Roboto", sans-serif;
  line-height: 1.15;
  margin: 0;
  padding: 0;
}
panda-chart [role=button] {
  cursor: pointer;
}
panda-chart button,
panda-chart input {
  overflow: visible;
}
panda-chart button,
panda-chart select {
  text-transform: none;
}
panda-chart button,
panda-chart html [type=button],
panda-chart [type=reset],
panda-chart [type=submit] {
  -webkit-appearance: button;
}
panda-chart button::-moz-focus-inner,
panda-chart [type=button]::-moz-focus-inner,
panda-chart [type=reset]::-moz-focus-inner,
panda-chart [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
panda-chart button:-moz-focusring,
panda-chart [type=button]:-moz-focusring,
panda-chart [type=reset]:-moz-focusring,
panda-chart [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
panda-chart a,
panda-chart area,
panda-chart button,
panda-chart [role=button],
panda-chart input,
panda-chart label,
panda-chart select,
panda-chart summary,
panda-chart textarea {
  touch-action: manipulation;
  font-weight: inherit;
}
panda-chart fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
panda-chart legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
panda-chart progress {
  display: inline-block;
  vertical-align: baseline;
}
panda-chart textarea {
  overflow: auto;
}
panda-chart [type=checkbox],
panda-chart [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
panda-chart [type=number]::-webkit-inner-spin-button,
panda-chart [type=number]::-webkit-outer-spin-button {
  height: auto;
}
panda-chart [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
panda-chart [type=search]::-webkit-search-cancel-button,
panda-chart [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
panda-chart ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
panda-chart details,
panda-chart menu {
  display: block;
}
panda-chart summary {
  display: list-item;
}
panda-chart canvas {
  display: inline-block;
}
panda-chart template {
  display: none;
}
panda-chart [hidden] {
  display: none;
}
panda-chart [class^=icon-]:before,
panda-chart [class*=" icon-"]:before {
  font-family: inherit;
  margin-left: inherit;
}
panda-chart table {
  border-collapse: collapse;
  background-color: rgba(0, 0, 0, 0);
}
panda-chart table th,
panda-chart table td {
  font-size: inherit;
  border: 0;
}
panda-chart label {
  display: inline-block;
}
panda-chart button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
panda-chart input,
panda-chart button,
panda-chart select,
panda-chart textarea {
  line-height: inherit;
}
panda-chart input[type=date],
panda-chart input[type=time],
panda-chart input[type=datetime-local],
panda-chart input[type=month],
panda-chart input[type=text] {
  -webkit-appearance: listbox;
  margin-bottom: 0px;
}
panda-chart textarea {
  resize: vertical;
}
panda-chart fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
panda-chart legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: inherit;
}
panda-chart input[type=search] {
  -webkit-appearance: none;
}
panda-chart output {
  display: inline-block;
}
panda-chart [hidden] {
  display: none !important;
}
panda-chart horizontal-toolbar-category .active-pchart,
panda-chart vertical-toolbar-category .active-pchart {
  background: var(--chart-toolbar-toolbarActive);
}
panda-chart .tb-icon-pchart {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background-repeat: no-repeat;
}
panda-chart .tb-icon-pchart[class*=" chart-icon-ct-"],
panda-chart .tb-icon-pchart[class*=" chart-icon-dr-"],
panda-chart .tb-icon-pchart[class*=" chart-icon-cursor"] {
  font-size: 36px;
}
panda-chart .tb-icon-pchart:hover {
  background-color: var(--chart-toolbar-toolbarActive);
  cursor: pointer;
}
panda-chart .tb-no-icon {
  padding: 10px;
}
panda-chart .tb-no-icon:hover {
  background-color: var(--chart-toolbar-toolbarActive);
  cursor: pointer;
}
panda-chart .button-pchart {
  font-family:
    Roboto,
    Tahoma,
    Arial;
  color: var(--chart-common-colorUnderAccent);
  padding: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: var(--chart-generic-backgroundButtonBlue);
}
panda-chart .button-pchart * {
  line-height: 86%;
}
panda-chart .button-pchart:not(.straight) {
  border-radius: 3px;
}
panda-chart .button-pchart:not(.straight).outlined:focus {
  position: relative;
}
panda-chart .button-pchart:not(.straight).outlined:focus:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0 0 0 1px var(--chart-app-color);
  border-radius: 3px;
}
panda-chart .button-pchart:not([class^=font-]):not([class*=" font-"]) {
  font-size: 14px;
}
panda-chart .button-pchart.wide {
  padding: 10px 30px;
}
panda-chart .button-pchart[class^=cmicon-],
panda-chart .button-pchart[class*=" cmicon-"],
panda-chart .button-pchart[class^=icon-],
panda-chart .button-pchart[class^=" icon-"],
panda-chart .button-pchart[class^=ri-],
panda-chart .button-pchart[class^=" ri-"] {
  height: auto;
}
panda-chart .button-pchart[class^=cmicon-]:before,
panda-chart .button-pchart[class*=" cmicon-"]:before,
panda-chart .button-pchart[class^=icon-]:before,
panda-chart .button-pchart[class^=" icon-"]:before,
panda-chart .button-pchart[class^=ri-]:before,
panda-chart .button-pchart[class^=" ri-"]:before {
  padding-right: 6px;
}
panda-chart .button-pchart.accent {
  border: none;
  padding: 8px;
}
panda-chart .button-pchart.accent:not(.readonly).blue {
  background: var(--chart-generic-backgroundButtonBlue);
  color: var(--chart-generic-colorButtonBlue);
}
panda-chart .button-pchart.accent:not(.readonly).blue:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonBlueHover);
}
panda-chart .button-pchart.accent:not(.readonly).gray {
  color: var(--chart-generic-colorButtonGray);
  background: var(--chart-generic-backgroundButtonDecent);
}
panda-chart .button-pchart.accent:not(.readonly).gray:active {
  background: var(--chart-generic-backgroundButtonGrayDecentActive);
}
panda-chart .button-pchart.accent:not(.readonly).gray:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonGrayDecentHover);
}
panda-chart .button-pchart.accent:not(.readonly).green {
  background: var(--chart-generic-backgroundButtonGreen);
}
panda-chart .button-pchart.accent:not(.readonly).green:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonGreenHover);
}
panda-chart .button-pchart.accent:not(.readonly).gray-blue {
  background: var(--chart-generic-backgroundButtonGrayBlue);
}
panda-chart .button-pchart.accent:not(.readonly).gray-blue:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonGrayBlueHover);
}
panda-chart .button-pchart.accent:not(.readonly).red {
  background: var(--chart-generic-backgroundButtonRed);
}
panda-chart .button-pchart.accent.readonly {
  color: var(--chart-generic-colorButtonReadOnly);
  background: var(--chart-generic-backgroundButtonReadOnly);
  cursor: default;
}
panda-chart .button-pchart.decent {
  padding: 8px;
}
panda-chart .button-pchart.decent.wide {
  padding-left: 28px;
  padding-right: 28px;
}
panda-chart .button-pchart.decent:not(.borderless) {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}
panda-chart .button-pchart.decent:not(.readonly).blue {
  color: var(--chart-generic-colorButtonBlue);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-borderButtonBlue);
}
panda-chart .button-pchart.decent:not(.readonly).blue:active {
  background: var(--chart-generic-backgroundButtonBlueDecentActive);
}
panda-chart .button-pchart.decent:not(.readonly).blue:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonBlueDecentHover);
}
panda-chart .button-pchart.decent:not(.readonly).gray {
  color: var(--chart-generic-colorButtonGray);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-borderButtonGray);
}
panda-chart .button-pchart.decent:not(.readonly).gray:active {
  background: var(--chart-generic-backgroundButtonGrayDecentActive);
}
panda-chart .button-pchart.decent:not(.readonly).gray:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonGrayDecentHover);
}
panda-chart .button-pchart.decent:not(.readonly).green {
  color: var(--chart-generic-colorButtonGreen);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-borderButtonGreen);
}
panda-chart .button-pchart.decent:not(.readonly).gray-blue {
  color: var(--chart-generic-colorButtonGrayBlue);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-borderButtonGrayBlue);
}
panda-chart .button-pchart.decent:not(.readonly).gray-blue:active {
  background: var(--chart-generic-backgroundButtonGrayBlueDecentActive);
}
panda-chart .button-pchart.decent:not(.readonly).gray-blue:hover:not(:active):not([readonly]):not(.readonly):not(.error) {
  background: var(--chart-generic-backgroundButtonGrayBlueDecentHover);
}
panda-chart .button-pchart.decent:not(.readonly).red {
  color: var(--chart-generic-colorButtonRed);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-borderButtonRed);
}
panda-chart .button-pchart.decent.readonly {
  color: var(--chart-generic-colorButtonReadOnly);
  background: var(--chart-generic-backgroundButtonDecent);
  border-color: var(--chart-generic-colorButtonReadOnly);
  cursor: default;
}
panda-chart .clickable-pchart:hover {
  cursor: pointer;
}
panda-chart input {
  padding: 5px 16px;
  width: 100%;
}
panda-chart input[role=combobox] {
  padding: 0;
}
panda-chart textarea {
  resize: none;
}
@-webkit-keyframes autofill {
  0%, 100% {
    color: #666;
    background-color: rgba(0, 0, 0, 0);
  }
}
panda-chart input,
panda-chart textarea {
  font-family: Arial, Tahoma;
  font-size: inherit;
}
panda-chart input,
panda-chart custom-select-mt4.input,
panda-chart textarea {
  background: rgba(0, 0, 0, 0);
  color: var(--chart-generic-colorInput);
  border: none;
  height: 34px;
}
panda-chart input.bordered,
panda-chart custom-select-mt4.input.bordered,
panda-chart textarea.bordered {
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0) !important;
  color: var(--chart-generic-colorInputBordered);
  border: 1px solid var(--chart-generic-borderInputBordered);
}
panda-chart input.bordered:-webkit-autofill:focus,
panda-chart input.bordered:-webkit-autofill:active,
panda-chart input.bordered:-webkit-autofill:hover,
panda-chart input.bordered:-webkit-autofill,
panda-chart custom-select-mt4.input.bordered:-webkit-autofill:focus,
panda-chart custom-select-mt4.input.bordered:-webkit-autofill:active,
panda-chart custom-select-mt4.input.bordered:-webkit-autofill:hover,
panda-chart custom-select-mt4.input.bordered:-webkit-autofill,
panda-chart textarea.bordered:-webkit-autofill:focus,
panda-chart textarea.bordered:-webkit-autofill:active,
panda-chart textarea.bordered:-webkit-autofill:hover,
panda-chart textarea.bordered:-webkit-autofill {
  padding: 10px;
}
panda-chart input.bordered:focus,
panda-chart custom-select-mt4.input.bordered:focus,
panda-chart textarea.bordered:focus {
  border: 1px solid var(--chart-generic-borderInputBorderedActive);
}
panda-chart input.bordered::placeholder,
panda-chart custom-select-mt4.input.bordered::placeholder,
panda-chart textarea.bordered::placeholder {
  color: var(--chart-common-colorPlaceholder);
  opacity: 1;
}
panda-chart input.bordered.error,
panda-chart custom-select-mt4.input.bordered.error,
panda-chart textarea.bordered.error {
  border: 1px solid var(--chart-common-colorError);
}
panda-chart input.underlined,
panda-chart custom-select-mt4.input.underlined,
panda-chart textarea.underlined {
  background: rgba(0, 0, 0, 0);
  color: var(--chart-generic-colorInputBordered);
  padding: 8px 0;
  border: none;
  font-size: 14px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
panda-chart input.underlined:not([readonly]):not(.readonly):not(.error),
panda-chart input.underlined.time-picker,
panda-chart custom-select-mt4.input.underlined:not([readonly]):not(.readonly):not(.error),
panda-chart custom-select-mt4.input.underlined.time-picker,
panda-chart textarea.underlined:not([readonly]):not(.readonly):not(.error),
panda-chart textarea.underlined.time-picker {
  border-bottom: 2px solid var(--chart-generic-borderInputUnderlined);
}
panda-chart input.underlined:focus:not([readonly]):not(.readonly):not(.error),
panda-chart input.underlined.focus:not([readonly]):not(.readonly):not(.error),
panda-chart custom-select-mt4.input.underlined:focus:not([readonly]):not(.readonly):not(.error),
panda-chart custom-select-mt4.input.underlined.focus:not([readonly]):not(.readonly):not(.error),
panda-chart textarea.underlined:focus:not([readonly]):not(.readonly):not(.error),
panda-chart textarea.underlined.focus:not([readonly]):not(.readonly):not(.error) {
  border-bottom: 2px solid var(--chart-generic-borderItemActive);
}
panda-chart input.underlined::placeholder,
panda-chart custom-select-mt4.input.underlined::placeholder,
panda-chart textarea.underlined::placeholder {
  color: var(--chart-common-colorPlaceholder);
  font-size: 15px;
}
panda-chart input.underlined.error,
panda-chart custom-select-mt4.input.underlined.error,
panda-chart textarea.underlined.error {
  border-bottom: 2px solid var(--chart-common-colorError);
}
panda-chart input[type=checkbox] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  position: relative;
  border-radius: 3px;
  visibility: hidden;
}
panda-chart input[type=checkbox]::before,
panda-chart input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: visible;
}
panda-chart input[type=checkbox]::before {
  background-color: var(--chart-generic-backgroundCheckbox);
  border: solid 1px var(--chart-generic-borderColorCheckbox);
  border-radius: 3px;
}
panda-chart input[type=checkbox]::after {
  left: 16%;
  top: 27%;
  right: 16%;
  bottom: 27%;
  transform: rotate(-45deg) translate(10%, -10%);
}
panda-chart input[type=checkbox]:not(.negated):checked::before {
  background-color: var(--chart-generic-backgroundCheckboxChecked);
}
panda-chart input[type=checkbox]:not(.negated):checked::after {
  border-left: 2px solid var(--chart-generic-colorCheckBox);
  border-bottom: 2px solid var(--chart-generic-colorCheckBox);
}
panda-chart input[type=checkbox].negated:not(:checked)::after {
  border-left: 2px solid var(--chart-generic-colorCheckBox);
  border-bottom: 2px solid var(--chart-generic-colorCheckBox);
}
panda-chart input:-webkit-autofill,
panda-chart input:-webkit-autofill:hover,
panda-chart input:-webkit-autofill:focus,
panda-chart input:-webkit-autofill:active {
  -webkit-box-shadow: none !important;
  -webkit-text-fill-color: var(--chart-generic-colorInputUnderlined);
  transition-delay: 3600s;
  -webkit-animation-fill-mode: both;
  padding: 8px 0;
  -webkit-animation-delay: 1s;
}
panda-chart input[readonly]:not([ng-reflect-dt-picker]) {
  color: var(--chart-generic-colorInputReadOnly);
}
panda-chart input[type=number] {
  -moz-appearance: textfield;
}
panda-chart input[type=number]::-webkit-outer-spin-button,
panda-chart input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
panda-chart input[type=radio] {
  height: 16px;
  width: 16px;
  appearance: none;
  -webkit-appearance: none;
  border: .2rem solid var(--chart-generic-backgroundColorRadio);
  background-color: var(--chart-generic-backgroundColorRadio);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--chart-generic-borderColorRadio);
}
panda-chart input[type=radio]:focus-visible {
  outline-offset: 0;
}
panda-chart input[type=radio]:hover {
  border-width: 0;
}
panda-chart input[type=radio]:checked {
  background-color: var(--chart-generic-checkedColorRadio);
  border-width: .2rem;
}
panda-chart .line-width-pchart {
  border-bottom: 0 solid var(--chart-app-color);
  min-width: 40px;
}
panda-chart .background-app-pchart {
  background: var(--chart-app-background);
}
panda-chart .toolbar-border-pchart {
  border: 1px solid var(--chart-toolbar-delimiter);
}
panda-chart .toolbar-category-dropdown-pchart {
  min-width: 36px;
}
panda-chart .toolbar-category-dropdown-pchart > .layout-row {
  justify-content: center;
}
panda-chart .align-center-pchart {
  text-align: center;
}
panda-chart .position-relative {
  position: relative;
}
panda-chart .ng-dropdown-panel,
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  color: var(--chart-app-color) !important;
  background: var(--chart-generic-backgroundColorDropdown) !important;
}
panda-chart .app-container {
  color: var(--chart-app-color);
  background: var(--chart-app-background);
  position: relative;
}
panda-chart .app-container .float-toolbar {
  position: absolute;
  top: 80%;
  opacity: .5;
  border-radius: 5px;
  display: flex;
  left: calc(50% - 150px);
  justify-content: center;
}
panda-chart .app-container .float-toolbar toolbar {
  background: var(--chart-toolbar-floatToolbarBackground);
}
panda-chart .app-container .float-toolbar toolbar:hover {
  cursor: pointer;
  opacity: 1;
}
panda-chart .app-container .float-toolbar toolbar .tb-icon-pchart[class*=" chart-icon-"] {
  font-size: unset;
}
panda-chart .app-container.is-mobile .float-toolbar {
  left: 15%;
}
panda-chart .app-container .chart-trades-control {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 4px;
  right: 100px;
}
panda-chart chart-instance {
  position: relative;
  overflow: hidden;
}
panda-chart settings-popup .header-wrapper-pchart {
  height: 50px;
}
panda-chart settings-popup .settings-tabs-pchart {
  background: var(--chart-modal-backgroundSubHeader);
  width: 204px;
}
panda-chart settings-popup .settings-tabs-pchart > .layout-row {
  padding-left: 24px;
  padding-right: 24px;
  color: var(--chart-modal-colorHeader);
  padding-block: 22px;
}
panda-chart settings-popup .settings-tabs-pchart > .layout-row:hover {
  cursor: pointer;
}
panda-chart settings-popup .settings-tabs-pchart .active-pchart {
  color: var(--chart-modal-tabActive);
  background-color: var(--chart-modal-tabActiveHover);
}
panda-chart settings-popup .settings-form-pchart {
  background: var(--chart-modal-backgroundHeader);
}
panda-chart settings-popup .settings-form-pchart form > .layout-row {
  padding-inline: 24px;
  min-height: 52px;
  border-top: 1px solid var(--chart-modal-innerBordersColor);
}
panda-chart settings-popup .settings-form-pchart form > .layout-row > .layout-column:first-of-type {
  min-width: 200px;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row > .layout-row {
  justify-content: flex-start;
  column-gap: 15px;
  padding-inline-start: 2px;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row ng-select {
  width: 100px;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row .input-area-line .ng-input {
  padding-right: 10px !important;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: var(--chart-modal-labelColor);
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label input[type=checkbox] {
  position: relative !important;
  display: block !important;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label input[type=checkbox]::before {
  width: 16px;
  height: 16px;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label input[type=checkbox]::after {
  width: 10px;
  height: 6px;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label input[type=radio] {
  margin: 1px !important;
}
panda-chart settings-popup .settings-form-pchart form > .layout-row label span {
  color: var(--chart-modal-labelColor);
  font-weight: 500;
}
panda-chart settings-popup .settings-form-pchart footer {
  padding-bottom: 24px !important;
}
panda-chart settings-popup .settings-form-pchart footer .reset.decent {
  background-color: var(--chart-modal-backgroundColorResetButton);
  border: 0;
  padding: 4px;
  font-size: 24px;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
}
panda-chart settings-popup .settings-form-pchart footer .reset.decent::before {
  color: var(--chart-modal-colorResetButton);
  font-weight: 300;
}
panda-chart toolbar {
  display: flex;
}
panda-chart toolbar.top-pchart {
  height: 37px;
  border-bottom: 1px solid var(--chart-toolbar-delimiter);
  background-color: var(--chart-toolbar-toolbarBackground);
}
panda-chart toolbar.left-pchart {
  width: 37px;
  border-right: 1px solid var(--chart-toolbar-delimiter);
}
panda-chart toolbar .toolbar-item-pchart {
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
}
panda-chart toolbar horizontal-toolbar-category:last-of-type .mobile-embedded-placeholder {
  right: 0;
}
panda-chart vertical-toolbar-category {
  position: relative;
}
panda-chart vertical-toolbar-category:hover {
  background: var(--chart-toolbar-verticalToolbarArrowBackground);
  cursor: pointer;
}
panda-chart vertical-toolbar-category:hover .arrow-pchart {
  display: flex;
}
panda-chart vertical-toolbar-category .arrow-pchart {
  align-items: center;
  position: absolute;
  right: -15px;
  width: 15px;
  display: none;
  background: none;
  border-left: 1px solid var(--chart-toolbar-delimiter);
}
panda-chart vertical-toolbar-category .arrow-pchart.hover {
  display: flex;
  background: var(--chart-toolbar-verticalToolbarArrowBackground);
  border-radius: 0 5px 5px 0;
}
panda-chart vertical-toolbar-category .arrow-pchart:hover {
  display: flex;
  background: var(--chart-toolbar-verticalToolbarArrowBackground);
  border-radius: 0 5px 5px 0;
}
panda-chart vertical-toolbar-category .active-pchart {
  background: var(--chart-toolbar-toolbarActive);
  color: var(--chart-toolbar-toolbarItemActive);
  display: flex;
}
panda-chart horizontal-toolbar-category {
  overflow: visible;
}
panda-chart horizontal-toolbar-category .active-pchart {
  background: var(--chart-toolbar-toolbarActive);
  color: var(--chart-toolbar-toolbarItemActive);
}
panda-chart horizontal-toolbar-category .settings-category,
panda-chart horizontal-toolbar-category .snapshot-category {
  font-size: 18px;
}
panda-chart horizontal-toolbar-category .category-viewas-list .layout-row {
  padding-top: 2px;
  padding-bottom: 2px;
}
panda-chart horizontal-toolbar-category .category-viewas-list .layout-row .layout-column {
  height: 100%;
}
panda-chart horizontal-toolbar-category .mobile-embedded-placeholder {
  position: absolute;
  top: 36px;
  z-index: 1;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .24);
  min-width: max-content;
}
panda-chart horizontal-toolbar-category .mobile-embedded-placeholder > .layout-column > .layout-row {
  height: 36px;
  justify-content: start;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
panda-chart horizontal-toolbar-category .mobile-embedded-placeholder > .layout-column > .layout-row .layout-column {
  justify-content: center;
  align-items: center;
  width: 100%;
}
panda-chart horizontal-toolbar-category .mobile-embedded-placeholder .context-menu {
  width: 100%;
}
panda-chart popups-pts {
  font-family: Roboto, Tahoma;
  color: var(--chart-app-color);
  background: var(--chart-app-background);
}
panda-chart modal-layer-pts {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  z-index: 2100;
}
panda-chart modal-layer-pts .backdrop {
  background: var(--chart-modal-backgroundBackdrop);
  position: fixed;
  opacity: .6;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
panda-chart modal-layer-pts .backdrop.first {
  z-index: 2099;
}
panda-chart modal-layer-pts .backdrop.hidden {
  opacity: 0;
}
panda-chart modal-layer-pts .modal-wrapper {
  position: relative;
  width: 460px;
  height: 100%;
  min-height: 146px;
  max-height: 90vh;
  box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, .2);
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
panda-chart modal-layer-pts .modal-wrapper.first {
  z-index: 100;
}
panda-chart modal-layer-pts .modal-wrapper.second {
  z-index: 110;
}
panda-chart modal-layer-pts .modal-wrapper.hidden {
  opacity: 0;
}
panda-chart modal-layer-pts .modal-wrapper .modal-content {
  background: var(--chart-modal-background);
  border-radius: 5px;
  overflow: hidden;
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart:not(.decent) {
  background: var(--chart-modal-backgroundHeader);
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart.decent header {
  padding: 0;
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart.decent .social-icon-close1 {
  color: var(--chart-modal-colorCrossDecent);
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart.decent .social-icon-close1:hover {
  color: var(--chart-modal-colorCrossDecentHover);
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart header {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
  font-size: 18px;
  font-weight: 400;
  color: var(--chart-modal-colorHeader);
}
panda-chart modal-layer-pts .modal-wrapper .modal-content .header-wrapper-pchart .chart-icon-x {
  font-size: 20px;
}
panda-chart modal-layer-pts .modal-wrapper .modal-content box-area-pts {
  margin-top: 10px;
}
panda-chart modal-layer-pts .modal-wrapper .modal-content footer {
  padding-top: 10px;
  padding-bottom: 10px;
}
panda-chart modal-layer-pts .modal-wrapper.decent .header-wrapper-pchart {
  background: rgba(0, 0, 0, 0);
  height: 45px;
}
panda-chart modal-layer-pts .modal-wrapper.decent .header-wrapper-pchart .cmicon-close3 {
  color: var(--chart-modal-backgroundHeader);
}
panda-chart modal-layer-pts .modal-wrapper.full-overlap {
  box-shadow: none;
}
panda-chart modal-layer-pts .modal-wrapper.full-overlap .modal-content {
  border-radius: 0;
}
panda-chart modal-layer-pts .modal-width {
  padding-inline-start: 24px;
  padding-inline-end: 17px;
}
panda-chart modal-layer-pts .modal-width.input-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
panda-chart modal-layer-pts .content-wrapper {
  margin: 16px 0;
}
panda-chart modal-layer-pts .result-wrapper .circle-wrapper > .layout-column {
  width: 100px;
}
panda-chart modal-layer-pts .result-wrapper .circle-wrapper > .layout-column > .layout-row {
  padding-top: 20px;
  height: 100px;
  border-radius: 50px;
}
panda-chart modal-layer-pts .result-wrapper .circle-wrapper > .layout-column > .layout-row:after {
  content: "";
  width: 50%;
  height: 40%;
  border-right: rgba(0, 0, 0, 0);
  border-top: rgba(0, 0, 0, 0);
  transform: rotate(-45deg) skew(-5deg);
}
panda-chart modal-layer-pts .result-wrapper .description {
  margin-top: 20px;
  padding-top: 20px;
}
panda-chart info-popup-pts .modal-wrapper .header-wrapper-pchart {
  padding-top: 20px;
}
panda-chart info-popup-pts .content-width {
  padding: 0 35px;
}
panda-chart info-popup-pts .title-area {
  color: var(--chart-modal-colorHeader);
}
panda-chart info-popup-pts > .modal-content > footer button {
  min-width: 60px;
}
panda-chart info-popup-pts .error-popup {
  min-height: 320px;
}
panda-chart info-popup-pts .error-popup .icon-area {
  padding: 50px 0 30px;
}
panda-chart info-popup-pts .success-popup .icon-area {
  margin-bottom: 30px;
  margin-top: 60px;
}
panda-chart modal-layer-pts .modal-wrapper info-popup-pts > .modal-content > footer {
  padding-bottom: 22px;
}
panda-chart toolbar-wrapper {
  position: absolute;
  height: 50px;
  min-width: 150px;
  top: 10%;
  left: calc(50% - 150px/2);
  background: var(--chart-toolbar-toolbarBackground);
  box-shadow: 0 0px 4px rgba(0, 0, 0, .44);
  border-radius: 3px;
  padding: 7px 7px 7px 0;
  z-index: 9;
}
panda-chart toolbar-wrapper .drag-pad {
  color: var(--chart-toolbar-delimiter);
}
panda-chart toolbar-wrapper .drag-pad:hover {
  cursor: move;
}
panda-chart polygon-drawing-settings > .layout-column:hover {
  cursor: pointer;
}
panda-chart line-drawing-settings > .layout-column:hover {
  cursor: pointer;
}
panda-chart annotation-drawing-settings ng-select.max-height .ng-dropdown-panel .ng-dropdown-panel-items.scroll-host {
  max-height: 300px;
}
panda-chart annotation-drawing-settings > .layout-column:hover {
  cursor: pointer;
}
panda-chart arc-drawing-settings > .layout-column:hover {
  cursor: pointer;
}
panda-chart linetext-drawing-settings ng-select.max-height .ng-dropdown-panel .ng-dropdown-panel-items.scroll-host {
  max-height: 300px;
}
panda-chart linetext-drawing-settings > .layout-column:hover {
  cursor: pointer;
}
panda-chart indicators-popup .header-wrapper-pchart {
  height: 50px;
}
panda-chart indicators-popup .indicator-tabs-pchart {
  padding-left: 20px;
  padding-right: 20px;
  background: var(--chart-modal-backgroundSubHeader);
  border-top: 1px solid var(--chart-modal-headerDelimiter);
  border-bottom: 1px solid var(--chart-modal-headerDelimiter);
  height: 50px;
  color: #626262;
}
panda-chart indicators-popup .indicator-tabs-pchart > .layout-column:hover {
  cursor: pointer;
}
panda-chart indicators-popup .indicator-tabs-pchart .active-pchart {
  color: var(--chart-toolbar-toolbarItemActive);
}
panda-chart indicators-popup .indicator-tabs-pchart valid-input {
  background: var(--chart-app-background);
  height: 34px;
  border-radius: 3px;
}
panda-chart indicators-popup .indicator-item-pchart {
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid var(--chart-modal-subHeaderDelimiter);
}
panda-chart indicators-popup .indicator-item-pchart .add-indicator-control,
panda-chart indicators-popup .indicator-item-pchart .remove-indicator-control {
  visibility: hidden;
  width: 60px;
}
panda-chart indicators-popup .indicator-item-pchart .chart-icon-settings {
  color: var(--chart-generic-colorFavoriteInactive);
}
panda-chart indicators-popup .indicator-item-pchart .favorite i {
  color: var(--chart-generic-colorFavoriteInactive);
  visibility: hidden;
}
panda-chart indicators-popup .indicator-item-pchart .favorite .is-favorite {
  color: var(--chart-generic-colorFavoriteActive);
  visibility: visible;
}
panda-chart indicators-popup .indicator-item-pchart:hover {
  cursor: pointer;
}
panda-chart indicators-popup .indicator-item-pchart:hover .add-indicator-control,
panda-chart indicators-popup .indicator-item-pchart:hover .remove-indicator-control {
  visibility: visible;
}
panda-chart indicators-popup .indicator-item-pchart:hover .favorite i {
  visibility: visible;
}
panda-chart indicators-popup .favorite {
  color: var(--chart-generic-colorFavoriteActive);
}
panda-chart indicators-popup .ri-star-line {
  color: var(--chart-generic-colorFavoriteInactive);
}
panda-chart indicators-popup-mobile .indicator-tabs-pchart {
  background: var(--chart-modal-backgroundSubHeader);
  border-top: 1px solid var(--chart-modal-headerDelimiter);
  border-bottom: 1px solid var(--chart-modal-headerDelimiter);
  color: #626262;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
panda-chart indicators-popup-mobile .indicator-item-pchart {
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid var(--chart-modal-headerDelimiter);
}
panda-chart indicators-popup-mobile .indicator-item-pchart .indicator-control i {
  color: var(--chart-generic-colorInput);
}
panda-chart indicators-popup-mobile .indicator-item-pchart .favorite i {
  color: var(--chart-generic-colorFavoriteInactive);
}
panda-chart indicators-popup-mobile .indicator-item-pchart .favorite .is-favorite {
  color: var(--chart-generic-colorFavoriteActive);
}
panda-chart .indicator-toolbar-pchart {
  background: rgba(0, 0, 0, 0);
}
panda-chart .indicator-toolbar-pchart:hover {
  cursor: default;
}
panda-chart .indicator-toolbar-pchart > .layout-row {
  background: var(--chart-app-background);
  width: 180px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  padding: 0;
  border: 1px solid var(--chart-indicator-toolbarBorderColor);
  border-left: 4px solid var(--chart-indicator-toolbarBorderColor);
  border-radius: 3px;
}
panda-chart .indicator-toolbar-pchart .layout-column.indicator-name {
  border-right: 1px solid var(--chart-toolbar-delimiter);
}
panda-chart indicator-settings-popup .header-wrapper-pchart {
  height: 50px;
}
panda-chart indicator-settings-popup .indicator-tabs-pchart {
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid var(--chart-modal-headerDelimiter);
  border-bottom: 1px solid var(--chart-modal-subHeaderDelimiter);
  height: 42px;
}
panda-chart indicator-settings-popup .indicator-tabs-pchart > .layout-column {
  margin-right: 10px;
}
panda-chart indicator-settings-popup .indicator-tabs-pchart > .layout-column:hover {
  cursor: pointer;
}
panda-chart indicator-settings-popup .indicator-tabs-pchart .active-pchart {
  color: var(--chart-indicator-toolbarBorderColor);
  border-bottom: 2px solid var(--chart-indicator-toolbarBorderColor);
}
panda-chart indicator-settings-popup .styles-pchart .indicator-item-pchart {
  display: flex;
  height: 36px;
}
panda-chart indicator-settings-popup .indicator-item-pchart {
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
panda-chart indicator-settings-popup .indicator-item-pchart:hover {
  cursor: pointer;
}
panda-chart indicator-settings-popup footer {
  border-top: 1px solid var(--chart-modal-footerDelimiter);
}
panda-chart indicator-settings-popup footer .reset.decent {
  background-color: var(--chart-modal-backgroundColorResetButton);
  border: 0 none;
  padding: 4px;
  font-size: 24px;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
}
panda-chart indicator-settings-popup footer .reset.decent::before {
  color: var(--chart-modal-colorResetButton);
  font-weight: 300;
}
panda-chart indicator-settings-popup .line-width-pchart {
  border-bottom: 0 solid var(--chart-app-color);
  min-width: 20px;
}
panda-chart indicator-settings-popup-mobile .header-wrapper-pchart {
  height: 50px;
}
panda-chart indicator-settings-popup-mobile .indicator-tabs-pchart {
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid var(--chart-modal-headerDelimiter);
  border-bottom: 1px solid var(--chart-modal-headerDelimiter);
  background: var(--chart-modal-backgroundSubHeader);
  height: 43px;
  color: #626262;
}
panda-chart indicator-settings-popup-mobile .indicator-tabs-pchart > .layout-column {
  margin-right: 20px;
}
panda-chart indicator-settings-popup-mobile .indicator-tabs-pchart > .layout-column:hover {
  cursor: pointer;
}
panda-chart indicator-settings-popup-mobile .indicator-tabs-pchart .active-pchart {
  color: #009aea;
}
panda-chart indicator-settings-popup-mobile .styles-pchart {
  margin-bottom: 20px;
}
panda-chart indicator-settings-popup-mobile .styles-pchart .indicator-item-pchart {
  height: 36px;
}
panda-chart indicator-settings-popup-mobile .indicator-item-pchart {
  padding-left: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
}
panda-chart indicator-settings-popup-mobile .indicator-item-pchart:hover {
  cursor: pointer;
}
panda-chart indicator-settings-popup-mobile .indicator-item-pchart input[type=number] {
  height: 100%;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
panda-chart indicator-settings-popup-mobile valid-input {
  margin-right: 30px;
  margin-bottom: 22px;
}
panda-chart indicator-settings-popup-mobile footer {
  border-top: 1px solid var(--chart-modal-footerDelimiter);
}
panda-chart indicator-settings-popup-mobile .line-width-pchart {
  border-bottom: 0 solid var(--chart-app-color);
  min-width: 20px;
}
panda-chart color-picker {
  position: relative;
}
panda-chart color-picker:hover {
  cursor: pointer;
}
panda-chart color-picker .current-color-wrapper-pchart {
  width: 36px;
  height: 36px;
  border: 1px solid var(--chart-generic-borderInputBordered);
  border-radius: 2px;
  padding: 2px;
}
panda-chart color-picker .current-color-pchart {
  width: 100%;
  height: 100%;
}
panda-chart color-editable-input .wrap input {
  color: var(--chart-generic-colorInput) !important;
}
panda-chart valid-input {
  position: relative;
}
panda-chart valid-input > button.button-mt4 {
  height: 28px;
  width: 28px;
  padding: 0;
  background: var(--chart-common-colorButtonReadOnly);
  cursor: default;
}
panda-chart valid-input > input.bordered {
  padding: 5px 10px;
  color: var(--chart-generic-colorCustomInput);
}
panda-chart valid-input .input-container {
  position: relative;
}
panda-chart valid-input .clear-holder {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
}
panda-chart valid-input .clear-holder i:hover {
  color: var(--chart-modal-colorCrossDecentHover);
}
panda-chart form-error-mt4 > .layout-column {
  position: relative;
}
panda-chart form-error-mt4 > .layout-column > .layout-row {
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1000;
  height: 24px;
  background: var(--chart-widget-background);
  padding: 5px;
  color: var(--chart-common-colorError);
}
panda-chart .text-editor {
  width: 200px;
  height: 150px;
  background: var(--chart-common-backgroundWidget);
  border: 1px solid var(--chart-common-border);
  border-radius: 3px;
  padding: 10px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, .44);
}
panda-chart .text-editor textarea {
  width: 100%;
  height: 100%;
  background: var(--chart-generic-backgroundSelectBox);
  padding: 10px;
  border: 1px solid var(--chart-common-border);
  color: var(--chart-app-color2);
}
panda-chart .text-editor textarea:focus-visible {
  outline: none;
}
panda-chart spinner .backdrop {
  background: var(--chart-modal-backgroundBackdrop);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3499;
}
panda-chart spinner .spinner {
  z-index: 3500;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
panda-chart spinner .spinner svg {
  width: 100px;
  height: 100px;
  margin: 20px;
  display: inline-block;
}
panda-chart context-pts {
  color: var(--chart-app-color);
  background: var(--chart-app-background);
  height: 0;
}
panda-chart context-pts .padded {
  padding: 5px;
}
panda-chart context-menu-pts {
  height: 0;
}
panda-chart context-menu-pts > .layout-column {
  position: fixed;
  z-index: 3000;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .24);
}
panda-chart context-menu-pts > .layout-column perfect-scrollbar {
  height: 100%;
  padding: 0;
}
panda-chart context-menu-pts > .layout-column perfect-scrollbar .layout-row > .layout-column.context-content > .layout-row > .layout-column.context-menu > .layout-row {
  height: 36px;
  align-items: center;
}
panda-chart context-menu-pts.shadowless > .layout-column {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
}
panda-chart help-hint-pts .help-hint-wrapper {
  position: relative;
}
panda-chart help-hint-pts .help-hint-wrapper.question-style {
  justify-content: center;
}
panda-chart help-hint-pts .help-hint-wrapper.info-style {
  justify-content: start;
  margin-top: -5px;
}
panda-chart hint-pts {
  height: 0;
  font-family: Roboto, Tahoma;
}
panda-chart hint-pts > .layout-column {
  position: fixed;
  z-index: 1000;
  max-width: 180px;
  height: fit-content;
  border-radius: 3px;
  padding: 5px 10px;
}
panda-chart trade-event-wrapper {
  position: fixed;
  z-index: 99999;
  background: rgba(0, 0, 0, 0);
  opacity: 1;
  visibility: hidden;
  max-width: 200px;
  max-height: 300px;
}
panda-chart trade-event-wrapper:hover {
  cursor: default;
}
panda-chart trade-event-wrapper > .layout-row {
  background: var(--chart-app-background);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  padding: 8px;
  border-radius: 4px;
}
panda-chart .toolbar {
  z-index: 999;
}
panda-chart .ng-select.ng-select-opened > .ng-select-container,
panda-chart .ng-select .ng-select-container,
panda-chart .ng-select .ng-dropdown-panel,
panda-chart .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: var(--chart-app-color);
  background-color: var(--chart-app-background);
}
panda-chart .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
panda-chart .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: var(--chart-drawing-toolbarActive);
}
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: var(--chart-drawing-toolbarActive);
}
panda-chart .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 200px;
}
panda-chart .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0;
  left: 0;
}
panda-chart [hidden] {
  display: none !important;
}
.no-scroll-pchart {
  overflow: hidden;
}
.position-relative {
  position: relative;
}
body #panda-chart-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: themeColor("app", "background");
  z-index: 99999;
  display: block;
}

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