@import "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap";

/* 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/@inmoment/the-kitchen/themes/xi.css */
.cx {
  --primary-light-95: #f2f7ff;
  --primary-light-90: #e6eeff;
  --primary-light-80: #ccdeff;
  --primary-light-70: #b3cdff;
  --primary-light-60: #99bcff;
  --primary-light-50: #80acff;
  --primary-light-40: #669bff;
  --primary-light-30: #4d8aff;
  --primary-light-15: #2671ff;
  --primary: #0058ff;
  --primary-dark-15: #004bd9;
  --primary-dark-40: #003599;
  --primary-dark-55: #002873;
  --gradient:
    linear-gradient(
      90deg,
      #0058ff 0%,
      #253746 200%);
}
.cx .kxi-high-contrast,
.cx.kxi-high-contrast {
  --contrast-light-95: #f2f7ff;
  --contrast-light-90: #e6eeff;
  --contrast-light-80: #ccdeff;
  --contrast-light-70: #b3cdff;
  --contrast-light-60: #99bcff;
  --contrast-light-50: #80acff;
  --contrast-light-40: #669bff;
  --contrast-light-30: #4d8aff;
  --contrast-light-15: #2671ff;
  --contrast-primary: #0058ff;
  --contrast-dark-15: #004bd9;
  --contrast-dark-40: #003599;
  --contrast-dark-55: #002873;
}
.ex {
  --primary-light-95: #f9f4ff;
  --primary-light-90: #f3e9ff;
  --primary-light-80: #e8d4ff;
  --primary-light-70: #dcbeff;
  --primary-light-60: #d1a8ff;
  --primary-light-50: #c592ff;
  --primary-light-40: #ba7dff;
  --primary-light-30: #ae67ff;
  --primary-light-15: #813fcc;
  --primary: #531799;
  --primary-dark-15: #471482;
  --primary-dark-40: #320e5c;
  --primary-dark-55: #250a45;
  --gradient:
    linear-gradient(
      90deg,
      #531799 0%,
      #253746 200%);
}
.ex .kxi-high-contrast,
.ex.kxi-high-contrast {
  --contrast-light-95: #f9f4ff;
  --contrast-light-90: #f3e9ff;
  --contrast-light-80: #e8d4ff;
  --contrast-light-70: #dcbeff;
  --contrast-light-60: #d1a8ff;
  --contrast-light-50: #c592ff;
  --contrast-light-40: #ba7dff;
  --contrast-light-30: #ae67ff;
  --contrast-light-15: #813fcc;
  --contrast-primary: #531799;
  --contrast-dark-15: #471482;
  --contrast-dark-40: #320e5c;
  --contrast-dark-55: #250a45;
}
.mx {
  --primary-light-95: #effaf8;
  --primary-light-90: #dff5f2;
  --primary-light-80: #bfeae4;
  --primary-light-70: #9fe0d7;
  --primary-light-60: #7ed5ca;
  --primary-light-50: #5ecbbd;
  --primary-light-40: #3ec0af;
  --primary-light-30: #1eb6a2;
  --primary-light-15: #1a9b8a;
  --primary: #158072;
  --primary-dark-15: #126d61;
  --primary-dark-40: #0d4d44;
  --primary-dark-55: #093a33;
  --gradient:
    linear-gradient(
      90deg,
      #158072 0%,
      #253746 200%);
}
.mx .kxi-high-contrast,
.mx.kxi-high-contrast {
  --contrast-light-95: #effaf8;
  --contrast-light-90: #dff5f2;
  --contrast-light-80: #bfeae4;
  --contrast-light-70: #9fe0d7;
  --contrast-light-60: #7ed5ca;
  --contrast-light-50: #5ecbbd;
  --contrast-light-40: #3ec0af;
  --contrast-light-30: #1eb6a2;
  --contrast-light-15: #1a9b8a;
  --contrast-primary: #158072;
  --contrast-dark-15: #126d61;
  --contrast-dark-40: #0d4d44;
  --contrast-dark-55: #093a33;
}
.px {
  --primary-light-95: #faf3f7;
  --primary-light-90: #f5e8ef;
  --primary-light-80: #ebd0df;
  --primary-light-70: #e0b9cf;
  --primary-light-60: #d6a1bf;
  --primary-light-50: #cc8aaf;
  --primary-light-40: #c2739f;
  --primary-light-30: #b85b8f;
  --primary-light-15: #a83877;
  --primary: #99155f;
  --primary-dark-15: #821251;
  --primary-dark-40: #5c0d39;
  --primary-dark-55: #45092b;
  --gradient:
    linear-gradient(
      90deg,
      #99155f 0%,
      #253746 200%);
}
.px .kxi-high-contrast,
.px.kxi-high-contrast {
  --contrast-light-95: #faf3f7;
  --contrast-light-90: #f5e8ef;
  --contrast-light-80: #ebd0df;
  --contrast-light-70: #e0b9cf;
  --contrast-light-60: #d6a1bf;
  --contrast-light-50: #cc8aaf;
  --contrast-light-40: #c2739f;
  --contrast-light-30: #b85b8f;
  --contrast-light-15: #a83877;
  --contrast-primary: #99155f;
  --contrast-dark-15: #821251;
  --contrast-dark-40: #5c0d39;
  --contrast-dark-55: #45092b;
}
.admin {
  --primary-light-95: #f4f6fb;
  --primary-light-90: #e9eff7;
  --primary-light-80: #d2dfee;
  --primary-light-70: #bbcfe6;
  --primary-light-60: #a3bdde;
  --primary-light-50: #8bacd5;
  --primary-light-40: #719acc;
  --primary-light-30: #5788c4;
  --primary-light-15: #296ab6;
  --primary: #024ea9;
  --primary-dark-15: #014392;
  --primary-dark-40: #012e6a;
  --primary-dark-55: #002252;
  --gradient:
    linear-gradient(
      90deg,
      #024ea9 0%,
      #253746 200%);
}
.admin .kxi-high-contrast,
.admin.kxi-high-contrast {
  --contrast-light-95: #f4f6fb;
  --contrast-light-90: #e9eff7;
  --contrast-light-80: #d2dfee;
  --contrast-light-70: #bbcfe6;
  --contrast-light-60: #a3bdde;
  --contrast-light-50: #8bacd5;
  --contrast-light-40: #719acc;
  --contrast-light-30: #5788c4;
  --contrast-light-15: #296ab6;
  --contrast-primary: #024ea9;
  --contrast-dark-15: #014392;
  --contrast-dark-40: #012e6a;
  --contrast-dark-55: #002252;
}
.orca,
.kxi-orca,
.kxi-inProgress {
  --primary-light-95: #f4f5f6;
  --primary-light-90: #e9ebed;
  --primary-light-80: #d3d7da;
  --primary-light-70: #bec3c8;
  --primary-light-60: #a8afb5;
  --primary-light-50: #929ba3;
  --primary-light-40: #7c8790;
  --primary-light-30: #66737e;
  --primary-light-15: #465562;
  --primary: #253746;
  --primary-dark-15: #1f2f3c;
  --primary-dark-40: #16212a;
  --primary-dark-55: #111920;
  --gradient:
    linear-gradient(
      90deg,
      #465562 0%,
      #16212a 200%);
}
.orca .kxi-high-contrast,
.orca.kxi-high-contrast,
.kxi-orca .kxi-high-contrast,
.kxi-orca.kxi-high-contrast,
.kxi-inProgress .kxi-high-contrast,
.kxi-inProgress.kxi-high-contrast {
  --contrast-light-95: #f4f5f6;
  --contrast-light-90: #e9ebed;
  --contrast-light-80: #d3d7da;
  --contrast-light-70: #bec3c8;
  --contrast-light-60: #a8afb5;
  --contrast-light-50: #929ba3;
  --contrast-light-40: #7c8790;
  --contrast-light-30: #66737e;
  --contrast-light-15: #465562;
  --contrast-primary: #253746;
  --contrast-dark-15: #1f2f3c;
  --contrast-dark-40: #16212a;
  --contrast-dark-55: #111920;
}
.kxi-warning {
  --primary-light-95: #fffbf4;
  --primary-light-90: #fef7ea;
  --primary-light-80: #fbe4bb;
  --primary-light-70: #f9d28c;
  --primary-light-60: #f6bf5d;
  --primary-light-50: #f3ac2e;
  --primary-light-40: #ef9c21;
  --primary-light-30: #ec8b14;
  --primary-light-15: #e67300;
  --primary: #b15800;
  --primary-dark-15: #964b00;
  --primary-dark-40: #6a3500;
  --primary-dark-55: #502800;
}
.kxi-warning .kxi-high-contrast,
.kxi-warning.kxi-high-contrast {
  --contrast-light-95: #fffbf4;
  --contrast-light-90: #fef7ea;
  --contrast-light-80: #fbe4bb;
  --contrast-light-70: #f9d28c;
  --contrast-light-60: #f6bf5d;
  --contrast-light-50: #f3ac2e;
  --contrast-light-40: #ef9c21;
  --contrast-light-30: #ec8b14;
  --contrast-light-15: #e67300;
  --contrast-primary: #b15800;
  --contrast-dark-15: #964b00;
  --contrast-dark-40: #6a3500;
  --contrast-dark-55: #502800;
}
.kxi-noSentiment {
  --primary: #ccdeff;
}
.kxi-noSentiment .kxi-high-contrast,
.kxi-noSentiment.kxi-high-contrast {
  --contrast-primary: #4d8aff;
}
.kxi-expired {
  --primary: #66737e;
}
.kxi-expired .kxi-high-contrast,
.kxi-expired.kxi-high-contrast {
  --contrast-primary: #66737e;
}
.kxi-very_negative {
  --primary-light-95: #fff6f5;
  --primary-light-90: #fff6f5;
  --primary-light-80: #feeceb;
  --primary-light-70: #f8d4d2;
  --primary-light-60: #f3bcb9;
  --primary-light-50: #eda4a1;
  --primary-light-40: #e88c88;
  --primary-light-30: #e2746f;
  --primary-light-15: #dc5c56;
  --primary: #d43831;
  --primary-dark-15: #ae2e29;
  --primary-dark-40: #942723;
  --primary-dark-55: #681c19;
}
.kxi-very_negative .kxi-high-contrast,
.kxi-very_negative.kxi-high-contrast {
  --contrast-light-95: #fff6f5;
  --contrast-light-90: #fff6f5;
  --contrast-light-80: #feeceb;
  --contrast-light-70: #f8d4d2;
  --contrast-light-60: #f3bcb9;
  --contrast-light-50: #eda4a1;
  --contrast-light-40: #e88c88;
  --contrast-light-30: #e2746f;
  --contrast-light-15: #dc5c56;
  --contrast-primary: #d43831;
  --contrast-dark-15: #ae2e29;
  --contrast-dark-40: #942723;
  --contrast-dark-55: #681c19;
}
.kxi-error,
.kxi-overdue,
.kxi-negative {
  --primary-light-95: #fff6f5;
  --primary-light-90: #feeceb;
  --primary-light-80: #f8d4d2;
  --primary-light-70: #f3bcb9;
  --primary-light-60: #eda4a1;
  --primary-light-50: #e88c88;
  --primary-light-40: #e2746f;
  --primary-light-30: #dc5c56;
  --primary-light-15: #d43831;
  --primary: #ae2e29;
  --primary-dark-15: #942723;
  --primary-dark-40: #681c19;
  --primary-dark-55: #4e1512;
}
.kxi-error .kxi-high-contrast,
.kxi-error.kxi-high-contrast,
.kxi-overdue .kxi-high-contrast,
.kxi-overdue.kxi-high-contrast,
.kxi-negative .kxi-high-contrast,
.kxi-negative.kxi-high-contrast {
  --contrast-light-95: #fff6f5;
  --contrast-light-90: #feeceb;
  --contrast-light-80: #f8d4d2;
  --contrast-light-70: #f3bcb9;
  --contrast-light-60: #eda4a1;
  --contrast-light-50: #e88c88;
  --contrast-light-40: #e2746f;
  --contrast-light-30: #dc5c56;
  --contrast-light-15: #d43831;
  --contrast-primary: #ae2e29;
  --contrast-dark-15: #942723;
  --contrast-dark-40: #681c19;
  --contrast-dark-55: #4e1512;
}
.kxi-neutral,
.kxi-grey {
  --primary-light-95: #f6f6f6;
  --primary-light-90: #ececec;
  --primary-light-80: #dadada;
  --primary-light-70: #c7c7c7;
  --primary-light-60: #b4b4b4;
  --primary-light-50: #a2a2a2;
  --primary-light-40: #8f8f8f;
  --primary-light-30: #7c7c7c;
  --primary-light-15: #606060;
  --primary: #444444;
  --primary-dark-15: #3a3a3a;
  --primary-dark-40: #292929;
  --primary-dark-55: #1f1f1f;
}
.kxi-neutral .kxi-high-contrast,
.kxi-neutral.kxi-high-contrast,
.kxi-grey .kxi-high-contrast,
.kxi-grey.kxi-high-contrast {
  --contrast-light-95: #f6f6f6;
  --contrast-light-90: #ececec;
  --contrast-light-80: #dadada;
  --contrast-light-70: #c7c7c7;
  --contrast-light-60: #b4b4b4;
  --contrast-light-50: #a2a2a2;
  --contrast-light-40: #8f8f8f;
  --contrast-light-30: #7c7c7c;
  --contrast-light-15: #606060;
  --contrast-primary: #444444;
  --contrast-dark-15: #3a3a3a;
  --contrast-dark-40: #292929;
  --contrast-dark-55: #1f1f1f;
}
.kxi-success,
.kxi-closed,
.kxi-positive {
  --primary-light-95: #f3fbf9;
  --primary-light-90: #e8f6f2;
  --primary-light-80: #cce8df;
  --primary-light-70: #b1d9cd;
  --primary-light-60: #95cbba;
  --primary-light-50: #7abda8;
  --primary-light-40: #5eaf95;
  --primary-light-30: #42a083;
  --primary-light-15: #198b67;
  --primary: #147255;
  --primary-dark-15: #116148;
  --primary-dark-40: #0c4433;
  --primary-dark-55: #093326;
}
.kxi-success .kxi-high-contrast,
.kxi-success.kxi-high-contrast,
.kxi-closed .kxi-high-contrast,
.kxi-closed.kxi-high-contrast,
.kxi-positive .kxi-high-contrast,
.kxi-positive.kxi-high-contrast {
  --contrast-light-95: #f3fbf9;
  --contrast-light-90: #e8f6f2;
  --contrast-light-80: #cce8df;
  --contrast-light-70: #b1d9cd;
  --contrast-light-60: #95cbba;
  --contrast-light-50: #7abda8;
  --contrast-light-40: #5eaf95;
  --contrast-light-30: #42a083;
  --contrast-light-15: #198b67;
  --contrast-primary: #147255;
  --contrast-dark-15: #116148;
  --contrast-dark-40: #0c4433;
  --contrast-dark-55: #093326;
}
.kxi-very_positive {
  --primary-light-95: #f3fbf9;
  --primary-light-90: #f3fbf9;
  --primary-light-80: #e8f6f2;
  --primary-light-70: #cce8df;
  --primary-light-60: #b1d9cd;
  --primary-light-50: #95cbba;
  --primary-light-40: #7abda8;
  --primary-light-30: #5eaf95;
  --primary-light-15: #42a083;
  --primary: #198b67;
  --primary-dark-15: #147255;
  --primary-dark-40: #116148;
  --primary-dark-55: #0c4433;
}
.kxi-very_positive .kxi-high-contrast,
.kxi-very_positive.kxi-high-contrast {
  --contrast-light-95: #f3fbf9;
  --contrast-light-90: #f3fbf9;
  --contrast-light-80: #e8f6f2;
  --contrast-light-70: #cce8df;
  --contrast-light-60: #b1d9cd;
  --contrast-light-50: #95cbba;
  --contrast-light-40: #7abda8;
  --contrast-light-30: #5eaf95;
  --contrast-light-15: #42a083;
  --contrast-primary: #198b67;
  --contrast-dark-15: #147255;
  --contrast-dark-40: #116148;
  --contrast-dark-55: #0c4433;
}
.kxi-new,
.kxi-open {
  --primary-light-95: #f2f7ff;
  --primary-light-90: #e6eeff;
  --primary-light-80: #ccdeff;
  --primary-light-70: #b3cdff;
  --primary-light-60: #99bcff;
  --primary-light-50: #80acff;
  --primary-light-40: #669bff;
  --primary-light-30: #4d8aff;
  --primary-light-15: #2671ff;
  --primary: #0058ff;
  --primary-dark-15: #004bd9;
  --primary-dark-40: #003599;
  --primary-dark-55: #002873;
}
.kxi-new .kxi-high-contrast,
.kxi-new.kxi-high-contrast,
.kxi-open .kxi-high-contrast,
.kxi-open.kxi-high-contrast {
  --contrast-light-95: #f2f7ff;
  --contrast-light-90: #e6eeff;
  --contrast-light-80: #ccdeff;
  --contrast-light-70: #b3cdff;
  --contrast-light-60: #99bcff;
  --contrast-light-50: #80acff;
  --contrast-light-40: #669bff;
  --contrast-light-30: #4d8aff;
  --contrast-light-15: #2671ff;
  --contrast-primary: #0058ff;
  --contrast-dark-15: #004bd9;
  --contrast-dark-40: #003599;
  --contrast-dark-55: #002873;
}
.kxi-high-contrast {
  --primary-light-95: rgba(255, 255, 255, 0.05);
  --primary-light-90: rgba(255, 255, 255, 0.1);
  --primary-light-80: rgba(255, 255, 255, 0.2);
  --primary-light-70: rgba(255, 255, 255, 0.3);
  --primary-light-60: rgba(255, 255, 255, 0.4);
  --primary-light-50: rgba(255, 255, 255, 0.5);
  --primary-light-40: rgba(255, 255, 255, 0.6);
  --primary-light-30: rgba(255, 255, 255, 0.7);
  --primary-light-15: rgba(255, 255, 255, 0.85);
  --primary: #ffffff;
  --primary-dark-15: #fdfdfd;
  --primary-dark-40: #f6f6f6;
  --primary-dark-55: #ececec;
  --font-color: #ffffff;
  --disabled-color: rgba(255, 255, 255, 0.6);
  --disabled-color-alpha: rgba(255, 255, 255, 0.6);
  --color-border: rgba(255, 255, 255, 0.85);
}
.disabled,
.disabled .kxi-high-contrast,
.disabled.kxi-high-contrast {
  --primary-light-95: #f6f6f6;
  --primary-light-90: #ececec;
  --primary-light-80: #dadada;
  --primary-light-70: #c7c7c7;
  --primary-light-60: #b4b4b4;
  --primary-light-50: #a2a2a2;
  --primary-light-40: #8f8f8f;
  --primary-light-30: #7c7c7c;
  --primary-light-15: #606060;
  --primary: #444444;
  --primary-dark-15: #3a3a3a;
  --primary-dark-40: #292929;
  --primary-dark-55: #1f1f1f;
  --contrast-light-95: rgba(255, 255, 255, 0.05);
  --contrast-light-90: rgba(255, 255, 255, 0.1);
  --contrast-light-80: rgba(255, 255, 255, 0.2);
  --contrast-light-70: rgba(255, 255, 255, 0.3);
  --contrast-light-60: rgba(255, 255, 255, 0.4);
  --contrast-light-50: rgba(255, 255, 255, 0.5);
  --contrast-light-40: rgba(255, 255, 255, 0.6);
  --contrast-light-30: rgba(255, 255, 255, 0.7);
  --contrast-light-15: rgba(255, 255, 255, 0.85);
  --contrast-primary: #ffffff;
  --contrast-dark-15: #fdfdfd;
  --contrast-dark-40: #f6f6f6;
  --contrast-dark-55: #ececec;
}
:root,
.kxi-normal-contrast {
  --contrast-light-95: rgba(255, 255, 255, 0.05);
  --contrast-light-90: rgba(255, 255, 255, 0.1);
  --contrast-light-80: rgba(255, 255, 255, 0.2);
  --contrast-light-70: rgba(255, 255, 255, 0.3);
  --contrast-light-60: rgba(255, 255, 255, 0.4);
  --contrast-light-50: rgba(255, 255, 255, 0.5);
  --contrast-light-40: rgba(255, 255, 255, 0.6);
  --contrast-light-30: rgba(255, 255, 255, 0.7);
  --contrast-light-15: rgba(255, 255, 255, 0.85);
  --contrast-primary: #ffffff;
  --contrast-dark-15: #fdfdfd;
  --contrast-dark-40: #f6f6f6;
  --contrast-dark-55: #ececec;
  --secondary-light-95: #f4f5f6;
  --secondary-light-90: #e9ebed;
  --secondary-light-80: #d3d7da;
  --secondary-light-70: #bec3c8;
  --secondary-light-60: #a8afb5;
  --secondary-light-50: #929ba3;
  --secondary-light-40: #7c8790;
  --secondary-light-30: #66737e;
  --secondary-light-15: #465562;
  --secondary: #253746;
  --secondary-dark-15: #1f2f3c;
  --secondary-dark-40: #16212a;
  --secondary-dark-55: #111920;
  --color-overlay: rgb(37 55 70 / 50%);
  --secondary-color-overlay: rgb(37 55 70 / 25%);
  --color-border: #606060;
  --color-divider: #d3d7da;
  --color-disabled: #dadada;
  --color-border-light: #dadada;
  --color-outline: #2671ff;
  --color-focus: #f2f7ff;
  --color-pressed: #e6eeff;
  --color-silver: #f9fafb;
  --color-white: #ffffff;
  --color-text-highlight: #b3ccff;
  --color-highlight: #fbe4bb;
  --color-selected-background: #f2f7ff;
  --color-selected-accent: #0058ff;
  --color-negative: #942723;
  --color-error: #942723;
  --color-neutral: #465562;
  --color-positive: #116148;
  --color-success: #116148;
  --color-warning: #6a3500;
  --disabled-background: #f6f6f6;
  --disabled-border: #dadada;
  --disabled-color: #606060;
  --disabled-color-alpha: rgb(37 55 70 / 40%);
  --disabled-contrast-color: #606060;
  --disabled-background-high: rgba(255, 255, 255, 0.85);
  --disabled-border-high: rgba(255, 255, 255, 0.7);
  --font-family: "IBM Plex Sans", arial;
  --font-color: #253746;
  --shadow-down-0: 0 1px 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-down-1: 0 1px 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-2: 0 2px 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-3: 0 6px 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-4: 0 9px 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-5: 0 12px 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-6: 0 18px 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-7: 0 24px 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-0: 0 -1px 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-up-1: 0 -1px 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-2: 0 -2px 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-3: 0 -6px 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-4: 0 -9px 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-5: 0 -12px 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-6: 0 -18px 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-7: 0 -24px 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-0: -1px 0 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-left-1: -1px 0 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-2: -2px 0 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-3: -6px 0 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-4: -9px 0 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-5: -12px 0 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-6: -18px 0 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-7: -24px 0 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-0: 1px 0 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-right-1: 1px 0 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-2: 2px 0 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-3: 6px 0 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-4: 9px 0 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-5: 12px 0 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-6: 18px 0 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-7: 24px 0 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
}

/* node_modules/@inmoment/the-kitchen/style.css */
.kxi-notes-wrapper .kxi-text-area .kxi-note-text,
.kxi-condensed-experience-card .kxi-title-area,
.kxi-condensed-experience-card .kxi-footer-area,
.kxi-condensed-experience-card .kxi-meta,
.kxi-condensed-experience-card .kxi-comment-area,
.kxi-meta,
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text,
.kxi-snackbar-wrapper .kxi-snackbar-item {
  overflow-wrap: break-word;
}
@supports (overflow-wrap: anywhere) {
  .kxi-notes-wrapper .kxi-text-area .kxi-note-text,
  .kxi-condensed-experience-card .kxi-title-area,
  .kxi-condensed-experience-card .kxi-footer-area,
  .kxi-condensed-experience-card .kxi-meta,
  .kxi-condensed-experience-card .kxi-comment-area,
  .kxi-meta,
  .kxi-comment-wrapper .kxi-comment-body .kxi-comment-text,
  .kxi-snackbar-wrapper .kxi-snackbar-item {
    overflow-wrap: anywhere;
  }
}
.kxi-text {
  color: var(--primary);
}
.kxi-text-truncate {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.kxi-text-wrap-normal {
  white-space: normal;
}
.kxi-text-wrap-inherit {
  white-space: inherit;
}
.kxi-text-wrap-pre {
  white-space: pre;
}
.kxi-text-wrap-initial {
  white-space: initial;
}
.kxi-text-wrap-revert {
  white-space: revert;
}
.kxi-text-wrap-unset {
  white-space: unset;
}
.kxi-text-wrap-nowrap {
  white-space: nowrap;
}
.kxi-text-wrap-break-spaces {
  white-space: break-spaces;
}
.kxi-text-wrap-pre-line {
  white-space: pre-line;
}
.kxi-text-wrap-pre-wrap {
  white-space: pre-wrap;
}
.kxi-tile.kxi-small .kxi-wave-tile-footer,
.kxi-input-outer-wrapper label.kxi-layered,
.kxi-calendar-component-wrapper .kxi-custom-relative-date-selector .kxi-custom-relative-date-selector-last,
.kxi-button.kxi-tile-button .kxi-label.kxi-normal,
.kxi-status-container .kxi-status-label,
.kxi-subtitle,
.kxi-text-xsmall {
  --kxi-font-size: 0.75rem;
  --kxi-line-height: 1.5em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-tooltip .kxi-tooltip-text,
.kxi-tile.kxi-large .kxi-wave-tile-footer,
.kxi-tile.kxi-small .kxi-wave-tile-body,
.kxi-radio-wrapper .kxi-radio-label,
.kxi-input-label,
.kxi-input::placeholder,
.kxi-dropdown-menu-footer,
.kxi-condensed-experience-card .kxi-title-area .kxi-new-message-text,
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-value,
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-label,
.kxi-calendar-component-wrapper .kxi-calendar-input-fields p,
.kxi-button:not(.kxi-wave-tile-button),
.kxi-button.kxi-tile-button .kxi-label.kxi-custom,
.kxi-custom-pill,
.kxi-experience-header .kxi-score-bar .kxi-new-message-text,
.kxi-editable-text .kxi-editable-text-input,
.kxi-xi-label,
.kxi-label,
.kxi-title,
.kxi-text-small {
  --kxi-font-size: 0.875rem;
  --kxi-line-height: 1.5em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-tile.kxi-large .kxi-wave-tile-body,
.kxi-search-box input.kxi-text-normal::placeholder,
.kxi-search-box .kxi-suggestion,
.kxi-input.kxi-text-normal::placeholder,
.kxi-condensed-experience-card .kxi-title,
.kxi-button.kxi-tile-button .kxi-label.kxi-large,
.kxi-button.kxi-tile-button .kxi-label.kxi-xlarge,
.kxi-text-normal {
  --kxi-font-size: 1rem;
  --kxi-line-height: 1.5em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-condensed-experience-card .kxi-title.kxi-title-score,
.kxi-text-medium {
  --kxi-font-size: 1.125rem;
  --kxi-line-height: 1.5em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-mobile,
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-header .kxi-drawer-title,
.kxi-title-bar .kxi-title-bar-heading,
.kxi-text-large {
  --kxi-font-size: 1.375rem;
  --kxi-line-height: 1.4em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-text-xlarge {
  --kxi-font-size: 2rem;
  --kxi-line-height: 1.3em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
.kxi-text-xxlarge {
  --kxi-font-size: 2.625rem;
  --kxi-line-height: 1.3em;
  font-size: var(--kxi-font-size);
  line-height: var(--kxi-line-height);
}
h1,
.kxi-text-h1,
h2,
.kxi-text-h2,
h3,
.kxi-text-h3,
h4,
.kxi-text-h4,
h5,
.kxi-text-h5,
h6,
.kxi-text-h6 {
  margin: 0;
  font-weight: 400;
}
h6,
.kxi-text-h6 {
  font-size: 1rem;
  line-height: 1.5em;
}
h5,
.kxi-text-h5 {
  font-size: 1.125rem;
  line-height: 1.5em;
}
h4,
.kxi-text-h4 {
  font-size: 1.25rem;
  line-height: 1.5em;
}
h3,
.kxi-text-h3 {
  font-size: 1.375rem;
  line-height: 1.4em;
}
h2,
.kxi-text-h2 {
  font-size: 2rem;
  line-height: 1.3em;
}
h1,
.kxi-text-h1 {
  font-size: 2.625rem;
  line-height: 1.3em;
}
.kxi-title {
  color: var(--primary);
  margin: 0;
}
.kxi-subtitle {
  color: var(--primary-light-30);
  margin: 0;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-stacked.kxi-tab-bar-item-selected,
.kxi-dropdown-item.kxi-dropdown-item-group,
.kxi-condensed-experience-card .kxi-title.kxi-title-score,
.kxi-comment-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-tab-label,
.kxi-comment-print-view-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-tab-label,
.kxi-comment-print-view-wrapper .kxi-comment-prompt-label,
.kxi-button .kxi-tag,
.kxi-text-600 {
  font-weight: 600;
}
.kxi-input-outer-wrapper label.kxi-layered,
.kxi-input-label,
.kxi-title-bar .kxi-title-bar-heading,
.kxi-xi-label,
.kxi-label,
.kxi-text-400 {
  font-weight: 400;
}
.kxi-text-300 {
  font-weight: 300;
}
.kxi-text-left {
  text-align: left;
}
.kxi-text-right {
  text-align: right;
}
.kxi-text-center {
  text-align: center;
}
.kxi-label {
  display: block;
  margin-bottom: 6px;
  color: var(--font-color);
}
.kxi-label.kxi-label-inline {
  margin-bottom: 0;
}
.kxi-xi-label-wrapper {
  display: flex;
  align-items: center;
}
.kxi-xi-label {
  display: block;
  margin-bottom: 6px;
}
.kxi-xi-label.kxi-label-inline {
  margin-bottom: 0;
}
.kxi-label-inline {
  flex-direction: row;
  display: inline-flex;
  align-items: center;
}
.kxi-label-inline.label-right {
  flex-direction: row-reverse;
}
.kxi-editable-text .kxi-editable-text-input-wrapper {
  background: none;
  overflow: visible;
  min-width: 72px;
  max-width: 540px;
  border-radius: 6px;
  padding: 6px 12px 6px 12px;
}
.kxi-editable-text .kxi-editable-text-input-wrapper:focus-within {
  background-color: var(--primary-light-95);
}
.kxi-editable-text .kxi-editable-text-input-wrapper:active:hover:not(.disabled) {
  background-color: var(--primary-light-90);
}
.kxi-editable-text .kxi-editable-text-input-wrapper:hover:not(.disabled) {
  background-color: var(--primary-light-95);
}
.kxi-editable-text .kxi-editable-text-input-wrapper.disabled {
  border-color: var(--primary-light-40);
}
.kxi-editable-text .kxi-editable-text-input-wrapper.kxi-status {
  border: 1px solid var(--primary);
}
.kxi-editable-text .kxi-editable-text-input-wrapper.kxi-status.kxi-high-contrast {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.kxi-editable-text .kxi-editable-text-input-wrapper.kxi-status:not(.kxi-high-contrast) {
  color: var(--secondary);
}
.kxi-editable-text .kxi-editable-text-input-wrapper.kxi-stretch-width {
  max-width: unset;
}
.kxi-editable-text .kxi-editable-text-input {
  background: none;
  overflow: visible;
  border: 0;
  color: var(--primary);
  outline: none;
  box-sizing: content-box;
  width: 100%;
}
.kxi-editable-text .kxi-editable-text-input::placeholder {
  color: var(--primary-light-30);
}
.kxi-editable-text .kxi-editable-text-input.disabled {
  color: var(--primary-light-40);
}
.kxi-editable-text .kxi-hidden {
  position: absolute !important;
  visibility: hidden;
  white-space: nowrap;
  display: inline-block;
}
.kxi-editable-text .kxi-status-wrapper {
  min-width: 72px;
  display: flex;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-editable-text .kxi-status-wrapper.kxi-high-contrast {
  border-left: 1px solid var(--primary);
  border-right: 1px solid var(--primary);
  border-bottom: 1px solid var(--primary);
  background: var(--primary);
}
.kxi-editable-text .kxi-status-wrapper.kxi-high-contrast.disabled {
  border-left: 1px solid var(--color-disabled);
  border-right: 1px solid var(--color-disabled);
  border-bottom: 1px solid var(--color-disabled);
  background: var(--color-disabled);
  color: var(--primary);
}
.kxi-editable-text .kxi-status-wrapper .kxi-status-label {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.kxi-status-container {
  display: flex;
  align-items: center;
}
.kxi-status-container.kxi-high-contrast {
  border-radius: 6px;
  margin: 6px 6px 0 6px;
  background: var(--primary);
}
.kxi-status-container.kxi-high-contrast span {
  margin: 3px 0 3px 6px;
}
.kxi-status-container .kxi-status-label {
  margin: 0 6px 0 6px;
  color: var(--primary);
}
.kxi-status-container .kxi-status-label.kxi-high-contrast {
  color: var(--contrast-primary);
}
.kxi-status-container .kxi-status-label.kxi-high-contrast.disabled {
  color: var(--primary-light-15);
}
.kxi-error-state-text {
  margin: 0 0 0 6px;
}
* {
  font-family: var(--font-family);
}
:root {
  color: var(--font-color);
}
body {
  overflow: hidden;
}
body .using-mouse :focus {
  outline: none;
}
.kxi-hr {
  border-style: none;
  background: #dadada;
  width: 100%;
  height: 1px;
  margin: 0;
}
.kxi-hr.kxi-high-contrast {
  background: #66737e;
}
.kxi-title-bar {
  height: 60px;
  width: 100%;
  padding: 0 18px 0 18px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.kxi-title-bar .kxi-title-wrapper {
  min-width: 240px;
}
@media (max-width: 600px) {
  .kxi-title-bar .kxi-title-wrapper {
    min-width: unset;
  }
}
.kxi-title-bar .kxi-title-wrapper.no-text {
  min-width: unset;
}
.kxi-title-bar .kxi-title-bar-heading {
  padding-left: 12px;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .kxi-title-bar .kxi-title-bar-heading {
    display: none !important;
  }
}
.kxi-title-bar .kxi-title-bar-heading.kxi-title-bar-no-icon {
  padding-left: 0;
}
.kxi-title-bar .kxi-title-bar-icon {
  width: 30px;
  height: 30px;
  padding: 0;
}
.kxi-title-bar .kxi-title-reserved {
  box-sizing: border-box;
  justify-content: flex-start;
  padding-right: 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .kxi-title-bar .kxi-title-reserved {
    padding-right: 0;
  }
}
.kxi-title-bar .kxi-title-reserved.no-text {
  padding-right: 0;
}
.kxi-title-bar .kxi-title-reserved > p {
  cursor: default;
  margin: 0;
  padding: 0 0 0 12px;
  color: var(--font-color);
}
@media (max-width: 600px) {
  .kxi-title-bar .kxi-title-reserved > p {
    display: none;
  }
}
.kxi-title-bar .kxi-title-reserved > p.kxi-with-icon {
  padding-left: 12px;
}
.kxi-title-bar .kxi-child-content {
  position: relative;
  height: 60px;
  padding-left: 12px;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.kxi-title-bar .kxi-child-content.kxi-no-padding {
  padding-left: 0;
}
.kxi-gradient {
  background: var(--gradient, linear-gradient(to right, var(--primary) 0, var(--secondary) 200%));
}
.kxi-cloud-text {
  color: var(--primary);
}
.kxi-stretch {
  width: 100%;
  height: 100%;
}
.kxi-stretch-height {
  height: 100%;
}
.kxi-stretch-width {
  width: 100%;
}
.kxi-block {
  display: block;
}
.kxi-inline-block {
  display: inline-block;
}
.kxi-inline {
  display: inline;
}
.kxi-left {
  float: left;
}
.kxi-right {
  float: right;
}
.kxi-pointer {
  cursor: pointer;
}
.kxi-border {
  border: 1px solid var(--color-border);
}
.kxi-border.kxi-readonly {
  border: 1px solid var(--primary-light-80);
}
.kxi-border.kxi-readonly.kxi-high-contrast {
  border: 1px solid var(--contrast-light-80);
}
.kxi-border.kxi-error,
.kxi-border.kxi-warning,
.kxi-border.kxi-success {
  border-color: var(--primary-light-15);
}
.kxi-border:focus {
  outline: 0;
}
.kxi-border:not(:disabled, .kxi-readonly, :read-only):hover,
.kxi-border.kxi-readonly-border:not(:disabled):hover {
  box-shadow: 0 0 0 1px var(--color-border);
}
.kxi-border:not(:disabled, .kxi-readonly, :read-only):hover.kxi-error,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):hover.kxi-warning,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):hover.kxi-success,
.kxi-border.kxi-readonly-border:not(:disabled):hover.kxi-error,
.kxi-border.kxi-readonly-border:not(:disabled):hover.kxi-warning,
.kxi-border.kxi-readonly-border:not(:disabled):hover.kxi-success {
  box-shadow: 0 0 0 1px var(--primary-light-15);
}
.kxi-border:not(:disabled, .kxi-readonly, :read-only):active,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):focus,
.kxi-border.kxi-readonly-border:not(:disabled):active,
.kxi-border.kxi-readonly-border:not(:disabled):focus {
  box-shadow: inset 0 0 0 1px var(--color-border) !important;
}
.kxi-border:not(:disabled, .kxi-readonly, :read-only):active.kxi-error,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):active.kxi-warning,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):active.kxi-success,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):focus.kxi-error,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):focus.kxi-warning,
.kxi-border:not(:disabled, .kxi-readonly, :read-only):focus.kxi-success,
.kxi-border.kxi-readonly-border:not(:disabled):active.kxi-error,
.kxi-border.kxi-readonly-border:not(:disabled):active.kxi-warning,
.kxi-border.kxi-readonly-border:not(:disabled):active.kxi-success,
.kxi-border.kxi-readonly-border:not(:disabled):focus.kxi-error,
.kxi-border.kxi-readonly-border:not(:disabled):focus.kxi-warning,
.kxi-border.kxi-readonly-border:not(:disabled):focus.kxi-success {
  box-shadow: inset 0 0 0 1px var(--primary-light-15) !important;
}
.kxi-border-hovered {
  border: 1px solid var(--color-border);
}
.kxi-border-active {
  border-width: 2px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable,
.kxi-tile-shadows {
  box-shadow: var(--shadow-down-2);
  background: var(--primary-light-95);
  transition: box-shadow .1s;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable:hover,
.kxi-tile-shadows:hover {
  box-shadow: var(--shadow-down-3);
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable:active,
.kxi-tile-shadows:active {
  box-shadow: var(--shadow-down-2);
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable:disabled,
.kxi-tile-shadows:disabled {
  background: var(--contrast-primary);
}
.kxi-condensed-experience-card .kxi-tile-non-interactive.kxi-background-area.kxi-interactable,
.kxi-tile-non-interactive.kxi-tile-shadows {
  background: var(--contrast-primary);
}
.kxi-condensed-experience-card .kxi-tile-non-interactive.kxi-background-area.kxi-interactable:hover,
.kxi-tile-non-interactive.kxi-tile-shadows:hover {
  box-shadow: var(--shadow-down-2);
}
.kxi-disabled {
  color: var(--disabled-color) !important;
  border-color: var(--disabled-color) !important;
}
.kxi-disabled-alpha {
  color: var(--disabled-color-alpha) !important;
  border-color: var(--disabled-color-alpha) !important;
}
.kxi-custom-pill {
  box-sizing: border-box;
  min-width: 1.875rem;
  height: 0.9375rem;
  border-radius: 0.9375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  padding: 0 0.25rem 0 0.25rem;
  background: var(--primary);
  color: var(--contrast-primary);
}
.kxi-overflow-y {
  overflow-y: auto;
}
.kxi-filter-label-assembly {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}
.kxi-selected {
  border: 2px solid var(--secondary) !important;
}
.kxi-grey-overlay,
.kxi-overlay {
  z-index: 50;
  inset: 0;
  position: fixed;
}
.kxi-grey-overlay {
  background-color: var(--color-overlay);
}
.kxi-grey-overlay.kxi-side-panel-overlay {
  z-index: 15;
}
.kxi-comment-highlighted {
  pointer-events: none;
  color: rgba(0, 0, 0, 0);
}
mark {
  background: var(--color-highlight);
  color: var(--font-color);
  display: inline-block;
}
mark .kxi-comment-highlighted {
  color: var(--font-color);
}
.kxi-tooltip:focus-visible,
.kxi-basic-tile:focus-visible,
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-text .kxi-tab-bar-text-container > span:focus-visible,
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-text .kxi-tab-bar-text-container > span:focus-visible,
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab:focus-visible,
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-item-text:focus-visible,
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content .kxi-tab-bar-item-text:focus-visible,
.kxi-switch .kxi-toggle-switch-button:focus-visible,
.kxi-knob:focus-visible,
.kxi-search-box:focus-visible,
.kxi-search-box :focus-visible,
.kxi-color-picker-knob-wrapper:focus-visible,
.kxi-color-square-wrapper:focus-visible,
.kxi-generic-modal .kxi-generic-modal-x-visual:focus-visible,
.kxi-input:focus-visible:not(:read-only),
.kxi-input-suggestions .kxi-input-suggestion:focus-visible,
.kxi-dropdown input:read-only:focus-visible,
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-focusable:focus-visible,
.kxi-big-number-wrapper:focus-visible,
.kxi-comment-wrapper .kxi-comment-expandable:focus-visible,
.kxi-calendar-popout-wrapper .kxi-calendar-popout-dropper:focus-visible,
.kxi-date-span:focus-visible,
.kxi-calendar-component-wrapper .kxi-calendar-wrapper .kxi-calendar-list-item:focus-visible,
.kxi-button:focus-visible,
.kxi-button.kxi-tile-button:focus-visible,
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper .kxi-tile-button-corner-control:focus-visible,
.kxi-close-icon:focus-visible,
.kxi-base-button:focus-visible,
.kxi-accordion-item .kxi-accordion-item-toggle:focus-visible,
.kxi-focus-custom-color {
  outline: 2px solid #024ea9;
  outline-offset: 1px;
}
.kxi-switch .kxi-toggle-switch-button.kxi-high-contrast:focus-visible,
.kxi-knob:focus-visible.kxi-high-contrast,
.kxi-search-box.kxi-high-contrast:focus-visible,
.kxi-search-box.kxi-high-contrast :focus-visible,
.kxi-list-item:focus-visible.kxi-high-contrast,
.kxi-input.kxi-high-contrast:focus-visible:not(:read-only),
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-focusable:focus-visible.kxi-high-contrast,
.kxi-comment-wrapper .kxi-comment-expandable:focus-visible.kxi-high-contrast,
.kxi-date-span.kxi-high-contrast:focus-visible,
.kxi-button:focus-visible.kxi-high-contrast,
.kxi-close-icon:focus-visible.kxi-high-contrast {
  outline: 2px solid #024ea9;
  outline-offset: 1px;
  outline-color: #fff;
}
.kxi-focus-custom-color {
  --kxi-focus-custom-color-default: $outline-color-standard;
  outline-color: var(--kxi-focus-custom-color, var(--kxi-focus-custom-color-default));
}
.kxi-focus-high-contrast.kxi-focus-custom-color {
  --kxi-focus-custom-color-default: $outline-color-high-contrast;
}
xi-accordion > [slot],
xi-accordion-item > [slot] {
  display: none;
}
.kxi-accordion {
  border-bottom: 2px solid var(--primary-light-90);
  max-width: 1024px;
}
.kxi-accordion.kxi-accordion-borders {
  border-left: 2px solid var(--primary-light-90);
  border-right: 2px solid var(--primary-light-90);
}
.kxi-accordion.kxi-shadow {
  box-shadow: var(--shadow-down-2);
}
.kxi-accordion.kxi-accordion-inverted .kxi-accordion-item .kxi-accordion-item-open-icon {
  transform: rotate(180deg);
}
.kxi-accordion.kxi-accordion-inverted .kxi-accordion-item .kxi-accordion-item-children {
  transform-origin: bottom;
}
.kxi-accordion-item {
  --horizontal-spacing: 24px;
}
.kxi-accordion-item.kxi-disabled {
  background: var(--disabled-background);
}
.kxi-accordion-item p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
@media (max-width: 480px) {
  .kxi-accordion-item {
    --horizontal-spacing: 18px;
  }
}
.kxi-accordion-item .kxi-accordion-item-padding.kxi-accordion-item-children,
.kxi-accordion-item .kxi-accordion-item-padding.kxi-accordion-item-toggle {
  padding: 0 var(--horizontal-spacing);
}
.kxi-accordion-item .kxi-accordion-item-toggle {
  display: flex;
  column-gap: var(--horizontal-spacing);
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid var(--primary-light-90);
  height: 60px;
  cursor: pointer;
}
.kxi-accordion-item .kxi-accordion-item-toggle.kxi-disabled {
  --disabled-color: var(--primary-light-90);
  cursor: auto;
}
.kxi-accordion-item .kxi-accordion-item-toggle:focus-visible {
  outline-offset: -3px;
}
.kxi-accordion-item .kxi-accordion-item-toggle > .kxi-title {
  display: flex;
  align-items: center;
}
.kxi-accordion-item .kxi-accordion-item-toggle .kxi-accordion-item-icon.kxi-accordion-item-padding {
  padding-left: 6px;
  padding-right: 12px;
}
.kxi-accordion-item .kxi-accordion-item-toggle .kxi-accordion-item-icon.kxi-accordion-item-padding.kxi-accordion-item-icon-button {
  padding-left: 0;
  padding-right: 6px;
}
.kxi-accordion-item .kxi-accordion-item-toggle .kxi-accordion-item-text {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.kxi-accordion-item .kxi-accordion-item-toggle .kxi-accordion-item-text .kxi-accordion-item-title-tooltip {
  min-width: 0;
}
.kxi-accordion-item .kxi-accordion-item-children {
  visibility: hidden;
  overflow: hidden;
  transition: .2s linear, transform .1s ease-in-out;
  transform: scaleY(0);
  transform-origin: top;
  height: 0;
}
.kxi-accordion-item .kxi-accordion-item-children.kxi-accordion-item-visible {
  padding-bottom: 12px;
  transform: initial;
  height: auto;
  visibility: visible;
  overflow: visible;
}
.kxi-accordion-item .kxi-accordion-item-children.kxi-accordion-item-visible.kxi-accordion-item-padding {
  padding-bottom: 24px;
}
.kxi-warning-popup-wrapper {
  z-index: 100;
  min-width: 400px;
  text-align: center;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-icon-wrapper {
  background: var(--contrast-primary);
  display: flex;
  justify-content: flex-start;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 6px;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-styled-header {
  margin: 0 0 18px 0;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-styled-text {
  margin: 0 auto;
  overflow: auto;
  width: 85%;
}
@supports (scrollbar-width: none) {
  .kxi-warning-popup-wrapper .kxi-warning-popup-styled-text {
    scrollbar-width: none;
  }
}
.kxi-warning-popup-wrapper .kxi-warning-popup-styled-text::-webkit-scrollbar {
  display: none;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-button-container {
  display: flex;
  justify-content: center;
  margin: 30px 0 0 0;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-proceed-button-wrapper {
  display: flex;
  width: 96;
  margin: 0 0 0 12px;
}
.kxi-warning-popup-wrapper .kxi-warning-popup-cancel-button-wrapper {
  display: flex;
  width: 204;
}
.kxi-toaster-wrapper {
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
  background: var(--contrast-primary);
  width: 660px;
  border-radius: 6px;
  position: fixed;
  top: 48px;
  left: calc(50% - 330px);
  overflow: visible;
  box-shadow: var(--shadow-down-6);
  flex-direction: column;
}
.kxi-toaster-wrapper .kxi-header-wrapper {
  display: flex;
  min-height: 162px;
  flex-direction: column;
  align-items: center;
}
.kxi-toaster-wrapper .kxi-header-wrapper .kxi-toaster-title {
  padding: 0 24px 24px;
}
.kxi-toaster-wrapper .kxi-toaster-icon {
  color: var(--primary-light-15);
}
.kxi-toaster-wrapper .kxi-toaster-footer {
  box-sizing: border-box;
  background: var(--primary-light-90);
  width: 100%;
  min-height: 72px;
  padding: 12px 24px;
}
.kxi-alert-inline-main-wrapper {
  background-color: var(--contrast-primary);
}
.kxi-alert-inline-main-wrapper.kxi-error .kxi-color-accent,
.kxi-alert-inline-main-wrapper.kxi-warning .kxi-color-accent,
.kxi-alert-inline-main-wrapper.kxi-success .kxi-color-accent {
  border-color: var(--primary-light-15);
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content {
  border: 1px solid var(--primary-light-80);
  border-radius: 0 6px 6px 0;
  border-left: 0;
  overflow: visible;
  padding: 12px 24px;
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content.kxi-alert-inline-main-has-buttons {
  padding-bottom: 18px;
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content p {
  margin: 0 0 3px 0;
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content :first-child {
  --font-color: var(--primary);
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content .kxi-alert-inline-main-button-container {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.kxi-alert-inline-main-wrapper .kxi-alert-inline-main-content .kxi-alert-inline-main-primary-button {
  margin-left: 12px;
}
.kxi-color-accent {
  border-width: 0 0 0 12px;
  border-style: solid;
  border-color: var(--primary);
  border-radius: 6px;
  overflow: visible;
}
.kxi-snackbar-wrapper {
  z-index: 50;
  --spacing: 36px;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  padding: var(--spacing);
  list-style: none;
  margin: 0;
  width: 450px;
}
@media (max-width: 480px) {
  .kxi-snackbar-wrapper {
    --spacing: 12px;
    width: 100vw;
    box-sizing: border-box;
  }
}
.kxi-snackbar-wrapper .kxi-snackbar-item {
  color: var(--font-color);
  height: auto;
  display: flex;
  transition: all 1s ease;
  border-radius: 6px;
  box-shadow: var(--shadow-down-2);
}
.kxi-snackbar-wrapper .kxi-snackbar-item.kxi-snackbar-default-wrapper {
  --font-color: var(--contrast-primary);
  background-color: var(--primary);
}
.kxi-snackbar-wrapper .kxi-snackbar-item.kxi-snackbar-error-wrapper {
  background-color: var(--contrast-primary);
}
.kxi-snackbar-wrapper .kxi-snackbar-item.kxi-snackbar-error-wrapper .kxi-snackbar-error-sidebar {
  width: 10px;
  background: var(--primary-light-15);
  border-radius: 6px 0 0 6px;
}
.kxi-snackbar-wrapper .kxi-snackbar-item.kxi-snackbar-error-wrapper .kxi-snackbar-dismiss-wrapper .pointer:hover {
  --font-color: var(--primary-light-30);
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action {
  width: 100%;
  display: grid;
  grid-template: "text dismiss"/1fr auto;
  gap: 18px;
  padding: 15px 24px;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action.kxi-snackbar-action-below {
  grid-template: "text" "dismiss"/1fr;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action.kxi-snackbar-action-below:not(.kxi-snackbar-action-has-progress-bar) {
  gap: 3px;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action.kxi-snackbar-action-has-progress-bar {
  grid-template: "text         dismiss" "progress-bar progress-bar"/1fr auto;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action.kxi-snackbar-action-has-progress-bar.kxi-snackbar-action-below {
  grid-template: "text" "progress-bar" "dismiss"/1fr;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-text {
  grid-area: text;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-progress-bar-wrapper {
  grid-area: progress-bar;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-dismiss-wrapper {
  grid-area: dismiss;
  place-self: center right;
  -webkit-user-select: none;
  user-select: none;
  color: var(--primary-light-50);
  font-weight: 600;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-dismiss-wrapper .pointer {
  cursor: pointer;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-dismiss-wrapper .pointer:hover {
  text-decoration: underline;
}
.kxi-snackbar-wrapper .kxi-snackbar-item .kxi-snackbar-action .kxi-snackbar-dismiss-wrapper.kxi-snackbar-action-error {
  color: var(--secondary-primary);
}
.kxi-badge-wrapper {
  position: relative;
}
.kxi-badge-wrapper .kxi-badge {
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  min-width: 15px;
  border: 1px solid #fff;
  background-color: var(--primary);
  border-radius: 100px;
  transform: translate(50%, -50%);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-color-light-15 {
  background-color: var(--primary-light-15);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-empty {
  height: 10px;
  min-width: 10px;
  transform: translate(50%, -50%);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-inset {
  transform: translate(25%, -25%);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-inset.kxi-badge-digits-2 {
  transform: translate(calc(25% + 3px), -25%);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-inset.kxi-badge-digits-3 {
  transform: translate(calc(25% + 8px), -25%);
}
.kxi-badge-wrapper .kxi-badge.kxi-badge-inset.kxi-badge-empty {
  transform: translate(0, 0);
}
.kxi-badge-wrapper .kxi-badge .kxi-badge-text {
  color: #fff;
  font-size: 0.6875rem;
  padding: 0 3px;
  text-align: center;
}
.kxi-padding-left-small,
.kxi-padding-horizontal-small {
  padding-left: 6px;
}
.kxi-padding-top-small,
.kxi-padding-vertical-small {
  padding-top: 6px;
}
.kxi-padding-right-small,
.kxi-padding-horizontal-small {
  padding-right: 6px;
}
.kxi-padding-bottom-small,
.kxi-padding-vertical-small {
  padding-bottom: 6px;
}
.kxi-margin-left-small,
.kxi-margin-horizontal-small {
  margin-left: 6px;
}
.kxi-margin-top-small,
.kxi-margin-vertical-small {
  margin-top: 6px;
}
.kxi-margin-right-small,
.kxi-margin-horizontal-small {
  margin-right: 6px;
}
.kxi-margin-bottom-small,
.kxi-margin-vertical-small {
  margin-bottom: 6px;
}
.kxi-padding-left-normal,
.kxi-padding-horizontal-normal,
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small.kxi-text-button {
  padding-left: 12px;
}
.kxi-padding-top-normal,
.kxi-padding-vertical-normal {
  padding-top: 12px;
}
.kxi-padding-right-normal,
.kxi-padding-horizontal-normal,
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small.kxi-text-button {
  padding-right: 12px;
}
.kxi-padding-bottom-normal,
.kxi-padding-vertical-normal {
  padding-bottom: 12px;
}
.kxi-margin-left-normal,
.kxi-margin-horizontal-normal {
  margin-left: 12px;
}
.kxi-margin-top-normal,
.kxi-margin-vertical-normal {
  margin-top: 12px;
}
.kxi-margin-right-normal,
.kxi-margin-horizontal-normal {
  margin-right: 12px;
}
.kxi-margin-bottom-normal,
.kxi-margin-vertical-normal {
  margin-bottom: 12px;
}
.kxi-padding-left-large,
.kxi-padding-horizontal-large,
.kxi-button:not(.kxi-button-link).kxi-text-button {
  padding-left: 18px;
}
.kxi-padding-top-large,
.kxi-padding-vertical-large {
  padding-top: 18px;
}
.kxi-padding-right-large,
.kxi-padding-horizontal-large,
.kxi-button:not(.kxi-button-link).kxi-text-button {
  padding-right: 18px;
}
.kxi-padding-bottom-large,
.kxi-padding-vertical-large {
  padding-bottom: 18px;
}
.kxi-margin-left-large,
.kxi-margin-horizontal-large {
  margin-left: 18px;
}
.kxi-margin-top-large,
.kxi-margin-vertical-large {
  margin-top: 18px;
}
.kxi-margin-right-large,
.kxi-margin-horizontal-large {
  margin-right: 18px;
}
.kxi-margin-bottom-large,
.kxi-margin-vertical-large {
  margin-bottom: 18px;
}
.kxi-padding-left-xlarge,
.kxi-padding-horizontal-xlarge {
  padding-left: 24px;
}
.kxi-padding-top-xlarge,
.kxi-padding-vertical-xlarge {
  padding-top: 24px;
}
.kxi-padding-right-xlarge,
.kxi-padding-horizontal-xlarge {
  padding-right: 24px;
}
.kxi-padding-bottom-xlarge,
.kxi-padding-vertical-xlarge {
  padding-bottom: 24px;
}
.kxi-margin-left-xlarge,
.kxi-margin-horizontal-xlarge {
  margin-left: 24px;
}
.kxi-margin-top-xlarge,
.kxi-margin-vertical-xlarge {
  margin-top: 24px;
}
.kxi-margin-right-xlarge,
.kxi-margin-horizontal-xlarge {
  margin-right: 24px;
}
.kxi-margin-bottom-xlarge,
.kxi-margin-vertical-xlarge {
  margin-bottom: 24px;
}
.kxi-align-center {
  display: flex;
  align-items: center;
}
.kxi-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kxi-icon-left.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link),
.kxi-icon-left.kxi-button.kxi-large.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button),
.kxi-icon-left.kxi-button.kxi-small.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button),
.kxi-icon-left.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button) {
  padding-left: 8px;
}
.kxi-icon-left.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) .kxi-icon-left-button,
.kxi-icon-left.kxi-button.kxi-large.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button) .kxi-icon-left-button,
.kxi-icon-left.kxi-button.kxi-small.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button) .kxi-icon-left-button,
.kxi-icon-left.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-left-button {
  margin-right: 6px;
}
.kxi-icon-left.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) :not(.kxi-icon-left-button).kxi-icon-left .kxi-icon,
.kxi-icon-left.kxi-button:not(.kxi-wave-tile-button) :not(.kxi-icon-left-button).kxi-icon-left .kxi-icon,
.kxi-icon-left.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) :not(.kxi-icon-left-button).kxi-icon-left img,
.kxi-icon-left.kxi-button:not(.kxi-wave-tile-button) :not(.kxi-icon-left-button).kxi-icon-left img {
  padding-right: 6px;
}
.kxi-icon-right.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link),
.kxi-icon-right.kxi-button.kxi-large.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button),
.kxi-icon-right.kxi-button.kxi-small.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button),
.kxi-icon-right.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button) {
  padding-right: 8px;
}
.kxi-icon-right.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) .kxi-icon-right-button,
.kxi-icon-right.kxi-button.kxi-large.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button) .kxi-icon-right-button,
.kxi-icon-right.kxi-button.kxi-small.kxi-text-button:not(.kxi-button-link):not(.kxi-wave-tile-button) .kxi-icon-right-button,
.kxi-icon-right.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-right-button {
  margin-left: 6px;
}
.kxi-icon-right.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) :not(.kxi-icon-right-button).kxi-icon-right .kxi-icon,
.kxi-icon-right.kxi-button:not(.kxi-wave-tile-button) :not(.kxi-icon-right-button).kxi-icon-right .kxi-icon,
.kxi-icon-right.kxi-button.kxi-xxlarge.kxi-text-button:not(.kxi-button-link) :not(.kxi-icon-right-button).kxi-icon-right img,
.kxi-icon-right.kxi-button:not(.kxi-wave-tile-button) :not(.kxi-icon-right-button).kxi-icon-right img {
  padding-left: 6px;
}
.kxi-button {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition: .1s box-shadow ease-in-out, background .01s;
  padding: 0;
  position: relative;
  background: rgba(0, 0, 0, 0);
}
.kxi-button:focus-visible.kxi-sentiment-button {
  outline-color: #024ea9 !important;
}
.kxi-button:focus-visible.kxi-button-link pre {
  text-decoration: underline;
}
.kxi-button:disabled {
  cursor: auto;
  opacity: .4;
  box-shadow: none;
  pointer-events: none;
}
.kxi-button pre {
  text-align: left;
}
.kxi-button:not(.kxi-wave-tile-button) {
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: var(--primary);
}
.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-left-button {
  position: relative;
}
.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-left-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  width: calc(100% + 5px);
  height: 100%;
}
.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-right-button {
  position: relative;
}
.kxi-button:not(.kxi-wave-tile-button) .kxi-icon-right-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: calc(100% + 5px);
  height: 100%;
}
.kxi-button:not(.kxi-wave-tile-button):not(.kxi-button-link, .kxi-tile-button) {
  border-radius: 18px;
  line-height: 1.2em !important;
  min-height: 36px;
  min-width: 36px;
}
.kxi-button:not(.kxi-wave-tile-button):not(.kxi-button-link, .kxi-tile-button) pre {
  margin: calc((36px - 1.2em)/2) 0;
}
.kxi-button:not(.kxi-wave-tile-button):not(.kxi-button-link, .kxi-tile-button) pre.kxi-outline-button {
  margin: calc((36px - 1.2em - 2px)/2) 0;
}
.kxi-button:not(.kxi-button-link).kxi-text-button {
  min-width: 96px;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small {
  min-height: 30px;
  min-width: 30px;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small pre {
  margin: calc((30px - 1.2em)/2) 0;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small pre.kxi-outline-button {
  margin: calc((30px - 1.2em - 2px)/2) 0;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-small.kxi-text-button {
  min-width: 66px;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-large {
  font-size: 1rem;
  min-height: 42px;
  min-width: 42px;
  border-radius: 21px;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-large pre {
  margin: calc((42px - 1.2em)/2) 0;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-large pre.kxi-outline-button {
  margin: calc((42px - 1.2em - 2px)/2) 0;
}
.kxi-button:not(.kxi-button-link):not(.kxi-wave-tile-button).kxi-large.kxi-text-button {
  min-width: 96px;
}
.kxi-button:not(.kxi-button-link).kxi-xlarge {
  font-size: 1rem;
  min-height: 48px;
  min-width: 48px;
  border-radius: 24px;
}
.kxi-button:not(.kxi-button-link).kxi-xlarge pre {
  margin: calc((48px - 1.2em)/2) 0;
}
.kxi-button:not(.kxi-button-link).kxi-xlarge pre.kxi-outline-button {
  margin: calc((48px - 1.2em - 2px)/2) 0;
}
.kxi-button:not(.kxi-button-link).kxi-xxlarge {
  font-size: 1rem;
  min-height: 54px;
  min-width: 54px;
  border-radius: 27px;
}
.kxi-button:not(.kxi-button-link).kxi-xxlarge pre {
  margin: calc((54px - 1.2em)/2) 0;
}
.kxi-button:not(.kxi-button-link).kxi-xxlarge pre.kxi-outline-button {
  margin: calc((54px - 1.2em - 2px)/2) 0;
}
.kxi-button:not(.kxi-button-link).kxi-xxlarge.kxi-text-button {
  min-width: 96px;
}
.kxi-button:not(.kxi-tile-button) .kxi-icon {
  pointer-events: none;
}
.kxi-button .kxi-tag {
  color: inherit;
  padding-right: 5px;
}
.kxi-button .kxi-default-icon-button {
  z-index: 1;
  display: flex;
}
.kxi-button + .kxi-btn-sentiment-indicator {
  background-color: var(--primary);
  border-radius: 2px;
  height: 3px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
}
.kxi-button.kxi-button-link pre {
  margin: 0;
}
.kxi-button.kxi-button-link pre:hover {
  text-decoration: underline;
}
.kxi-button.kxi-button-link.kxi-icon-left,
.kxi-button.kxi-button-link.kxi-icon-right {
  vertical-align: middle;
}
.kxi-button.kxi-button-link.kxi-large pre,
.kxi-button.kxi-button-link.kxi-xxlarge pre {
  font-size: 1rem;
}
.kxi-button.kxi-sentiment-button {
  --font-color: var(--primary);
  height: 30px;
  border-radius: 15px;
  padding-left: 6px;
  padding-right: 9px;
  min-width: 96px;
  border: 1px solid var(--primary);
  background: var(--contrast-primary);
  justify-content: flex-start;
}
.kxi-button.kxi-sentiment-button.kxi-high-contrast {
  border: 1px solid var(--contrast-primary);
}
.kxi-button.kxi-sentiment-button.kxi-high-contrast:hover {
  background: var(--contrast-dark-15);
}
.kxi-button.kxi-sentiment-button.kxi-high-contrast:active {
  background: var(--contrast-dark-40);
}
.kxi-button.kxi-sentiment-button:hover {
  background: var(--primary-light-95);
}
.kxi-button.kxi-sentiment-button:active {
  background: var(--primary-light-90);
}
.kxi-button.kxi-sentiment-button .kxi-sentiment-button-svg-wrapper {
  min-width: 18px;
  height: 18px;
  width: 18px;
  padding-right: 6px;
}
.kxi-button.kxi-filter-button {
  padding: 3px 12px;
  position: relative;
  color: var(--orca-primary);
}
.kxi-button.kxi-filter-button.kxi-high-contrast {
  color: var(--primary);
}
.kxi-button.kxi-filter-button .kxi-filter-remove-inline {
  z-index: 1;
  margin: 3px 3px 3px 6px;
}
.kxi-button.kxi-filter-button.kxi-filter-remove-inline {
  padding: 3px 12px 3px 0;
}
.kxi-button.kxi-filter-button.kxi-filter-active {
  background: var(--primary-light-80);
  border: 1px solid var(--primary-light-50);
}
.kxi-button.kxi-filter-button.kxi-filter-active:hover {
  background: var(--primary-light-70);
}
.kxi-button.kxi-filter-button.kxi-filter-active:active,
.kxi-button.kxi-filter-button.kxi-filter-active .kxi-close-icon.active {
  background: var(--primary-light-50);
}
.kxi-button.kxi-filter-button.kxi-filter-focused {
  color: var(--contrast-primary);
  background: var(--primary);
  border: 1px solid var(--primary);
}
.kxi-button.kxi-filter-button.kxi-filter-focused:active,
.kxi-button.kxi-filter-button.kxi-filter-focused .kxi-close-icon.active {
  background: var(--primary-dark-55);
}
.kxi-button.kxi-filter-button.kxi-filter-focused:hover {
  background: var(--primary);
}
.kxi-button.kxi-filter-button.kxi-filter-focused.kxi-high-contrast {
  color: var(--secondary);
}
.kxi-button.kxi-circle {
  border-radius: 50%;
}
.kxi-button.kxi-shadows {
  box-shadow: var(--shadow-down-2);
}
.kxi-button.kxi-shadows:hover {
  box-shadow: var(--shadow-down-3);
}
.kxi-button.kxi-shadows:active {
  box-shadow: var(--shadow-down-1);
}
.kxi-button.kxi-shadows-deep {
  box-shadow: var(--shadow-down-3);
}
.kxi-button.kxi-shadows-deep:hover {
  box-shadow: var(--shadow-down-6);
}
.kxi-button.kxi-shadows-deep:active {
  box-shadow: var(--shadow-down-2);
}
.kxi-button.kxi-button-fill {
  background: var(--kxi-btn-fill-bg-inactive);
  color: var(--kxi-btn-fill-color);
}
.kxi-button.kxi-button-fill:not(.kxi-button-appear-inert):hover,
.kxi-button.kxi-button-fill:not(.kxi-button-appear-inert):focus-visible {
  background: var(--kxi-btn-fill-bg-hover);
}
.kxi-button.kxi-button-fill:not(.kxi-button-appear-inert):active,
.kxi-button.kxi-button-fill:not(.kxi-button-appear-inert) .kxi-close-icon.active {
  background: var(--kxi-btn-fill-bg-active);
}
.kxi-button.kxi-button-fill.kxi-button-appear-inert {
  cursor: default;
}
.kxi-button.kxi-button-fill:not(.kxi-tone-light) {
  --kxi-btn-fill-bg-inactive: var(--primary);
  --kxi-btn-fill-color: var(--contrast-primary);
  --kxi-btn-fill-bg-hover: var(--primary-light-15);
  --kxi-btn-fill-bg-active: var(--primary-dark-15);
}
.kxi-button.kxi-button-fill.kxi-tone-light {
  --kxi-btn-fill-bg-inactive: var(--primary-light-80);
  --kxi-btn-fill-color: var(--secondary);
  --kxi-btn-fill-bg-hover: var(--primary-light-70);
  --kxi-btn-fill-bg-active: var(--primary-light-50);
}
.kxi-button.kxi-button-outline:not(.kxi-tone-light) {
  border: 1px solid var(--primary);
}
.kxi-button.kxi-button-outline.kxi-tone-light {
  border: 1px solid var(--primary-light-50);
}
.kxi-button.kxi-button-outline.kxi-filter-button {
  border: 1px solid var(--primary-light-50);
}
.kxi-button.kxi-button-text.kxi-button-state-active {
  background: var(--primary-light-90);
}
.kxi-button.kxi-button-text:hover,
.kxi-button.kxi-button-text:active,
.kxi-button.kxi-button-text .kxi-close-icon.active,
.kxi-button.kxi-button-outline:hover,
.kxi-button.kxi-button-outline:active,
.kxi-button.kxi-button-outline .kxi-close-icon.active {
  background: var(--primary-light-95);
}
.kxi-button.kxi-button-no-fill:hover {
  --primary: var(--primary-light-15);
}
.kxi-button.kxi-button-no-fill:active {
  --primary: var(--primary-dark-15);
}
.kxi-button.kxi-fab,
.kxi-button.kxi-icon-button {
  perspective: 1px;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.kxi-button.kxi-fab.kxi-xxlarge,
.kxi-button.kxi-icon-button.kxi-xxlarge {
  max-width: 54px;
}
.kxi-button.kxi-fab.kxi-xlarge,
.kxi-button.kxi-icon-button.kxi-xlarge {
  max-width: 48px;
}
.kxi-button.kxi-fab.kxi-large,
.kxi-button.kxi-icon-button.kxi-large {
  max-width: 42px;
}
.kxi-button.kxi-fab.kxi-normal,
.kxi-button.kxi-icon-button.kxi-normal {
  max-width: 36px;
}
.kxi-button.kxi-tile-button {
  cursor: default;
  flex-direction: column;
}
.kxi-button.kxi-tile-button:focus-visible.kxi-tile-button-has-corner-control {
  outline-offset: 6px;
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper .kxi-tile-button-corner-control {
  box-sizing: unset;
  min-height: 24px;
  min-width: 24px;
  position: absolute;
  top: -6px;
  right: -6px;
  border: 2px solid #fff;
  border-radius: 24px;
  background-color: var(--primary);
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper .kxi-tile-button-corner-control .kxi-icon::before {
  line-height: 18px;
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper.kxi-tile-button-has-label {
  padding-bottom: 6px;
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-wrapper.kxi-tile-button-has-label.kxi-tile-button-has-shadows {
  padding-bottom: 12px;
}
.kxi-button.kxi-tile-button .kxi-tile-button-tile-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.kxi-button.kxi-tile-button .kxi-label {
  display: block;
}
.kxi-button.kxi-tile-button .kxi-label:not(.kxi-disabled) {
  cursor: pointer;
}
.kxi-button.kxi-tile-button .kxi-label.kxi-label-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kxi-close-icon {
  cursor: pointer;
  border-radius: 18px;
}
.kxi-unstyled-button {
  border: none;
  margin: 0;
  padding: 0;
  padding-block: 0;
  padding-inline: 0;
  background-color: rgba(0, 0, 0, 0);
}
.kxi-base-button {
  color: var(--primary);
  font-size: var(--kxi-font-size);
  border-radius: inherit;
}
.kxi-base-button.kxi-high-contrast {
  background-color: var(--contrast-primary);
}
.kxi-base-button.kxi-disabled {
  opacity: .4;
}
.kxi-base-button:not(:disabled) {
  cursor: pointer;
}
.kxi-base-button:not(:disabled):hover {
  color: var(--contrast-primary);
  background-color: var(--primary-light-15);
}
.kxi-base-button:not(:disabled):hover.kxi-high-contrast {
  color: var(--primary);
  background-color: var(--contrast-light-15);
}
.kxi-base-button:not(:disabled):active {
  color: var(--contrast-primary);
  background-color: var(--primary-light-30);
}
.kxi-base-button:not(:disabled):active.kxi-high-contrast {
  color: var(--primary);
  background-color: var(--contrast-light-30);
}
.kxi-calendar-component-wrapper {
  background: #fff;
  border-radius: 6px;
  padding: 12px 0;
  width: 294px;
  min-width: 294px;
  height: 525px;
  min-height: 525px;
  overflow: hidden;
}
.kxi-calendar-component-wrapper:not(div:only-child) {
  border-radius: 6px 6px 0 0;
}
.kxi-calendar-component-wrapper.kxi-calendar-padding {
  padding: 12px;
}
.kxi-calendar-component-wrapper .kxi-calendar-day {
  color: var(--primary-light-30);
}
.kxi-calendar-component-wrapper.kxi-high-contrast {
  background: var(--contrast-primary);
}
.kxi-calendar-component-wrapper.kxi-high-contrast .kxi-calendar-day {
  color: var(--contrast-light-70);
}
.kxi-calendar-component-wrapper .kxi-custom-relative-date-selector {
  display: flex;
  align-items: stretch;
  padding-top: 12px;
}
.kxi-calendar-component-wrapper .kxi-custom-relative-date-selector .kxi-custom-relative-date-selector-last {
  padding-right: 12px;
  padding-top: 9px;
}
.kxi-calendar-component-wrapper .kxi-custom-relative-date-selector .kxi-custom-relative-date-selector-value-wrapper {
  padding-right: 6px;
}
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs {
  padding-top: 18px;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  gap: 6px;
  align-items: center;
}
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-value,
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-label {
  color: var(--primary-light-30);
  font-weight: 600;
  justify-self: center;
}
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-label.kxi-high-contrast {
  color: #fff;
}
.kxi-calendar-component-wrapper .kxi-calendar-relative-inputs .kxi-calendar-relative-inputs-value.kxi-high-contrast {
  color: var(--contrast-light-70);
}
.kxi-calendar-component-wrapper .kxi-calendar-input {
  text-align: center;
}
.kxi-calendar-component-wrapper .kxi-calendar-switch-wrapper {
  margin: auto;
  min-width: 75%;
  max-width: 100%;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin: 0 0 -12px 0;
  width: 101%;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields ::selection {
  background: rgba(0, 0, 0, 0);
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields :-webkit-autofill {
  box-shadow: 0 0 0 30px inset var(--contrast-primary);
  background-clip: border-box;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields :-webkit-autofill:hover:not(:focus) {
  box-shadow: 0 0 0 30px inset var(--contrast-primary), 0 0 0 1px var(--primary) !important;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields :-webkit-autofill:focus,
.kxi-calendar-component-wrapper .kxi-calendar-input-fields :-webkit-autofill:active {
  box-shadow: 0 0 0 1px var(--primary);
  background-clip: border-box;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields .kxi-focused {
  box-shadow: 0 0 0 1px var(--primary);
  background: var(--color-text-highlight);
  background-clip: border-box;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields .kxi-focused.kxi-high-contrast {
  background: #66737e;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields.kxi-calendar-list {
  justify-content: center;
  margin-top: 39px;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields .kxi-calendar-dark {
  color: var(--primary-light-40);
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields p {
  color: var(--primary);
  margin: 45px 6px 12px 6px;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields p.kxi-high-contrast {
  color: #fff;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-wrapper {
  display: flex;
  flex-direction: column;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-wrapper .kxi-calendar-labels {
  display: flex;
  justify-content: space-around;
  margin-top: 18px;
  margin-bottom: 3px;
  color: var(--primary-light-30);
}
.kxi-calendar-component-wrapper .kxi-calendar-input-wrapper .kxi-calendar-labels.kxi-high-contrast {
  color: var(--contrast-light-70);
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper {
  background: rgba(0, 0, 0, 0);
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: relative;
  max-height: 100%;
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper.kxi-calendar-list {
  padding: 6px 12px 18px 6px;
  display: block;
  height: 84%;
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper.kxi-high-contrast {
  background: var(--contrast-primary);
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper .kxi-calendar-list-item.kxi-calendar-custom-list-item.kxi-list-item {
  position: relative;
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper .kxi-calendar-list-item.kxi-calendar-custom-list-item .kxi-list-item-checkmark-wrapper {
  position: absolute;
  padding: 0;
  top: var(--kxi-list-item-vertical-padding);
  right: var(--kxi-list-item-vertical-padding);
}
.kxi-calendar-component-wrapper .kxi-calendar-wrapper .kxi-calendar-list-item:focus-visible {
  outline-offset: 0 !important;
}
.kxi-calendar-component-wrapper .kxi-calendar-border {
  border: 1px solid var(--primary-light-80);
}
.kxi-calendar-component-wrapper.kxi-shadow {
  box-shadow: var(--shadow-down-4);
}
.kxi-calendar-component-wrapper .kxi-none {
  border: unset;
  box-shadow: unset;
}
@media (max-width: 480px) {
  .kxi-calendar-component-wrapper {
    min-width: 252px;
    height: 474px;
    min-height: 474px;
  }
}
.kxi-calendars-wrapper {
  width: 100%;
  box-sizing: border-box;
  height: 414px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
.kxi-calendars-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 9px 0 12px;
  padding: 0 4px;
}
.kxi-calendars-title.kxi-high-contrast .icon-button-wrapper-text:hover {
  background: var(--contrast-light-15);
}
.kxi-calendars-title.kxi-high-contrast .icon-button-wrapper-text:active {
  background: var(--contrast-light-30);
}
.kxi-grids-wrapper {
  display: flex;
  text-align: center;
  flex-direction: column;
  position: absolute;
  top: 18px;
}
.kxi-calendar-transition {
  transition: left 500ms;
}
.kxi-arrow-disabled svg {
  fill: var(--disabled-border);
}
.kxi-calendar-arrow svg {
  fill: var(--primary);
}
.kxi-calendar-html {
  text-align: center;
}
@media (max-width: 480px) {
  .kxi-calendar-input-fields input {
    --kxi-font-size: 0.75rem;
    --kxi-line-height: 1.5em;
    font-size: var(--kxi-font-size);
    line-height: var(--kxi-line-height);
  }
  .kxi-calendar-input-fields input::placeholder {
    --kxi-font-size: 0.75rem;
    --kxi-line-height: 1.5em;
    font-size: var(--kxi-font-size);
    line-height: var(--kxi-line-height);
  }
}
.kxi-calendar-grid-wrapper {
  --calendar-grid-cell-size: 42px;
  grid-template-rows: repeat(1, var(--calendar-grid-cell-size));
}
.kxi-calendar-grid-wrapper span {
  grid-template-rows: repeat(6, var(--calendar-grid-cell-size));
}
.kxi-calendar-grid-wrapper,
.kxi-calendar-grid-wrapper span {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(7, var(--calendar-grid-cell-size));
  grid-row-gap: 3px;
  position: relative;
}
.kxi-calendar-hr {
  border-style: none;
  position: absolute;
  background: #dadada;
  top: 18px;
  margin-top: 20px;
  width: 100%;
  height: 1px;
}
.kxi-calendar-hr.kxi-high-contrast {
  background: #66737e;
}
.kxi-date-span {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
}
.kxi-date-span:focus-visible {
  outline-offset: 0 !important;
}
.kxi-hidden-date-span {
  cursor: "";
  pointer-events: none;
}
.kxi-first-date-hover:hover {
  color: var(--color-white) !important;
  background: var(--primary) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}
.kxi-second-date-hover:hover {
  color: var(--primary) !important;
  box-shadow: none !important;
}
.kxi-date-disabled {
  cursor: auto;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-todays-date-normal {
  border: 1px solid var(--primary);
}
.kxi-todays-date-high {
  border: 1px solid var(--color-white);
}
@media (max-width: 480px) {
  .kxi-calendar-grid-wrapper {
    --calendar-grid-cell-size: 36px;
  }
  .kxi-calendar-grid-wrapper span {
    margin-top: 3px;
  }
}
.kxi-calendar-modal-wrapper {
  width: 294px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}
.kxi-calendar-modal-option-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
  height: 100%;
}
.kxi-modal-calendar-hr {
  width: 90%;
  margin-bottom: 12px;
  top: 24px;
  left: 18px;
}
.kxi-calendar-modal-heading-button {
  display: flex;
  justify-content: center;
  flex: 1 1;
  margin: 6px 9px;
  flex-basis: 25%;
  height: unset;
  border-radius: 66px;
}
.kxi-calendar-modal-heading-button.kxi-high-contrast:not(:disabled) {
  --primary: var(--primary-light-80);
}
.kxi-calendar-modal-heading-button.kxi-calendar-modal-heading-button-selected {
  background-color: #253746;
  color: #fff;
}
.kxi-calendar-modal-heading-button.kxi-calendar-modal-heading-button-selected.kxi-high-contrast {
  background-color: #fff;
  color: #253746;
}
@media (max-width: 480px) {
  .kxi-calendar-modal-wrapper {
    width: 252px;
  }
}
.kxi-calendar-popout-wrapper .kxi-calendar-popout-dropper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kxi-calendar-popout-wrapper .kxi-calendar-popout-dropper:hover {
  cursor: pointer;
}
.kxi-calendar-popout-wrapper .kxi-calendar-popout-dropper .kxi-calendar-dropper-placeholder {
  color: var(--secondary-light-30);
}
.kxi-calendar-popout-wrapper .kxi-calendar-popout-dropper .kxi-calendar-dropper-value {
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.kxi-calendar-popout-footer-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--color-white);
  border-top: 1px solid var(--primary-light-80);
  padding: 9px 18px;
  border-radius: 0 0 6px 6px;
}
.kxi-calendar-popout-footer-buttons > div:first-of-type {
  margin-right: 12px;
}
.kxi-calendar-popout-footer-buttons.kxi-high-contrast {
  background: var(--contrast-primary);
  border-top: 1px solid var(--contrast-light-30);
}
.kxi-empty-comments {
  border-top: 1px solid var(--secondary-light-80);
  margin-bottom: 24px;
  padding-top: 6px;
}
.kxi-comment-wrapper {
  container-type: inline-size;
  padding-bottom: 24px;
  position: relative;
}
.kxi-comment-wrapper .kxi-tag-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
}
.kxi-comment-wrapper .kxi-tag-object-wrapper {
  margin-right: 10px;
  display: table;
  margin-top: 12px;
}
.kxi-comment-wrapper .kxi-tag-add-tag-outer-wrapper {
  margin-top: 12px;
}
.kxi-comment-wrapper .kxi-tag-add-tag-inner-wrapper .kxi-button:disabled {
  opacity: 1;
}
.kxi-comment-wrapper .kxi-tag-add-tag-button {
  min-width: unset;
  height: 20px;
}
.kxi-comment-wrapper .kxi-tag-add-tag-button span {
  min-width: unset;
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.kxi-comment-wrapper .kxi-add-tag-box-position-set {
  position: relative;
}
.kxi-comment-wrapper .kxi-tags-print-view {
  font-size: 0.875rem;
}
.kxi-comment-wrapper .kxi-tags-print-view .kxi-tag-object-wrapper {
  margin: 0;
}
.kxi-comment-wrapper .kxi-tags-print-view .kxi-tags-tab:not(:last-of-type) {
  margin-bottom: 12px;
}
.kxi-comment-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-tab-label {
  margin-bottom: 6px;
}
.kxi-comment-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kxi-comment-wrapper .kxi-tag-item-sentiment-bar {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--primary);
}
.kxi-comment-wrapper .kxi-tag-item-button-wrapper {
  display: inline-flex;
  flex-direction: column;
}
.kxi-comment-wrapper .kxi-tag-item-button {
  word-break: break-word;
  min-width: unset;
}
.kxi-comment-wrapper .kxi-tag-item-button span {
  min-width: unset;
}
.kxi-comment-wrapper .kxi-tag-item-user-tag {
  --kxi-btn-fill-bg-inactive: var(--primary-light-70);
  --kxi-btn-fill-bg-hover: var(--primary-light-80);
}
.kxi-comment-wrapper.kxi-comment-isolated {
  background: var(--contrast-primary);
}
.kxi-comment-wrapper .kxi-sentiment-section-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.kxi-comment-wrapper .kxi-sentiment-section-wrapper > * {
  flex-grow: 0;
}
.kxi-comment-wrapper .kxi-sentiment-button {
  width: 100%;
}
.kxi-comment-wrapper .kxi-comment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--secondary-light-80);
  padding-bottom: 6px;
}
.kxi-comment-wrapper .kxi-comment-header.more {
  border-bottom: 2px solid var(--secondary);
}
.kxi-comment-wrapper .kxi-comment-header .kxi-comment-more-wrapper {
  align-self: flex-end;
}
.kxi-comment-wrapper .kxi-comment-header .kxi-comment-more-wrapper.more {
  font-weight: 600;
}
.kxi-comment-wrapper .kxi-comment-section-hidden {
  display: none;
}
.kxi-comment-wrapper .kxi-comment-body {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.kxi-comment-wrapper .kxi-comment-body.show-column {
  flex-direction: column;
}
.kxi-comment-wrapper .kxi-comment-body.show-column .xi-comment-text {
  width: 100%;
  min-width: 100%;
}
.kxi-comment-wrapper .kxi-comment-body.show-column .kxi-comment-media-wrapper {
  width: 100%;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  min-width: 66.66%;
  padding-right: 15px;
  margin-right: 15px;
  box-sizing: border-box;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  background: rgba(0, 0, 0, 0);
  width: 101%;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-wrapper .kxi-visible-text {
  z-index: 1;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-item {
  position: relative;
  display: inline;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-item.kxi-comment-text-has-sentiment {
  background-color: var(--primary-light-90);
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-item.kxi-tag-selected {
  text-shadow: 1px 0 0 var(--primary);
  background-color: unset;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-comment-text-item.kxi-comment-text-active {
  border-bottom: 3px solid;
  border-bottom-color: var(--primary-dark-15);
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-text .kxi-tag {
  background-color: unset;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-media-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  height: 100%;
  width: 100%;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-media-wrapper > .orca {
  width: 100%;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-media-wrapper .kxi-media-actions-wrapper {
  display: flex;
  justify-content: flex-end;
  column-gap: 6px;
  flex-wrap: wrap;
}
.kxi-comment-wrapper .kxi-comment-body .kxi-comment-media-wrapper .kxi-image-carousel-wrapper {
  min-height: 122px;
  min-width: 216px;
}
.kxi-comment-wrapper .kxi-comment-expandable {
  display: flex;
  transition: height .15s ease;
  margin-top: 18px;
  border-radius: 6px;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper {
  box-sizing: border-box;
  border-right: 1px solid var(--primary-light-80);
  padding: 6px 0 0;
  color: var(--primary);
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 400;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper:not(.kxi-comment-tags-new) {
  width: calc(60% - 24px);
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper.kxi-comment-tags-new {
  flex: 1;
  min-width: 60%;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper.kxi-stretch-width {
  width: calc(100% - 24px);
  border-right: none;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-comment-tags {
  padding-top: 10px;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-comment-tags-header-condensed {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-comment-tags-header-condensed.kxi-comment-isolated {
  cursor: auto;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-comment-tags-text-wrapper {
  cursor: pointer;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-comment-tags-text-wrapper.kxi-comment-isolated {
  cursor: auto;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper .kxi-tab-bar-text-container {
  font-size: 0.875rem;
  font-weight: bold;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper {
  height: fit-content;
  box-sizing: border-box;
  padding: 10px;
  padding-left: 0;
  color: var(--primary);
  letter-spacing: 0;
  line-height: 1.2;
  font-size: 0.875rem;
  font-weight: 400;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper:not(.kxi-comment-tags-new) {
  width: calc(100% - 24px);
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper.kxi-comment-tags-new {
  max-width: min(400px, 60%);
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper:not(:first-child):not(.kxi-comment-tags-new) {
  padding-left: 20px;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper:not(:first-child).kxi-comment-tags-new {
  padding-left: 11px;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .sentiment-buttons {
  display: flex;
  justify-content: space-between;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-text {
  cursor: pointer;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-text.kxi-comment-tags-new {
  display: flex;
  justify-content: space-between;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-text.kxi-comment-isolated {
  cursor: auto;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-wrapper {
  margin-top: 13px;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-expand-arrow {
  margin-top: 10px;
  align-self: flex-start;
  transform: rotate(0deg);
  transition: transform .15s ease;
  cursor: pointer;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-expand-arrow.kxi-comment-tags-new {
  margin-top: 0;
}
.kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-expand-arrow.expanded {
  transform: rotate(180deg);
}
.kxi-comment-wrapper .kxi-comment-expandable .bold {
  font-weight: 600;
}
.kxi-comment-wrapper .kxi-comment-text-box-wrapper {
  min-width: 200px;
  position: relative;
}
.kxi-comment-wrapper .kxi-comment-text-box-wrapper .kxi-comment-text-box {
  z-index: 1000;
  overflow: hidden;
  position: absolute;
  margin-top: 7px;
  background-color: var(--contrast-primary);
  padding: 6px 12px 6px 12px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .18), 0 0 3px 0 rgba(0, 0, 0, .18);
  border-radius: 3px;
}
.kxi-comment-wrapper .kxi-comment-text-box-wrapper .kxi-comment-text-box .kxi-comment-text-box-inner-text {
  line-height: 1.5;
  font-size: 0.75rem;
  text-align: left;
}
.kxi-comment-print-view-wrapper .kxi-tag-wrapper {
  display: inline-flex;
  flex-wrap: wrap;
}
.kxi-comment-print-view-wrapper .kxi-tag-object-wrapper {
  margin-right: 10px;
  display: table;
  margin-top: 12px;
}
.kxi-comment-print-view-wrapper .kxi-tag-add-tag-outer-wrapper {
  margin-top: 12px;
}
.kxi-comment-print-view-wrapper .kxi-tag-add-tag-inner-wrapper .kxi-button:disabled {
  opacity: 1;
}
.kxi-comment-print-view-wrapper .kxi-tag-add-tag-button {
  min-width: unset;
  height: 20px;
}
.kxi-comment-print-view-wrapper .kxi-tag-add-tag-button span {
  min-width: unset;
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.kxi-comment-print-view-wrapper .kxi-add-tag-box-position-set {
  position: relative;
}
.kxi-comment-print-view-wrapper .kxi-tags-print-view {
  font-size: 0.875rem;
}
.kxi-comment-print-view-wrapper .kxi-tags-print-view .kxi-tag-object-wrapper {
  margin: 0;
}
.kxi-comment-print-view-wrapper .kxi-tags-print-view .kxi-tags-tab:not(:last-of-type) {
  margin-bottom: 12px;
}
.kxi-comment-print-view-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-tab-label {
  margin-bottom: 6px;
}
.kxi-comment-print-view-wrapper .kxi-tags-print-view .kxi-tags-tab .kxi-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kxi-comment-print-view-wrapper .kxi-tag-item-sentiment-bar {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 6px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--primary);
}
.kxi-comment-print-view-wrapper .kxi-tag-item-button-wrapper {
  display: inline-flex;
  flex-direction: column;
}
.kxi-comment-print-view-wrapper .kxi-tag-item-button {
  word-break: break-word;
  min-width: unset;
}
.kxi-comment-print-view-wrapper .kxi-tag-item-button span {
  min-width: unset;
}
.kxi-comment-print-view-wrapper .kxi-tag-item-user-tag {
  --kxi-btn-fill-bg-inactive: var(--primary-light-70);
  --kxi-btn-fill-bg-hover: var(--primary-light-80);
}
.kxi-comment-print-view-wrapper * {
  font-size: 0.875rem;
}
.kxi-comment-print-view-wrapper .kxi-comment-prompt-label:not(:last-child) {
  padding-bottom: 6px;
  line-height: 1.2;
  border-bottom: 1px solid #b4b4b4;
  margin-bottom: 6px;
}
.kxi-comment-print-view-wrapper .kxi-comment-text {
  font-size: 1rem;
}
.kxi-comment-print-view-wrapper .kxi-comment-text:not(:last-child) {
  margin-bottom: 18px;
}
.kxi-comment-print-view-wrapper .kxi-comment-media-wrapper:not(:last-child) {
  margin-bottom: 30px;
}
.kxi-comment-print-view-wrapper .kxi-comment-sentiment:not(:last-child) {
  margin-bottom: 18px;
}
.kxi-add-tag-box-outer {
  display: inline-flex;
  align-items: center;
  min-width: 296px;
  background-color: var(--contrast-primary);
}
.kxi-add-tag-box-outer.kxi-add-tag-box-disabled {
  align-items: flex-start;
}
.kxi-add-tag-box-outer.kxi-add-tag-box-disabled .kxi-add-tag-box-button-div:not(.kxi-add-tag-box-button-div-with-trash) {
  margin-top: 3px;
}
.kxi-add-tag-box-button-div {
  display: inline-flex;
  margin: 0 6px;
}
.kxi-add-tag-box-button-div-with-trash {
  justify-content: space-between;
  align-items: center;
}
.kxi-add-tag-box-button-div-with-trash .kxi-icon-button {
  margin-left: 6px;
}
.kxi-add-tag-box-button-div-without-trash {
  justify-content: flex-end;
}
.kxi-add-tag-box-cancel-button {
  margin-right: 18px;
}
@container (max-width: 480px) {
  .kxi-comment-wrapper .kxi-comment-body {
    flex-flow: column wrap;
    justify-content: center;
    padding-bottom: 12px;
  }
  .kxi-comment-wrapper .kxi-comment-body .kxi-comment-text {
    width: 100%;
    min-width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }
  .kxi-comment-wrapper .kxi-comment-body .kxi-comment-more-wrapper {
    margin-top: 12px;
  }
  .kxi-comment-wrapper .kxi-comment-media-wrapper {
    align-self: center;
    margin-top: 24px;
  }
  .kxi-comment-wrapper .kxi-comment-expandable {
    flex-direction: column;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper {
    padding-left: 0 !important;
    padding: 18px 0 0;
    width: 100% !important;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper.kxi-comment-sentiment-hide {
    padding: 0 !important;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-wrapper {
    margin-top: 6px;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-wrapper .kxi-sentiment-section-wrapper {
    width: 100%;
    flex-wrap: nowrap;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-wrapper .kxi-sentiment-section-wrapper > div {
    margin: 0;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-sentiment-section-wrapper .kxi-comment-sentiment-wrapper .kxi-sentiment-section-wrapper > div:nth-child(2) {
    margin: 0 6px 0;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper {
    border-right: unset;
    border-bottom: unset;
    width: 100%;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-tags-wrapper.expanded {
    border-bottom: 1px solid var(--primary-light-80);
    padding-bottom: 18px;
  }
  .kxi-comment-wrapper .kxi-comment-expandable .kxi-comment-expand-arrow {
    margin-top: -3px;
  }
}
.kxi-comment-text .kxi-comment-text--sentiment-slice {
  line-height: 1.5em;
}
.kxi-comment-text .kxi-comment-text--sentiment-slice.kxi-comment-text--sentiment-slice-has-sentiment {
  background-color: var(--primary-light-90);
}
.kxi-comment-text .kxi-comment-text--sentiment-slice.kxi-comment-text--sentiment-slice-has-sentiment:hover {
  text-decoration: underline solid var(--primary) 2px;
}
.kxi-comment-text .kxi-comment-text--sentiment-slice.kxi-comment-text--sentiment-slice-has-sentiment:hover mark {
  text-decoration: underline solid var(--primary) 2px;
}
.kxi-experience-card {
  container-type: inline-size;
  background: var(--contrast-primary);
  max-width: 1024px;
  min-width: 280px;
  width: 100%;
  border-radius: 6px;
  box-shadow: var(--shadow-down-2);
  box-sizing: border-box;
  position: relative;
  background-clip: padding-box;
}
.kxi-experience-card .kxi-pipe {
  color: var(--secondary-light-80);
}
.kxi-experience-card.kxi-invalid {
  --contrast-primary: var(--color-silver);
}
.kxi-experience-card.kxi-invalid p,
.kxi-experience-card.kxi-invalid h4 {
  --font-color: var(--secondary);
}
.kxi-experience-card .kxi-card-inner-wrapper {
  width: 100%;
}
.kxi-experience-card .kxi-card-inner-wrapper .kxi-comments-wrapper {
  padding: 0 24px;
}
.kxi-experience-card .kxi-card-inner-wrapper .kxi-comments-wrapper.kxi-comment-indent-left {
  padding-left: 60px;
}
.kxi-experience-card.collapsed,
.kxi-experience-card.kxi-invalid {
  min-height: unset;
  padding-bottom: 0;
}
.kxi-experience-card.collapsed .kxi-inner-wrapper .kxi-subtitle-wrapper .kxi-checkbox-wrapper .kxi-text-wrapper .kxi-meta {
  margin-bottom: 18px;
}
.kxi-experience-card .kxi-extra-header-padding {
  height: 8px;
}
.kxi-experience-card .kxi-footer {
  height: 55px;
  border-top: 1px solid var(--secondary-light-80);
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.kxi-experience-card .kxi-footer button {
  margin: 0 24px;
}
.kxi-experience-card .kxi-footer.disabled {
  height: 0;
  border-top: none;
}
@container (max-width: 480px) {
  .kxi-experience-card .kxi-inner-wrapper .kxi-text-wrapper {
    padding-left: 0;
  }
  .kxi-experience-card .kxi-card-inner-wrapper .kxi-comments-wrapper.kxi-comment-indent-left {
    padding-left: 24px;
  }
  .kxi-experience-card .kxi-card-inner-wrapper .kxi-comments-wrapper .kxi-comment-body {
    flex-direction: column;
  }
  .kxi-experience-card .kxi-card-inner-wrapper .kxi-footer {
    justify-content: flex-start;
  }
}
.kxi-meta {
  margin: 0;
  margin-bottom: 18px;
}
.kxi-meta span,
.kxi-meta a {
  color: var(--secondary-light-30);
}
.kxi-meta.kxi-expired-meta span,
.kxi-meta a {
  color: var(--secondary-light-15);
}
.cx {
  --primary-light-95: #f2f7ff;
  --primary-light-90: #e6eeff;
  --primary-light-80: #ccdeff;
  --primary-light-70: #b3cdff;
  --primary-light-60: #99bcff;
  --primary-light-50: #80acff;
  --primary-light-40: #669bff;
  --primary-light-30: #4d8aff;
  --primary-light-15: #2671ff;
  --primary: #0058ff;
  --primary-dark-15: #004bd9;
  --primary-dark-40: #003599;
  --primary-dark-55: #002873;
  --gradient:
    linear-gradient(
      90deg,
      #0058ff 0%,
      #253746 200%);
}
.cx .kxi-high-contrast,
.cx.kxi-high-contrast {
  --contrast-light-95: #f2f7ff;
  --contrast-light-90: #e6eeff;
  --contrast-light-80: #ccdeff;
  --contrast-light-70: #b3cdff;
  --contrast-light-60: #99bcff;
  --contrast-light-50: #80acff;
  --contrast-light-40: #669bff;
  --contrast-light-30: #4d8aff;
  --contrast-light-15: #2671ff;
  --contrast-primary: #0058ff;
  --contrast-dark-15: #004bd9;
  --contrast-dark-40: #003599;
  --contrast-dark-55: #002873;
}
.ex {
  --primary-light-95: #f9f4ff;
  --primary-light-90: #f3e9ff;
  --primary-light-80: #e8d4ff;
  --primary-light-70: #dcbeff;
  --primary-light-60: #d1a8ff;
  --primary-light-50: #c592ff;
  --primary-light-40: #ba7dff;
  --primary-light-30: #ae67ff;
  --primary-light-15: #813fcc;
  --primary: #531799;
  --primary-dark-15: #471482;
  --primary-dark-40: #320e5c;
  --primary-dark-55: #250a45;
  --gradient:
    linear-gradient(
      90deg,
      #531799 0%,
      #253746 200%);
}
.ex .kxi-high-contrast,
.ex.kxi-high-contrast {
  --contrast-light-95: #f9f4ff;
  --contrast-light-90: #f3e9ff;
  --contrast-light-80: #e8d4ff;
  --contrast-light-70: #dcbeff;
  --contrast-light-60: #d1a8ff;
  --contrast-light-50: #c592ff;
  --contrast-light-40: #ba7dff;
  --contrast-light-30: #ae67ff;
  --contrast-light-15: #813fcc;
  --contrast-primary: #531799;
  --contrast-dark-15: #471482;
  --contrast-dark-40: #320e5c;
  --contrast-dark-55: #250a45;
}
.mx {
  --primary-light-95: #effaf8;
  --primary-light-90: #dff5f2;
  --primary-light-80: #bfeae4;
  --primary-light-70: #9fe0d7;
  --primary-light-60: #7ed5ca;
  --primary-light-50: #5ecbbd;
  --primary-light-40: #3ec0af;
  --primary-light-30: #1eb6a2;
  --primary-light-15: #1a9b8a;
  --primary: #158072;
  --primary-dark-15: #126d61;
  --primary-dark-40: #0d4d44;
  --primary-dark-55: #093a33;
  --gradient:
    linear-gradient(
      90deg,
      #158072 0%,
      #253746 200%);
}
.mx .kxi-high-contrast,
.mx.kxi-high-contrast {
  --contrast-light-95: #effaf8;
  --contrast-light-90: #dff5f2;
  --contrast-light-80: #bfeae4;
  --contrast-light-70: #9fe0d7;
  --contrast-light-60: #7ed5ca;
  --contrast-light-50: #5ecbbd;
  --contrast-light-40: #3ec0af;
  --contrast-light-30: #1eb6a2;
  --contrast-light-15: #1a9b8a;
  --contrast-primary: #158072;
  --contrast-dark-15: #126d61;
  --contrast-dark-40: #0d4d44;
  --contrast-dark-55: #093a33;
}
.px {
  --primary-light-95: #faf3f7;
  --primary-light-90: #f5e8ef;
  --primary-light-80: #ebd0df;
  --primary-light-70: #e0b9cf;
  --primary-light-60: #d6a1bf;
  --primary-light-50: #cc8aaf;
  --primary-light-40: #c2739f;
  --primary-light-30: #b85b8f;
  --primary-light-15: #a83877;
  --primary: #99155f;
  --primary-dark-15: #821251;
  --primary-dark-40: #5c0d39;
  --primary-dark-55: #45092b;
  --gradient:
    linear-gradient(
      90deg,
      #99155f 0%,
      #253746 200%);
}
.px .kxi-high-contrast,
.px.kxi-high-contrast {
  --contrast-light-95: #faf3f7;
  --contrast-light-90: #f5e8ef;
  --contrast-light-80: #ebd0df;
  --contrast-light-70: #e0b9cf;
  --contrast-light-60: #d6a1bf;
  --contrast-light-50: #cc8aaf;
  --contrast-light-40: #c2739f;
  --contrast-light-30: #b85b8f;
  --contrast-light-15: #a83877;
  --contrast-primary: #99155f;
  --contrast-dark-15: #821251;
  --contrast-dark-40: #5c0d39;
  --contrast-dark-55: #45092b;
}
.admin {
  --primary-light-95: #f4f6fb;
  --primary-light-90: #e9eff7;
  --primary-light-80: #d2dfee;
  --primary-light-70: #bbcfe6;
  --primary-light-60: #a3bdde;
  --primary-light-50: #8bacd5;
  --primary-light-40: #719acc;
  --primary-light-30: #5788c4;
  --primary-light-15: #296ab6;
  --primary: #024ea9;
  --primary-dark-15: #014392;
  --primary-dark-40: #012e6a;
  --primary-dark-55: #002252;
  --gradient:
    linear-gradient(
      90deg,
      #024ea9 0%,
      #253746 200%);
}
.admin .kxi-high-contrast,
.admin.kxi-high-contrast {
  --contrast-light-95: #f4f6fb;
  --contrast-light-90: #e9eff7;
  --contrast-light-80: #d2dfee;
  --contrast-light-70: #bbcfe6;
  --contrast-light-60: #a3bdde;
  --contrast-light-50: #8bacd5;
  --contrast-light-40: #719acc;
  --contrast-light-30: #5788c4;
  --contrast-light-15: #296ab6;
  --contrast-primary: #024ea9;
  --contrast-dark-15: #014392;
  --contrast-dark-40: #012e6a;
  --contrast-dark-55: #002252;
}
.orca,
.kxi-orca,
.kxi-inProgress {
  --primary-light-95: #f4f5f6;
  --primary-light-90: #e9ebed;
  --primary-light-80: #d3d7da;
  --primary-light-70: #bec3c8;
  --primary-light-60: #a8afb5;
  --primary-light-50: #929ba3;
  --primary-light-40: #7c8790;
  --primary-light-30: #66737e;
  --primary-light-15: #465562;
  --primary: #253746;
  --primary-dark-15: #1f2f3c;
  --primary-dark-40: #16212a;
  --primary-dark-55: #111920;
  --gradient:
    linear-gradient(
      90deg,
      #465562 0%,
      #16212a 200%);
}
.orca .kxi-high-contrast,
.orca.kxi-high-contrast,
.kxi-orca .kxi-high-contrast,
.kxi-orca.kxi-high-contrast,
.kxi-inProgress .kxi-high-contrast,
.kxi-inProgress.kxi-high-contrast {
  --contrast-light-95: #f4f5f6;
  --contrast-light-90: #e9ebed;
  --contrast-light-80: #d3d7da;
  --contrast-light-70: #bec3c8;
  --contrast-light-60: #a8afb5;
  --contrast-light-50: #929ba3;
  --contrast-light-40: #7c8790;
  --contrast-light-30: #66737e;
  --contrast-light-15: #465562;
  --contrast-primary: #253746;
  --contrast-dark-15: #1f2f3c;
  --contrast-dark-40: #16212a;
  --contrast-dark-55: #111920;
}
.kxi-warning {
  --primary-light-95: #fffbf4;
  --primary-light-90: #fef7ea;
  --primary-light-80: #fbe4bb;
  --primary-light-70: #f9d28c;
  --primary-light-60: #f6bf5d;
  --primary-light-50: #f3ac2e;
  --primary-light-40: #ef9c21;
  --primary-light-30: #ec8b14;
  --primary-light-15: #e67300;
  --primary: #b15800;
  --primary-dark-15: #964b00;
  --primary-dark-40: #6a3500;
  --primary-dark-55: #502800;
}
.kxi-warning .kxi-high-contrast,
.kxi-warning.kxi-high-contrast {
  --contrast-light-95: #fffbf4;
  --contrast-light-90: #fef7ea;
  --contrast-light-80: #fbe4bb;
  --contrast-light-70: #f9d28c;
  --contrast-light-60: #f6bf5d;
  --contrast-light-50: #f3ac2e;
  --contrast-light-40: #ef9c21;
  --contrast-light-30: #ec8b14;
  --contrast-light-15: #e67300;
  --contrast-primary: #b15800;
  --contrast-dark-15: #964b00;
  --contrast-dark-40: #6a3500;
  --contrast-dark-55: #502800;
}
.kxi-noSentiment {
  --primary: #ccdeff;
}
.kxi-noSentiment .kxi-high-contrast,
.kxi-noSentiment.kxi-high-contrast {
  --contrast-primary: #4d8aff;
}
.kxi-expired {
  --primary: #66737e;
}
.kxi-expired .kxi-high-contrast,
.kxi-expired.kxi-high-contrast {
  --contrast-primary: #66737e;
}
.kxi-very_negative {
  --primary-light-95: #fff6f5;
  --primary-light-90: #fff6f5;
  --primary-light-80: #feeceb;
  --primary-light-70: #f8d4d2;
  --primary-light-60: #f3bcb9;
  --primary-light-50: #eda4a1;
  --primary-light-40: #e88c88;
  --primary-light-30: #e2746f;
  --primary-light-15: #dc5c56;
  --primary: #d43831;
  --primary-dark-15: #ae2e29;
  --primary-dark-40: #942723;
  --primary-dark-55: #681c19;
}
.kxi-very_negative .kxi-high-contrast,
.kxi-very_negative.kxi-high-contrast {
  --contrast-light-95: #fff6f5;
  --contrast-light-90: #fff6f5;
  --contrast-light-80: #feeceb;
  --contrast-light-70: #f8d4d2;
  --contrast-light-60: #f3bcb9;
  --contrast-light-50: #eda4a1;
  --contrast-light-40: #e88c88;
  --contrast-light-30: #e2746f;
  --contrast-light-15: #dc5c56;
  --contrast-primary: #d43831;
  --contrast-dark-15: #ae2e29;
  --contrast-dark-40: #942723;
  --contrast-dark-55: #681c19;
}
.kxi-error,
.kxi-overdue,
.kxi-negative {
  --primary-light-95: #fff6f5;
  --primary-light-90: #feeceb;
  --primary-light-80: #f8d4d2;
  --primary-light-70: #f3bcb9;
  --primary-light-60: #eda4a1;
  --primary-light-50: #e88c88;
  --primary-light-40: #e2746f;
  --primary-light-30: #dc5c56;
  --primary-light-15: #d43831;
  --primary: #ae2e29;
  --primary-dark-15: #942723;
  --primary-dark-40: #681c19;
  --primary-dark-55: #4e1512;
}
.kxi-error .kxi-high-contrast,
.kxi-error.kxi-high-contrast,
.kxi-overdue .kxi-high-contrast,
.kxi-overdue.kxi-high-contrast,
.kxi-negative .kxi-high-contrast,
.kxi-negative.kxi-high-contrast {
  --contrast-light-95: #fff6f5;
  --contrast-light-90: #feeceb;
  --contrast-light-80: #f8d4d2;
  --contrast-light-70: #f3bcb9;
  --contrast-light-60: #eda4a1;
  --contrast-light-50: #e88c88;
  --contrast-light-40: #e2746f;
  --contrast-light-30: #dc5c56;
  --contrast-light-15: #d43831;
  --contrast-primary: #ae2e29;
  --contrast-dark-15: #942723;
  --contrast-dark-40: #681c19;
  --contrast-dark-55: #4e1512;
}
.kxi-neutral,
.kxi-grey {
  --primary-light-95: #f6f6f6;
  --primary-light-90: #ececec;
  --primary-light-80: #dadada;
  --primary-light-70: #c7c7c7;
  --primary-light-60: #b4b4b4;
  --primary-light-50: #a2a2a2;
  --primary-light-40: #8f8f8f;
  --primary-light-30: #7c7c7c;
  --primary-light-15: #606060;
  --primary: #444444;
  --primary-dark-15: #3a3a3a;
  --primary-dark-40: #292929;
  --primary-dark-55: #1f1f1f;
}
.kxi-neutral .kxi-high-contrast,
.kxi-neutral.kxi-high-contrast,
.kxi-grey .kxi-high-contrast,
.kxi-grey.kxi-high-contrast {
  --contrast-light-95: #f6f6f6;
  --contrast-light-90: #ececec;
  --contrast-light-80: #dadada;
  --contrast-light-70: #c7c7c7;
  --contrast-light-60: #b4b4b4;
  --contrast-light-50: #a2a2a2;
  --contrast-light-40: #8f8f8f;
  --contrast-light-30: #7c7c7c;
  --contrast-light-15: #606060;
  --contrast-primary: #444444;
  --contrast-dark-15: #3a3a3a;
  --contrast-dark-40: #292929;
  --contrast-dark-55: #1f1f1f;
}
.kxi-success,
.kxi-closed,
.kxi-positive {
  --primary-light-95: #f3fbf9;
  --primary-light-90: #e8f6f2;
  --primary-light-80: #cce8df;
  --primary-light-70: #b1d9cd;
  --primary-light-60: #95cbba;
  --primary-light-50: #7abda8;
  --primary-light-40: #5eaf95;
  --primary-light-30: #42a083;
  --primary-light-15: #198b67;
  --primary: #147255;
  --primary-dark-15: #116148;
  --primary-dark-40: #0c4433;
  --primary-dark-55: #093326;
}
.kxi-success .kxi-high-contrast,
.kxi-success.kxi-high-contrast,
.kxi-closed .kxi-high-contrast,
.kxi-closed.kxi-high-contrast,
.kxi-positive .kxi-high-contrast,
.kxi-positive.kxi-high-contrast {
  --contrast-light-95: #f3fbf9;
  --contrast-light-90: #e8f6f2;
  --contrast-light-80: #cce8df;
  --contrast-light-70: #b1d9cd;
  --contrast-light-60: #95cbba;
  --contrast-light-50: #7abda8;
  --contrast-light-40: #5eaf95;
  --contrast-light-30: #42a083;
  --contrast-light-15: #198b67;
  --contrast-primary: #147255;
  --contrast-dark-15: #116148;
  --contrast-dark-40: #0c4433;
  --contrast-dark-55: #093326;
}
.kxi-very_positive {
  --primary-light-95: #f3fbf9;
  --primary-light-90: #f3fbf9;
  --primary-light-80: #e8f6f2;
  --primary-light-70: #cce8df;
  --primary-light-60: #b1d9cd;
  --primary-light-50: #95cbba;
  --primary-light-40: #7abda8;
  --primary-light-30: #5eaf95;
  --primary-light-15: #42a083;
  --primary: #198b67;
  --primary-dark-15: #147255;
  --primary-dark-40: #116148;
  --primary-dark-55: #0c4433;
}
.kxi-very_positive .kxi-high-contrast,
.kxi-very_positive.kxi-high-contrast {
  --contrast-light-95: #f3fbf9;
  --contrast-light-90: #f3fbf9;
  --contrast-light-80: #e8f6f2;
  --contrast-light-70: #cce8df;
  --contrast-light-60: #b1d9cd;
  --contrast-light-50: #95cbba;
  --contrast-light-40: #7abda8;
  --contrast-light-30: #5eaf95;
  --contrast-light-15: #42a083;
  --contrast-primary: #198b67;
  --contrast-dark-15: #147255;
  --contrast-dark-40: #116148;
  --contrast-dark-55: #0c4433;
}
.kxi-new,
.kxi-open {
  --primary-light-95: #f2f7ff;
  --primary-light-90: #e6eeff;
  --primary-light-80: #ccdeff;
  --primary-light-70: #b3cdff;
  --primary-light-60: #99bcff;
  --primary-light-50: #80acff;
  --primary-light-40: #669bff;
  --primary-light-30: #4d8aff;
  --primary-light-15: #2671ff;
  --primary: #0058ff;
  --primary-dark-15: #004bd9;
  --primary-dark-40: #003599;
  --primary-dark-55: #002873;
}
.kxi-new .kxi-high-contrast,
.kxi-new.kxi-high-contrast,
.kxi-open .kxi-high-contrast,
.kxi-open.kxi-high-contrast {
  --contrast-light-95: #f2f7ff;
  --contrast-light-90: #e6eeff;
  --contrast-light-80: #ccdeff;
  --contrast-light-70: #b3cdff;
  --contrast-light-60: #99bcff;
  --contrast-light-50: #80acff;
  --contrast-light-40: #669bff;
  --contrast-light-30: #4d8aff;
  --contrast-light-15: #2671ff;
  --contrast-primary: #0058ff;
  --contrast-dark-15: #004bd9;
  --contrast-dark-40: #003599;
  --contrast-dark-55: #002873;
}
.kxi-high-contrast {
  --primary-light-95: rgba(255, 255, 255, 0.05);
  --primary-light-90: rgba(255, 255, 255, 0.1);
  --primary-light-80: rgba(255, 255, 255, 0.2);
  --primary-light-70: rgba(255, 255, 255, 0.3);
  --primary-light-60: rgba(255, 255, 255, 0.4);
  --primary-light-50: rgba(255, 255, 255, 0.5);
  --primary-light-40: rgba(255, 255, 255, 0.6);
  --primary-light-30: rgba(255, 255, 255, 0.7);
  --primary-light-15: rgba(255, 255, 255, 0.85);
  --primary: #ffffff;
  --primary-dark-15: #fdfdfd;
  --primary-dark-40: #f6f6f6;
  --primary-dark-55: #ececec;
  --font-color: #ffffff;
  --disabled-color: rgba(255, 255, 255, 0.6);
  --disabled-color-alpha: rgba(255, 255, 255, 0.6);
  --color-border: rgba(255, 255, 255, 0.85);
}
.disabled,
.disabled .kxi-high-contrast,
.disabled.kxi-high-contrast {
  --primary-light-95: #f6f6f6;
  --primary-light-90: #ececec;
  --primary-light-80: #dadada;
  --primary-light-70: #c7c7c7;
  --primary-light-60: #b4b4b4;
  --primary-light-50: #a2a2a2;
  --primary-light-40: #8f8f8f;
  --primary-light-30: #7c7c7c;
  --primary-light-15: #606060;
  --primary: #444444;
  --primary-dark-15: #3a3a3a;
  --primary-dark-40: #292929;
  --primary-dark-55: #1f1f1f;
  --contrast-light-95: rgba(255, 255, 255, 0.05);
  --contrast-light-90: rgba(255, 255, 255, 0.1);
  --contrast-light-80: rgba(255, 255, 255, 0.2);
  --contrast-light-70: rgba(255, 255, 255, 0.3);
  --contrast-light-60: rgba(255, 255, 255, 0.4);
  --contrast-light-50: rgba(255, 255, 255, 0.5);
  --contrast-light-40: rgba(255, 255, 255, 0.6);
  --contrast-light-30: rgba(255, 255, 255, 0.7);
  --contrast-light-15: rgba(255, 255, 255, 0.85);
  --contrast-primary: #ffffff;
  --contrast-dark-15: #fdfdfd;
  --contrast-dark-40: #f6f6f6;
  --contrast-dark-55: #ececec;
}
:root,
.kxi-normal-contrast {
  --contrast-light-95: rgba(255, 255, 255, 0.05);
  --contrast-light-90: rgba(255, 255, 255, 0.1);
  --contrast-light-80: rgba(255, 255, 255, 0.2);
  --contrast-light-70: rgba(255, 255, 255, 0.3);
  --contrast-light-60: rgba(255, 255, 255, 0.4);
  --contrast-light-50: rgba(255, 255, 255, 0.5);
  --contrast-light-40: rgba(255, 255, 255, 0.6);
  --contrast-light-30: rgba(255, 255, 255, 0.7);
  --contrast-light-15: rgba(255, 255, 255, 0.85);
  --contrast-primary: #ffffff;
  --contrast-dark-15: #fdfdfd;
  --contrast-dark-40: #f6f6f6;
  --contrast-dark-55: #ececec;
  --secondary-light-95: #f4f5f6;
  --secondary-light-90: #e9ebed;
  --secondary-light-80: #d3d7da;
  --secondary-light-70: #bec3c8;
  --secondary-light-60: #a8afb5;
  --secondary-light-50: #929ba3;
  --secondary-light-40: #7c8790;
  --secondary-light-30: #66737e;
  --secondary-light-15: #465562;
  --secondary: #253746;
  --secondary-dark-15: #1f2f3c;
  --secondary-dark-40: #16212a;
  --secondary-dark-55: #111920;
  --color-overlay: rgb(37 55 70 / 50%);
  --secondary-color-overlay: rgb(37 55 70 / 25%);
  --color-border: #606060;
  --color-divider: #d3d7da;
  --color-disabled: #dadada;
  --color-border-light: #dadada;
  --color-outline: #2671ff;
  --color-focus: #f2f7ff;
  --color-pressed: #e6eeff;
  --color-silver: #f9fafb;
  --color-white: #ffffff;
  --color-text-highlight: #b3ccff;
  --color-highlight: #fbe4bb;
  --color-selected-background: #f2f7ff;
  --color-selected-accent: #0058ff;
  --color-negative: #942723;
  --color-error: #942723;
  --color-neutral: #465562;
  --color-positive: #116148;
  --color-success: #116148;
  --color-warning: #6a3500;
  --disabled-background: #f6f6f6;
  --disabled-border: #dadada;
  --disabled-color: #606060;
  --disabled-color-alpha: rgb(37 55 70 / 40%);
  --disabled-contrast-color: #606060;
  --disabled-background-high: rgba(255, 255, 255, 0.85);
  --disabled-border-high: rgba(255, 255, 255, 0.7);
  --font-family: "IBM Plex Sans", arial;
  --font-color: #253746;
  --shadow-down-0: 0 1px 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-down-1: 0 1px 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-2: 0 2px 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-3: 0 6px 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-4: 0 9px 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-5: 0 12px 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-6: 0 18px 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-down-7: 0 24px 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-0: 0 -1px 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-up-1: 0 -1px 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-2: 0 -2px 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-3: 0 -6px 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-4: 0 -9px 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-5: 0 -12px 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-6: 0 -18px 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-up-7: 0 -24px 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-0: -1px 0 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-left-1: -1px 0 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-2: -2px 0 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-3: -6px 0 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-4: -9px 0 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-5: -12px 0 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-6: -18px 0 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-left-7: -24px 0 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-0: 1px 0 2px 0 rgba(37, 55, 70, 0), 0 0 1px 0 rgba(37, 55, 70, 0);
  --shadow-right-1: 1px 0 2px 0 rgba(37, 55, 70, 0.18), 0 0 1px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-2: 2px 0 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-3: 6px 0 6px 0 rgba(37, 55, 70, 0.18), 0 0 6px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-4: 9px 0 9px 0 rgba(37, 55, 70, 0.18), 0 0 9px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-5: 12px 0 12px 0 rgba(37, 55, 70, 0.18), 0 0 12px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-6: 18px 0 18px 0 rgba(37, 55, 70, 0.18), 0 0 18px 0 rgba(37, 55, 70, 0.06);
  --shadow-right-7: 24px 0 24px 0 rgba(37, 55, 70, 0.18), 0 0 24px 0 rgba(37, 55, 70, 0.06);
}
.kxi-condensed-experience-card {
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  min-width: 300px;
}
.kxi-condensed-experience-card .kxi-pipe {
  color: var(--secondary-light-80);
}
.kxi-condensed-experience-card .kxi-title-area-wrapper > .kxi-title-area {
  column-gap: 6px;
}
.kxi-condensed-experience-card .kxi-background-area {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: auto 1fr;
  align-items: center;
  box-sizing: border-box;
  background: var(--contrast-primary);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 18px 24px;
  position: relative;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-truncated {
  grid-template-rows: auto auto auto;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-with-kabob .kxi-title-area {
  margin: -6px 0;
}
.kxi-condensed-experience-card .kxi-background-area:not(.kxi-case-closed) {
  grid-gap: 6px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed,
.kxi-condensed-experience-card .kxi-background-area.kxi-case-open,
.kxi-condensed-experience-card .kxi-background-area.kxi-case-inProgress,
.kxi-condensed-experience-card .kxi-background-area.kxi-case-expired {
  border-radius: 6px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-has-color-accent {
  border-radius: 0 6px 6px 0;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-expired {
  background: var(--primary-light-95);
  border: 1px solid var(--color-border);
  border-left: 0;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-expired.kxi-interactable {
  background: var(--contrast-dark-40);
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed {
  height: 4.5rem;
  grid-template-rows: auto;
  padding: 12px 24px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-title-area-wrapper {
  display: flex;
  flex-direction: row;
  gap: 6px;
  height: fit-content;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-title-area-wrapper > .kxi-checkbox-wrapper {
  margin-top: 3px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-title-area:not(.kxi-due-date) {
  grid-row: 1/span 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  line-height: 24px;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-title-area:not(.kxi-due-date) > * {
  display: inline-flex;
  vertical-align: top;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-title-area.kxi-due-date {
  flex-direction: column;
  align-items: flex-end;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-case-closed .kxi-footer-area {
  grid-column: 2;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable {
  --background-area-bg-color: var(--contrast-primary);
  background: var(--background-area-bg-color);
  cursor: pointer;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable:hover {
  --background-area-bg-color: var(--primary-light-95);
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable:active {
  --background-area-bg-color: var(--primary-light-90);
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable.kxi-negative:hover {
  --background-area-bg-color: var($color-var);
  background: var(--background-area-bg-color) !important;
}
.kxi-condensed-experience-card .kxi-background-area.kxi-interactable.kxi-negative:active {
  --background-area-bg-color: var($color-var);
  background: var(--background-area-bg-color) !important;
}
.kxi-condensed-experience-card .kxi-background-area:not(.kxi-interactable, .kxi-case-expired) {
  box-shadow: var(--shadow-down-2);
}
.kxi-condensed-experience-card .kxi-background-area .kxi-notes-wrapper {
  grid-column: 1/span 2;
}
.kxi-condensed-experience-card .kxi-background-area .kxi-visible-text {
  z-index: 1;
}
.kxi-condensed-experience-card .kxi-title-area,
.kxi-condensed-experience-card .kxi-footer-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  white-space: pre-wrap;
  align-self: center;
}
.kxi-condensed-experience-card .kxi-meta-area,
.kxi-condensed-experience-card .kxi-comment-area {
  grid-column: 1/span 2;
}
.kxi-condensed-experience-card .kxi-title-area {
  grid-row: 1;
}
.kxi-condensed-experience-card .kxi-title-area .kxi-checkbox-wrapper + :not(.kxi-header-icon) {
  margin-left: 6px;
}
.kxi-condensed-experience-card .kxi-title-area .kxi-header-icon {
  margin-right: 6px;
}
.kxi-condensed-experience-card .kxi-title-area .kxi-svg {
  margin-right: 3px;
}
.kxi-condensed-experience-card .kxi-title-area .kxi-new-message-icon {
  margin-left: 6px;
}
.kxi-condensed-experience-card .kxi-title-area .kxi-new-message-text {
  color: var(--primary);
  margin-left: -6px;
}
.kxi-condensed-experience-card .kxi-title-area:not(.kxi-due-date) {
  grid-column: 1;
}
.kxi-condensed-experience-card .kxi-title-area.kxi-due-date,
.kxi-condensed-experience-card .kxi-title-area.kxi-quick-actions {
  grid-column: 2;
  justify-content: flex-end;
}
.kxi-condensed-experience-card .kxi-title-area.kxi-due-date .kxi-icon-clock,
.kxi-condensed-experience-card .kxi-title-area.kxi-quick-actions .kxi-icon-clock {
  display: inline-block;
}
.kxi-condensed-experience-card .kxi-title-area.kxi-due-date p,
.kxi-condensed-experience-card .kxi-title-area.kxi-quick-actions p {
  margin: 0;
}
.kxi-condensed-experience-card .kxi-title-area:not(.kxi-title-area-has-quick-actions) .kxi-details {
  margin-left: 18px;
}
.kxi-condensed-experience-card .kxi-meta-area {
  grid-row: 2;
  border-bottom: 1px solid var(--secondary-light-80);
  padding-bottom: 12px;
}
.kxi-condensed-experience-card .kxi-meta-area:has(.kxi-prompt-label) {
  padding-bottom: 6px;
}
.kxi-condensed-experience-card .kxi-meta {
  margin: 0;
  display: flex;
  white-space: pre-wrap;
  align-items: center;
  flex-wrap: wrap;
}
.kxi-condensed-experience-card .kxi-meta .kxi-icon {
  display: inline-block;
  color: var(--primary);
}
.kxi-condensed-experience-card .kxi-meta .kxi-metadata-icon {
  margin-right: 6px;
}
.kxi-condensed-experience-card .kxi-meta:not(:empty) + .kxi-prompt-label {
  margin-top: 18px;
}
.kxi-condensed-experience-card .kxi-comment-area {
  padding-bottom: 6px;
  margin-top: 6px;
  grid-row: 3;
}
.kxi-condensed-experience-card .kxi-comment-area .kxi-text-shadow {
  text-shadow: 1px 0 0 var(--primary);
}
.kxi-condensed-experience-card .kxi-comment-area.kxi-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.kxi-condensed-experience-card .kxi-comment-area.kxi-truncated.kxi-truncated-details {
  grid-column: 1/span 2;
  width: 85%;
}
@media screen and (max-width: 960px) {
  .kxi-condensed-experience-card .kxi-comment-area.kxi-truncated.kxi-truncated-details {
    width: 80%;
  }
}
.kxi-condensed-experience-card .kxi-footer-area {
  grid-row: 4;
}
.kxi-condensed-experience-card .kxi-footer-area.kxi-attachments .kxi-icon-attach {
  display: inline-block;
  color: var(--secondary-light-30);
  transition: color .1s;
}
.kxi-condensed-experience-card .kxi-footer-area .kxi-link-button {
  font-size: 1rem;
}
.kxi-condensed-experience-card .kxi-footer-area.kxi-details {
  grid-column: 2;
  justify-self: flex-end;
  cursor: pointer;
}
.kxi-condensed-experience-card .kxi-footer-area.kxi-details.kxi-truncated {
  z-index: 1;
  grid-row: 3;
  position: relative;
}
.kxi-condensed-comment-text {
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.kxi-condensed-addition-count {
  white-space: nowrap;
  margin-left: 3px;
}
.kxi-truncated-text-fade::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background:
    linear-gradient(
      to right,
      transparent 0%,
      var(--background-area-bg-color) 100%);
}
.kxi-case-expired .kxi-truncated-text-fade::after {
  background:
    linear-gradient(
      to right,
      transparent 0%,
      var(--contrast-dark-40) 100%);
}
xi-experience-header {
  display: block;
}
.kxi-experience-header {
  container-type: inline-size;
  min-width: 280px;
}
.kxi-experience-header .kxi-experience-header-separator {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--primary);
}
.kxi-experience-header .kxi-inner-wrapper {
  width: 100%;
  display: grid;
  align-items: center;
  grid-template: "checkbox subtitle icons" auto ".        meta     meta" auto/auto auto 1fr;
  box-sizing: border-box;
  padding: 18px 24px 0;
}
@container (max-width: 480px) {
  .kxi-experience-header .kxi-inner-wrapper {
    grid-template-areas: "checkbox icons" "subtitle subtitle" "meta     meta";
    grid-template-columns: auto 1fr;
  }
}
.kxi-experience-header .kxi-inner-wrapper.kxi-invalid {
  --contrast-primary: var(--color-silver);
  background: var(--color-silver);
}
.kxi-experience-header .kxi-inner-wrapper .kxi-due-date-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-meta {
  grid-area: meta;
  margin: 0;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-meta span,
.kxi-experience-header .kxi-inner-wrapper .kxi-meta a {
  color: var(--secondary-light-30);
}
.kxi-experience-header .kxi-inner-wrapper .kxi-text-wrapper {
  grid-area: subtitle;
  display: flex;
  width: 100%;
  align-items: baseline;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-text-wrapper .kxi-due-date {
  line-height: 24px;
  color: var(--primary);
}
.kxi-experience-header .kxi-inner-wrapper .kxi-text-wrapper .kxi-logo-wrapper {
  align-self: flex-start;
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: inline-block;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-text-wrapper .kxi-experience-card-subtitle {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-text-wrapper .kxi-experience-card-subtitle.kxi-has-due-date-title {
  margin-right: 18px;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-checkbox-wrapper {
  grid-area: checkbox;
  width: 100%;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-checkbox-wrapper label {
  margin-right: 18px;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-icon-buttons-wrapper {
  grid-area: icons;
  width: 100%;
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  right: -10px;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-icon-buttons-wrapper .kxi-pipe {
  margin: 0;
}
.kxi-experience-header .kxi-inner-wrapper .kxi-subtitle-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.kxi-experience-header .kxi-score-bar {
  --font-color: var(--primary-light-15);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  align-items: center;
  border-bottom: 1px solid var(--primary);
  background: var(--primary-light-95);
  display: flex;
  gap: 18px;
  padding: 0 24px;
}
.kxi-experience-header .kxi-score-bar .kxi-title-flag-div {
  display: flex;
  gap: 12px;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper {
  justify-content: space-between;
  row-gap: 0;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  padding: 10px 0;
  align-items: center;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper .kxi-score-bar-title-message-wrapper {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  row-gap: 0;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper .kxi-score-bar-title-message-wrapper .kxi-score-bar-title-wrapper {
  display: flex;
  align-items: center;
  gap: 18px;
  row-gap: 0;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper .kxi-score-bar-title-message-wrapper .kxi-message-wrapper {
  display: flex;
  gap: 6px;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper .kxi-score-bar-title-message-wrapper .kxi-message-wrapper .kxi-new-message-icon {
  margin-left: -3px;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-content-wrapper .kxi-action-wrapper {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  row-gap: 0;
  justify-content: space-between;
}
.kxi-experience-header .kxi-score-bar .kxi-new-message-text {
  color: var(--primary);
  line-height: 24px;
}
.kxi-experience-header .kxi-score-bar.kxi-white {
  background: var(--color-white);
}
.kxi-experience-header .kxi-score-bar.kxi-no-sentiment {
  background-color: #e6eeff;
  border-bottom: 1px solid #0058ff;
}
.kxi-experience-header .kxi-score-bar .kxi-score-bar-text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.kxi-experience-header .kxi-score-bar .kxi-invalid-sentiment-actions,
.kxi-experience-header .kxi-score-bar .kxi-score-card-button {
  justify-self: right;
}
@container (max-width: 480px) {
  .kxi-experience-header .kxi-score-bar .kxi-invalid-sentiment-actions,
  .kxi-experience-header .kxi-score-bar .kxi-score-card-button {
    justify-self: left;
  }
}
.kxi-experience-header .kxi-score-bar .kxi-score-card-button {
  margin-left: unset;
}
.kxi-experience-header .kxi-score-bar .kxi-invalid-sentiment-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kxi-experience-header .kxi-score-bar.kxi-invalid {
  --primary: var(--color-disabled);
  --primary-light-95: var(--color-white);
  border-bottom: none;
}
.kxi-experience-header .kxi-score-bar .kxi-nps-score {
  box-sizing: border-box;
  color: var(--primary);
}
.kxi-experience-header .kxi-score-bar .kxi-nps-title {
  box-sizing: border-box;
  color: var(--primary);
  margin: 0;
}
.kxi-notes-wrapper {
  margin-top: 24px;
  padding: 0 24px 24px;
}
@container (max-width: 480px) {
  .kxi-notes-wrapper {
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .kxi-notes-wrapper {
    margin-top: 0;
  }
}
.kxi-notes-wrapper .kxi-text-area {
  width: 90%;
  margin: 6px 0;
  border-radius: 6px;
  border: 1px solid var(--secondary-light-60);
  padding: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}
.kxi-notes-wrapper .kxi-text-area p,
.kxi-notes-wrapper .kxi-text-area pre {
  margin: 0;
  padding: 0;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta {
  display: flex;
  color: var(--secondary-light-40);
  justify-content: space-between;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta .kxi-note-meta-wrapper {
  display: flex;
  gap: 6px;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta .kxi-note-meta-wrapper .kxi-meta {
  margin: 0;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta .kxi-note-meta-wrapper span {
  cursor: pointer;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta .kxi-trash-wrapper {
  position: relative;
  width: 40px;
  display: flex;
  margin: -10px;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-meta .kxi-trash-wrapper button {
  position: absolute;
}
.kxi-notes-wrapper .kxi-text-area .kxi-note-text {
  color: var(--secondary-light-15);
  text-wrap: wrap;
  white-space: pre-wrap;
}
.kxi-notes-wrapper .kxi-note-footer {
  display: flex;
  justify-content: flex-end;
  column-gap: 6px;
}
.kxi-notes-wrapper .kxi-notes-header-text.kxi-notes-has-separator {
  padding-top: 24px;
  border-top: 1px solid var(--primary-light-80);
}
.kxi-text-area-wrap-text {
  word-break: break-word !important;
}
.kxi-new-note {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: space-between;
  width: 90%;
  min-height: 120px;
  border-radius: 6px;
  border: 1px solid var(--primary-light-60);
  padding: 12px;
}
xi-big-number > [slot] {
  display: none;
}
xi-chart-wrapper > [slot=chart] {
  max-width: 1px;
}
.kxi-big-number-wrapper,
.kxi-big-number-container {
  max-width: 1024px;
}
.kxi-big-number-container,
.kxi-chart-container {
  min-width: 210px;
  min-height: 55px;
}
.kxi-big-number-container.kxi-stretch-chart,
.kxi-chart-container.kxi-stretch-chart {
  max-width: none;
}
.kxi-big-number-container.kxi-chart-wrapper-component,
.kxi-chart-container.kxi-chart-wrapper-component {
  min-width: 320px;
}
.kxi-big-number-links span {
  color: var(--color-border);
}
.kxi-big-number-links span a {
  color: var(--primary);
  font-size: 0.875rem;
}
.kxi-big-number-links span a:hover {
  text-decoration: none;
}
.kxi-big-number-wrapper {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  font-family: var(--font-family);
}
.kxi-big-number-wrapper h1,
.kxi-big-number-wrapper h2,
.kxi-big-number-wrapper p {
  margin: 0;
  font-weight: 300;
}
.kxi-big-number-wrapper.kxi-big-number-small .kxi-big-number-context-data-wrapper {
  margin-top: 12px;
}
.kxi-big-number-wrapper.kxi-big-number-small .kxi-big-number-context-data-wrapper.kxi-big-number-context-align-right .kxi-big-number-context .kxi-big-number-context-heading {
  font-size: 0.875rem;
}
.kxi-big-number-wrapper .kxi-big-number-main {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  gap: 18px;
  --font-size: inherit;
}
.kxi-big-number-wrapper .kxi-big-number-main.kxi-big-number-big-font {
  --font-size: 6rem;
}
.kxi-big-number-wrapper .kxi-big-number-main.kxi-big-number-small-font {
  --font-size: 4rem;
}
.kxi-big-number-wrapper .kxi-big-number-main .kxi-big-number-metric-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
}
.kxi-big-number-wrapper .kxi-big-number-main .kxi-big-number-metric-wrapper.kxi-big-number-align-right {
  align-items: flex-end;
}
.kxi-big-number-wrapper .kxi-big-number-main .kxi-big-number-metric-wrapper h1 {
  color: var(--primary);
  font-size: var(--font-size);
  font-weight: 600;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-big-number-wrapper .kxi-big-number-main .kxi-big-number-metric-wrapper .kxi-big-number-context-text {
  color: var(--primary-light-15);
  font-size: 0.875rem;
  font-weight: 400;
}
.kxi-big-number-wrapper .kxi-big-number-no-data-wrapper {
  margin: 18px 0;
  text-align: center;
}
.kxi-big-number-wrapper .kxi-big-number-no-data {
  font-size: 1.25rem;
  font-weight: 600;
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper {
  position: relative;
  background-color: var(--primary-light-95);
  border: 1px solid var(--primary-light-60);
  border-radius: 6px;
  box-sizing: border-box;
  padding: 12px 0 12px 18px;
  display: grid;
  grid-template-columns: 1fr 24px 1fr;
  width: 100%;
  align-items: center;
  row-gap: 6px;
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper p {
  font-weight: 600;
  font-size: 1rem;
  color: var(--primary);
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper p.kxi-big-number-large-context {
  font-size: 1.5rem;
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper .kxi-big-number-context-heading {
  --font-color: var(--secondary-primary);
  text-align: right;
  font-weight: 600;
  padding-right: 12px;
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper .kxi-big-number-context-heading.kxi-big-number-context-heading-stacked {
  padding-right: 18px;
  margin-top: 12px;
}
.kxi-big-number-wrapper .kxi-big-number-context-data-wrapper .kxi-big-number-context-heading.kxi-big-number-context-heading-stacked-center {
  padding-right: 0;
  text-align: center;
}
.kxi-chart-wrapper {
  background-color: var(--contrast-primary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.kxi-chart-wrapper .kxi-chart-wrapper-no-data-wrapper {
  margin: 18px 0;
  text-align: center;
}
.kxi-chart-wrapper .kxi-chart-wrapper-no-data-wrapper .kxi-chart-wrapper-no-data {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.kxi-chart-wrapper .kxi-chart-wrapper-no-data-wrapper .kxi-chart-wrapper-no-data-subtext {
  margin: 0;
}
.kxi-chart-wrapper [slot=chart]:not(:empty) {
  height: 100%;
  width: 100%;
}
@media (max-width: 480px) {
  .kxi-big-number-context-align-right {
    align-items: flex-end !important;
  }
}
.kxi-checkbox-wrapper {
  display: flex;
  flex-direction: column;
  place-items: center;
  width: fit-content;
}
.kxi-checkbox-wrapper .kxi-checkbox {
  background: rgba(0, 0, 0, 0);
  line-height: 0;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
}
.kxi-checkbox-wrapper .kxi-checkbox:not(.kxi-high-contrast) {
  --color-border: var(--disabled-contrast-color);
}
.kxi-checkbox-wrapper .kxi-checkbox.kxi-border {
  border-radius: 6px;
  padding: 12px;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-hidden-checkbox {
  display: none !important;
  appearance: none !important;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-focusable {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  min-width: 18px;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-focusable + p {
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 1px;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  min-width: 18px;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled.kxi-checkbox-checked {
  background: var(--primary);
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled.kxi-checkbox-checked:not(.kxi-high-contrast).kxi-error,
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled.kxi-checkbox-checked:not(.kxi-high-contrast).kxi-warning,
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled.kxi-checkbox-checked:not(.kxi-high-contrast).kxi-success {
  background: var(--primary-light-15);
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled.kxi-checkbox-disabled {
  opacity: .4;
  cursor: auto;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled-row-reverse,
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled-row {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled-row {
  flex-direction: row;
}
.kxi-checkbox-wrapper .kxi-checkbox .kxi-checkbox-styled-row-reverse {
  flex-direction: row-reverse;
}
.kxi-date-grid-item {
  height: 100%;
  place-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  border-radius: 42px;
}
.kxi-date-grid-item.kxi-date-grid-item--day {
  height: 42px;
  width: 42px;
}
.kxi-date-grid-item.kxi-date-grid-item--month,
.kxi-date-grid-item.kxi-date-grid-item--year {
  height: 56px;
  width: 78px;
}
.kxi-date-grid-item .kxi-date-grid-item--button {
  border-radius: inherit;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection) {
  background-color: var(--primary-light-80);
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection):not(.kxi-date-grid-item--start-of-selection, :first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection):not(.kxi-date-grid-item--end-of-selection, :last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection).kxi-date-grid-item--selecting-second {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 1px 0 #dadada inset, 0 -1px 0 #dadada inset;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection).kxi-date-grid-item--selecting-second.kxi-date-grid-item--start-of-selection {
  box-shadow:
    0 1px 0 #dadada inset,
    0 -1px 0 #dadada inset,
    1px 0 0 #dadada inset;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection).kxi-date-grid-item--selecting-second.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection {
  box-shadow:
    0 1px 0 #dadada inset,
    0 -1px 0 #dadada inset,
    1px 0 0 #dadada inset,
    -1px 0 0 #dadada inset;
}
.kxi-date-grid-item.kxi-date-grid-item--selected:not(.kxi-date-grid-item--start-of-selection.kxi-date-grid-item--end-of-selection).kxi-date-grid-item--selecting-second.kxi-date-grid-item--end-of-selection {
  box-shadow:
    0 1px 0 #dadada inset,
    0 -1px 0 #dadada inset,
    -1px 0 0 #dadada inset;
}
.kxi-date-grid-item:not(.kxi-date-grid-item--selected).kxi-date-grid-item--today .kxi-date-grid-item--button {
  border: 1px solid var(--primary);
}
.kxi-day-selector {
  display: grid;
  row-gap: 3px;
  grid-template-rows: repeat(7, 1fr);
  grid-template-columns: repeat(7, 1fr);
  justify-content: center;
  align-items: center;
  text-align: center;
}
.kxi-day-selector .kxi-day-selector--header {
  box-sizing: border-box;
  border-bottom: 1px solid #dadada;
}
.kxi-day-selector .kxi-day-selector--header .kxi-day-selector--day-of-week {
  color: var(--primary-light-30);
}
.kxi-day-selector .kxi-day-selector--week {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
  justify-content: inherit;
  align-items: inherit;
  grid-column: 1/span 7;
}
.kxi-date-grid {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kxi-navigator {
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 36px;
}
.kxi-navigator .kxi-navigator--resolution {
  flex-grow: 1;
  border-radius: 12px;
}
.kxi-date-selector {
  height: 360px;
  width: 294px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.875rem;
}
.kxi-date-selector:has(.kxi-day-selector) {
  gap: 12px;
}
.kxi-month-selector {
  display: grid;
  gap: 6px 18px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
}
.kxi-month-selector .kxi-month-selector--row {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  justify-content: inherit;
  align-items: inherit;
  grid-column: 1/span 3;
}
.kxi-year-selector {
  display: grid;
  gap: 6px 18px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  justify-content: center;
  align-items: center;
}
.kxi-year-selector .kxi-year-selector--row {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  justify-content: inherit;
  align-items: inherit;
  grid-column: 1/span 3;
}
.kxi-app-side-display-body-text {
  margin: 30px 0 60px 0;
}
.kxi-app-side-display-clear-container {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
}
.kxi-app-side-display-clear-container p,
.kxi-app-side-display-clear-container h2 {
  margin: 0;
  color: var(--contrast-primary);
}
.kxi-app-side-display-content-container {
  margin: 156px 72px 127px 72px;
  flex: 1;
}
.kxi-app-side-display-button-wrapper {
  z-index: 1;
  position: absolute;
  display: flex;
  bottom: 60px;
  margin: auto;
  width: 100%;
  justify-content: center;
  align-items: center;
}
xi-drawer > [slot] {
  display: none;
}
.kxi-drawer-wrapper {
  z-index: 25;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.kxi-drawer-wrapper.open {
  display: block;
}
.kxi-drawer-wrapper .kxi-drawer {
  height: 100%;
  background-color: #fff;
  box-shadow: var(--shadow-left-4);
  display: grid;
  grid-auto-rows: minmax(72px, min-content) auto 72px;
  margin-left: 100vw;
  transition: all .5s ease-in-out;
}
.kxi-drawer-wrapper .kxi-drawer.kxi-drawer-silver-background .kxi-drawer-body {
  background-color: var(--color-silver);
}
.kxi-drawer-wrapper .kxi-drawer.kxi-small {
  width: 50%;
}
.kxi-drawer-wrapper .kxi-drawer.kxi-small.open {
  margin-left: 50%;
}
.kxi-drawer-wrapper .kxi-drawer.kxi-large {
  width: 80%;
}
.kxi-drawer-wrapper .kxi-drawer.kxi-large.open {
  margin-left: 20%;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-header {
  box-sizing: border-box;
  min-height: 72px;
  padding: 18px 12px;
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid var(--primary);
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-header .kxi-drawer-title {
  flex-grow: 1;
  align-self: center;
  padding-left: 12px;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-header .kxi-drawer-menu {
  padding-left: 12px;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-header .kxi-drawer-menu:empty {
  display: none;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-body {
  padding: 30px 60px;
  overflow: auto;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-footer {
  z-index: 1;
  box-shadow: var(--shadow-up-2);
  padding: 18px;
}
.kxi-drawer-wrapper .kxi-drawer .kxi-drawer-footer:empty {
  display: none;
}
@media screen and (max-width: 960px) {
  .kxi-drawer-wrapper .kxi-drawer.kxi-small {
    width: 100%;
  }
  .kxi-drawer-wrapper .kxi-drawer.kxi-small.open {
    margin-left: 0;
  }
  .kxi-drawer-wrapper .kxi-drawer.kxi-large {
    width: 100%;
  }
  .kxi-drawer-wrapper .kxi-drawer.kxi-large.open {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .kxi-drawer-wrapper .kxi-drawer .kxi-drawer-body {
    padding: 30px;
  }
}
.kxi-menu:not(.kxi-menu-has-footer) .kxi-menu-body .kxi-menu-item:last-child,
.kxi-dropdown-menu-footer .kxi-dropdown-buttons {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-arrow-open,
.kxi-arrow-closed {
  transform: rotate(0deg);
  transition: transform .1s ease-in-out;
}
.kxi-arrow-open.kxi-arrow-disabled,
.kxi-arrow-closed.kxi-arrow-disabled {
  opacity: .4;
}
.kxi-arrow-open {
  transform: rotate(180deg);
}
.kxi-dropdown {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  max-width: 100%;
}
.kxi-dropdown .kxi-white {
  background: var(--contrast-primary);
}
.kxi-dropdown .kxi-white.kxi-high-contrast {
  background: unset;
}
.kxi-dropdown .kxi-dropdown-status .kxi-error.kxi-icon,
.kxi-dropdown .kxi-dropdown-status .kxi-warning.kxi-icon,
.kxi-dropdown .kxi-dropdown-status .kxi-success.kxi-icon {
  color: var(--primary-light-15);
}
.kxi-dropdown.kxi-dropdown-inline {
  display: inline-block;
}
.kxi-dropdown-menu {
  max-height: 432px;
}
.kxi-dropdown-no-results {
  align-items: center;
  background: var(--contrast-dark-40);
  display: flex;
  height: 3rem;
  padding: 0 12px;
  white-space: nowrap;
  justify-content: center;
}
.kxi-dropdown-search {
  height: 3rem;
}
.kxi-dropdown-search .kxi-search-box input {
  border-radius: 6px 6px 0 0;
}
.kxi-dropdown-search .kxi-search-box input:focus-visible {
  outline-offset: -1px;
}
.kxi-dropdown-search .kxi-search-box input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
}
.kxi-dropdown-search .kxi-search-box.kxi-high-contrast input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
  outline-color: #fff;
}
.kxi-dropdown-menu-footer {
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.kxi-dropdown-menu-footer.kxi-dropdown-menu-footer-has-count {
  justify-content: space-between;
}
.kxi-dropdown-menu-footer .kxi-dropdown-selection-count {
  margin-left: 18px;
}
.kxi-dropdown-menu-footer .kxi-dropdown-buttons {
  display: flex;
  align-items: center;
  margin-right: 18px;
  background: var(--contrast-primary);
  white-space: nowrap;
}
.kxi-dropdown-item {
  display: flex;
  align-items: center;
  padding: .75rem 0 .75rem 18px;
  justify-content: space-between;
  outline: 0;
}
.kxi-dropdown-item.kxi-disabled {
  opacity: .4;
}
.kxi-dropdown-item:not(.kxi-disabled).kxi-active {
  background: var(--primary-light-95);
}
.kxi-dropdown-item:not(.kxi-dropdown-item-group, .kxi-dropdown-item-loading-indicator, .kxi-disabled) {
  cursor: pointer;
}
.kxi-dropdown-item.kxi-dropdown-item-group-item {
  padding-left: 30px;
}
.kxi-dropdown-item.kxi-submenu-title .kxi-left-visual {
  width: 18px;
}
.kxi-dropdown-item.kxi-submenu-title .kxi-icon-single_arrow_right {
  margin: 0 9px 0 -9px;
}
.kxi-dropdown-item.kxi-submenu-title .kxi-icon-single_arrow_right.kxi-conflicting-visual {
  margin: 0 12px 0 12px;
}
.kxi-dropdown-item > .kxi-flex-center {
  height: 100%;
  min-height: calc(3rem/2);
}
.kxi-dropdown-item > .kxi-flex-center .kxi-dropdown-item-text > p:first-child {
  margin: 0;
}
.kxi-dropdown-item .kxi-left-visual {
  height: 18px;
}
.kxi-dropdown-item .kxi-left-visual,
.kxi-dropdown-item .kxi-dropdown-item-icon,
.kxi-dropdown-item .kxi-dropdown-item-pill {
  margin-right: 18px;
}
.kxi-dropdown-item .kxi-dropdown-item-text {
  display: flex;
  flex-direction: column;
  margin-right: 18px;
}
.kxi-dropdown-item .kxi-dropdown-item-text.kxi-conflicting-visual {
  margin-right: 12px;
}
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-title,
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-subtitle {
  color: var(--primary) !important;
}
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-title.kxi-title-hidden,
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-title.kxi-subtitle-hidden,
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-subtitle.kxi-title-hidden,
.kxi-dropdown-item .kxi-dropdown-item-text .kxi-subtitle.kxi-subtitle-hidden {
  white-space: nowrap;
  visibility: hidden;
  height: 0;
}
.kxi-dropdown-item.kxi-dropdown-item-loading-indicator {
  overflow: hidden;
  padding: 0;
}
.kxi-dropdown-item.kxi-dropdown-item-loading-indicator .kxi-dropdown-item-loading-animation {
  height: 3rem;
  width: 100%;
}
.kxi-menu {
  border-radius: 6px;
  box-sizing: border-box;
  background: var(--contrast-primary);
  width: fit-content;
  max-width: 480px;
  display: flex;
  flex-direction: column;
}
.kxi-menu:not(.kxi-menu-has-header) .kxi-menu-body .kxi-menu-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kxi-menu .kxi-menu-header {
  border-bottom: 1px solid #ececec;
}
.kxi-menu .kxi-menu-body {
  overflow: auto;
}
.kxi-menu .kxi-menu-footer {
  border-top: 1px solid #ececec;
}
.kxi-menu .kxi-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  transition: background .1s ease-in-out;
}
.kxi-menu .kxi-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--contrast-dark-55) !important;
}
.kxi-menu .kxi-menu-item:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
}
.kxi-menu .kxi-menu-item.kxi-menu-item-clickable:not(.kxi-menu-item-disabled),
.kxi-menu .kxi-menu-item.kxi-menu-item-submenu:not(.kxi-menu-item-disabled) {
  cursor: pointer;
}
.kxi-menu .kxi-menu-item.kxi-menu-item-clickable:not(.kxi-menu-item-disabled):hover,
.kxi-menu .kxi-menu-item.kxi-menu-item-submenu:not(.kxi-menu-item-disabled):hover {
  background: var(--contrast-dark-40);
}
.kxi-menu .kxi-menu-item.kxi-menu-item-clickable:not(.kxi-menu-item-disabled):active,
.kxi-menu .kxi-menu-item.kxi-menu-item-submenu:not(.kxi-menu-item-disabled):active {
  background: var(--contrast-dark-55);
}
.kxi-menu .kxi-menu-item.kxi-menu-item-clickable .kxi-menu-submenu-icon,
.kxi-menu .kxi-menu-item.kxi-menu-item-submenu .kxi-menu-submenu-icon {
  margin-right: 9px;
}
.kxi-icon {
  color: var(--primary);
}
.kxi-animation-wrapper {
  box-sizing: border-box;
  position: relative;
  width: 360px;
  height: 360px;
}
.kxi-loading-animation {
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.kxi-loading-animation svg {
  width: 100%;
  position: relative;
  height: 300%;
  top: -100%;
}
span[class^=kxi-icon-]::before,
span[class*=" kxi-icon-"]::before {
  display: block;
}
.kxi-progress-bar {
  height: 18px;
  min-width: 50px;
  width: 100%;
  border: 1px solid var(--primary);
  border-radius: 9px;
  box-sizing: border-box;
  background: #fff;
}
.kxi-progress-bar-animation {
  margin: 2px;
  height: 12px;
  min-width: 12px;
  max-width: calc(100% - 2*2px);
  border-radius: calc(9px + 1px);
  background: var(--primary);
  transition: width .5s linear;
  mask-size: max(500vw, 100px) 100%;
  -webkit-mask-size: max(500vw, 100px) 100%;
  mask-image:
    repeating-linear-gradient(
      -60deg,
      var(--primary) 0,
      var(--primary) 18px,
      rgba(255, 255, 255, 0.75) 18px,
      rgba(255, 255, 255, 0.75) 40px);
  -webkit-mask-image:
    repeating-linear-gradient(
      -60deg,
      var(--primary) 0,
      var(--primary) 18px,
      rgba(255, 255, 255, 0.75) 18px,
      rgba(255, 255, 255, 0.75) 40px);
  animation-name: progress;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes progress {
  from {
    mask-position: 0;
    -webkit-mask-position: 0;
  }
  to {
    mask-position: -46px;
    -webkit-mask-position: -46px;
  }
}
.kxi-input-outer-wrapper {
  position: relative;
  width: 100%;
}
.kxi-input-outer-wrapper .kxi-status-wrapper {
  overflow: hidden;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-hidden {
  visibility: hidden;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-label {
  color: var(--primary);
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-label + .kxi-status-label {
  color: var(--secondary);
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container {
  display: flex;
  justify-content: space-between;
  margin: 3px 0 0 5px;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container .kxi-high-contrast {
  border-radius: 6px;
  margin: 6px 6px 0 6px;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container .kxi-high-contrast span {
  margin: 3px 0 3px 6px;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container .kxi-status-label {
  margin: 0 6px 0 6px;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container .kxi-status-label p {
  margin: 0 0 0 6px;
}
.kxi-input-outer-wrapper .kxi-status-wrapper .kxi-status-container.kxi-no-error {
  background: rgba(0, 0, 0, 0);
  justify-content: flex-end;
}
.kxi-input-outer-wrapper .kxi-input-icon {
  z-index: 1;
  margin-top: 6px;
  position: absolute;
  right: 12px;
}
.kxi-input-outer-wrapper .kxi-input-icon:not(.kxi-layered).kxi-condensed {
  margin-top: 3px;
  right: 6px;
}
.kxi-input-outer-wrapper .kxi-input-icon.kxi-layered {
  margin-top: 12px;
}
.kxi-input-outer-wrapper .kxi-input-icon ~ input {
  padding-right: 42px;
}
.kxi-input-outer-wrapper .kxi-input-icon ~ input.kxi-condensed {
  padding-right: 36px;
}
.kxi-input-outer-wrapper .kxi-input-stepper {
  z-index: 1;
  margin-top: 1.5px;
  position: absolute;
  right: 2px;
}
.kxi-input-outer-wrapper .kxi-input-stepper.kxi-layered {
  margin-top: 0;
  right: 0;
}
.kxi-input-outer-wrapper .kxi-input-stepper:not(.kxi-layered).kxi-condensed {
  margin-top: .5px;
  right: 1px;
  min-height: 28px;
  min-width: 28px;
}
.kxi-input-outer-wrapper .kxi-input-stepper.kxi-left-icon {
  top: 0;
  right: unset;
  left: 2px;
}
.kxi-input-outer-wrapper .kxi-input-stepper.kxi-left-icon.kxi-layered {
  margin-top: 0;
  left: 0;
}
.kxi-input-outer-wrapper .kxi-input-stepper.kxi-left-icon:not(.kxi-layered).kxi-condensed {
  right: unset;
  margin-top: .5px;
  left: 1px;
}
.kxi-input-outer-wrapper .kxi-input-stepper ~ input {
  padding-right: 42px;
  padding-left: 42px;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}
.kxi-input-outer-wrapper .kxi-input-stepper ~ input::-webkit-inner-spin-button,
.kxi-input-outer-wrapper .kxi-input-stepper ~ input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.kxi-input-outer-wrapper .kxi-input-stepper ~ input.kxi-condensed {
  padding-right: 36px;
  padding-left: 36px;
}
.kxi-input-outer-wrapper .kxi-input-left-icon {
  z-index: 1;
  margin-top: 6px;
  position: absolute;
  left: 12px;
}
.kxi-input-outer-wrapper .kxi-input-left-icon:not(.kxi-layered).kxi-condensed {
  margin-top: 3px;
  left: 6px;
}
.kxi-input-outer-wrapper .kxi-input-left-icon.kxi-layered {
  margin-top: 12px;
}
.kxi-input-outer-wrapper .kxi-input-left-icon ~ input {
  padding-left: 42px;
}
.kxi-input-outer-wrapper .kxi-input-left-icon ~ input.kxi-condensed {
  padding-left: 36px;
}
.kxi-input-outer-wrapper label:not(.kxi-layered) {
  margin-left: 6px;
}
.kxi-input-outer-wrapper label.kxi-layered {
  z-index: 1;
  color: var(--secondary-light-30);
  width: 100%;
  position: absolute;
  padding: 0 0 0 12px;
}
.kxi-input-outer-wrapper label.kxi-layered.kxi-high-contrast {
  color: var(--primary-dark-15);
}
.kxi-input-field-tooltip-text .kxi-input-field-tooltip-value + .kxi-input-field-tooltip-input {
  margin-top: 6px;
}
.kxi-input-label {
  display: inline-block;
  margin: 0 0 6px 6px;
  color: var(--primary);
}
.kxi-input-label:hover ~ .kxi-input {
  box-shadow: 0 0 0 0;
}
.kxi-input-label ~ .kxi-icon {
  margin-top: 34px;
}
.kxi-input-label ~ .kxi-icon.kxi-condensed {
  margin-top: 31px;
}
textarea {
  border: none;
}
textarea.kxi-input {
  border-radius: 6px;
  min-height: 96px;
  height: auto;
  white-space: pre-wrap;
  padding: 18px;
  overflow-y: auto;
  resize: none;
}
textarea.kxi-input-resize-vertical {
  resize: vertical;
}
textarea.kxi-input-resize-horizontal {
  resize: horizontal;
}
textarea.kxi-input-resize-both {
  resize: both;
}
textarea.kxi-condensed-textarea {
  min-height: 36px;
  padding: 6px 12px 6px 12px;
}
.kxi-input {
  color: var(--secondary);
  background: var(--color-white);
  border-radius: 24px;
  box-sizing: border-box;
  cursor: auto;
  display: block;
  height: 36px;
  padding: 4.5px 18px 4.5px 18px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  outline: none;
}
.kxi-input.kxi-readonly {
  background: var(--contrast-dark-55);
}
.kxi-input.kxi-readonly.kxi-border {
  border-color: var(--color-border-light);
}
.kxi-input.kxi-readonly.kxi-high-contrast {
  background: var(--primary-light-90);
  color: var(--primary);
}
.kxi-input.kxi-readonly.kxi-high-contrast.kxi-border {
  border-color: var(--primary-light-80);
}
.kxi-input.kxi-layered {
  height: 46px;
  border-radius: 10px;
  padding: 18px 42px 3px 12px;
}
.kxi-input:not(.kxi-layered).kxi-condensed {
  height: 30px;
  padding: 4.5px 12px 4.5px 12px;
}
.kxi-input.kxi-high-contrast {
  background: rgba(0, 0, 0, 0);
  color: var(--primary);
}
.kxi-input.kxi-high-contrast::placeholder {
  color: var(--primary-dark-15);
}
.kxi-input::placeholder {
  color: var(--secondary-light-30);
}
.kxi-input:disabled {
  color: var(--secondary-light-70);
  background: var(--secondary-light-95);
  box-shadow: none;
}
.kxi-input:disabled::placeholder {
  color: var(--secondary-light-30);
}
.kxi-date-picker-popout-content.kxi-dropdown-menu.kxi-calendar-component-wrapper,
.kxi-date-picker-wrapper .kxi-dropdown-menu {
  min-width: 324px;
  padding: 12px;
}
.kxi-date-picker-wrapper {
  position: relative;
}
.kxi-date-picker-popout-content.kxi-calendar-component-wrapper {
  height: auto;
  min-height: auto;
}
.kxi-date-picker-popout-content.kxi-dropdown-menu {
  position: unset;
}
.kxi-input-suggestions {
  top: 40px;
  background: var(--contrast-primary);
  overflow-y: auto;
}
.kxi-input-suggestions .kxi-input-suggestion {
  border-bottom: 0.0625rem solid var(--contrast-dark-55);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: .75rem 0 .75rem 1.125rem;
  justify-content: space-between;
  transition: background .1s ease-in-out;
  outline: 0;
  cursor: pointer;
}
.kxi-input-suggestions .kxi-input-suggestion:last-child {
  border-bottom: unset;
  padding-bottom: 0.375rem;
}
.kxi-input-suggestions .kxi-input-suggestion:hover {
  background: var(--primary-light-90);
}
.kxi-input-suggestions .kxi-input-suggestion:focus-visible {
  outline-offset: -1px !important;
}
xi-list > [slot],
xi-list-item > [slot] {
  display: none;
}
ul.kxi-list-wrapper {
  margin: 0;
  overflow: auto;
}
.kxi-list-wrapper {
  --kxi-list-search-left-padding: 12px;
  --kxi-list-item-left-padding: 18px;
  --kxi-list-item-vertical-padding: 0.75rem;
  --kxi-list-item-min-height: calc(var(--kxi-line-height) + 2 * var(--kxi-list-item-vertical-padding));
  height: 100%;
  min-height: var(--kxi-list-item-min-height);
  width: 100%;
  overflow: hidden;
  padding: 0;
  background: #fff;
  display: grid;
  grid-template-rows: auto 1fr;
}
.kxi-list-wrapper.kxi-small {
  --kxi-list-item-vertical-padding: 0.28125rem;
  --kxi-list-search-left-padding: 9px;
  --kxi-list-item-left-padding: 12px;
}
.kxi-list-wrapper.kxi-normal {
  --kxi-list-item-vertical-padding: 0.46875rem;
  --kxi-list-search-left-padding: 9px;
  --kxi-list-item-left-padding: 12px;
}
.kxi-list-wrapper.kxi-large {
  --kxi-list-item-vertical-padding: 0.75rem;
  --kxi-list-search-left-padding: 12px;
  --kxi-list-item-left-padding: 18px;
}
.kxi-list-wrapper.kxi-border {
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #dadada;
}
.kxi-list-wrapper.kxi-border:not(.kxi-list-has-search) xi-list-item:first-of-type .kxi-list-item,
.kxi-list-wrapper.kxi-border:not(.kxi-list-has-search) > .kxi-list-item:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.kxi-list-wrapper.kxi-border xi-list-item:last-of-type .kxi-list-item,
.kxi-list-wrapper.kxi-border > .kxi-list-item:last-of-type {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.kxi-list-wrapper xi-list-item:last-of-type .kxi-list-item:not(.kxi-list-select-all-item),
.kxi-list-wrapper > .kxi-list-item:last-of-type:not(.kxi-list-select-all-item) {
  border-bottom: none;
}
.kxi-list-wrapper .kxi-list-item-loading-animation {
  overflow: hidden;
}
.kxi-list-wrapper .kxi-list-item-loading-animation .kxi-list-item-children-wrapper {
  padding: 0;
}
.kxi-list-wrapper .kxi-list-item-loading-animation .kxi-animation-wrapper {
  height: var(--kxi-list-item-min-height);
}
.kxi-list-wrapper .kxi-list-items-wrapper {
  overflow: auto;
}
.kxi-list-wrapper.kxi-zebra-striping > .kxi-list-item:nth-of-type(odd):not(:hover),
.kxi-list-wrapper.kxi-zebra-striping > .kxi-list-item:nth-of-type(odd).kxi-list-item-none {
  background-color: #f6f6f6;
}
.kxi-list-wrapper.kxi-zebra-striping:not(.kxi-high-contrast) .kxi-list-item.kxi-list-item-active:not(:hover) {
  background-color: var(--primary-light-95);
}
.kxi-list-wrapper.kxi-zebra-striping xi-list-item:nth-of-type(odd) .kxi-list-item:not(:hover),
.kxi-list-wrapper.kxi-zebra-striping xi-list-item:nth-of-type(odd) .kxi-list-item.kxi-list-item-none,
.kxi-list-wrapper.kxi-zebra-striping > .kxi-list-item:nth-of-type(odd):not(:hover),
.kxi-list-wrapper.kxi-zebra-striping > .kxi-list-item:nth-of-type(odd).kxi-list-item-none {
  background-color: #f6f6f6;
}
.kxi-list-wrapper.kxi-zebra-striping .kxi-list-item:not(.kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: #ececec;
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-high-contrast xi-list-item:nth-of-type(odd) .kxi-list-item:not(:hover),
.kxi-list-wrapper.kxi-zebra-striping.kxi-high-contrast xi-list-item:nth-of-type(odd) .kxi-list-item.kxi-list-item-none,
.kxi-list-wrapper.kxi-zebra-striping.kxi-high-contrast > .kxi-list-item:nth-of-type(odd):not(:hover),
.kxi-list-wrapper.kxi-zebra-striping.kxi-high-contrast > .kxi-list-item:nth-of-type(odd).kxi-list-item-none {
  background-color: rgba(255, 255, 255, .05);
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-high-contrast .kxi-list-item:not(.kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: rgba(255, 255, 255, .1);
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable .kxi-list-items-wrapper li.kxi-list-item:nth-of-type(odd):not(:hover),
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable .kxi-list-items-wrapper li.kxi-list-item:nth-of-type(odd).kxi-list-item-none {
  background-color: #f6f6f6;
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable:not(.kxi-high-contrast) .kxi-list-items-wrapper li.kxi-list-item.kxi-list-item-active:not(:hover) {
  background-color: var(--primary-light-95);
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable .kxi-list-items-wrapper li.kxi-list-item:not(.kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: #ececec;
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable.kxi-high-contrast .kxi-list-items-wrapper li.kxi-list-item:nth-of-type(odd):not(:hover),
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable.kxi-high-contrast .kxi-list-items-wrapper li.kxi-list-item:nth-of-type(odd).kxi-list-item-none {
  background-color: rgba(255, 255, 255, .05);
}
.kxi-list-wrapper.kxi-zebra-striping.kxi-draggable.kxi-high-contrast .kxi-list-item:not(.kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: rgba(255, 255, 255, .1);
}
.kxi-list-wrapper.kxi-list-has-status {
  border-color: var(--primary-light-15);
  margin-bottom: 6px;
}
.kxi-list-wrapper.kxi-high-contrast {
  background: rgba(0, 0, 0, 0);
  border-color: rgba(255, 255, 255, .85);
}
.kxi-list-wrapper.kxi-high-contrast .kxi-list-search {
  border-bottom-color: rgba(255, 255, 255, .1);
}
.kxi-list-wrapper.kxi-high-contrast .kxi-list-no-results-found {
  background-color: rgba(0, 0, 0, 0);
}
.kxi-list-wrapper .kxi-list-no-results-found {
  height: var(--kxi-list-item-min-height);
  background: var(--contrast-dark-40);
  color: var(--primary);
  border-radius: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--kxi-list-item-vertical-padding) 0;
}
.kxi-list-wrapper .kxi-list-no-results-found .kxi-button {
  margin-top: 12px;
}
.kxi-list-item {
  border-bottom: 1px solid #ececec;
  min-height: calc(var(--kxi-line-height) + 2*var(--kxi-list-item-vertical-padding));
  display: flex;
  align-items: center;
  color: #253746;
  box-sizing: border-box;
  justify-content: space-between;
  padding-right: 12px;
  width: 100%;
  transition:
    background .5s ease-in-out,
    height .3s ease-in-out,
    opacity .3s ease-in-out;
  background: rgba(0, 0, 0, 0);
  scale: 1;
}
.kxi-list-item.kxi-list-item-draggable {
  padding-left: 6px;
}
.kxi-list-item.kxi-list-item-dragging {
  min-height: 0;
}
.kxi-list-item:not(.kxi-list-item-draggable) {
  padding-left: var(--kxi-list-item-left-padding);
}
.kxi-list-item.kxi-high-contrast {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .1);
}
.kxi-list-item.kxi-high-contrast:not(.kxi-list-item-disabled, .kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: rgba(255, 255, 255, .05);
}
.kxi-list-item.kxi-list-item-disabled > * {
  opacity: .4;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-list-item:not(.kxi-list-item-disabled, .kxi-list-item-none, .kxi-list-item-drag-active) {
  cursor: pointer;
}
.kxi-list-item:not(.kxi-list-item-disabled, .kxi-list-item-none, .kxi-list-item-drag-active):hover {
  background-color: #f6f6f6;
}
.kxi-list-item.kxi-list-item-active {
  background-color: var(--primary-light-95);
}
.kxi-list-item:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
}
.kxi-list-item.multi {
  justify-content: unset;
}
.kxi-list-item .kxi-list-item-drag-handle-wrapper {
  padding-right: 6px;
}
.kxi-list-item .kxi-list-item-checkbox-wrapper {
  margin-right: 12px;
}
.kxi-list-item .kxi-list-item-checkmark-wrapper {
  padding-right: 6px;
}
.kxi-list-item .kxi-list-item-children-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  padding: var(--kxi-list-item-vertical-padding) 0;
}
.kxi-list-search {
  --font-color: var(--secondary);
  height: var(--kxi-list-item-min-height);
  border-bottom: 1px solid #ececec;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.kxi-list-search .kxi-search-box input {
  border-radius: 5px 5px 0 0;
}
.kxi-list-search .kxi-search-box input:focus-visible {
  outline-offset: -1px;
}
.kxi-list-search .kxi-search-box input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
}
.kxi-list-search .kxi-search-box.kxi-high-contrast input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
  outline-color: #fff;
}
.kxi-video-player .kitchen-grey-overlay {
  padding: 0 120px;
}
@media only screen and (max-width: 620px) {
  .kxi-video-player .kitchen-grey-overlay {
    padding: 0;
  }
}
.kxi-video {
  background: #000;
  position: relative;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 480px) {
  .kxi-video {
    overflow: hidden;
  }
}
.kxi-video video {
  grid-row: 1;
  width: 100%;
  height: 100%;
  place-self: center;
}
@media only screen and (max-width: 960px) {
  .kxi-video video {
    width: 100%;
  }
}
.kxi-video-fullscreen {
  border-radius: 0;
}
.kxi-video-native {
  grid-template-rows: unset;
}
.kxi-thumbnail {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.kxi-thumbnail.kxi-thumbnail-stretch {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.kxi-thumbnail video {
  z-index: 1;
  object-fit: cover;
  height: 100%;
}
.kxi-thumbnail video.kxi-video-stretch {
  width: 100%;
  display: block;
}
.kxi-thumbnail .kxi-thumbnail-icon {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 84px;
  width: 84px;
  transform: translate(-42px, -42px);
}
.kxi-thumbnail .kxi-thumbnail-overlay {
  z-index: 1;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  inset: 0;
}
.kxi-media-player {
  grid-template-columns: 42px 42px 42px 1fr auto 48px;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player {
    grid-template-columns: 42px 42px 42px auto 48px;
  }
}
.kxi-media-player:focus {
  background: var(--primary-light-95);
}
.kxi-media-player:focus-visible {
  outline: none;
}
.kxi-media-player-fullscreen {
  z-index: 1;
  margin: 0 -8px;
  grid-template-columns: 1fr 1fr 1fr 100fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player-fullscreen {
    grid-template-columns: 42px 42px 42px auto 48px 42px;
  }
}
@media only screen and (max-width: 480px) {
  .kxi-media-player-fullscreen {
    margin: unset;
  }
}
.kxi-media-player-fullscreen .kxi-fullscreen {
  grid-column: 7;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player-fullscreen .kxi-fullscreen {
    grid-column: 6;
  }
}
.kxi-media-player,
.kxi-media-player-fullscreen {
  display: grid;
  grid-template-rows: 42px 3px;
  position: relative;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player,
  .kxi-media-player-fullscreen {
    grid-template-rows: 42px 42px 3px;
  }
}
.kxi-media-player .kxi-play,
.kxi-media-player .kxi-rewind,
.kxi-media-player .kxi-forward,
.kxi-media-player .kxi-volume,
.kxi-media-player .kxi-media-slider-text,
.kxi-media-player .kxi-fullscreen,
.kxi-media-player-fullscreen .kxi-play,
.kxi-media-player-fullscreen .kxi-rewind,
.kxi-media-player-fullscreen .kxi-forward,
.kxi-media-player-fullscreen .kxi-volume,
.kxi-media-player-fullscreen .kxi-media-slider-text,
.kxi-media-player-fullscreen .kxi-fullscreen {
  grid-row: 1;
  display: flex;
  flex-direction: column;
  place-self: center end;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player .kxi-play,
  .kxi-media-player .kxi-rewind,
  .kxi-media-player .kxi-forward,
  .kxi-media-player .kxi-volume,
  .kxi-media-player .kxi-media-slider-text,
  .kxi-media-player .kxi-fullscreen,
  .kxi-media-player-fullscreen .kxi-play,
  .kxi-media-player-fullscreen .kxi-rewind,
  .kxi-media-player-fullscreen .kxi-forward,
  .kxi-media-player-fullscreen .kxi-volume,
  .kxi-media-player-fullscreen .kxi-media-slider-text,
  .kxi-media-player-fullscreen .kxi-fullscreen {
    grid-row: 2;
  }
}
.kxi-media-player .kxi-play,
.kxi-media-player-fullscreen .kxi-play {
  grid-row: 1;
  grid-column: 1;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player .kxi-play,
  .kxi-media-player-fullscreen .kxi-play {
    grid-row: 2;
  }
}
.kxi-media-player .kxi-replay,
.kxi-media-player-fullscreen .kxi-replay {
  grid-column: 1;
}
.kxi-media-player .kxi-rewind,
.kxi-media-player-fullscreen .kxi-rewind {
  grid-column: 2;
}
.kxi-media-player .kxi-forward,
.kxi-media-player-fullscreen .kxi-forward {
  grid-column: 3;
}
.kxi-media-player .kxi-media-slider,
.kxi-media-player-fullscreen .kxi-media-slider {
  grid-row: span 1;
  grid-column: 4;
  display: flex;
  align-items: center;
  padding: 0 18px;
}
.kxi-media-player .kxi-media-slider .kxi-slider,
.kxi-media-player-fullscreen .kxi-media-slider .kxi-slider {
  height: unset;
}
.kxi-media-player .kxi-media-slider .kxi-slider-container,
.kxi-media-player-fullscreen .kxi-media-slider .kxi-slider-container {
  width: 100%;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player .kxi-media-slider,
  .kxi-media-player-fullscreen .kxi-media-slider {
    grid-row: 1;
    grid-column: 1/5;
  }
}
.kxi-media-player .kxi-media-slider-text,
.kxi-media-player-fullscreen .kxi-media-slider-text {
  grid-column: 5;
  grid-row: 1;
  white-space: nowrap;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player .kxi-media-slider-text,
  .kxi-media-player-fullscreen .kxi-media-slider-text {
    grid-column: auto;
    width: 100%;
    text-align: center;
  }
}
.kxi-media-player .kxi-volume,
.kxi-media-player-fullscreen .kxi-volume {
  grid-column: 6;
}
@media only screen and (max-width: 380px) {
  .kxi-media-player .kxi-volume,
  .kxi-media-player-fullscreen .kxi-volume {
    grid-column: 5;
  }
}
.kxi-media-player.kxi-background,
.kxi-media-player-fullscreen.kxi-background {
  background: #fff;
}
.kxi-image-carousel-indicator-active {
  background-color: var(--primary);
  height: 8px;
  width: 8px;
  border-radius: 8px;
  margin-left: 3px;
  margin-right: 3px;
}
.kxi-image-carousel-indicator-inactive {
  background-color: var(--primary-light-60);
  height: 6px;
  width: 6px;
  border-radius: 8px;
  margin-left: 3px;
  margin-right: 3px;
}
.kxi-image-carousel-indicator-wrapper {
  margin-top: 12px;
  flex-wrap: wrap;
  row-gap: 4px;
  display: inline-flex;
  justify-content: center;
}
.kxi-image-carousel-item-wrapper {
  height: 100%;
  min-width: 150px;
  min-height: 80px;
}
.kxi-image-carousel-wrapper {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.kxi-image-carousel-row-wrapper {
  height: 100%;
  width: 100%;
  display: inline-flex;
  flex: 1;
}
.kxi-image-carousel-row-wrapper-large {
  height: 100%;
  flex: 1;
}
.kxi-image-carousel-arrow {
  display: inline-flex;
  align-items: center;
}
.kxi-image-carousel-arrow-left {
  margin-right: 3px;
}
.kxi-image-carousel-arrow-right {
  margin-left: 3px;
}
.kxi-image-carousel-image-size {
  width: 100%;
  height: 100%;
  min-height: 60px;
}
.kxi-image-carousel-image-size-large {
  flex: 1;
  width: 100%;
  height: 100%;
}
.kxi-image-carousel-image-size-large.kxi-image-carousel-image-wrapper-large {
  height: unset;
  width: unset;
}
.kxi-image-carousel-image-wrapper {
  position: relative;
  display: flex;
  height: auto;
}
.kxi-image-carousel-image {
  border-radius: 6px;
  object-fit: cover;
  position: absolute;
}
.kxi-image-carousel-image-large {
  object-fit: contain;
}
.kxi-image-carousel-wrapper-large {
  flex: 1;
  width: 100%;
}
.kxi-image-carousel-print-view {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.kxi-image-carousel-print-view img {
  border: 1px solid #d3d7da;
  box-sizing: border-box;
  object-fit: contain;
  width: calc(50% - 6px);
  aspect-ratio: 1/1;
}
.kxi-text-to-link {
  color: var(--secondary-light-30);
}
.kxi-text-to-link:hover {
  text-decoration: none;
}
.kxi-text-to-link-bold {
  font-size: .875rem;
  color: #253746;
  font-weight: 600;
  word-break: break-all;
}
.kxi-text-to-link-bold:hover {
  text-decoration: none;
}
xi-generic-modal > [slot],
xi-popout > [slot] {
  display: none;
}
.kxi-generic-modal-partial-portal {
  z-index: 100;
  position: relative;
  opacity: 1;
  transition: opacity .4s;
}
.kxi-generic-modal-partial-portal:not(.kxi-generic-modal-base) {
  position: absolute;
}
.kxi-generic-modal-partial-portal:not(.kxi-generic-modal-base) .kxi-grey-overlay {
  position: absolute;
}
.kxi-generic-modal-partial-portal .kxi-grey-overlay {
  opacity: 1;
  transition: z-index .4s;
}
.kxi-generic-modal-partial-portal .kxi-grey-overlay.kxi-secondary-modal {
  background-color: var(--secondary-color-overlay);
}
.kxi-generic-modal-partial-portal .kxi-grey-overlay.kxi-secondary-modal .kxi-generic-modal-x-visual {
  background: var(--primary-light-90);
}
.kxi-generic-modal-partial-portal .kxi-grey-overlay.kxi-secondary-modal .kxi-generic-modal-x-visual:hover {
  background-color: #fff;
}
.kxi-generic-modal {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.kxi-generic-modal.kxi-flexible-modal .kxi-modal-container {
  align-self: center;
  background-color: #fff;
  max-height: 80%;
  margin: 0;
  box-sizing: border-box;
  padding: 30px 24px;
  position: relative;
  width: 80%;
  box-shadow: var(--shadow-down-5);
}
@media only screen and (max-width: 960px) {
  .kxi-generic-modal.kxi-flexible-modal .kxi-modal-container {
    align-items: center;
  }
}
@media only screen and (max-width: 960px)and (orientation: portrait) {
  .kxi-generic-modal.kxi-flexible-modal .kxi-modal-container {
    max-height: 80%;
    max-width: 80% !important;
    width: 80%;
  }
}
@media only screen and (max-width: 960px)and (orientation: landscape) {
  .kxi-generic-modal.kxi-flexible-modal .kxi-modal-container {
    max-height: 90%;
    max-width: 80% !important;
    width: 80%;
  }
}
.kxi-generic-modal:not(.kxi-flexible-modal) .kxi-generic-modal-x-visual {
  margin-top: -30px;
  margin-left: -30px;
}
.kxi-generic-modal:not(.kxi-flexible-modal) button.kxi-generic-modal-x {
  margin-left: -36px;
}
.kxi-generic-modal .kxi-modal-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px;
  margin: 60px;
  border-radius: 6px;
}
.kxi-generic-modal .kxi-modal-container.kxi-generic-modal-scrollable {
  overflow: auto;
}
@media only screen and (max-width: 960px) {
  .kxi-generic-modal .kxi-modal-container {
    width: 100%;
    align-items: center;
    min-height: 24%;
    padding: 24px;
  }
}
@media only screen and (max-width: 960px)and (orientation: portrait) {
  .kxi-generic-modal .kxi-modal-container {
    max-height: 80vh;
    width: 90vw;
  }
}
@media only screen and (max-width: 960px)and (orientation: landscape) {
  .kxi-generic-modal .kxi-modal-container {
    max-height: 90vh;
    width: 80vw;
  }
}
.kxi-generic-modal .kxi-modal-container.kxi-high-contrast {
  --font-color: var(--secondary);
  background: var(--primary);
}
.kxi-generic-modal .kxi-generic-modal-button {
  width: 36px;
  margin: 0 -12px;
}
.kxi-generic-modal .kxi-generic-modal-fullscreen {
  flex: 1;
}
.kxi-generic-modal .kxi-generic-modal-x-visual {
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 15px;
  cursor: pointer;
  transition: background .1s;
  background: var(--primary-light-70);
}
.kxi-generic-modal .kxi-generic-modal-x-visual.kxi-generic-modal-contrast-high-button {
  margin-left: unset;
  position: absolute;
  top: 3px;
  left: 3px;
}
.kxi-generic-modal .kxi-generic-modal-x-visual:hover {
  background: var(--primary-light-95);
}
.kxi-generic-modal .kxi-generic-modal-x-visual:active {
  background: var(--primary-light-90);
}
.kxi-popout {
  z-index: 1000;
  height: fit-content;
  width: fit-content;
  max-height: 100vh;
  max-width: 100vw;
  box-sizing: border-box;
  overflow: auto;
  box-shadow: var(--shadow-down-3);
  border-radius: 6px;
  background: #fff;
  position: absolute;
  overscroll-behavior: contain;
}
.kxi-popout.kxi-popout-hidden {
  display: none;
}
.kxi-popout-invisible-scrim {
  z-index: 50;
  position: absolute;
  inset: 0;
  overflow: visible;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0);
}
.kxi-color-picker-knob-wrapper {
  margin-left: -1px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 12px;
  height: 14px;
  width: 14px;
  outline: 1px solid var(--primary-light-15);
}
.kxi-color-picker-knob-wrapper .kxi-color-picker-knob {
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  height: 100%;
  width: 100%;
  border: 1px solid var(--primary-light-15);
}
.kxi-color-picker-knob-wrapper.kxi-color-picker-knob-disabled {
  outline-color: #dadada;
  pointer-events: none;
}
.kxi-color-slider-wrapper .kxi-color-slider-track {
  position: relative;
  width: 12px;
  height: 100%;
  min-height: 142px;
  border-radius: 7px;
  border: 1px solid var(--color-disabled);
}
.kxi-color-slider-wrapper .kxi-color-slider-track.kxi-color-slider-hue {
  background:
    linear-gradient(
      #f00 0%,
      #ff0 17%,
      #0f0 33%,
      #0ff 50%,
      #00f 67%,
      #f0f 83%,
      #f00 100%);
}
.kxi-color-slider-wrapper .kxi-color-slider-track.kxi-color-slider-alpha {
  margin-right: 3px;
  background: repeating-conic-gradient(#ebebeb 0% 25%, transparent 0% 50%) 50%/8px 8px;
}
.kxi-color-slider-wrapper .kxi-color-slider-track .kxi-color-slider-overlay {
  position: absolute;
  inset: 0;
  border-radius: 7px;
}
.kxi-color-picker {
  height: fit-content;
  width: fit-content;
}
.kxi-color-picker .kxi-color-selector-container-wrapper {
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 12px 0 12px;
  gap: 12px;
}
.kxi-color-picker .kxi-color-selector-container-wrapper:not(.inputs) {
  height: 142px;
}
.kxi-color-picker .kxi-color-selector-container-wrapper.inputs {
  padding: 0.5625rem 12px 12px;
  justify-content: flex-start;
  gap: 6px;
}
.kxi-color-picker .kxi-color-selector-container-wrapper .kxi-color-selector-container {
  gap: 6px;
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.kxi-color-picker .kxi-color-selector-container-wrapper.mobile {
  flex-direction: column;
  align-items: flex-start;
}
.kxi-color-picker .kxi-dropdown .kxi-color-type {
  width: 80px;
}
.kxi-color-picker .kxi-input-outer-wrapper {
  width: auto;
}
.kxi-color-picker .kxi-input-outer-wrapper .kxi-label {
  margin-bottom: 0;
}
.kxi-color-picker .kxi-input-outer-wrapper .kxi-xi-label {
  margin-bottom: 0;
}
.kxi-color-picker .kxi-input-outer-wrapper input {
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
}
.kxi-color-picker .kxi-input-outer-wrapper .kxi-input-icon ~ input {
  padding-right: 36px;
}
.kxi-color-picker .kxi-input-outer-wrapper .kxi-input-icon ~ input.kxi-condensed {
  padding-right: 30px;
}
.kxi-color-picker .kxi-input {
  width: 100px;
}
.kxi-color-picker .kxi-color-input {
  width: 55px;
}
.kxi-color-picker .kxi-hex-color-input {
  width: 110px;
}
.kxi-color-picker .kxi-hex-color-input.kxi-hex-has-alpha {
  width: 130px;
}
.kxi-color-picker .kxi-color-picker-preselected-colors {
  display: flex;
  flex-wrap: wrap;
  max-width: 384px;
  gap: 6px;
  padding: 0 12px 12px;
  box-sizing: border-box;
}
@media (max-width: 479px) {
  .kxi-color-picker .kxi-color-picker-preselected-colors {
    max-width: 270px;
  }
}
.kxi-color-picker .kxi-color-apply-cancel {
  gap: 12px;
  padding: 9px 12px;
  display: flex;
  justify-content: flex-end;
}
.kxi-menu-color-square {
  border-radius: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  width: 24px;
  height: 24px;
}
.kxi-color-square-wrapper {
  border: 1px solid #b4b4b4;
  background-color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.kxi-color-square-wrapper .kxi-color-square {
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: 3px;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
}
.kxi-color-square-wrapper .kxi-color-square.kxi-color-picker-disabled {
  cursor: default;
  opacity: .4;
}
.kxi-2d-picker-wrapper {
  z-index: 1;
  border: 1px solid #b4b4b4;
  border-radius: 7px;
  position: relative;
}
.kxi-2d-picker-wrapper .kxi-2d-picker {
  border-radius: 6px;
}
.kxi-hierarchy-picker-popout {
  padding: 12px;
}
.kxi-hierarchy-picker-popout .kxi-hierarchy-picker {
  max-width: 384px;
  grid-template-columns: 100%;
}
.kxi-hierarchy-picker {
  gap: 12px;
  display: grid;
  grid-template: "header " min-content "tree   " "footer " min-content;
}
.kxi-hierarchy-picker-header {
  grid-area: header;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.kxi-hierarchy-picker-tree {
  grid-area: tree;
  max-height: 328px;
}
.kxi-hierarchy-picker-footer {
  grid-area: footer;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.kxi-left-right-picker {
  container-type: inline-size;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.kxi-left-right-picker .kxi-left-right-picker-title {
  font-weight: 600;
  padding-bottom: 12px;
}
.kxi-left-right-picker-columns {
  min-height: 0;
  flex-grow: 1;
  display: grid;
  grid-template: "search      search" 36px "left-header right-header" 36px "left-list   right-list" minmax(0, 1fr)/1fr 1fr;
  border: 1px solid var(--primary-light-80);
  border-radius: 6px;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-left-right-picker-columns.kxi-left-right-picker-condensed {
  grid-template: "search" 36px "header" 36px "list  " minmax(0, 1fr)/1fr;
}
.kxi-left-right-picker-columns .kxi-left-right-picker-search {
  grid-area: search;
}
.kxi-left-right-picker-columns .kxi-left-right-picker-search .kxi-search-box input {
  border-radius: 5px 5px 0 0;
}
.kxi-left-right-picker-columns .kxi-left-right-picker-search .kxi-search-box input:focus-visible {
  outline-offset: -1px;
}
.kxi-left-right-picker-columns .kxi-left-right-picker-search .kxi-search-box input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
}
.kxi-left-right-picker-columns .kxi-left-right-picker-search .kxi-search-box.kxi-high-contrast input:focus-visible {
  outline: 2px solid #024ea9;
  outline-offset: -2px;
  outline-color: #fff;
}
.kxi-left-right-picker-column-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--contrast-primary);
  font-size: 14px;
  background-color: var(--primary);
  padding-left: 12px;
  padding-right: 9px;
  grid-area: header;
}
.kxi-left-right-picker-columns:not(.kxi-left-right-picker-condensed) .kxi-left-right-picker-column-header.kxi-left-right-picker-available-column-header {
  grid-area: left-header;
}
.kxi-left-right-picker-columns:not(.kxi-left-right-picker-condensed) .kxi-left-right-picker-column-header.kxi-left-right-picker-selected-column-header {
  grid-area: right-header;
  border-left: 1px solid var(--primary-light-80);
}
.kxi-left-right-picker-column-list {
  grid-area: list;
}
.kxi-left-right-picker-columns:not(.kxi-left-right-picker-condensed) .kxi-left-right-picker-column-list.kxi-left-right-picker-available-column-list {
  grid-area: left-list;
  border-bottom-left-radius: inherit;
}
.kxi-left-right-picker-columns:not(.kxi-left-right-picker-condensed) .kxi-left-right-picker-column-list.kxi-left-right-picker-selected-column-list {
  grid-area: right-list;
  border-bottom-right-radius: inherit;
  border-left: 1px solid var(--primary-light-80);
}
.kxi-left-right-picker-columns:not(.kxi-left-right-picker-condensed) .kxi-left-right-picker-column-list .kxi-list-item:not(:hover) .kxi-left-right-picker-list-item .kxi-icon {
  opacity: 0;
}
.kxi-left-right-picker-column-list .kxi-list-item.kxi-list-item-disabled .kxi-left-right-picker-list-item .kxi-icon {
  opacity: 0;
}
.kxi-left-right-picker-column-list .kxi-list-item .kxi-left-right-picker-list-item {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.kxi-left-right-picker-column-list .kxi-list-item .kxi-left-right-picker-list-item .kxi-left-right-picker-list-item-title {
  line-height: 24px;
}
.kxi-left-right-picker-condensed-no-selections {
  padding-top: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
xi-tree-picker > [slot] {
  display: none;
}
.kxi-tree-picker {
  border: 1px solid var(--color-divider);
  border-radius: 6px;
  max-height: 100%;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
.kxi-tree-picker .kxi-tree-picker-loading-animation {
  height: 36px;
}
.kxi-tree-picker.kxi-stretch {
  height: 100%;
}
.kxi-tree-picker .kxi-search {
  min-height: 42px;
  height: 42px;
  border-bottom: 1px solid var(--color-divider);
  box-sizing: border-box;
}
.kxi-tree-picker .kxi-search input {
  border-radius: 5px 5px 0 0;
}
.kxi-tree-picker .kxi-search input:focus-visible {
  outline-offset: -1px;
}
.kxi-tree-picker .kxi-no-results {
  align-items: center;
  background: var(--contrast-dark-40);
  padding: 12px;
  justify-content: center;
}
.kxi-tree-picker .kxi-no-results:not(.kxi-stretch) {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-tree-picker .kxi-tree-picker-content {
  overflow: auto;
}
.kxi-tree-picker .kxi-tree-picker-item {
  min-width: fit-content;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option {
  padding: 0 12px;
  height: 36px;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category .kxi-text-wrapper,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option .kxi-text-wrapper {
  width: 100%;
  display: flex;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category p,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option p {
  cursor: pointer;
  font-size: 0.875rem;
  margin: 0;
  padding: 0 0 0 12px;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category p .kxi-text-detector,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option p .kxi-text-detector {
  white-space: nowrap;
  padding: 0;
  overflow: visible;
  position: absolute;
  visibility: hidden;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category > .kxi-icon,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option > .kxi-icon {
  margin-right: 6px;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category:hover,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option:hover {
  background: var(--primary-light-90);
  cursor: pointer;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category:hover .kxi-checkbox-styled,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option:hover .kxi-checkbox-styled {
  border: 2px solid var(--color-border);
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category.kxi-tree-picker-item-single-select.kxi-tree-picker-category-selected,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category.kxi-tree-picker-item-single-select.kxi-tree-picker-option-selected,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option.kxi-tree-picker-item-single-select.kxi-tree-picker-category-selected,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option.kxi-tree-picker-item-single-select.kxi-tree-picker-option-selected {
  background-color: var(--color-selected-background);
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category.kxi-tree-picker-item-single-select.kxi-tree-picker-category-selected,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option.kxi-tree-picker-item-single-select.kxi-tree-picker-category-selected {
  border-left: var(--category-selection-bar-width) solid var(--color-selected-accent);
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-category.kxi-tree-picker-item-single-select.kxi-tree-picker-option-selected .kxi-tree-picker-option-check-icon,
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-option.kxi-tree-picker-item-single-select.kxi-tree-picker-option-selected .kxi-tree-picker-option-check-icon {
  flex-grow: 0;
  margin-right: 0;
}
.kxi-tree-picker .kxi-tree-picker-item.kxi-active {
  background: var(--primary-light-95);
}
.kxi-tree-picker .kxi-tree-picker-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-tree-picker-item-bold {
  font-weight: bold;
}
.kxi-tree-picker .kxi-tree-picker-item .kxi-left-right-picker-emphasized-text {
  background-color: var(--color-highlight);
}
.kxi-tree-picker .kxi-tree-picker-hidden {
  display: none !important;
}
.kxi-radio-wrapper {
  display: flex;
  align-items: center;
  min-height: 21px;
}
.kxi-radio-wrapper:not(.kxi-label-left) {
  flex-direction: row-reverse;
}
.kxi-radio-wrapper:not(.kxi-label-left) .kxi-radio-label {
  margin-left: 12px;
}
.kxi-radio-wrapper.kxi-label-left {
  flex-direction: row;
}
.kxi-radio-wrapper.kxi-label-left .kxi-radio-label {
  margin-right: 12px;
}
.kxi-radio-wrapper.kxi-radio-inline-flex {
  display: inline-flex;
}
.kxi-radio-wrapper .kxi-radio-label {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
  color: var(--primary);
}
.kxi-radio-wrapper .kxi-radio-label:disabled {
  cursor: auto;
}
.kxi-radio {
  -webkit-appearance: none;
  cursor: pointer;
  display: inline-block;
  border-radius: 100%;
  height: 18px;
  width: 18px;
  margin: 0;
  outline: none;
  position: relative;
}
.kxi-radio:checked::after {
  background-color: var(--primary);
  content: "";
  border-radius: 100%;
  margin: 3px;
  position: absolute;
  inset: 0;
}
.kxi-radio:disabled {
  cursor: auto;
  opacity: .4;
}
.kxi-search-box {
  position: relative;
}
.kxi-search-box .kxi-search-icon {
  position: absolute;
  top: calc(50% - 12px);
}
.kxi-search-box.kxi-large .kxi-search-icon {
  left: 17px;
}
.kxi-search-box.kxi-normal input:not(.kxi-stretch-height) {
  height: 36px;
}
.kxi-search-box.kxi-large input {
  padding: 3px 3px 3px 64px;
  border-radius: 6px;
}
.kxi-search-box.kxi-large input:not(.kxi-stretch-height) {
  height: 64px;
}
.kxi-search-box.kxi-bottom-border::after {
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--primary);
  bottom: 0;
  left: 15px;
  right: 5px;
}
.kxi-search-box input[type=search]::-webkit-search-decoration,
.kxi-search-box input[type=search]::-webkit-search-cancel-button,
.kxi-search-box input[type=search]::-webkit-search-results-button,
.kxi-search-box input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.kxi-search-box input {
  color: var(--font-color);
  background: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 3px 3px 3px 42px;
  box-sizing: border-box;
  border-radius: 50px;
}
.kxi-search-box input:not(.kxi-border) {
  border: none;
}
.kxi-search-box span.kxi-error,
.kxi-search-box span.kxi-warning,
.kxi-search-box span.kxi-success {
  --font-color: var(--primary);
  color: var(--font-color);
  margin-left: 24px;
}
.kxi-search-box .kxi-suggestion-wrapper {
  z-index: 1000;
  box-shadow: var(--shadow-down-3);
  border-radius: 6px;
  overflow: hidden;
  margin: 6px;
  box-sizing: border-box;
  overflow-x: visible;
  position: absolute;
  width: calc(100% - 12px);
}
.kxi-search-box .kxi-suggestion-wrapper > div {
  max-height: 336px;
  overflow-y: auto;
}
.kxi-search-box .kxi-suggestion {
  cursor: pointer;
  border-bottom: 1px solid var(--secondary-light-90);
  height: 3rem;
  background: var(--contrast-primary);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 18px;
  transition: background .1s ease-in-out;
}
.kxi-search-box .kxi-suggestion:hover {
  background: var(--contrast-dark-40);
}
.kxi-search-box .kxi-suggestion:active {
  background: var(--contrast-dark-55);
}
.kxi-search-box .kxi-suggestion span {
  display: inline;
}
.kxi-search-box.kxi-high-contrast .kxi-suggestion {
  --font-color: var(--contrast-primary);
  background: var(--primary);
}
.kxi-search-box.kxi-high-contrast input::placeholder {
  color: var(--primary-light-30);
}
.kxi-light-99 {
  --primary: var(--primary-light-99);
}
.kxi-light-95 {
  --primary: var(--primary-light-95);
}
.kxi-light-90 {
  --primary: var(--primary-light-90);
}
.kxi-light-80 {
  --primary: var(--primary-light-80);
}
.kxi-light-70 {
  --primary: var(--primary-light-70);
}
.kxi-light-60 {
  --primary: var(--primary-light-60);
}
.kxi-light-50 {
  --primary: var(--primary-light-50);
}
.kxi-light-40 {
  --primary: var(--primary-light-40);
}
.kxi-light-99 {
  --primary: var(--primary-light-99);
}
.kxi-light-95 {
  --primary: var(--primary-light-95);
}
.kxi-light-90 {
  --primary: var(--primary-light-90);
}
.kxi-light-80 {
  --primary: var(--primary-light-80);
}
.kxi-light-70 {
  --primary: var(--primary-light-70);
}
.kxi-light-60 {
  --primary: var(--primary-light-60);
}
.kxi-light-50 {
  --primary: var(--primary-light-50);
}
.kxi-light-40 {
  --primary: var(--primary-light-40);
}
.kxi-light-99 {
  --primary: var(--primary-dark-99);
}
.kxi-light-95 {
  --primary: var(--primary-dark-95);
}
.kxi-light-90 {
  --primary: var(--primary-dark-90);
}
.kxi-light-80 {
  --primary: var(--primary-dark-80);
}
.kxi-light-70 {
  --primary: var(--primary-dark-70);
}
.kxi-light-60 {
  --primary: var(--primary-dark-60);
}
.kxi-light-50 {
  --primary: var(--primary-dark-50);
}
.kxi-light-40 {
  --primary: var(--primary-dark-40);
}
xi-side-panel > [slot] {
  display: none;
}
.kxi-side-panel-wrapper + .kxi-grey-overlay {
  display: none;
  position: absolute;
}
.kxi-side-panel-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  position: absolute;
  inset: 0;
}
.kxi-side-panel-main-content {
  flex-grow: 1;
  height: 100%;
}
.kxi-side-panel {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.kxi-side-panel-content {
  height: 100%;
}
.kxi-side-panel-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--secondary-light-90);
  text-align: right;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .kxi-side-panel-header {
    position: absolute;
    border-radius: 0 6px 6px 0;
    border-color: #dadada;
  }
}
.kxi-side-panel-wrapper.open .kxi-side-panel-header {
  justify-content: flex-end;
}
.kxi-side-panel-wrapper.open .kxi-side-panel-header .kxi-animated-button {
  padding-right: 0.375rem;
}
@media screen and (max-width: 960px) {
  .kxi-side-panel-wrapper.open + .kxi-grey-overlay {
    display: block;
  }
  .kxi-side-panel-wrapper.open .kxi-side-panel {
    z-index: 25;
    position: absolute;
    background-color: #fff;
  }
}
@media screen and (max-width: 480px) {
  .kxi-side-panel-wrapper.open .kxi-side-panel-header {
    position: relative;
    border-radius: 0;
  }
}
.kxi-slider {
  height: 3.125rem;
  min-width: 50px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}
.kxi-knob {
  background: #fff;
  position: absolute;
  top: -14px;
  height: 18px;
  border: 1px solid var(--color-border);
  transform-origin: center;
  box-sizing: border-box;
  border-radius: 9px;
  transition:
    width .1s,
    left .1s,
    border .075s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
}
.kxi-knob:hover {
  border: 1px solid var(--primary);
}
.kxi-knob:active {
  border: 2px solid var(--secondary);
}
.kxi-knob.kxi-slider-inflection {
  border-color: var(--primary-light-15);
}
.kxi-knob.disabled {
  background: var(--disabled-border);
  border: 1px solid var(--disabled-border);
}
.kxi-knob.disabled:hover {
  border: 1px solid var(--disabled-border);
}
.kxi-slider-container {
  display: flex;
}
.kxi-slider-container .kxi-slider-end-label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.kxi-slider-container .kxi-slider-end-label-left {
  margin-right: 16px;
}
.kxi-slider-container .kxi-slider-end-label-right {
  margin-left: 16px;
}
.kxi-slider-container p {
  color: var(--font-color);
  line-height: 0;
}
.kxi-bubble {
  position: absolute;
  padding: 6px 12px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  border-radius: 40px;
  transition:
    bottom .1s,
    background .1s,
    border .1s,
    font-weight .1s;
  visibility: visible;
  color: var(--font-color);
}
.kxi-bubble.kxi-bubble-active .kxi-bubble.kxi-high-contrast {
  color: var(--contrast-primary);
}
.kxi-bubble-space {
  -webkit-user-select: none;
  user-select: none;
  transition: bottom 0s;
  bottom: 16px;
  white-space: nowrap;
  visibility: hidden;
}
.kxi-track-bounds {
  width: 100%;
  height: 12px;
  display: flex;
  align-items: center;
}
.kxi-track {
  width: 100%;
  height: 2px;
  position: relative;
  background: var(--contrast-dark-55);
}
.kxi-track-completed {
  z-index: 1;
  height: 2px;
  border-radius: 1px;
  position: absolute;
}
.kxi-track-completed.kxi-slider-inflection {
  background-color: var(--primary-light-15);
}
.kxi-draggable-area {
  height: 50px;
  position: absolute;
  right: 0;
  pointer-events: none;
}
.kxi-stretch-toggle {
  width: 100%;
}
.kxi-fit-toggle {
  width: fit-content;
}
.kxi-switch {
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: column;
  box-sizing: border-box;
}
.kxi-switch.kxi-stretch {
  justify-content: space-between;
}
.kxi-switch .kxi-toggle-disabled {
  opacity: .4;
}
.kxi-switch.kxi-toggle-switch-label-inline {
  align-items: center;
  flex-direction: row;
}
.kxi-switch.kxi-toggle-switch-label-inline label {
  margin-bottom: 0;
}
.kxi-switch.kxi-toggle-switch-label-inline.kxi-toggle-switch-label-left label {
  margin-right: 12px;
}
.kxi-switch.kxi-toggle-switch-label-inline:not(.kxi-toggle-switch-label-left) {
  flex-direction: row-reverse;
}
.kxi-switch.kxi-toggle-switch-label-inline:not(.kxi-toggle-switch-label-left) label {
  margin-left: 12px;
}
.kxi-switch.kxi-toggle-switch-small .kxi-toggle {
  height: 14px;
  top: auto;
}
.kxi-switch.kxi-toggle-switch-small .kxi-toggle-text-black,
.kxi-switch.kxi-toggle-switch-small .kxi-toggle-text-white {
  font-size: 0.6875rem;
  height: 14px;
  padding: 0 10px;
}
.kxi-switch.kxi-toggle-switch-small .kxi-toggle-switch-button {
  padding: 1px;
}
.kxi-switch.kxi-toggle-switch-xxlarge .kxi-toggle {
  height: 28px;
  top: auto;
}
.kxi-switch.kxi-toggle-switch-xxlarge .kxi-toggle-switch-button {
  height: 36px;
}
.kxi-switch.kxi-toggle-switch-xxlarge .kxi-toggle-text-black,
.kxi-switch.kxi-toggle-switch-xxlarge .kxi-toggle-text-white {
  height: 28px;
}
.kxi-switch .kxi-toggle {
  z-index: 1;
  background-color: var(--primary);
  position: absolute;
  top: 0.1875rem;
  height: 1.875rem;
  border-radius: 18px;
  transition: .1s ease 0s;
  transition-property:
    min-width,
    left,
    right;
}
.kxi-switch .kxi-toggle.kxi-disabled {
  background-color: var(--color-disabled);
}
.kxi-switch .kxi-toggle.kxi-toggle-lighten-color {
  background-color: var(--secondary-light-30);
  color: #fff !important;
}
.kxi-switch .kxi-toggle.kxi-toggle-disabled {
  opacity: .4;
}
.kxi-switch .kxi-toggle-switch-button {
  background: none;
  border-radius: 32px;
  cursor: pointer;
  display: inline-flex;
  padding: 3px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.kxi-switch .kxi-toggle-switch-button:disabled {
  cursor: auto;
}
.kxi-switch .kxi-toggle-switch-button.kxi-high-contrast .kxi-toggle.kxi-toggle-lighten-color {
  background-color: var(--primary-light-30);
}
.kxi-switch .kxi-toggle-text-black,
.kxi-switch .kxi-toggle-text-white {
  z-index: 1;
  border-radius: 18px;
  padding: 0 18px;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kxi-switch .kxi-toggle-text-white {
  color: var(--font-color) !important;
}
.kxi-switch .kxi-toggle-text-black {
  color: var(--contrast-primary) !important;
}
.kxi-switch .kxi-hidden {
  visibility: hidden;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content .kxi-tab-bar-item-text:focus-visible,
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-text .kxi-tab-bar-text-container > span:focus-visible,
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-item-text:focus-visible,
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-text .kxi-tab-bar-text-container > span:focus-visible {
  outline-offset: -3px !important;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-item-text:focus-visible,
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-text .kxi-tab-bar-text-container > span:focus-visible {
  outline-color: #fff !important;
}
.kxi-tab-bar {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.kxi-tab-bar.kxi-high-contrast {
  background-color: var(--contrast-dark-15);
}
.kxi-tab-bar .kxi-input::placeholder {
  color: var(--font-color);
}
.kxi-tab-bar .kxi-dropdown-menu {
  overflow: hidden;
}
.kxi-tab-bar .kxi-menu-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}
.kxi-tab-bar .kxi-menu-item-rough {
  display: inline-flex;
}
.kxi-tab-bar .kxi-tab-bar-layout-rough {
  display: flex;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  width: 0;
}
.kxi-tab-bar .kxi-tab-bar-layout-rough .kxi-tab-bar-item-rough {
  display: inline-flex;
  padding: 0 12px 0 12px;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper {
  display: flex;
  white-space: nowrap;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-text {
  margin: auto;
  display: flex;
  padding: 6px 12px;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-text .kxi-tab-bar-text-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-text .kxi-tab-bar-text-container > span {
  display: inline-flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item {
  padding: 0 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item .kxi-tab-bar-indicator-wrapper .kxi-tab-bar-indicator {
  background-color: var(--primary);
  transition: height .25s ease 0s, width .25s ease 0s;
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-indicator {
  background-color: rgba(255, 255, 255, .7);
}
.kxi-tab-bar .kxi-tab-bar-item-wrapper .kxi-tab-bar-item.kxi-high-contrast {
  color: var(--primary);
}
.kxi-tab-bar.kxi-tab-bar-transparent {
  background-color: rgba(0, 0, 0, 0);
}
.kxi-tab-bar .kxi-tab-bar-alert {
  height: 10px;
  width: 10px;
  background-color: #f9d28c;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 15px;
}
.kxi-vertical-tab-bar {
  width: 60px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab {
  display: flex;
  justify-content: center;
  padding: 12px 0 12px 6px;
  position: relative;
}
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab:not(.kxi-vertical-tab-disabled).kxi-vertical-tab-bar-selected,
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab:not(.kxi-vertical-tab-disabled):hover {
  background-color: var(--contrast-dark-40);
}
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab:not(.kxi-vertical-tab-disabled):hover {
  cursor: pointer;
}
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab .kxi-vertical-tab-bar-indicator {
  position: absolute;
  height: 0;
  width: 0;
  background-color: var(--primary);
  left: 0;
  top: 0;
  transition: height .25s ease 0s, width .25s ease 0s;
}
.kxi-vertical-tab-bar .kxi-vertical-tab-bar-tab .kxi-vertical-tab-bar-indicator.kxi-vertical-tab-bar-selected {
  width: 6px;
  height: 100%;
}
.kxi-vertical-tab-bar .kxi-separator-container {
  display: flex;
  flex-direction: column;
}
.kxi-vertical-tab-bar .kxi-separator-container .kxi-separator {
  margin-left: 12px;
  width: 25px;
  height: 1px;
  background-color: var(--color-border-light);
  align-self: center;
}
.kxi-horizontal-tab-bar {
  --background-area-bg-color: white;
  display: grid;
  grid-template-areas: "left-arrow tabs right-arrow add-button";
  grid-template-columns: min-content auto min-content min-content;
  background-color: var(--background-area-bg-color);
}
.kxi-horizontal-tab-bar:not(.kxi-stretch-width) {
  width: fit-content;
}
.kxi-horizontal-tab-bar.kxi-high-contrast {
  --background-area-bg-color: var(--contrast-dark-15);
}
.kxi-horizontal-tab-bar.kxi-tab-bar-transparent {
  --background-area-bg-color: transparent;
}
.kxi-horizontal-tab-bar.kxi-stacked {
  border-radius: 6px 6px 0 0;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-tab-list {
  grid-area: tabs;
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  .kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-tab-list {
    scroll-behavior: auto;
  }
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-tab-list.kxi-stacked {
  height: 1.75rem;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-tab-list:not(.kxi-stretch-height, .kxi-stacked) {
  height: 2.625rem;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-tab-list:not(.kxi-stretch-height, .kxi-stacked).kxi-horizontal-tab-bar-category-layout {
  height: 4rem;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  transition: opacity .25s ease-out;
  opacity: 1;
  padding: 0 12px;
}
@keyframes fade-right {
  0% {
    -webkit-mask-position: 0;
    mask-position: 0;
  }
  100% {
    -webkit-mask-position: 100%;
    mask-position: 100%;
  }
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-tab-bar-item-fade-left .kxi-tab-bar-item-content {
  -webkit-mask-position: left;
  mask-position: left;
  mask-image:
    linear-gradient(
      to left,
      black,
      transparent 90%);
  -webkit-mask-image:
    linear-gradient(
      to left,
      black,
      transparent 90%);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: fade-right .5s reverse;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-tab-bar-item-fade-right .kxi-tab-bar-item-content {
  -webkit-mask-position: right;
  mask-position: right;
  mask-image:
    linear-gradient(
      to right,
      black,
      transparent 90%);
  -webkit-mask-image:
    linear-gradient(
      to right,
      black,
      transparent 90%);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: fade-right .5s;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-stacked {
  background-color: #bec3c8;
  font-size: 0.75rem;
  cursor: pointer;
  border: 1px solid #d3d7da;
  border-radius: 6px 6px 0 0;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-stacked .kxi-tab-bar-item-content {
  margin-top: 0;
  cursor: pointer;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-stacked.kxi-tab-bar-item-selected {
  background-color: #fff;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-stacked + .kxi-tab-bar-item.kxi-stacked {
  margin-left: -5px;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-indicator-wrapper .kxi-tab-bar-indicator {
  background-color: var(--primary);
  transition: height .25s ease 0s, width .25s ease 0s;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-high-contrast {
  color: var(--primary);
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-high-contrast .kxi-tab-bar-indicator {
  background-color: rgba(255, 255, 255, .7);
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  cursor: default;
  height: 100%;
  margin-top: 6px;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content .kxi-tab-bar-item-text {
  display: inline-flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content .kxi-tab-bar-alert {
  height: 10px;
  width: 10px;
  background-color: #f9d28c;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 15px;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item .kxi-tab-bar-item-content.kxi-disabled-alpha * {
  cursor: default;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow,
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-add-button {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-add-button {
  grid-area: add-button;
  width: var(--kxi-horizontal-tab-bar-add-button-width);
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow {
  position: relative;
  overflow: hidden;
  width: 0;
  transition: width .5s ease 0s;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow.kxi-horizontal-tab-bar-arrow-visible {
  width: 36px;
  overflow: visible;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow,
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow::before,
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow > * {
  z-index: 1;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow .kxi-horizontal-tab-bar-arrow-indicator-wrapper {
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow .kxi-horizontal-tab-bar-arrow-indicator-wrapper .kxi-horizontal-tab-bar-arrow-indicator {
  width: 0;
  overflow: hidden;
  height: 0;
  transition: height .25s ease 0s, width .25s ease 0s;
  background-color: var(--primary);
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow .kxi-horizontal-tab-bar-arrow-indicator-wrapper .kxi-horizontal-tab-bar-arrow-indicator.kxi-horizontal-tab-bar-arrow-active {
  width: 36px;
  height: 6px;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow .kxi-horizontal-tab-bar-arrow-indicator-wrapper .kxi-horizontal-tab-bar-arrow-indicator.kxi-high-contrast {
  background-color: rgba(255, 255, 255, .7);
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow .kxi-horizontal-tab-bar-arrow-icon {
  margin-top: -6px;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow.kxi-horizontal-tab-bar-arrow-left {
  grid-area: left-arrow;
}
.kxi-horizontal-tab-bar .kxi-horizontal-tab-bar-arrow.kxi-horizontal-tab-bar-arrow-right {
  grid-area: right-arrow;
}
.kxi-tab-bar-indicator-wrapper {
  height: 6px;
}
.kxi-tab-bar-indicator-wrapper .kxi-tab-bar-indicator {
  height: 0;
  width: 0;
}
.kxi-tab-bar-indicator-wrapper .kxi-tab-bar-indicator.kxi-tab-bar-indicator-selected {
  height: 6px;
  width: 100%;
}
.kxi-table-wrapper .kxi-table tbody td,
.kxi-table-wrapper .kxi-table thead td {
  font-size: 0.875rem;
  padding: 9px 12px;
  color: var(--font-color);
  line-height: 1.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kxi-table-wrapper .kxi-table tbody td:not(:last-of-type),
.kxi-table-wrapper .kxi-table thead td:not(:last-of-type) {
  border-right: 1px solid var(--primary-light-80);
}
.kxi-table-wrapper {
  padding: 18px 24px 24px;
  max-width: 1024px;
  min-width: 210px;
  min-height: 55px;
  box-shadow: var(--shadow-down-2) !important;
  border-radius: 6px;
}
.kxi-table-wrapper .kxi-table-header:not(:empty) {
  margin-bottom: 12px;
}
.kxi-table-wrapper .kxi-table-header:not(:empty) h6 {
  color: var(--primary-light-30);
  font-size: 0.875rem;
}
.kxi-table-wrapper .kxi-table {
  border-spacing: 0;
  border-radius: 6px;
  border: 1px solid var(--primary-light-80);
  width: 100%;
  max-width: inherit;
}
.kxi-table-wrapper .kxi-table thead tr {
  background-color: var(--primary-light-95);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kxi-table-wrapper .kxi-table thead td {
  font-weight: 600;
}
.kxi-table-wrapper .kxi-table thead td div {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.kxi-table-wrapper .kxi-table thead td div span:first-of-type {
  margin-right: 6px;
}
.kxi-table-wrapper .kxi-table thead td:first-of-type {
  border-top-left-radius: 6px;
}
.kxi-table-wrapper .kxi-table thead td:last-of-type {
  border-top-right-radius: 6px;
}
.kxi-table-wrapper .kxi-table thead td.kxi-table-header-sortable {
  cursor: pointer;
}
.kxi-table-wrapper .kxi-table tbody td {
  border-top: 1px solid var(--primary-light-80);
}
xi-basic-tile > [slot] {
  display: none;
}
.kxi-tile {
  background: var(--contrast-primary);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.kxi-tile .kxi-wave-tile-subtitle {
  color: var(--font-color);
  text-align: left;
}
.kxi-tile.kxi-large {
  min-height: 216px;
  width: 228px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large {
    height: unset;
  }
}
.kxi-tile.kxi-large.kxi-wave-tile-wave {
  grid-template-rows: 58px auto 1fr;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large.kxi-wave-tile-wave {
    grid-template-rows: 1fr auto auto 1fr;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-body {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-body {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-footer {
  min-height: 42px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-footer.kxi-wave-tile-subtitle-hidden {
    display: none;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-footer .kxi-wave-tile-subtitle {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-footer .kxi-wave-tile-subtitle {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-footer {
    min-height: unset;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-body,
.kxi-tile.kxi-large .kxi-wave-tile-footer {
  text-align: left;
  padding-left: 18px;
  padding-right: 18px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-body,
  .kxi-tile.kxi-large .kxi-wave-tile-footer {
    padding-left: 8px;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-body .kxi-icon,
.kxi-tile.kxi-large .kxi-wave-tile-footer .kxi-icon {
  color: var(--font-color);
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-body .kxi-icon,
  .kxi-tile.kxi-large .kxi-wave-tile-footer .kxi-icon {
    display: none;
  }
}
.kxi-tile.kxi-large .kxi-wave-tile-mobile-icon {
  display: none;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large .kxi-wave-tile-mobile-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    grid-row: 2/4;
    text-align: left;
    grid-column: 1;
    margin-left: 8px;
  }
}
.kxi-tile.kxi-small {
  min-height: 120px;
  width: 138px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-small {
    height: unset;
  }
}
.kxi-tile.kxi-small.kxi-wave-tile-wave {
  grid-template-rows: 38px auto 1fr;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-small.kxi-wave-tile-wave {
    grid-template-rows: 1fr auto auto 1fr;
  }
}
.kxi-tile.kxi-small .kxi-wave-tile-body {
  margin-top: 12px;
}
.kxi-tile.kxi-small .kxi-wave-tile-body > div {
  margin-top: 24px;
}
.kxi-tile.kxi-small .kxi-wave-tile-footer {
  padding-left: 12px;
  padding-right: 12px;
  min-height: 30px;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-small .kxi-wave-tile-footer {
    min-height: unset;
  }
}
@media (max-width: 480px) {
  .kxi-tile.kxi-small .kxi-wave-tile-body,
  .kxi-tile.kxi-small .kxi-wave-tile-footer {
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .kxi-tile.kxi-small .kxi-wave-tile-body.kxi-wave-tile-subtitle-hidden,
  .kxi-tile.kxi-small .kxi-wave-tile-footer.kxi-wave-tile-subtitle-hidden {
    display: none;
  }
}
@media (max-width: 480px) {
  .kxi-tile.kxi-large,
  .kxi-tile.kxi-small {
    min-height: 60px;
    width: 100%;
  }
  .kxi-tile.kxi-large .kxi-wave-tile-body,
  .kxi-tile.kxi-small .kxi-wave-tile-body {
    --kxi-font-size: 1rem;
    --kxi-line-height: 1.5em;
    font-size: var(--kxi-font-size);
    line-height: var(--kxi-line-height);
  }
  .kxi-tile.kxi-large .kxi-wave-tile-footer,
  .kxi-tile.kxi-small .kxi-wave-tile-footer {
    --kxi-font-size: 0.875rem;
    --kxi-line-height: 1.5em;
    font-size: var(--kxi-font-size);
    line-height: var(--kxi-line-height);
  }
}
.kxi-tile.kxi-wave-tile-button {
  display: grid;
  grid-template-rows: 0 auto 1fr;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button {
    grid-template-rows: 1fr auto auto 1fr;
    grid-template-columns: auto 1fr 36px;
    border-left: 6px solid;
    border-color: var(--primary);
  }
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-waves {
  fill: var(--primary);
  position: absolute;
  width: 713px;
  transform-origin: center;
  transform: scale(1, -1);
  transition: .4s left ease-in-out;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-waves {
    display: none;
  }
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-body {
  grid-row: 2;
  text-align: left;
  grid-column: 1;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-body {
    grid-column: 2;
    display: flex;
    align-items: flex-end;
    height: 100%;
  }
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-body > div {
  margin-left: -6px;
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-footer {
  grid-row: 3;
}
@media not all and (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-footer {
    align-self: end;
    background: var(--contrast-dark-55);
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-footer,
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-footer span {
    grid-column: 2;
    height: unset;
  }
}
.kxi-tile.kxi-wave-tile-button .kxi-wave-tile-mobile {
  display: none;
}
@media (max-width: 480px) {
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-row: 1/span 4;
    grid-column: 3;
    background: var(--contrast-dark-55);
    height: 100%;
  }
  .kxi-tile.kxi-wave-tile-button .kxi-wave-tile-mobile .kxi-icon {
    color: var(--font-color);
  }
}
.kxi-tile.kxi-active .kxi-wave-tile-footer {
  --font-color: var(--contrast-primary);
  background: var(--primary);
}
@media (max-width: 480px) {
  .kxi-tile.kxi-active .kxi-wave-tile-footer {
    --font-color: unset;
    background: unset;
  }
  .kxi-tile.kxi-active .kxi-wave-tile-mobile {
    --font-color: var(--contrast-primary);
    background: var(--primary);
  }
}
.kxi-tile.kxi-inactive.kxi-wave-tile-footer {
  background: var(--contrast-dark-55);
}
.kxi-basic-tile {
  background-color: #fff;
  display: flow-root;
  overflow: hidden;
  border-radius: 6px;
  border: none;
  box-sizing: border-box;
}
.kxi-basic-tile:disabled {
  cursor: auto;
}
.kxi-basic-tile:not(.kxi-tile-non-interactive) {
  cursor: pointer;
}
.kxi-basic-tile:not(.kxi-tile-non-interactive):hover {
  background-color: #f2f7ff;
}
.kxi-basic-tile:not(.kxi-tile-non-interactive):active {
  background-color: #e6eeff;
}
.kxi-basic-tile .kxi-basic-tile-body {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-no-top-bar {
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-border {
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-border.kxi-basic-tile-no-top-bar {
  border-top: 1px solid #dadada;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-border.kxi-basic-tile-selected {
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-border .kxi-chart-wrapper {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-body.kxi-basic-tile-border .kxi-basic-tile-content {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-body .kxi-basic-tile-tabs {
  flex-grow: 0;
  flex-shrink: 0;
}
.kxi-basic-tile .kxi-basic-tile-body .kxi-basic-tile-content-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
}
.kxi-basic-tile .kxi-basic-tile-content-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-content-wrapper:not(.kxi-minimal) {
  padding: 18px 24px;
  gap: 18px;
}
.kxi-basic-tile .kxi-basic-tile-content-wrapper:not(.kxi-minimal).kxi-condensed {
  padding: 12px 18px;
  gap: 12px;
}
.kxi-basic-tile .kxi-basic-tile-content-wrapper .kxi-basic-tile-header {
  flex-grow: 0;
  flex-shrink: 0;
}
.kxi-basic-tile .kxi-basic-tile-content-wrapper .kxi-basic-tile-children-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
}
.kxi-basic-tile > .kxi-basic-tile-selected {
  outline: 2px solid var(--primary);
  outline-offset: -2px;
  border-radius: 6px;
}
.kxi-basic-tile .kxi-basic-tile-children-wrapper {
  overflow: auto;
}
.kxi-basic-tile .kxi-basic-tile-content {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.kxi-basic-tile .kxi-basic-tile-content.kxi-basic-tile-stretch-slot {
  height: 100%;
}
.kxi-basic-tile .kxi-basic-tile-top-bar {
  height: 6px;
  background-color: var(--primary);
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-header-action .kxi-basic-tile-header-title-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-action .kxi-basic-tile-header-title-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-header .kxi-basic-tile-header-title-area {
  display: none;
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title-action .kxi-basic-tile-header-header-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-action .kxi-basic-tile-header-header-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-title .kxi-basic-tile-header-header-area {
  display: none;
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title-header .kxi-basic-tile-header-action-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-header .kxi-basic-tile-header-action-area,
.kxi-basic-tile-header.kxi-basic-tile-header-has-title .kxi-basic-tile-header-action-area {
  display: none;
}
.kxi-basic-tile-header {
  min-height: 36px;
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
}
.kxi-basic-tile-header.kxi-basic-tile-header-separator {
  padding-bottom: 6px;
  border-bottom: 1px solid var(--primary-light-60);
}
.kxi-basic-tile-header h5 {
  color: var(--primary);
}
.kxi-basic-tile-header h6 {
  color: var(--primary-light-15);
}
.kxi-basic-tile-header .kxi-basic-tile-header-title-area {
  grid-area: title;
}
.kxi-basic-tile-header .kxi-basic-tile-header-action-area {
  grid-area: action;
  place-self: flex-start flex-end;
  display: flex;
}
.kxi-basic-tile-header .kxi-basic-tile-header-action-area slot[name=action]:not(:empty) + .kxi-basic-tile-kabob:not(:empty),
.kxi-basic-tile-header .kxi-basic-tile-header-action-area *[slot=action]:not(:empty) + .kxi-basic-tile-kabob:not(:empty) {
  display: flex;
  align-items: center;
}
.kxi-basic-tile-header .kxi-basic-tile-header-action-area slot[name=action]:not(:empty) + .kxi-basic-tile-kabob:not(:empty)::before,
.kxi-basic-tile-header .kxi-basic-tile-header-action-area *[slot=action]:not(:empty) + .kxi-basic-tile-kabob:not(:empty)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 25px;
  background-color: #dadada;
}
.kxi-basic-tile-header .kxi-basic-tile-header-header-area {
  grid-area: header;
}
.kxi-basic-tile-header.kxi-basic-tile-header-has {
  display: none;
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title {
  grid-template-areas: "title";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-header {
  grid-template-areas: "header";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-action {
  grid-template-areas: ". action";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title-action {
  grid-template-areas: "title action";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title-header {
  grid-template-areas: "title" "header";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-header-action {
  grid-template-areas: "header action";
}
.kxi-basic-tile-header.kxi-basic-tile-header-has-title-header-action {
  grid-template-areas: "title  action" "header header";
}
.kxi-tooltip-wrapper {
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}
.kxi-tooltip-wrapper:not(.kxi-tooltip-wrapper-stretch) {
  display: inline-flex;
}
.kxi-tooltip-wrapper.kxi-tooltip-wrapper-clickable {
  cursor: pointer;
}
.kxi-tooltip p {
  margin: 0;
}
.kxi-tooltip .kxi-tooltip-text {
  z-index: 2000;
  border: 1px solid var(--color-border-light);
  padding: 9px;
  white-space: initial;
  background: var(--color-silver);
  border-radius: 6px;
  width: max-content;
  box-shadow: var(--shadow-down-2);
  color: var(--secondary);
}
.kxi-tooltip .kxi-tooltip-text .kxi-tooltip-title {
  font-weight: 600;
}
.kxi-tooltip .kxi-tooltip-link {
  text-decoration: underline dotted;
  display: inline-block;
}
.kxi-tooltip-overflow-text {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow-x: hidden;
  position: relative;
}
.kxi-tooltip-overflow-text::after {
  content: "";
  display: block;
}
.kxi-tooltip-overflow-text-dummy {
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles/app.scss */
h1,
h2,
h3,
h4,
h5,
p {
  font-family: "IBM Plex Sans", Arial;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
p {
  color: #253746;
}
.btn {
  width: 346px;
  height: 60px;
  padding: 18px;
  border: 0;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
}
.small-btn,
.small-btn-secondary {
  width: 80px;
  height: 24px;
  border: 0;
  padding: 3px;
  box-sizing: border-box;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
}
.medium-btn,
.medium-btn-secondary {
  height: 48px;
  border: 0;
  padding: 14px 27px 12px;
  box-sizing: border-box;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
}
.btn > .text-label {
  flex: 1;
  line-height: 24px;
  font-size: 20px;
  vertical-align: center;
  height: 28px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2.3px;
}
.btn > .text-label > .action-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 900;
  vertical-align: top;
  margin-right: 3px;
}
.btn.normal {
  color: #ffffff;
  background-color: #0bb161;
}
.btn:focus,
.btn.focus {
  color: #ffffff;
  background-color: #0bb161;
  box-shadow: 0 0 0 2pt #f5a623;
}
.btn:active,
.btn.pressed {
  color: #ffffff;
  background-color: #068749;
}
.btn.load {
  padding: 12px;
  justify-content: center;
  color: #ffffff;
  background-color: #0bb161;
}
.btn.load > .load-icon {
  width: 36px;
  height: 36px;
  object-fit: contain;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.btn:hover,
.btn.hover {
  color: #ffffff;
  background-color: #0bb161;
}
.btn:disabled,
.btn.disabled {
  color: #ffffff;
  background-color: #ededed;
}
.btn.outlined {
  background: transparent !important;
  color: #949494 !important;
  border: 1px solid #949494;
}
.small-btn.normal {
  color: #ffffff;
  background-color: #0bb161;
}
.small-btn:focus,
.small-btn.focus {
  color: #ffffff;
  background-color: #0bb161;
  box-shadow: 0 0 0 1pt #f5a623;
}
.small-btn:active,
.small-btn.pressed {
  color: #ffffff;
  background-color: #068749;
}
.small-btn:disabled,
.small-btn.disabled {
  color: #ffffff;
  background-color: #ededed;
}
.small-btn-secondary {
  border-width: 1px;
  border-style: solid;
}
.small-btn-secondary > .text-label {
  flex: 1;
  line-height: 20px;
  font-size: 16px;
  vertical-align: center;
  height: 24px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.small-btn-secondary > .text-label > .action-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 900;
  vertical-align: top;
  margin-right: 3px;
}
.small-btn-secondary.normal {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.small-btn-secondary:focus,
.small-btn-secondary.focus {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.small-btn-secondary:active,
.small-btn-secondary.pressed {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.small-btn-secondary:disabled,
.small-btn-secondary.disabled {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.medium-btn > .text-label {
  flex: 1;
  line-height: 20px;
  font-size: 16px;
  vertical-align: center;
  height: 24px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.medium-btn > .text-label > .action-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 900;
  vertical-align: top;
  margin-right: 3px;
}
.medium-btn.normal {
  color: #ffffff;
  background-color: #0bb161;
}
.medium-btn:focus,
.medium-btn.focus {
  color: #ffffff;
  background-color: #0bb161;
  box-shadow: 0 0 0 1pt #f5a623;
}
.medium-btn:active,
.medium-btn.pressed {
  color: #ffffff;
  background-color: #068749;
}
.medium-btn.blue {
  color: #ffffff;
  background-color: #1274d1;
}
.medium-btn.blue:focus,
.medium-btn.blue.focus {
  color: #ffffff;
  background-color: #1274d1;
  box-shadow: 0 0 0 1pt #f5a623;
}
.medium-btn.blue:active,
.medium-btn.blue.pressed {
  color: #ffffff;
  background-color: #0c5597;
}
.medium-btn:disabled,
.medium-btn.disabled {
  color: #ffffff;
  background-color: #ededed;
}
.medium-btn-secondary {
  border-width: 1px;
  border-style: solid;
}
.medium-btn-secondary > .text-label {
  flex: 1;
  line-height: 20px;
  font-size: 16px;
  vertical-align: center;
  height: 24px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.medium-btn-secondary > .text-label > .action-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 900;
  vertical-align: top;
  margin-right: 3px;
}
.medium-btn-secondary.normal {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.medium-btn-secondary:focus,
.medium-btn-secondary.focus {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.medium-btn-secondary:active,
.medium-btn-secondary.pressed {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.medium-btn-secondary:disabled,
.medium-btn-secondary.disabled {
  border-color: #949494;
  color: #949494;
  background-color: #ffffff;
}
.tag-button {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin: 0 2px;
}
.tag-button--addable {
  color: #1274d1;
  background-color: #ffffff;
  border: 1px solid #1274d1;
}
.tag-button--addable .mat-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  vertical-align: baseline;
  margin-right: 8px;
  color: #1274d1;
  width: 8px;
  height: 8px;
  font-size: 8px;
  line-height: 8px;
  padding: 2px;
  color: #ffffff;
  background-color: #1274d1;
  border-radius: 6px;
  cursor: pointer;
}
.tag-button--addable .mat-icon:hover {
  color: rgb(229.5, 229.5, 229.5);
  background-color: rgb(13.9559471366, 89.9383259912, 162.0440528634);
}
.tag-button--deletable {
  color: #ffffff;
  background-color: #1274d1;
}
.tag-button--deletable .mat-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  vertical-align: baseline;
  margin-left: 8px;
  color: #ffffff;
  width: 8px;
  height: 8px;
  font-size: 8px;
  line-height: 8px;
  padding: 2px;
  color: #1274d1;
  background-color: #ffffff;
  border-radius: 6px;
  cursor: pointer;
}
.tag-button--deletable .mat-icon:hover {
  color: rgb(13.9559471366, 89.9383259912, 162.0440528634);
  background-color: rgb(229.5, 229.5, 229.5);
}
.tag-button--language {
  color: #333333;
  background-color: #d3d3d3;
}
.tag-button--manual {
  color: #1274d1;
  background-color: rgba(18, 116, 209, 0.25);
}
.tag-button--manual-etc {
  color: #333333;
  background-color: #ededed;
  font-weight: normal;
}
.tag-button--route {
  color: #f5a623;
  background-color: rgba(245, 166, 35, 0.15);
}
.tag-button--route .mat-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  vertical-align: baseline;
  margin-right: 8px;
  color: #f5a623;
}
.tag-button--small {
  font-size: 11px;
  padding: 2px 8px;
  color: #555555;
  background-color: #e5e5e5;
}
.tag-button--small .mat-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  vertical-align: baseline;
  margin-right: 8px;
  color: #555555;
}
app-lex-button button,
app-lex-icon-button button {
  pointer-events: auto;
}
app-lex-button button span,
app-lex-icon-button button span {
  pointer-events: none;
}
.xi-default-button-warning-normal {
  background: #b15800;
  height: 36px;
  min-width: 96px;
  padding: 0 18px;
  border: none;
  box-sizing: border-box;
  transition: 0.1s box-shadow ease-in-out, background 0.01s;
  position: relative;
  border-radius: 18px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1.2em !important;
  color: #ffffff;
  white-space: nowrap;
}
.xi-default-button-warning-normal:hover,
.xi-default-button-warning-normal:focus {
  background: #e67300;
}
.xi-default-button-warning-normal:disabled {
  cursor: auto;
  opacity: 0.4;
  box-shadow: none;
  pointer-events: none;
}
.xi-default-button-normal-small {
  background: #253746;
  height: 30px;
  min-width: 66px;
  padding: 0 12px;
  border: none;
  box-sizing: border-box;
  transition: 0.1s box-shadow ease-in-out, background 0.01s;
  position: relative;
  border-radius: 18px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 1.2em !important;
  color: #ffffff;
  white-space: nowrap;
}
.xi-default-button-normal-small:hover,
.xi-default-button-normal-small:focus {
  background: #465562;
}
.xi-default-button-normal-small:disabled {
  cursor: auto;
  opacity: 0.4;
  box-shadow: none;
  pointer-events: none;
}
.header h1 {
  display: inline-block;
}
.header .actions {
  display: block;
  float: right;
}
.header .actions .search {
  padding: 3px 6px;
  margin-right: 16px;
}
.return-link-wrapper {
  margin-left: 10px;
  margin-bottom: 10px;
}
.return-link-wrapper > .link {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
  color: #1274d1;
  text-decoration: none;
}
ngb-popover-window {
  background: var(--color-silver);
  white-space: pre-line;
  border: 1px solid var(--primary-light-80);
  padding: 9px;
  border-radius: 6px;
  color: var(--secondary);
  font-family: var(--font-family);
  font-size: 0.875rem;
  line-height: 1.5em;
  box-shadow: var(--shadow-down-2);
  opacity: 1;
  z-index: 10000;
  width: 330px;
}
ngb-popover-window.matmenu-popover {
  z-index: 1001;
}
.popover-header {
  height: 27px;
  border-radius: 3px;
  background-color: #1274d1;
  margin: 0;
  border-top: 3px solid #1274d1;
  font-size: 18px;
  text-align: center;
  color: #f9fafa;
}
ngb-popover-window.content-limit-popover {
  z-index: 100000;
}
ngb-popover-window.content-limit-popover .mat-mdc-slider .mdc-slider__thumb.mdc-slider__thumb--with-indicator .mdc-slider__thumb-knob {
  background-color: #1274d1;
  border-color: #1274d1;
}
ngb-popover-window .add-user-popover {
  top: -65% !important;
  left: -290px !important;
}
ngb-popover-window .add-user-popover .arrow {
  margin-top: 0 !important;
}
.bs-popover-bottom.content-limit-popover {
  margin-top: 10px;
}
.bs-popover-bottom.content-limit-popover > .arrow {
  border-bottom-color: var(--color-silver);
}
ngb-popover-window.widget-title-popover {
  top: 30px !important;
  left: -20px !important;
}
.bs-popover-bottom.filter-document-popover > .arrow {
  border-bottom-color: var(--color-silver);
}
ngb-popover-window.sentiment-popover {
  width: auto;
  z-index: 100000;
  font-weight: normal;
  padding-top: 14px;
}
ngb-popover-window.dark-gray {
  background-color: rgba(97, 97, 97, 0.9);
  color: #fff;
  border: none;
}
ngb-popover-window.dark-gray.bs-popover-left > .arrow,
ngb-popover-window.dark-gray.bs-popover-right > .arrow {
  margin: 0;
}
ngb-popover-window.dark-gray.bs-popover-top > .arrow {
  border-top-color: rgba(97, 97, 97, 0.9) !important;
}
ngb-popover-window.dark-gray.bs-popover-bottom > .arrow {
  border-bottom-color: rgba(97, 97, 97, 0.9) !important;
}
ngb-popover-window.dark-gray.bs-popover-left > .arrow {
  border-left-color: rgba(97, 97, 97, 0.9) !important;
}
ngb-popover-window.dark-gray.bs-popover-right > .arrow {
  border-right-color: rgba(97, 97, 97, 0.9) !important;
}
ngb-popover-window.dark-gray > .popover-body {
  padding: 6px 8px;
}
ngb-popover-window.analysis-details {
  z-index: 1000;
}
ngb-popover-window.analysis-details__label {
  vertical-align: top;
}
ngb-popover-window.analysis-details__value {
  white-space: normal;
}
ngb-popover-window.info-popover > .popover-header .mat-icon {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #ffffff;
}
ngb-popover-window.info-popover > .popover-body {
  padding: 0.5em 0.75em;
}
ngb-popover-window.configuration-list__filter-popover,
ngb-popover-window.configuration-list__sort-popover,
ngb-popover-window.configuration-item-editor__sort-popover,
ngb-popover-window.configuration-taxonomy__target-sort-popover {
  width: auto;
}
ngb-popover-window.configuration-list__filter-popover > .popover-body section,
ngb-popover-window.configuration-list__sort-popover > .popover-body section,
ngb-popover-window.configuration-item-editor__sort-popover > .popover-body section,
ngb-popover-window.configuration-taxonomy__target-sort-popover > .popover-body section {
  margin-bottom: 12px;
}
ngb-popover-window.configuration-list__filter-popover > .popover-body section .popover-section-content,
ngb-popover-window.configuration-list__sort-popover > .popover-body section .popover-section-content,
ngb-popover-window.configuration-item-editor__sort-popover > .popover-body section .popover-section-content,
ngb-popover-window.configuration-taxonomy__target-sort-popover > .popover-body section .popover-section-content {
  margin-left: 12px;
}
ngb-popover-window.configuration-list__filter-popover > .popover-body .mat-mdc-radio-button,
ngb-popover-window.configuration-list__sort-popover > .popover-body .mat-mdc-radio-button,
ngb-popover-window.configuration-item-editor__sort-popover > .popover-body .mat-mdc-radio-button,
ngb-popover-window.configuration-taxonomy__target-sort-popover > .popover-body .mat-mdc-radio-button {
  display: block;
  padding: 2px 8px;
}
ngb-popover-window.configuration-list__filter-popover > .popover-body .mdc-list-item__content,
ngb-popover-window.configuration-list__sort-popover > .popover-body .mdc-list-item__content,
ngb-popover-window.configuration-item-editor__sort-popover > .popover-body .mdc-list-item__content,
ngb-popover-window.configuration-taxonomy__target-sort-popover > .popover-body .mdc-list-item__content {
  padding: 0;
}
ngb-popover-window.configuration-taxonomy__target-search-kind-popover {
  width: 220px;
  padding: 0;
}
ngb-popover-window.configuration-taxonomy__target-search-kind-popover > .popover-body {
  padding: 0;
}
ngb-popover-window.configuration-taxonomy__target-search-kind-popover > .popover-body .mat-mdc-list-item {
  width: auto;
  padding: 8px 12px;
  border-top: 1px solid #ededed;
}
ngb-popover-window.configuration-taxonomy__target-search-kind-popover > .popover-body .mat-mdc-list-item .mdc-list-item__primary-text,
ngb-popover-window.configuration-taxonomy__target-search-kind-popover > .popover-body .mat-mdc-list-item .mdc-list-item__secondary-text {
  padding: 0 !important;
}
ngb-popover-window.configuration-taxonomy__target-search-kind-popover > .popover-body .mat-mdc-list-item .mdc-list-item__content {
  padding: 0;
}
ngb-popover-window.configuration-item-editor__add-button-popover {
  left: 12px !important;
}
ngb-popover-window.lex-xi-filter-pill__popover {
  z-index: 1000;
}
ngb-popover-window.filter-metadata-popover {
  width: 500px;
  z-index: 1000;
  max-height: calc(100vh - 375px);
}
ngb-popover-window.filter-metadata-popover .filter-metadata-popover-header {
  text-align: center;
}
ngb-popover-window.filter-metadata-popover .filter-meta-popover-list {
  padding: 5px;
  max-height: calc(100vh - 475px);
  overflow-y: auto;
}
ngb-popover-window.filter-metadata-popover .filter-meta-popover-temp {
  position: relative;
  margin-left: 75%;
  display: flex;
}
ngb-popover-window.filter-metadata-popover .temp-tooltip {
  margin-top: -2px;
}
ngb-popover-window.filter-metadata-popover .filter-meta-popover-actions {
  display: flex;
  margin: 5px;
}
ngb-popover-window.filter-metadata-popover .filter-meta-popover-actions .cancel-popover {
  flex: 1;
}
ngb-popover-window.filter-metadata-popover .filter-meta-popover-actions .confirm-popover {
  margin-left: auto;
}
.card {
  min-width: 200px;
  margin: 0 0 2%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #ededed;
  background-color: #ffffff;
  border-radius: 9px;
}
.card:hover .card-menu {
  visibility: visible;
  opacity: 1;
}
.card:hover .icon-analysis {
  right: 50px;
}
.card-content {
  padding: 12px;
  position: relative;
  border-radius: 9px;
  box-sizing: border-box;
  max-width: 100%;
}
.card-title {
  min-height: 24px;
  font-family: "IBM Plex Sans", Arial;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  margin-bottom: 4px;
  color: #555;
}
.truncate-wrapper {
  display: flex;
  align-items: center;
}
.truncate-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-subtitle {
  height: 19px;
  font-family: "IBM Plex Sans", Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #949494;
}
.card-menu {
  visibility: hidden;
  opacity: 0;
  transition: opacity ease-in-out 0.3s;
}
.icon-analysis {
  transition: 0.3s;
  position: absolute;
  right: 15px;
}
.mat-mdc-button.mat-green,
.mat-mdc-outlined-button.mat-green,
.mat-mdc-raised-button.mat-green,
.mat-mdc-unelevated-button.mat-green,
.mat-mdc-fab.mat-green,
.mat-mdc-mini-fab.mat-green,
.mat-mdc-button.mat-red,
.mat-mdc-outlined-button.mat-red,
.mat-mdc-raised-button.mat-red,
.mat-mdc-unelevated-button.mat-red,
.mat-mdc-fab.mat-red,
.mat-mdc-mini-fab.mat-red,
.mat-mdc-button.mat-blue,
.mat-mdc-outlined-button.mat-blue,
.mat-mdc-raised-button.mat-blue,
.mat-mdc-unelevated-button.mat-blue,
.mat-mdc-fab.mat-blue,
.mat-mdc-mini-fab.mat-blue,
.mat-mdc-button.mat-white,
.mat-mdc-outlined-button.mat-white,
.mat-mdc-raised-button.mat-white,
.mat-mdc-unelevated-button.mat-white,
.mat-mdc-fab.mat-white,
.mat-mdc-mini-fab.mat-white,
.mat-mdc-button.mat-orange,
.mat-mdc-outlined-button.mat-orange,
.mat-mdc-raised-button.mat-orange,
.mat-mdc-unelevated-button.mat-orange,
.mat-mdc-fab.mat-orange,
.mat-mdc-mini-fab.mat-orange {
  text-transform: uppercase;
  font-weight: 600;
}
.mat-mdc-button.mat-green:focus:not(:active),
.mat-mdc-outlined-button.mat-green:focus:not(:active),
.mat-mdc-raised-button.mat-green:focus:not(:active),
.mat-mdc-unelevated-button.mat-green:focus:not(:active),
.mat-mdc-fab.mat-green:focus:not(:active),
.mat-mdc-mini-fab.mat-green:focus:not(:active),
.mat-mdc-button.mat-red:focus:not(:active),
.mat-mdc-outlined-button.mat-red:focus:not(:active),
.mat-mdc-raised-button.mat-red:focus:not(:active),
.mat-mdc-unelevated-button.mat-red:focus:not(:active),
.mat-mdc-fab.mat-red:focus:not(:active),
.mat-mdc-mini-fab.mat-red:focus:not(:active),
.mat-mdc-button.mat-blue:focus:not(:active),
.mat-mdc-outlined-button.mat-blue:focus:not(:active),
.mat-mdc-raised-button.mat-blue:focus:not(:active),
.mat-mdc-unelevated-button.mat-blue:focus:not(:active),
.mat-mdc-fab.mat-blue:focus:not(:active),
.mat-mdc-mini-fab.mat-blue:focus:not(:active),
.mat-mdc-button.mat-white:focus:not(:active),
.mat-mdc-outlined-button.mat-white:focus:not(:active),
.mat-mdc-raised-button.mat-white:focus:not(:active),
.mat-mdc-unelevated-button.mat-white:focus:not(:active),
.mat-mdc-fab.mat-white:focus:not(:active),
.mat-mdc-mini-fab.mat-white:focus:not(:active),
.mat-mdc-button.mat-orange:focus:not(:active),
.mat-mdc-outlined-button.mat-orange:focus:not(:active),
.mat-mdc-raised-button.mat-orange:focus:not(:active),
.mat-mdc-unelevated-button.mat-orange:focus:not(:active),
.mat-mdc-fab.mat-orange:focus:not(:active),
.mat-mdc-mini-fab.mat-orange:focus:not(:active),
.focus.mat-mdc-button.mat-green:not(:active),
.focus.mat-mdc-outlined-button.mat-green:not(:active),
.focus.mat-mdc-raised-button.mat-green:not(:active),
.focus.mat-mdc-unelevated-button.mat-green:not(:active),
.focus.mat-mdc-fab.mat-green:not(:active),
.focus.mat-mdc-mini-fab.mat-green:not(:active),
.focus.mat-mdc-button.mat-red:not(:active),
.focus.mat-mdc-outlined-button.mat-red:not(:active),
.focus.mat-mdc-raised-button.mat-red:not(:active),
.focus.mat-mdc-unelevated-button.mat-red:not(:active),
.focus.mat-mdc-fab.mat-red:not(:active),
.focus.mat-mdc-mini-fab.mat-red:not(:active),
.focus.mat-mdc-button.mat-blue:not(:active),
.focus.mat-mdc-outlined-button.mat-blue:not(:active),
.focus.mat-mdc-raised-button.mat-blue:not(:active),
.focus.mat-mdc-unelevated-button.mat-blue:not(:active),
.focus.mat-mdc-fab.mat-blue:not(:active),
.focus.mat-mdc-mini-fab.mat-blue:not(:active),
.focus.mat-mdc-button.mat-white:not(:active),
.focus.mat-mdc-outlined-button.mat-white:not(:active),
.focus.mat-mdc-raised-button.mat-white:not(:active),
.focus.mat-mdc-unelevated-button.mat-white:not(:active),
.focus.mat-mdc-fab.mat-white:not(:active),
.focus.mat-mdc-mini-fab.mat-white:not(:active),
.focus.mat-mdc-button.mat-orange:not(:active),
.focus.mat-mdc-outlined-button.mat-orange:not(:active),
.focus.mat-mdc-raised-button.mat-orange:not(:active),
.focus.mat-mdc-unelevated-button.mat-orange:not(:active),
.focus.mat-mdc-fab.mat-orange:not(:active),
.focus.mat-mdc-mini-fab.mat-orange:not(:active) {
  box-shadow: 0 0 2px 1px #f5a623;
}
[disabled].mat-mdc-button.mat-green,
[disabled].mat-mdc-outlined-button.mat-green,
[disabled].mat-mdc-raised-button.mat-green,
[disabled].mat-mdc-unelevated-button.mat-green,
[disabled].mat-mdc-fab.mat-green,
[disabled].mat-mdc-mini-fab.mat-green,
[disabled].mat-mdc-button.mat-red,
[disabled].mat-mdc-outlined-button.mat-red,
[disabled].mat-mdc-raised-button.mat-red,
[disabled].mat-mdc-unelevated-button.mat-red,
[disabled].mat-mdc-fab.mat-red,
[disabled].mat-mdc-mini-fab.mat-red,
[disabled].mat-mdc-button.mat-blue,
[disabled].mat-mdc-outlined-button.mat-blue,
[disabled].mat-mdc-raised-button.mat-blue,
[disabled].mat-mdc-unelevated-button.mat-blue,
[disabled].mat-mdc-fab.mat-blue,
[disabled].mat-mdc-mini-fab.mat-blue,
[disabled].mat-mdc-button.mat-white,
[disabled].mat-mdc-outlined-button.mat-white,
[disabled].mat-mdc-raised-button.mat-white,
[disabled].mat-mdc-unelevated-button.mat-white,
[disabled].mat-mdc-fab.mat-white,
[disabled].mat-mdc-mini-fab.mat-white,
[disabled].mat-mdc-button.mat-orange,
[disabled].mat-mdc-outlined-button.mat-orange,
[disabled].mat-mdc-raised-button.mat-orange,
[disabled].mat-mdc-unelevated-button.mat-orange,
[disabled].mat-mdc-fab.mat-orange,
[disabled].mat-mdc-mini-fab.mat-orange,
.disabled.mat-mdc-button.mat-green,
.disabled.mat-mdc-outlined-button.mat-green,
.disabled.mat-mdc-raised-button.mat-green,
.disabled.mat-mdc-unelevated-button.mat-green,
.disabled.mat-mdc-fab.mat-green,
.disabled.mat-mdc-mini-fab.mat-green,
.disabled.mat-mdc-button.mat-red,
.disabled.mat-mdc-outlined-button.mat-red,
.disabled.mat-mdc-raised-button.mat-red,
.disabled.mat-mdc-unelevated-button.mat-red,
.disabled.mat-mdc-fab.mat-red,
.disabled.mat-mdc-mini-fab.mat-red,
.disabled.mat-mdc-button.mat-blue,
.disabled.mat-mdc-outlined-button.mat-blue,
.disabled.mat-mdc-raised-button.mat-blue,
.disabled.mat-mdc-unelevated-button.mat-blue,
.disabled.mat-mdc-fab.mat-blue,
.disabled.mat-mdc-mini-fab.mat-blue,
.disabled.mat-mdc-button.mat-white,
.disabled.mat-mdc-outlined-button.mat-white,
.disabled.mat-mdc-raised-button.mat-white,
.disabled.mat-mdc-unelevated-button.mat-white,
.disabled.mat-mdc-fab.mat-white,
.disabled.mat-mdc-mini-fab.mat-white,
.disabled.mat-mdc-button.mat-orange,
.disabled.mat-mdc-outlined-button.mat-orange,
.disabled.mat-mdc-raised-button.mat-orange,
.disabled.mat-mdc-unelevated-button.mat-orange,
.disabled.mat-mdc-fab.mat-orange,
.disabled.mat-mdc-mini-fab.mat-orange {
  color: #ffffff !important;
  background-color: #ededed !important;
}
.mat-mdc-button.mat-green,
.mat-mdc-outlined-button.mat-green {
  color: #ffffff;
  background-color: #0bb161;
}
.mat-mdc-button.mat-green:hover,
.mat-mdc-outlined-button.mat-green:hover {
  background-color: #0fa55c;
}
.mat-mdc-raised-button.mat-green,
.mat-mdc-unelevated-button.mat-green,
.mat-mdc-fab.mat-green,
.mat-mdc-mini-fab.mat-green {
  color: #ffffff;
  background-color: #0bb161;
}
.mat-mdc-raised-button.mat-green:hover,
.mat-mdc-raised-button.mat-green.hover,
.mat-mdc-unelevated-button.mat-green:hover,
.mat-mdc-unelevated-button.mat-green.hover,
.mat-mdc-fab.mat-green:hover,
.mat-mdc-fab.mat-green.hover,
.mat-mdc-mini-fab.mat-green:hover,
.mat-mdc-mini-fab.mat-green.hover {
  background-color: #0fa55c;
}
.mat-mdc-raised-button.mat-green:active,
.mat-mdc-raised-button.mat-green.active,
.mat-mdc-unelevated-button.mat-green:active,
.mat-mdc-unelevated-button.mat-green.active,
.mat-mdc-fab.mat-green:active,
.mat-mdc-fab.mat-green.active,
.mat-mdc-mini-fab.mat-green:active,
.mat-mdc-mini-fab.mat-green.active {
  background-color: #068749;
}
.mat-mdc-raised-button.mat-green:focus,
.mat-mdc-raised-button.mat-green.focus,
.mat-mdc-unelevated-button.mat-green:focus,
.mat-mdc-unelevated-button.mat-green.focus,
.mat-mdc-fab.mat-green:focus,
.mat-mdc-fab.mat-green.focus,
.mat-mdc-mini-fab.mat-green:focus,
.mat-mdc-mini-fab.mat-green.focus {
  background-color: #0fa55c;
}
.mat-mdc-raised-button.mat-green.loading,
.mat-mdc-unelevated-button.mat-green.loading,
.mat-mdc-fab.mat-green.loading,
.mat-mdc-mini-fab.mat-green.loading {
  background-color: #0fa55c;
}
.mat-mdc-raised-button.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-green.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-green.loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.mat-mdc-icon-button.mat-success.mat-green {
  color: #0bb161;
}
.mat-mdc-button.mat-red,
.mat-mdc-outlined-button.mat-red {
  color: #ffffff;
  background-color: #d11212;
}
.mat-mdc-button.mat-red:hover,
.mat-mdc-outlined-button.mat-red:hover {
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red,
.mat-mdc-unelevated-button.mat-red,
.mat-mdc-fab.mat-red,
.mat-mdc-mini-fab.mat-red {
  color: #ffffff;
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red:hover,
.mat-mdc-raised-button.mat-red.hover,
.mat-mdc-unelevated-button.mat-red:hover,
.mat-mdc-unelevated-button.mat-red.hover,
.mat-mdc-fab.mat-red:hover,
.mat-mdc-fab.mat-red.hover,
.mat-mdc-mini-fab.mat-red:hover,
.mat-mdc-mini-fab.mat-red.hover {
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red:active,
.mat-mdc-raised-button.mat-red.active,
.mat-mdc-unelevated-button.mat-red:active,
.mat-mdc-unelevated-button.mat-red.active,
.mat-mdc-fab.mat-red:active,
.mat-mdc-fab.mat-red.active,
.mat-mdc-mini-fab.mat-red:active,
.mat-mdc-mini-fab.mat-red.active {
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red:focus,
.mat-mdc-raised-button.mat-red.focus,
.mat-mdc-unelevated-button.mat-red:focus,
.mat-mdc-unelevated-button.mat-red.focus,
.mat-mdc-fab.mat-red:focus,
.mat-mdc-fab.mat-red.focus,
.mat-mdc-mini-fab.mat-red:focus,
.mat-mdc-mini-fab.mat-red.focus {
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red.loading,
.mat-mdc-unelevated-button.mat-red.loading,
.mat-mdc-fab.mat-red.loading,
.mat-mdc-mini-fab.mat-red.loading {
  background-color: #d11212;
}
.mat-mdc-raised-button.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-red.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-red.loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.mat-mdc-icon-button.mat-success.mat-red {
  color: #d11212;
}
.mat-mdc-button.mat-blue,
.mat-mdc-outlined-button.mat-blue {
  color: #ffffff;
  background-color: #1274d1;
}
.mat-mdc-button.mat-blue:hover,
.mat-mdc-outlined-button.mat-blue:hover {
  background-color: #156dc1;
}
.mat-mdc-raised-button.mat-blue,
.mat-mdc-unelevated-button.mat-blue,
.mat-mdc-fab.mat-blue,
.mat-mdc-mini-fab.mat-blue {
  color: #ffffff;
  background-color: #1274d1;
}
.mat-mdc-raised-button.mat-blue:hover,
.mat-mdc-raised-button.mat-blue.hover,
.mat-mdc-unelevated-button.mat-blue:hover,
.mat-mdc-unelevated-button.mat-blue.hover,
.mat-mdc-fab.mat-blue:hover,
.mat-mdc-fab.mat-blue.hover,
.mat-mdc-mini-fab.mat-blue:hover,
.mat-mdc-mini-fab.mat-blue.hover {
  background-color: #156dc1;
}
.mat-mdc-raised-button.mat-blue:active,
.mat-mdc-raised-button.mat-blue.active,
.mat-mdc-unelevated-button.mat-blue:active,
.mat-mdc-unelevated-button.mat-blue.active,
.mat-mdc-fab.mat-blue:active,
.mat-mdc-fab.mat-blue.active,
.mat-mdc-mini-fab.mat-blue:active,
.mat-mdc-mini-fab.mat-blue.active {
  background-color: #0b5296;
}
.mat-mdc-raised-button.mat-blue:focus,
.mat-mdc-raised-button.mat-blue.focus,
.mat-mdc-unelevated-button.mat-blue:focus,
.mat-mdc-unelevated-button.mat-blue.focus,
.mat-mdc-fab.mat-blue:focus,
.mat-mdc-fab.mat-blue.focus,
.mat-mdc-mini-fab.mat-blue:focus,
.mat-mdc-mini-fab.mat-blue.focus {
  background-color: #156dc1;
}
.mat-mdc-raised-button.mat-blue.loading,
.mat-mdc-unelevated-button.mat-blue.loading,
.mat-mdc-fab.mat-blue.loading,
.mat-mdc-mini-fab.mat-blue.loading {
  background-color: #156dc1;
}
.mat-mdc-raised-button.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-blue.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-blue.loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.mat-mdc-icon-button.mat-success.mat-blue {
  color: #1274d1;
}
.mat-mdc-button.mat-white,
.mat-mdc-outlined-button.mat-white {
  color: #949494;
  background-color: #ffffff;
}
.mat-mdc-button.mat-white:hover,
.mat-mdc-outlined-button.mat-white:hover {
  background-color: #f9f9f9;
}
.mat-mdc-raised-button.mat-white,
.mat-mdc-unelevated-button.mat-white,
.mat-mdc-fab.mat-white,
.mat-mdc-mini-fab.mat-white {
  color: #949494;
  background-color: #ffffff;
}
.mat-mdc-raised-button.mat-white:hover,
.mat-mdc-raised-button.mat-white.hover,
.mat-mdc-unelevated-button.mat-white:hover,
.mat-mdc-unelevated-button.mat-white.hover,
.mat-mdc-fab.mat-white:hover,
.mat-mdc-fab.mat-white.hover,
.mat-mdc-mini-fab.mat-white:hover,
.mat-mdc-mini-fab.mat-white.hover {
  background-color: #f9f9f9;
}
.mat-mdc-raised-button.mat-white:active,
.mat-mdc-raised-button.mat-white.active,
.mat-mdc-unelevated-button.mat-white:active,
.mat-mdc-unelevated-button.mat-white.active,
.mat-mdc-fab.mat-white:active,
.mat-mdc-fab.mat-white.active,
.mat-mdc-mini-fab.mat-white:active,
.mat-mdc-mini-fab.mat-white.active {
  background-color: #f9f9f9;
}
.mat-mdc-raised-button.mat-white:focus,
.mat-mdc-raised-button.mat-white.focus,
.mat-mdc-unelevated-button.mat-white:focus,
.mat-mdc-unelevated-button.mat-white.focus,
.mat-mdc-fab.mat-white:focus,
.mat-mdc-fab.mat-white.focus,
.mat-mdc-mini-fab.mat-white:focus,
.mat-mdc-mini-fab.mat-white.focus {
  background-color: #f9f9f9;
}
.mat-mdc-raised-button.mat-white.loading,
.mat-mdc-unelevated-button.mat-white.loading,
.mat-mdc-fab.mat-white.loading,
.mat-mdc-mini-fab.mat-white.loading {
  background-color: #f9f9f9;
}
.mat-mdc-raised-button.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-white.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-white.loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.mat-mdc-icon-button.mat-success.mat-white {
  color: #ffffff;
}
.mat-mdc-button.mat-orange,
.mat-mdc-outlined-button.mat-orange {
  color: #ffffff;
  background-color: #f5a623;
}
.mat-mdc-button.mat-orange:hover,
.mat-mdc-outlined-button.mat-orange:hover {
  background-color: #f58d18;
}
.mat-mdc-raised-button.mat-orange,
.mat-mdc-unelevated-button.mat-orange,
.mat-mdc-fab.mat-orange,
.mat-mdc-mini-fab.mat-orange {
  color: #ffffff;
  background-color: #f5a623;
}
.mat-mdc-raised-button.mat-orange:hover,
.mat-mdc-raised-button.mat-orange.hover,
.mat-mdc-unelevated-button.mat-orange:hover,
.mat-mdc-unelevated-button.mat-orange.hover,
.mat-mdc-fab.mat-orange:hover,
.mat-mdc-fab.mat-orange.hover,
.mat-mdc-mini-fab.mat-orange:hover,
.mat-mdc-mini-fab.mat-orange.hover {
  background-color: #f58d18;
}
.mat-mdc-raised-button.mat-orange:active,
.mat-mdc-raised-button.mat-orange.active,
.mat-mdc-unelevated-button.mat-orange:active,
.mat-mdc-unelevated-button.mat-orange.active,
.mat-mdc-fab.mat-orange:active,
.mat-mdc-fab.mat-orange.active,
.mat-mdc-mini-fab.mat-orange:active,
.mat-mdc-mini-fab.mat-orange.active {
  background-color: #f5740c;
}
.mat-mdc-raised-button.mat-orange:focus,
.mat-mdc-raised-button.mat-orange.focus,
.mat-mdc-unelevated-button.mat-orange:focus,
.mat-mdc-unelevated-button.mat-orange.focus,
.mat-mdc-fab.mat-orange:focus,
.mat-mdc-fab.mat-orange.focus,
.mat-mdc-mini-fab.mat-orange:focus,
.mat-mdc-mini-fab.mat-orange.focus {
  background-color: #f58d18;
}
.mat-mdc-raised-button.mat-orange.loading,
.mat-mdc-unelevated-button.mat-orange.loading,
.mat-mdc-fab.mat-orange.loading,
.mat-mdc-mini-fab.mat-orange.loading {
  background-color: #f58d18;
}
.mat-mdc-raised-button.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-raised-button.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-unelevated-button.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-fab.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-orange.loading .mat-mdc-progress-spinner circle,
.mat-mdc-mini-fab.mat-orange.loading .mat-mdc-progress-spinner circle {
  stroke: #ffffff;
}
.mat-mdc-icon-button.mat-success.mat-orange {
  color: #f5a623;
}
.mat-mdc-icon-button.mat-blue {
  color: #1274d1;
  width: 24px;
  height: 24px;
  line-height: 24px;
  transition: background-color 0.2s;
}
.mat-mdc-icon-button.mat-blue:focus:not(:active):not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-blue.focus:not(:active):not([disabled]):not(.disabled) {
  box-shadow: 0 0 1px 1px #f5a623;
}
.mat-mdc-icon-button.mat-blue:hover:not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-blue.hover:not([disabled]):not(.disabled) {
  background-color: rgba(18, 116, 209, 0.1);
}
.mat-mdc-icon-button.mat-blue:active:not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-blue.active:not([disabled]):not(.disabled) {
  background-color: rgba(18, 116, 209, 0.3);
}
.mat-mdc-icon-button.mat-blue[disabled],
.mat-mdc-icon-button.mat-blue.disabled {
  color: #ededed !important;
}
.mat-mdc-icon-button.mat-red {
  color: #d11212;
  width: 24px;
  height: 24px;
  line-height: 24px;
  transition: background-color 0.2s;
}
.mat-mdc-icon-button.mat-red:focus:not(:active):not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-red.focus:not(:active):not([disabled]):not(.disabled) {
  box-shadow: 0 0 1px 1px #f5a623;
}
.mat-mdc-icon-button.mat-red:hover:not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-red.hover:not([disabled]):not(.disabled) {
  background-color: rgba(209, 18, 18, 0.1);
}
.mat-mdc-icon-button.mat-red:active:not([disabled]):not(.disabled),
.mat-mdc-icon-button.mat-red.active:not([disabled]):not(.disabled) {
  background-color: rgba(209, 18, 18, 0.3);
}
.mat-mdc-icon-button.mat-red[disabled],
.mat-mdc-icon-button.mat-red.disabled {
  color: #ededed !important;
}
.mat-mdc-button,
.mat-mdc-outlined-button,
.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
  font-family: var(--font-family);
  font-weight: inherit;
  letter-spacing: inherit;
}
.mat-mdc-button.mat-mdc-button-size-big,
.mat-mdc-outlined-button.mat-mdc-button-size-big,
.mat-mdc-raised-button.mat-mdc-button-size-big,
.mat-mdc-unelevated-button.mat-mdc-button-size-big {
  line-height: 60px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2.25px;
  padding: 0 36px;
}
.mat-mdc-button,
.mat-mdc-outlined-button,
.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
  font-family: var(--font-family);
  font-weight: inherit;
  letter-spacing: inherit;
}
.mat-mdc-button.mat-mdc-button-size-normal,
.mat-mdc-outlined-button.mat-mdc-button-size-normal,
.mat-mdc-raised-button.mat-mdc-button-size-normal,
.mat-mdc-unelevated-button.mat-mdc-button-size-normal {
  line-height: 48px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.8px;
  padding: 0 36px;
}
.mat-mdc-button,
.mat-mdc-outlined-button,
.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
  font-family: var(--font-family);
  font-weight: inherit;
  letter-spacing: inherit;
}
.mat-mdc-button.mat-mdc-button-size-medium,
.mat-mdc-outlined-button.mat-mdc-button-size-medium,
.mat-mdc-raised-button.mat-mdc-button-size-medium,
.mat-mdc-unelevated-button.mat-mdc-button-size-medium {
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.4px;
  padding: 0 30px;
}
.mat-mdc-button,
.mat-mdc-outlined-button,
.mat-mdc-raised-button,
.mat-mdc-unelevated-button {
  font-family: var(--font-family);
  font-weight: inherit;
  letter-spacing: inherit;
}
.mat-mdc-button.mat-mdc-button-size-small,
.mat-mdc-outlined-button.mat-mdc-button-size-small,
.mat-mdc-raised-button.mat-mdc-button-size-small,
.mat-mdc-unelevated-button.mat-mdc-button-size-small {
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  padding: 0 24px;
  text-transform: none !important;
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox__ripple {
  background-color: #1274d1 !important;
}
.mat-mdc-checkbox.mat-accent:not(.mat-mdc-checkbox-disabled).mat-mdc-checkbox-checked .mdc-checkbox__background,
.mat-mdc-checkbox.mat-accent:not(.mat-mdc-checkbox-disabled) .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  background-color: #1274d1 !important;
  border-color: #1274d1 !important;
}
.mat-mdc-checkbox.mat-accent.mat-mdc-checkbox-disabled.mdc-checkbox__native-control:indeterminate .mdc-checkbox__background {
  background-color: #1274d1 !important;
}
.mat-mdc-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #1274d1 !important;
}
.mat-mdc-radio-button.mat-accent:not(.mat-mdc-radio-disabled) .mdc-radio__inner-circle {
  background-color: #1274d1;
}
.mat-mdc-radio-button.mat-accent:not(.mat-mdc-radio-disabled).mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-accent:not(.mat-mdc-radio-disabled).mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #1274d1 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] {
  font-size: 18px;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-text-field-wrapper {
  margin: 1.34375em 0;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mdc-text-field--outlined {
  background-color: #ffffff;
  color: #949494;
  transition: background-color 0.2s;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 1px;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mdc-notched-outline .mdc-notched-outline__notch {
  padding-right: 0;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-form-field-infix {
  padding: 4px 0 12px 0;
  min-height: 0;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-floating-label--float-above {
  top: -1.84375em;
  padding-top: 1.84375em;
  margin: 0 -0.75em;
  color: #949494;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-floating-label--float-above .mdc-floating-label--required {
  color: #d11212;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-form-field-subscript-wrapper {
  padding: 0;
  margin-top: 2px;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-form-field-subscript-wrapper::before {
  display: inline;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-select-arrow-wrapper {
  vertical-align: bottom;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  border-width: 8px;
  border-top-color: #d8d8d8;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].ng-invalid .mdc-text-field--outlined {
  background-color: rgba(209, 18, 18, 0.1) !important;
  color: #d11212 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white]:hover:not([disabled]):not(.mat-form-field-disabled) .mdc-text-field--outlined,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].hover:not([disabled]):not(.mat-form-field-disabled) .mdc-text-field--outlined {
  background-color: #f9fcfe;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-focused.ng-dirty .mdc-text-field--outlined,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].focus.ng-dirty .mdc-text-field--outlined {
  background-color: #f9fafa;
  color: #1274d1;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-focused:not(.ng-dirty) .mdc-text-field--outlined,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].focus:not(.ng-dirty) .mdc-text-field--outlined {
  background-color: #f9fafa;
  opacity: 1;
  box-shadow: 0 0 1px 2px #f5a623;
  border-radius: 6px;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-form-field-disabled .mdc-text-field--outlined {
  background-color: #f9fafa !important;
  color: #d4d4d4 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-form-field-disabled .mat-floating-label {
  color: #c7c7c7 !important;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-form-field-disabled input::placeholder,
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white].mat-form-field-disabled input::-ms-input-placeholder {
  color: #e7e7e7;
}
.mat-mdc-form-field.mat-form-field-appearance-outline[color=white] .mat-mdc-form-field-icon-suffix button.mat-mdc-icon-button {
  padding: 0;
}
.lex-flex-table {
  height: 100%;
}
.lex-flex-table .mat-mdc-list-base {
  padding: 0;
}
.lex-flex-table__header {
  display: flex;
  color: #949494;
  margin: 0 16px 4px;
}
.lex-flex-table__header .lex-flex-table__column {
  padding: 0 12px;
  font-weight: bold;
}
.lex-flex-table__header .lex-flex-table__column:first-child {
  padding-left: 16px;
}
.lex-flex-table__column {
  padding: 20px 12px;
  text-align: left;
  white-space: nowrap;
  box-sizing: border-box;
  flex: 1;
}
.lex-flex-table__row {
  position: relative;
  border: 1px solid rgba(223, 229, 243, 0.5);
  border-radius: 10px;
  background: #ffffff;
  margin-bottom: 8px;
  height: auto !important;
  font-size: 14px !important;
}
.lex-flex-table__row__column:first-child {
  padding-left: 16px;
}
.lex-flex-table__row:hover .lex-flex-table__actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  height: 100%;
}
.lex-flex-table__actions {
  display: none;
  color: #1274d1;
  border: 1px solid #ededed;
  border-radius: 10px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.lex-flex-table__actions > * {
  margin: 0 6px;
}
.lex-flex-table--dense .lex-flex-table__header .lex-flex-table__column {
  padding: 0 12px;
}
.lex-flex-table--dense .lex-flex-table__column {
  padding: 10px 12px;
}
.lex-flex-table__empty-view {
  position: relative;
  top: 50%;
  text-align: center;
  font-size: 32px;
  color: #c9c9c9;
}
.project-column__data-actions {
  align-items: center;
}
.project-column__horizontal-divider {
  margin: 5px 15px 20px 5px;
  border-top: solid 1px #dadada;
}
.project-column__section-header-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 5px;
  margin: 0;
}
.project-column__section-header-block > .project-column__section-header-title {
  flex: 1;
  padding: 0;
  display: flex;
}
.project-column__card-list {
  height: calc(100vh - 355px);
  overflow: auto;
  position: relative;
}
.project-column__card-list.--col {
  height: 100%;
}
.project-column__card-list .project-column__card-list-container {
  display: flex;
  flex-flow: row wrap;
}
.project-column__card {
  position: relative;
  width: 100%;
  min-height: 145px;
  margin-bottom: 2%;
  margin-right: 15px;
  margin-left: 5px;
}
.project-column__card:hover {
  box-shadow: 2px 4px 10px 0 rgba(51, 51, 51, 0.3);
  border: solid 1px #f9fafa;
  background-color: #ffffff;
}
.project-column__card .project-column__card-layout-container {
  cursor: pointer;
}
.project-column__empty-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 100%;
}
.project-column__empty-list .project-column__empty-list-text {
  width: 300px;
  margin: 0 0 15px;
  text-align: center;
}
.ngx-slider .ngx-slider-pointer {
  position: absolute !important;
  background-color: #fff !important;
  border: 1px solid var(--color-border) !important;
  transform-origin: center !important;
  box-sizing: border-box !important;
  border-radius: 9px !important;
  width: 18px !important;
  height: 18px !important;
  top: -8px !important;
}
.ngx-slider .ngx-slider-pointer:hover {
  border: 1px solid #253746 !important;
}
.ngx-slider .ngx-slider-pointer:active {
  border: 2px solid #253746 !important;
}
.ngx-slider .ngx-slider-pointer:after {
  width: 0 !important;
  height: 0 !important;
}
.ngx-slider .ngx-slider-pointer:focus-visible {
  outline: 1px dashed #253746 !important;
  outline-offset: 3px !important;
}
.ngx-slider .ngx-slider-bar {
  background-color: #ececec !important;
}
.ngx-slider .ngx-slider-selection {
  background-color: #0058ff !important;
}
.ngx-slider .ngx-slider-bubble {
  background: #fff !important;
  color: #253746 !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  padding: 6px 12px !important;
  transition: bottom 0.2s !important;
}
.ngx-slider:active .ngx-slider-bubble {
  transition-duration: 0.2s !important;
  border: 2px solid #0058ff !important;
  font-weight: 600 !important;
  bottom: 20px !important;
}
.text-blue {
  color: #1274d1 !important;
}
.text-green {
  color: #0bb161 !important;
}
.text-orange {
  color: #f5a623 !important;
}
.text-red {
  color: #d11212 !important;
}
.text-black {
  color: #333333 !important;
}
.text-grey {
  color: #949494 !important;
}
.text-light {
  color: #f9fafa !important;
}
.text-white {
  color: #ffffff !important;
}
.text-darkgray {
  color: #555555 !important;
}
.bg-blue {
  background-color: #1274d1 !important;
}
.bg-green {
  background-color: #0bb161 !important;
}
.bg-orange {
  background-color: #f5a623 !important;
}
.bg-red {
  background-color: #d11212 !important;
}
.bg-black {
  background-color: #333333 !important;
}
.bg-grey {
  background-color: #949494 !important;
}
.bg-light {
  background-color: #f9fafa !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.orca-primary {
  color: #253746;
}
.orca-primary-light-30 {
  color: #66737e;
}
.font-tiny {
  font-size: 12px !important;
}
.font-small {
  font-size: 14px !important;
}
.font-smaller {
  font-size: 15px !important;
}
.font-normal {
  font-size: 16px !important;
}
.font-larger {
  font-size: 18px !important;
}
.light {
  font-weight: 300;
}
.bold {
  font-weight: bold;
}
.bold-medium {
  font-weight: 500;
}
.bold-heavy {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.padding-container.horizontal {
  padding: 0 5px;
}
.align-right {
  text-align: right;
}
h1 {
  font-size: 2.625rem;
  line-height: 1.3em;
  font-weight: 600;
}
h2 {
  font-size: 2rem;
  line-height: 1.3em;
  font-weight: 400;
}
h3 {
  font-size: 1.375rem;
  line-height: 1.4em;
}
h4 {
  font-size: 1.25rem;
  line-height: 1.5em;
}
h5 {
  font-size: 1.125rem;
  line-height: 1.5em;
}
p {
  font-size: 0.875rem;
  line-height: 1.5em;
}
.popup-bold {
  font-family: "IBM Plex Sans", Arial;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.dashboard-widget-h1 {
  font-family: "IBM Plex Sans", Arial;
  font-size: 22px;
  color: #333333;
}
.popup-regular {
  font-family: "IBM Plex Sans", Arial;
  font-size: 22px;
  text-align: center;
  color: #555555;
}
.popup-header {
  font-family: "IBM Plex Sans", Arial;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 2.3px;
  color: #ffffff;
}
.paragraph-bold {
  font-family: "IBM Plex Sans", Arial;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
  color: #949494;
}
.list-element-regular {
  font-family: "IBM Plex Sans", Arial;
  font-size: 18px;
  text-align: center;
  color: #555555;
}
.paragraph-regular,
.paragraph {
  font-family: "IBM Plex Sans", Arial;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #949494;
}
.header-menu-center-bold {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #555555;
}
.header-menu-left-bold {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  font-weight: bold;
  color: #555555;
}
.alert-text {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  line-height: 1.38;
  color: #555555;
}
.header-menu-left-default {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  color: #949494;
}
.header-menu-center-default {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #555555;
}
.header-menu-left-light {
  font-family: "IBM Plex Sans", Arial;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.31;
  color: #555555;
}
.list-element-mapping-selected {
  font-family: "IBM Plex Sans", Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
.list-element-mapping-unselected {
  font-family: "IBM Plex Sans", Arial;
  font-size: 14px;
  text-align: center;
  color: #949494;
}
* {
  font-family: "IBM Plex Sans", Arial;
}
* .cm-editor,
* .cm-content,
* .cm-scroller,
* .cm-gutters,
* .cm-tooltip,
* .cm-tooltip * {
  font-family: inherit;
}
* .cm-editor {
  font-size: 16px;
  color: #333333;
  background: transparent;
}
* .cm-content {
  line-height: 1.5;
}
* .cm-line {
  color: #333333;
  font-size: 16px;
}
* .cm-gutters {
  background: transparent;
  color: #949494;
  border-right-color: #e0e0e0;
}
* .cm-placeholder {
  color: #949494;
}
html,
body {
  margin: 0;
  background-color: #f9fafa;
  font-size: 16px;
}
.content-padding {
  background-color: #f9fafa;
  box-sizing: border-box;
  padding: 0 60px 15px 60px;
}
.content-padding .content-header-fixed {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f9fafa;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.content-padding .content-header-fixed .return-link-wrapper {
  flex: 0 0 auto;
}
.content-padding .content-header-fixed .dashboard-title h1 {
  margin-top: 0;
  margin-bottom: 10px;
}
.content-padding .content-header-fixed .actions {
  flex: 0 0 auto;
}
.content-padding .as-split-gutter {
  height: auto !important;
}
.header-menu {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333333;
}
.app-selector-menu a {
  text-decoration: none;
}
.app-selector-menu a span {
  font-size: 16px;
  font-weight: 500;
}
.pointer {
  cursor: pointer;
}
.grab {
  cursor: grab;
}
.invisible {
  visibility: hidden !important;
}
.hide {
  display: none !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.auto-height {
  height: auto !important;
}
.auto-width {
  width: auto !important;
}
.shadow {
  box-shadow: 4px 7px 19px 0 #d3d8d8;
}
.radius-top {
  border-radius: 5px 5px 0 0;
}
.radius-bottom {
  border-radius: 0 0 5px 5px;
}
.full-width {
  width: 100%;
}
.text-left {
  text-align: left;
  justify-content: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-pre {
  white-space: pre;
}
.text-pre-line {
  white-space: pre-line;
}
.text-nowrap {
  white-space: nowrap;
}
.text-break {
  overflow-wrap: break-word;
}
a {
  color: #1274d1;
  cursor: pointer;
}
a[disabled],
a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #ededed;
}
a[disabled] :first-child,
a.disabled :first-child {
  background-color: #ededed;
}
.flex {
  display: flex;
}
.flex-start {
  justify-content: flex-start;
}
.flex-center {
  justify-content: center;
}
.flex-center .mat-sort-header-container {
  justify-content: center;
}
.flex-end {
  justify-content: flex-end;
}
.flex-end .mat-sort-header-container {
  justify-content: flex-end;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-align-center {
  align-items: center;
}
.simple-badge .mat-badge-content {
  color: transparent !important;
}
.small-badge .mat-badge-content {
  color: transparent;
  width: 10px !important;
  height: 10px !important;
  top: 6px !important;
  right: 6px !important;
}
.toolbar {
  margin-top: 0;
  color: #ffffff;
  min-height: 60px;
  height: 60px;
  background-image:
    linear-gradient(
      99deg,
      #1172d0,
      #1d98d6);
  box-shadow: 0 0 13px 0 rgba(54, 104, 171, 0.5);
  border-radius: 5px 5px 0 0;
  padding-top: 21px;
  padding-left: 20px;
  box-sizing: border-box;
  background-color: #1274d1 !important;
  text-transform: uppercase !important;
  font-size: 16px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.8px;
}
.classic-button {
  background-color: #0bb161 !important;
  color: #ffffff !important;
  letter-spacing: 2.3px;
  border-radius: 5px;
  border: 0;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 16px;
  box-sizing: border-box;
  margin-left: 16px;
}
.classic-button:first-child {
  margin-left: 0;
}
.classic-button.bg-grey {
  background-color: #949494 !important;
  color: #ffffff !important;
}
.classic-button.bg-blue {
  background-color: #1274d1 !important;
  color: #ffffff !important;
}
.classic-button.bg-red {
  background-color: #d11212 !important;
  color: #ffffff !important;
}
.classic-button.small {
  font-size: 16px;
  padding: 8px 16px;
}
.classic-button.outlined {
  background: transparent !important;
  color: #949494 !important;
  border: 1px solid #949494;
}
button {
  cursor: pointer;
}
button mat-spinner {
  display: inline-block !important;
}
button[disabled] {
  cursor: default;
}
button[disabled].classic-button,
button[disabled].bg-green,
button[disabled].bg-blue {
  background-color: #f9fafa !important;
  color: rgba(0, 0, 0, 0.26) !important;
}
button.mat-mdc-menu-item {
  font-family: "IBM Plex Sans", Arial;
  height: 32px;
  line-height: 32px;
  padding: 0 32px 0 12px;
  color: #253746;
  font-size: 16px;
}
button.mat-mdc-menu-item.disabled,
button.mat-mdc-menu-item[disabled],
button.mat-mdc-menu-item.disabled::after,
button.mat-mdc-menu-item[disabled]::after {
  color: #949494;
}
button.mat-mdc-menu-item[disabled] .mat-icon,
button.mat-menu-item.disabled .mat-icon {
  color: #949494;
}
.mat-mdc-menu-content .mat-menu-header {
  font-size: 18px;
}
mat-icon {
  vertical-align: middle;
}
.mat-mdc-dialog-container {
  display: flex !important;
  flex-direction: column;
  padding-bottom: 0 !important;
  padding: 0 !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content:last-child {
  padding-bottom: 32px;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content + .mat-mdc-dialog-actions {
  margin-bottom: 0 !important;
}
.mat-icon-blue {
  color: #0058ff;
}
.mat-icon-grey {
  color: #949494;
}
.mat-icon-red {
  color: #d15737;
}
.mat-icon-24 {
  font-size: 24px !important;
}
.mat-icon-12 {
  font-size: 12px !important;
}
.icon-small {
  transform: scale(0.75);
}
.mat-mdc-list.ellipsis .mat-mdc-checkbox label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.classic-form-field {
  display: block;
  position: relative;
}
.classic-form-field label {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  display: block;
}
.classic-form-field input,
.classic-form-field select {
  display: block;
  margin-top: 2px;
  background-color: #fff;
  border: solid 1px #949494;
  line-height: 26px;
  width: 100%;
  border-radius: 5px;
  padding: 13px 11px 14px;
  font-size: 18px;
  box-sizing: border-box;
}
.classic-form-field .input-error {
  font-size: 14px;
  color: red;
  margin-top: 10px;
}
.classic-form-field + .classic-form-field {
  margin-top: 20px;
}
.classic-form-field + button {
  margin-top: 20px;
}
.classic-form-field .overlay {
  position: absolute;
  right: 8px;
  top: 24px;
}
.list-edit-form .mat-mdc-text-field-wrapper {
  margin-top: 16px !important;
}
mat-hint.mat-mdc-form-field-error {
  color: #f44336 !important;
}
.accordion-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 24px;
  font-size: 14px;
  color: #949494;
}
.accordion-header .title {
  display: flex;
  flex-grow: 1;
  margin-right: 16px;
}
.accordion-header div {
  display: inline-block;
}
mat-accordion mat-expansion-panel-header .mat-mdc-icon-button {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 6px;
}
mat-accordion.compact mat-expansion-panel-header {
  max-height: 48px;
}
mat-accordion.compact.list .mat-expansion-panel-body {
  padding: 0;
}
mat-accordion.compact.list .mat-expansion-panel-body > .empty {
  padding: 0 24px 16px;
}
mat-accordion.compact.list .title {
  display: flex;
  flex-grow: 1;
  margin-right: 16px;
}
mat-accordion.compact.list .mat-mdc-list {
  padding: 0;
}
mat-accordion.compact.list .mat-mdc-list .mat-mdc-list-item {
  padding: 0 24px;
}
mat-accordion.compact.list .mat-mdc-list .mat-mdc-icon-button {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 6px;
}
app-dashboard-view .resize-active svg,
app-dashboard-view .resize-active .analysisName,
app-dashboard-view .resize-active .actions,
app-dashboard-view .resize-ghost-element svg,
app-dashboard-view .resize-ghost-element .analysisName,
app-dashboard-view .resize-ghost-element .actions {
  display: none !important;
}
app-widget-filter .ellipsis .mat-mdc-checkbox label,
app-widget-filter .ellipsis .mat-mdc-radio label {
  max-width: 236px !important;
  font-size: 14px !important;
}
.user-tour-popup {
  text-align: center;
}
.user-tour-popup .mat-mdc-card-title {
  font-size: 18px;
}
.user-tour-popup button {
  display: block;
  margin: auto !important;
}
.user-tour-popup button:first-child {
  margin-bottom: 16px !important;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-auto-0 {
  margin: 0 auto;
}
em.highlight {
  font-style: normal;
  background-color: #7cb5ec;
  color: #fff;
  padding: 3px;
  border-radius: 4px;
  scroll-margin-top: 22px;
}
em.selection-highlight {
  font-style: normal;
  background-color: #4858c6;
  color: #fff;
  padding: 1px 0;
}
em.highlight.highlight-DF5353 {
  background-color: #DF5353;
}
em.highlight.highlight-929292 {
  background-color: #929292;
}
em.highlight.highlight-7CB5EC {
  background-color: #7CB5EC;
}
em.highlight.highlight-55BF3B {
  background-color: #55BF3B;
}
em.highlight.highlight-BFFFB2 {
  background-color: #BFFFB2;
  color: #666;
}
em.highlight.highlight-FE9999 {
  background-color: #FE9999;
}
em.highlight.highlight-cccccc {
  background-color: #cccccc;
}
.material-icons-base,
.material-icons-filled,
.material-icons {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-icons {
  font-family: "Material Icons Outlined";
}
.material-icons-filled {
  font-family: "Material Icons";
}
.mat-mdc-progress-spinner.orange circle,
.mat-mdc-progress-spinner.orange circle {
  stroke: #f5a623;
}
.mat-mdc-icon-button[disabled] svg g,
.mat-icon-button.disabled svg g {
  fill: #ededed;
}
.delete-popup-title {
  width: 807px;
  height: 60px;
  box-shadow: 0 0 13px 0 rgba(54, 104, 171, 0.5);
  background-image:
    linear-gradient(
      94deg,
      #1172d0,
      #1d98d6);
  font-size: 24px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.3px;
  color: #ffffff;
  padding-left: 20px;
  padding-top: 18px;
  margin: 0 0 0;
}
.mat-mdc-dialog-content .delete-popup-message {
  padding-top: 45px;
  padding-left: 35px;
  width: 744px;
  height: 64px;
  font-family: "IBM Plex Sans", Arial;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #949494;
}
.mat-mdc-dialog-content .delete-popup-message b {
  color: #333333;
}
.mat-mdc-dialog-content .delete-popup-buttons {
  padding-top: 45px;
}
.mat-mdc-dialog-content .delete-popup-buttons .cancel-delete {
  margin-left: 160px;
  width: 200px;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #949494;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.8px;
  text-align: center;
  color: #949494;
}
.mat-mdc-dialog-content .delete-popup-buttons .confirm-delete {
  margin-left: 75px;
  width: 237px;
  height: 48px;
  border-radius: 4px;
  background-color: #d11212;
  font-size: 16px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.8px;
  text-align: center;
  color: white;
}
app-widget-filter .mdc-checkbox__background,
app-widget-filter .mat-mdc-radio-button .mdc-radio__outer-circle,
app-widget-filter .mat-mdc-radio-button.mat-mdc-radio-checked.mat-accent .mdc-radio__outer-circle {
  border-color: #1274d1;
}
app-widget-filter .mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background,
app-widget-filter .mat-mdc-radio-button.mat-accent .mdc-radio__inner-circle,
app-widget-filter .mat-mdc-radio-button.mat-mdc-radio-checked.mat-accent .mdc-radio__inner-circle {
  background-color: #1274d1;
}
app-widget-filter mat-mdc-checkbox .mat-radio-ripple .mat-ripple-element,
app-widget-filter mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
  background-color: #1274d1 !important;
}
app-widget-filter .mat-mdc-list-base .mat-mdc-list-item .mat-mdc-list-item__content,
app-widget-filter .mat-mdc-list-base .mat-mdc-list-option .mat-mdc-list-item__content {
  padding: 0;
}
app-widget-filter .mat-mdc-list-item.daterange-list-item .mat-mdc-list-item__content {
  align-items: baseline;
}
app-widget-filter .mat-expansion-panel .mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 48px 0 12px;
}
.document-list__paginator-control .mat-mdc-paginator-container {
  justify-content: center;
}
.document-list__paginator-control .mat-mdc-paginator-container .mat-mdc-paginator-page-size {
  order: 1;
  margin: 0;
}
.document-list__paginator-control .mat-mdc-paginator-container .mat-mdc-paginator-range-actions {
  flex: 1;
  justify-content: center;
  margin: 0 24px;
}
.document-list__paginator-control .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label {
  order: 2;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}
.document-list__paginator-control .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-previous {
  order: 1;
}
.document-list__paginator-control .mat-mdc-paginator-container .mat-mdc-paginator-range-actions .mat-mdc-paginator-navigation-next {
  order: 3;
}
.popover.add-tag-popover {
  z-index: 1000;
}
.mat-mdc-autocomplete-panel.tags-autocomplete {
  left: -105%;
  bottom: 80px;
}
.mat-mdc-header-cell.mat-column-sentimentScore .mat-sort-header-container {
  justify-content: flex-end;
}
.mat-mdc-header-cell.mat-column-strengthScore .mat-sort-header-container {
  justify-content: flex-end;
}
.mat-mdc-cell.clickable.mat-column-sentimentScore .clicked app-sentiment-display .mat-icon {
  color: #ffffff !important;
}
app-project-sentiment-range .mat-mdc-tab {
  flex: 1;
}
app-widget-predictive .predictive-widget-datepicker-container .kxi-input {
  height: 32px;
}
app-widget-predictive .mdc-radio__outer-circle {
  border-color: #1274d1;
}
body .ngx-slider {
  margin: 0;
}
body .ngx-slider .ngx-slider-tick {
  margin-left: 0;
  width: 8px;
  height: 8px;
  left: 2px;
}
body .ngx-slider .ngx-slider-tick.ngx-slider-selected {
  background-color: #1274d1;
}
body .ngx-slider .ngx-slider-pointer {
  width: 12px;
  height: 12px;
  top: -5px;
  background-color: #1274d1;
  outline: none;
}
body .ngx-slider .ngx-slider-pointer::after {
  position: absolute;
  top: -9px;
  left: -9px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition:
    transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
    opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
body .ngx-slider .ngx-slider-pointer.ngx-slider-active::after {
  transform: scale(1);
  opacity: 1;
  background-color: rgba(18, 116, 209, 0.2);
}
body .ngx-slider .ngx-slider-bar-wrapper {
  height: auto;
  padding: 0;
  margin: 0;
}
body .ngx-slider .ngx-slider-selection {
  background-color: #1274d1;
}
body .ngx-slider .ngx-slider-bar {
  height: 2px;
}
body .ngx-slider .ngx-slider[disabled] .ngx-slider-pointer {
  background-color: #c4c4c4;
}
body .ngx-slider .ngx-slider[disabled] .ngx-slider-selection {
  background-color: #c4c4c4;
}
body .ngx-slider .ngx-slider[disabled] .ngx-slider-bar {
  background-color: #c4c4c4;
}
body .ngx-slider .ngx-slider-span.ngx-slider-bubble.ngx-slider-model-value,
body .ngx-slider .ngx-slider-span.ngx-slider-bubble.ngx-slider-model-high,
body .ngx-slider .ngx-slider-span.ngx-slider-bubble.ngx-slider-combined {
  border-radius: 12px;
  font-size: 12px;
  background: #1274d1;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 6px;
  margin-left: -4px;
  bottom: 14px;
}
body .ngx-slider .ngx-slider-span.ngx-slider-pointer .ngx-slider-pointer-min:before,
body .ngx-slider .ngx-slider-span.ngx-slider-pointer .ngx-slider-pointer-max:before {
  content: "<";
}
.mat-mdc-radio label {
  max-width: 100%;
  overflow: hidden;
}
.uikit__config-table .lex-flex-table__column--name {
  flex: 2;
  min-width: 33%;
  max-width: 33%;
  display: flex;
  align-items: center;
}
.uikit__config-table .lex-flex-table__column--tags {
  flex: 2;
  min-width: 33%;
  max-width: 33%;
}
.uikit__config-table .lex-flex-table__column--createdBy {
  flex: 1;
  min-width: 16%;
  max-width: 16%;
}
.uikit__config-table .lex-flex-table__column--lastUsed {
  flex: 1;
  min-width: 17%;
  max-width: 17%;
}
.uikit__config-table--dense .lex-flex-table__column--name-dense {
  min-width: 50%;
  max-width: 50%;
}
.uikit__config-table--dense .lex-flex-table__column--lastUsed-dense {
  min-width: 30%;
  max-width: 30%;
}
.uikit__config-table--dense .lex-flex-table__column--link-dense {
  font-family: "IBM Plex Sans", Arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  text-decoration: none;
  letter-spacing: normal;
  color: #1274d1;
  cursor: pointer;
  min-width: 20%;
  max-width: 20%;
}
.uikit__config-table--dense .lex-flex-table__column--link-dense:hover {
  text-decoration: underline;
}
.configuration-details__tabs .mat-mdc-tab-body-wrapper,
.project-options__tabs .mat-mdc-tab-body-wrapper {
  min-height: calc(100% - 50px);
}
.configuration-details__tabs .mat-mdc-tab-body.mat-mdc-tab-body-active,
.project-options__tabs .mat-mdc-tab-body.mat-mdc-tab-body-active {
  overflow-y: hidden;
}
.configuration-settings__row app-lex-numeric-input {
  margin-left: 8px;
  width: 80px;
}
.configuration-settings__row app-lex-numeric-input .mat-mdc-form-field-infix {
  font-size: 14px !important;
  padding: 4px !important;
}
.configuration-settings__row app-lex-numeric-input .mat-mdc-form-field-icon-suffix {
  padding-right: 4px;
}
.configuration-item-editor__editor-layout .configuration-item-editor__editor-content-wrapper {
  height: 100%;
}
.configuration-item-editor__editor-layout code-editor {
  display: block;
  width: 100%;
  height: 100%;
}
.configuration-item-editor__editor-layout .cm-editor {
  height: 100%;
}
.configuration-taxonomy__editor-query {
  height: 100%;
}
.configuration-taxonomy__editor-query code-editor {
  display: block;
  width: 100%;
  height: 100%;
}
.configuration-taxonomy__editor-query .cm-editor {
  width: 100%;
}
.configuration-item-editor__item-list-scroll-viewport .mdc-list {
  padding: 0 !important;
}
.configuration-entities__type-row app-lex-autocomplete .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  margin: 0 !important;
}
textarea.ngx-codemirror {
  display: none !important;
}
.configuration-details__notes .configuration-details__notes--edit .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding: 0;
}
.configuration-details__tags .mat-mdc-form-field-infix,
.configuration-details__name--edit .mat-mdc-form-field-infix {
  border-top: 0;
}
.basic-highlight {
  background-color: #40c4ff;
}
.tooltip-newline {
  white-space: pre-line;
}
.filter-document-tooltip {
  text-align: center;
}
.mat-mdc-tooltip {
  white-space: pre-line !important;
  overflow-wrap: break-word;
  border: 1px solid var(--primary-light-80) !important;
  padding: 9px !important;
  background: var(--color-silver) !important;
  border-radius: 6px !important;
  color: var(--secondary) !important;
  font-family: var(--font-family) !important;
  font-size: 0.875rem !important;
  line-height: 1.5em !important;
  box-shadow: var(--shadow-down-2) !important;
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  background: var(--color-silver) !important;
  color: var(--secondary) !important;
  font-family: var(--font-family) !important;
  font-size: 0.875rem !important;
  line-height: 1.5em !important;
  padding: 0;
  min-height: 0;
}
.mat-mdc-tooltip.analysis-details__left-align-tooltip-text .mdc-tooltip__surface,
.mat-mdc-tooltip.filter-pill__tooltip .mdc-tooltip__surface {
  text-align: left;
}
.xi-icon-button-normal {
  box-sizing: border-box;
  padding: 5px;
  line-height: 20px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  color: #0058ff;
}
.xi-icon-button-normal:hover::before {
  opacity: 0.05;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #0058ff;
  border-radius: 21px;
}
.xi-loader-container__center {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xi-loader-container__center xi-animation {
  z-index: 100000;
}
.xi-loader-button-container,
.xi-loader-container {
  position: relative;
}
.xi-loader-container__inline-overlay {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 100;
}
.xi-loader-container__inline-overlay--blur::before {
  content: "";
  opacity: 0.7;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  width: 100%;
  height: 100%;
  position: absolute;
}
.xi-loader-container__inline-overlay xi-animation {
  z-index: 100000;
}
.account-menu .account-balance {
  line-height: 20px;
  padding-top: 8px;
  height: 40px;
}
.mat-mdc-menu-panel.project-collections-menu {
  min-height: 0;
}
.mat-mdc-menu-panel button.mat-mdc-menu-item {
  min-height: 32px;
}
.mat-mdc-menu-panel button.mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
}
.mat-mdc-menu-panel button.mat-mdc-menu-item .mdc-list-item__primary-text {
  white-space: nowrap;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-menu-panel.menu-with-xi-icons button.mat-mdc-menu-item .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  color: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-menu-panel.menu-with-xi-icons xi-icon {
  margin-right: 20px;
}
button.mat-mdc-list-item .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item .mdc-list-item__primary-text {
  display: inline-block;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  height: inherit;
}
.mat-mdc-option.mdc-list-item .mdc-list-item__primary-text {
  width: 100%;
}
.mat-mdc-list-item.mdc-list-item .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  letter-spacing: inherit;
  font-family: "IBM Plex Sans", Arial;
}
.mat-mdc-chip-listbox .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  display: inline-flex;
  align-items: center;
  color: inherit;
}
.mat-expansion-panel-header-title {
  font-weight: 400;
}
.xi-default-button-text-large .kxi-button > pre {
  font-size: 22px;
}
.permission-table__name-header .mat-sort-header-arrow {
  color: #fff;
  opacity: 1;
}
.xi-table__header-sort-container .mat-sort-header-arrow {
  color: #fff;
  opacity: 1;
}
.virtual-viewport {
  height: 100%;
}
xi-vertical-tab-bar {
  background-color: #ffffff;
}
xi-vertical-tab-bar .kxi-vertical-tab-bar {
  margin-top: 0;
}
app-group-list xi-list .kxi-list-wrapper,
app-projects xi-list .kxi-list-wrapper,
app-configuration-route-list xi-list .kxi-list-wrapper,
app-fields xi-list .kxi-list-wrapper,
app-configuration-list xi-list .kxi-list-wrapper {
  border-radius: 0;
  border-left: none;
  border-bottom: none;
  border-top: none;
}
app-group-list xi-list .kxi-list-wrapper xi-list-item .kxi-list-item,
app-projects xi-list .kxi-list-wrapper xi-list-item .kxi-list-item,
app-configuration-route-list xi-list .kxi-list-wrapper xi-list-item .kxi-list-item,
app-fields xi-list .kxi-list-wrapper xi-list-item .kxi-list-item,
app-configuration-list xi-list .kxi-list-wrapper xi-list-item .kxi-list-item {
  border-bottom: 1px solid #c7c7c7 !important;
}
app-group-list xi-list .kxi-list-search,
app-projects xi-list .kxi-list-search,
app-configuration-route-list xi-list .kxi-list-search,
app-fields xi-list .kxi-list-search,
app-configuration-list xi-list .kxi-list-search {
  box-shadow: none;
  border-bottom: 1px solid #c7c7c7;
  z-index: 0;
}
app-dashboard-side-pane xi-list .kxi-list-wrapper {
  border-radius: 0;
  border-left: none;
  border-bottom: none;
  border-top: none;
}
app-dashboard-side-pane xi-list .kxi-list-wrapper xi-list-item .kxi-list-item {
  border-bottom: none;
}
app-dashboard-side-pane xi-list-item .kxi-list-item:hover {
  background-color: transparent !important;
}
app-dashboard-side-pane xi-list-item .kxi-list-item .kxi-list-item-children-wrapper {
  display: block !important;
  padding: 0 !important;
}
app-dashboard-side-pane .dashboard-side-pane__list-item-container--saved-view xi-list-item .kxi-list-item-checkmark-wrapper {
  position: absolute;
  right: 60px;
}
app-user-list .mat-mdc-form-field .mdc-notched-outline__leading,
app-user-list .mat-mdc-form-field .mdc-notched-outline__trailing {
  border-radius: 0 !important;
  border-width: 1px !important;
  color: #e0e0e0;
  border-left: none !important;
  border-right: none !important;
}
app-user-list .user-list__searchbar .mat-mdc-text-field-wrapper {
  padding-bottom: 0;
}
app-configuration-item-editor .cdk-virtual-scroll-content-wrapper {
  position: relative !important;
}
app-configuration-route-configurations .configuration-route-configurations__form-body .ps-content {
  height: 100%;
}
app-configuration-route-configurations .configuration-route-configurations__type-button-row xi-default-button * {
  width: 100%;
}
.sentiment_accuracy__table-wrapper .mat-column-accuracy.mat-mdc-header-cell .mat-sort-header-container,
.sentiment_accuracy__table-wrapper .mat-column-documentCount.mat-mdc-header-cell .mat-sort-header-container,
.sentiment_accuracy__table-wrapper .mat-column-incorrectCount.mat-mdc-header-cell .mat-sort-header-container {
  justify-content: flex-end;
}
a.no-style {
  text-decoration: none !important;
}
*[ng-hide],
*[ng-show],
*[ng-if],
*[ng-switch-when],
*[ng-switch-default] {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
.predictive-table-widget__slider-container input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background-color: transparent;
  border-radius: 5px;
}
.predictive-table-widget__slider-container input[type=range]:focus {
  outline: none;
}
.predictive-table-widget__slider-container input[type=range]::-webkit-slider-runnable-track {
  cursor: pointer;
  background: transparent;
  border-radius: 5px;
}
.predictive-table-widget__slider-container input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: grab;
  -webkit-appearance: none;
}
.predictive-table-widget__slider-container input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
}
.predictive-table-widget__slider-container input[type=range]::-moz-range-track {
  cursor: pointer;
  background: transparent;
  border-radius: 5px;
}
.predictive-table-widget__slider-container input[type=range]::-moz-range-thumb {
  box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: grab;
}
.predictive-table-widget__slider-container input[type=range]::-ms-track {
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  border-radius: 5px;
}
.predictive-table-widget__slider-container input[type=range]::-ms-fill-lower {
  background: transparent;
}
.predictive-table-widget__slider-container input[type=range]::-ms-fill-upper {
  background: transparent;
}
.predictive-table-widget__slider-container input[type=range]::-ms-thumb {
  box-shadow: 0 2px 4px 0 rgba(140, 140, 140, 0.3), 0 -2px 4px 0 rgba(140, 140, 140, 0.2);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #ffffff;
  cursor: grab;
}
.predictive-table-widget__slider-container input[type=range]:focus::-ms-fill-lower {
  background: transparent;
}
.predictive-table-widget__slider-container input[type=range]:focus::-ms-fill-upper {
  background: transparent;
}
.breakdown-list__radio > .mat-mdc-radio label {
  white-space: normal;
}
.dashboard-tab-bar .kxi-icon-cancel:before {
  content: "\f21c";
}
.dashboard-tab-bar.isLocked .kxi-icon-button {
  pointer-events: none;
  opacity: 0.5;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-tab-bar-item-selected {
  font-weight: 700 !important;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-tab-bar-item-unsaved {
  font-weight: 500;
}
.kxi-horizontal-tab-bar .kxi-tab-bar-item.kxi-tab-bar-item-unsaved .kxi-tab-bar-item-text > div > div::after {
  content: "*";
}
.kxi-horizontal-tab-bar--equal .kxi-tab-bar-item {
  flex: 1;
  padding: 0;
}
.kxi-horizontal-tab-bar--equal .kxi-tab-bar-item.kxi-tab-bar-item-fade-right .kxi-tab-bar-item-content {
  -webkit-mask-image: none;
  mask-image: none;
}
.kxi-horizontal-tab-bar--equal .kxi-tooltip-wrapper {
  display: none;
}
app-create-action-plan-dialog xi-date-picker input {
  font-weight: bold;
}
app-create-action-plan-dialog xi-date-picker input[value=""] {
  font-weight: normal;
}
.mat-mdc-menu-panel.widget__pages-submenu,
.mat-mdc-menu-panel.widget-group__pages-submenu,
.mat-mdc-menu-panel.comparison__pages-submenu {
  max-height: 256px;
  overflow-y: auto;
  overflow-x: hidden;
}
app-create-action-item-dialog .kxi-dropdown,
app-create-action-item-dialog .kxi-dropdown * {
  width: 100%;
}
app-create-action-item-dialog xi-date-picker input {
  font-weight: bold;
}
app-create-action-item-dialog xi-date-picker input[value=""] {
  font-weight: normal;
}
app-create-action-item-dialog xi-input-field input {
  font-weight: bold;
}
app-create-action-item-dialog xi-input-field input[value=""] {
  font-weight: normal;
}
app-configuration-tester-document-list .kxi-search-box :focus-visible {
  outline: none;
}
.field-type__block-name .kxi-status-label {
  height: 24px;
}
.field-type__block-name .kxi-warning span.kxi-warning {
  display: none;
}
.field-type__block-name .kxi-warning p {
  color: #555555;
}
.field-type__block-name .kxi-error p {
  color: red;
}
app-create-action-task-dialog xi-date-picker input {
  font-weight: bold;
}
app-create-action-task-dialog xi-date-picker input[value=""] {
  font-weight: normal;
}
app-create-action-task-dialog xi-input-field input {
  font-weight: bold;
}
app-create-action-task-dialog xi-input-field input[value=""] {
  font-weight: normal;
}
gridster {
  background: transparent !important;
}
gridster .gridster-column,
gridster .gridster-row {
  border-color: #ececec !important;
}
gridster .gridster-item-resizable-handler {
  z-index: 112;
}
app-action-plan-table .action-plan-table__table-header-row:first-child > th > div {
  height: 36px;
  padding: 4px 8px;
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: #929ba3;
}
app-action-plan-table .action-plan-table__table-header-row:first-child > .action-plan-table__status-header > div {
  border-width: 0px 1px 0px 1px;
}
app-action-plan-table .action-plan-table__table-header-row:first-child > th:last-child > div {
  border-width: 0px 1px 0px 1px;
}
app-action-plan-table .action-plan-table__table-header-row:last-child > th > div {
  justify-content: center;
}
app-action-plan-table .action-plan-table__table-header-row:last-child > .action-plan-table__completed-header > div {
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: #929ba3;
}
app-action-plan-table .mat-sort-header-arrow {
  color: white;
}
.mat-mdc-menu-panel.status-label__menu {
  margin-top: -24px;
  width: 144px;
  padding: 4px 0px;
  box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.1), 4px 4px 8px rgba(0, 0, 0, 0.25);
}
.mat-mdc-menu-panel.status-label__menu button.mat-mdc-menu-item[disabled] {
  opacity: 1;
  color: black;
}
app-action-plan-details xi-accordion > .kxi-accordion {
  max-width: none;
  border-bottom: 1px solid #d3d7da;
}
app-action-plan-details xi-accordion > .kxi-accordion .kxi-accordion-section {
  border-top: none !important;
}
app-action-plan-details xi-accordion > .kxi-accordion .kxi-title > p {
  font-size: 16px;
  font-weight: 500;
}
app-action-plan-details xi-accordion > .kxi-accordion .kxi-accordion-children {
  font-size: 14px;
}
.kxi-basic-tile {
  overflow: unset !important;
}
.kxi-basic-tile .kxi-basic-tile-content,
.kxi-basic-tile .kxi-basic-tile-children-wrapper {
  overflow: unset !important;
}
.kxi-calendar--disabled .kxi-input {
  opacity: 0.4;
  background: unset;
  color: var(--secondary-light-70);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.kxi-calendar--readonly .kxi-input {
  color: var(--secondary-light-70);
  cursor: default;
  pointer-events: none;
}
.kxi-calendar-component-wrapper .kxi-calendar-input-fields .kxi-focused {
  background-clip: unset !important;
}
.action-plan-settings-drawer__body xi-date-picker input {
  font-weight: bold;
}
.action-plan-settings-drawer__body xi-date-picker input[value=""] {
  font-weight: normal;
}
app-numeric-metadata-field-selector xi-input-field .kxi-status-wrapper {
  display: none;
}
xi-default-button.widget-comparison-tag .kxi-button {
  transition: background-color 0.8s;
}
app-widget-grid th:not(:first-child) > div {
  justify-content: flex-end;
}
app-widget-grid .mat-sort-header-arrow {
  color: #253746;
}
.side-panel-locked .kxi-vertical-tab-bar {
  pointer-events: none;
  opacity: 0.5;
}
.mdc-menu-surface.mat-mdc-autocomplete-panel {
  padding: 0 !important;
}
app-project-details-table .project-details-table__warning-link-button .kxi-button {
  font-weight: 600 !important;
}
app-document-nlp-output .meta-list .mat-mdc-cell.clickable .clicked .lex-ellipsize--left,
app-document-nlp-output .meta-list .mat-mdc-cell.clickable .clicked .lex-ellipsize--right {
  color: #ffffff;
  background-color: #1274d1;
  font-weight: bold;
}
app-document-nlp-output .meta-list .mat-mdc-cell.clickable .clicked .lex-ellipsize--left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
app-document-nlp-output .meta-list .mat-mdc-cell.clickable .clicked .lex-ellipsize--right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.action-plan-expired {
  font-weight: bold;
  color: #c3453a;
}
.widget__weight-menu-item .mdc-list-item__primary-text {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.kxi-snackbar-wrapper {
  z-index: 10000000;
}
.kxi-snackbar-wrapper .kxi-snackbar-list-item {
  bottom: 24px;
  margin-bottom: 12px;
  position: relative;
}
.kxi-snackbar-wrapper .snackbar-link {
  color: #64b5f6;
  text-decoration: underline;
  cursor: pointer;
}
.kxi-snackbar-wrapper .snackbar-link:hover {
  color: #90caf9;
}
.kxi-tooltip {
  z-index: 2000;
}
.kxi-overlay,
.kxi-popout-invisible-scrim {
  z-index: 1000;
}
.body__hide-overflow {
  overflow: hidden;
}
app-action-plan-side-pane-item .action-plan-side-pane-item__info .kxi-button:disabled {
  opacity: 1;
}
.donut-metric-tooltip {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  background: #f9fafb;
  padding: 9px;
  color: #253746;
  font-size: 0.875rem;
  line-height: 1.5em;
  font-family: "IBM Plex Sans", Arial;
  box-shadow: 0 2px 3px 0 rgba(37, 55, 70, 0.18), 0 0 3px 0 rgba(37, 55, 70, 0.06);
}
.kxi-drawer-wrapper {
  z-index: 100;
}
.kxi-list-no-results-found {
  display: none !important;
}
.cdk-overlay-container .cdk-overlay-pane .mat-mdc-menu-panel.mat-mdc-menu-panel {
  max-width: 100%;
}
app-upload-map .upload-map__column-map-field-select-cell .mat-mdc-text-field-wrapper {
  flex: none !important;
}
app-widget xi-editable-text .kxi-editable-text-input {
  font-size: 22px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.dense-3 {
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
}
.dense-3 {
  --mat-select-arrow-transform: none;
}
.dense-3 {
  --mdc-checkbox-state-layer-size: 28px;
}
.dense-3 {
  --mat-checkbox-touch-target-display: none;
}
.dense-3 .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 24px;
}
.dense-3 {
  --mdc-switch-state-layer-size: 28px;
}
.dense-3 {
  --mdc-radio-state-layer-size: 28px;
}
.dense-3 {
  --mat-radio-touch-target-display: none;
}
.dense-3 {
  --mdc-list-list-item-one-line-container-height: 36px;
  --mdc-list-list-item-two-line-container-height: 52px;
  --mdc-list-list-item-three-line-container-height: 76px;
}
.dense-3 {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.dense-3 .mdc-list-item__start,
.dense-3 .mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 44px;
}
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.dense-3 .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 60px;
}
.dense-3 {
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
}
.dense-3 .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 36px;
}
.dense-3 {
  --mdc-text-button-container-height: 24px;
}
.dense-3 {
  --mdc-filled-button-container-height: 24px;
}
.dense-3 {
  --mdc-protected-button-container-height: 24px;
}
.dense-3 {
  --mdc-outlined-button-container-height: 24px;
}
.dense-3 {
  --mat-text-button-touch-target-display: none;
}
.dense-3 {
  --mat-filled-button-touch-target-display: none;
}
.dense-3 {
  --mat-protected-button-touch-target-display: none;
}
.dense-3 {
  --mat-outlined-button-touch-target-display: none;
}
.dense-3 {
  --mat-icon-button-touch-target-display: none;
}
.dense-3 .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 36px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 6px;
}
.dense-3 {
  --mat-fab-touch-target-display: none;
}
.dense-3 {
  --mat-fab-small-touch-target-display: none;
}
.dense-3 {
  --mat-table-header-container-height: 44px;
  --mat-table-footer-container-height: 40px;
  --mat-table-row-item-container-height: 40px;
}
.dense-3 {
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
}
.dense-3 {
  --mat-stepper-header-height: 60px;
}
.dense-3 {
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
}
.dense-3 {
  --mat-tree-node-min-height: 36px;
}
.dense-3 {
  --mat-standard-button-toggle-height: 36px;
}
.dense-3 .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
  display: none;
}
.highcharts-annotation-label.highcharts-label {
  opacity: 1 !important;
  transition: opacity 0.2s;
}
.highcharts-annotation-label.highcharts-label .kxi-icon.kxi-icon-comment_filled {
  display: inline-block;
  cursor: pointer;
  transition: transform 0.15s ease-in;
}
.highcharts-annotation-label.highcharts-label .kxi-icon.kxi-icon-comment_filled:hover {
  transform: scale(1.15);
  background-color: rgba(0, 88, 255, 0.2) !important;
  border-radius: 50%;
}
.highcharts-annotation-label.highcharts-label .kxi-icon.kxi-icon-comment_filled.selected {
  transform: scale(1.15);
  background-color: rgba(0, 88, 255, 0.2) !important;
  border-radius: 50%;
}
.highcharts-annotation-label.highcharts-label .kxi-icon.kxi-icon-lightbulb {
  display: inline-block;
  font-size: 16px;
  vertical-align: bottom;
}
.cdk-virtual-scroll-spacer {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 1px;
  transform-origin: 0 0;
}
[dir=rtl] .cdk-virtual-scroll-spacer {
  right: 0;
  left: auto;
  transform-origin: 100% 0;
}
xi-default-button.hovered,
xi-icon-button.hovered {
  transition: all 0.15s ease-in-out;
}
xi-default-button.hovered button,
xi-default-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-],
xi-icon-button.hovered button,
xi-icon-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-] {
  transform: scale(1.02) translateZ(0px) !important;
}
xi-default-button.hovered button.kxi-button,
xi-default-button.hovered button.kxi-icon-button,
xi-default-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-].kxi-button,
xi-default-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-].kxi-icon-button,
xi-icon-button.hovered button.kxi-button,
xi-icon-button.hovered button.kxi-icon-button,
xi-icon-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-].kxi-button,
xi-icon-button.hovered div.kxi-animated-button[data-kitchen-debug-id^=IconButton-].kxi-icon-button {
  background-color: var(--kxi-btn-fill-bg-hover) !important;
}
.widget-expansion-panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.26);
  z-index: 2;
}
.overflow-visible {
  overflow: visible !important;
}
.pinned-comment-container {
  position: absolute;
  left: 25%;
  z-index: 2;
  cursor: pointer;
}
.comment-card-chart.selected {
  border: 2px solid rgb(0, 88, 255);
  z-index: 10 !important;
}
.datasource-chip .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
.datasource-chip .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
.datasource-chip .mat-mdc-standard-chip .mat-mdc-chip-action-label,
.hidden-items-container .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
.hidden-items-container .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
.hidden-items-container .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: hidden;
}
.widget-menu-hidden-items-popover {
  z-index: 100;
}
.widget-container .content {
  container-name: chart-content;
  container-type: inline-size;
}
@container chart-content (width < 327.98px) {
  .comment-card-chart * {
    display: none !important;
  }
  .comment-card-chart::after {
    content: "...";
  }
}
app-driver-table .mat-sort-header-arrow {
  color: white;
  height: 10px;
  width: 10px;
}
.kxi-positive {
  --primary: #147255;
}
.kxi-neutral {
  --primary: #949494;
}
.kxi-negative {
  --primary: #ae2e29;
}
.sentiment-3 .kxi-positive {
  --primary: #147255;
}
.sentiment-3 .kxi-positive {
  --primary: #147255;
}
.sentiment-3 .kxi-neutral {
  --primary: #949494;
}
.sentiment-3 .kxi-negative {
  --primary: #ae2e29;
}
.sentiment-5 .kxi-very-positive {
  --primary: #009e0f;
}
.sentiment-5 .kxi-positive {
  --primary: #6b8c5b;
}
.sentiment-5 .kxi-neutral {
  --primary: #cccccc;
}
.sentiment-5 .kxi-negative {
  --primary: #b16b6b;
}
.sentiment-5 .kxi-very-negative {
  --primary: #ff0000;
}
.highlight-header .sentiment-button .isFocused .kxi-button.kxi-sentiment-button {
  color: white;
}
.highcharts-container .highcharts-gauge-datapoint--selectable {
  cursor: pointer;
  text-shadow: 1px 1px 2px #80acff;
  transition: all 0.15s ease-in-out;
}
.highcharts-container .highcharts-gauge-datapoint--selectable:hover {
  transform: scale(1.1);
}
.has-warning-header xi-side-panel {
  top: 150px !important;
  height: calc(100vh - 150px) !important;
}
.has-warning-header .project-details-table__table-wrapper {
  height: calc(100vh - 307px) !important;
}
.has-warning-header .project-panel__container {
  height: calc(100vh - 195px) !important;
}
.has-warning-header .config-list-details__scroll {
  height: calc(100vh - 261px) !important;
}
.has-warning-header .field-view__cards-container {
  height: calc(100vh - 247px) !important;
}
.has-warning-header .group-users__container {
  height: calc(100vh - 150px) !important;
  max-height: calc(100vh - 150px) !important;
}
.app-header.has-warning-header .spotlight-app-icon {
  top: 103px !important;
}

/* node_modules/select2/dist/css/select2.min.css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image:
    linear-gradient(
      to bottom,
      #fff 50%,
      #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image:
    linear-gradient(
      to bottom,
      #eee 50%,
      #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image:
    linear-gradient(
      to bottom,
      #fff 0%,
      #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image:
    linear-gradient(
      to bottom,
      #eee 50%,
      #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* node_modules/froala-editor/css/froala_editor.pkgd.min.css */
/*!
 * froala_editor v4.6.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-license {
  z-index: 1000;
  padding: 20px;
  font-size: 14px;
  color: #222222;
  background-color: #FFF;
  border-radius: 10px;
}
.fr-element,
.fr-element:focus {
  outline: 0 solid transparent;
}
.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important;
}
.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left;
}
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element [contenteditable=true] {
  outline: 0 solid transparent;
}
.fr-box a.fr-floating-btn {
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -moz-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -ms-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -o-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
  fill: #333333;
}
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-wrapper {
  position: relative;
  z-index: 1;
}
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}
.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}
.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef;
  }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto;
  }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none;
  }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}
.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px;
}
.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}
.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after,
.fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px;
}
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333;
}
.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333;
}
.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}
.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}
.fr-popup.fr-mobile .fr-command:focus-visible {
  outline: none;
}
.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}
.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s;
}
.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:focus:not(.fr-table-cell),
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:hover:not(.fr-table-cell) {
  outline: 1px solid #0098f7;
  outline-offset: -1px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}
body.fr-prevent-scroll {
  overflow: hidden;
}
body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}
.fr-modal {
  color: #222222;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}
.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}
ol.decimal_type {
  counter-reset: item;
}
ol.decimal_type > li {
  display: block;
  position: relative;
}
ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;
}
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px;
}
.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}
@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}
.fr-popup .fr-input-focus {
  background: whitesmoke;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-hidden {
  display: none !important;
}
.fr-popup.fr-empty {
  display: none !important;
}
.fr-popup .fr-hs {
  display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0;
}
.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s;
}
.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line input[type=number]:hover,
.fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151;
}
.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line input[type=number]:focus,
.fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}
.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number] {
  height: 46px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.fr-popup textarea {
  resize: none;
}
.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}
.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px;
  }
}
.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}
.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none;
}
@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px;
}
.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-popup .fr-checkbox input:not(:checked):focus + span,
.fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}
.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}
.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-popup .fr-checkbox input:checked:focus + span,
.fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}
.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s;
}
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-toolbar::after {
  height: 0;
}
.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}
.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}
.fr-toolbar .fr-float-right {
  float: right;
}
.fr-toolbar .fr-float-left {
  float: left;
}
.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}
.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}
.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}
.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px;
}
@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}
.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}
.fr-toolbar .fr-popup .fr-command:focus-visible {
  outline: none;
}
.fr-toolbar.fr-rtl {
  text-align: right;
}
.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630;
}
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0;
}
.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}
.fr-toolbar.fr-inline .fr-more-toolbar {
  position: absolute !important;
}
.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
  position: relative !important;
}
.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s;
}
.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF;
}
.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}
.fr-separator + .fr-separator {
  display: none;
}
.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px;
}
.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - (2 * 4px));
  margin: 0 4px;
  height: 1px;
}
.fr-separator.fr-hidden {
  display: none !important;
}
.fr-rtl .fr-separator {
  float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  display: inline-block;
}
.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2;
}
#fr-logo {
  float: left;
  outline: none;
}
#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
}
#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer;
}
#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s;
}
#fr-logo:hover > span,
#fr-logo:focus > span {
  color: #0098f7;
}
#fr-logo:hover > svg .fr-logo,
#fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}
.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
  position: relative;
}
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
.fr-sticky-off {
  position: relative;
}
.fr-sticky-on {
  position: fixed;
  z-index: 10;
}
.fr-sticky-on.fr-sticky-ios {
  position: -webkit-sticky;
  left: 0;
  right: 0;
  width: auto !important;
}
.modal .fr-sticky-on {
  position: sticky;
}
.fr-sticky-dummy {
  display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view .fr-highlight-change,
.fr-highlight-change > img,
.fr-highlight-change > .fr-video > video,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-video > iframe,
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > p,
.fr-view .fr-highlight-change > span:not(.fr-tracking-deleted),
.fr-highlight-change li,
.fr-highlight-change > table td,
.fr-highlight-change > table th {
  background-color: #f3eec3;
  opacity: 0.5;
}
.fr-view .fr-highlight-table,
.fr-view .fr-highlight-table > span {
  opacity: 1;
}
.fr-highlight-change.fr-highlight-change > table td,
.fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3;
}
.fr-tracking-deleted.fr-tracking-deleted > table td,
.fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545;
}
.fr-tracking-deleted img,
.fr-tracking-deleted > .fr-video > video,
.fr-tracking-deleted > .fr-video > iframe,
.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545;
}
.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 1;
}
.fr-highlight-change > .fr-video > iframe,
.fr-tracking-deleted > .fr-video > iframe,
.fr-highlight-change > .fr-video > video,
.fr-tracking-deleted > .fr-video > video,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important;
}
.fr-tracking-deleted img,
.fr-highlight-change img {
  border: 2px solid #f3eec3;
}
.fr-highlight-change [data-pasted=true] *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3;
}
.fr-highlight-change [data-pasted=true] > table td {
  opacity: 0.5;
  border-color: #f3eec3;
}
.fr-track-visibility-hidden {
  visibility: hidden;
}
.fr-track-hide {
  display: none;
}
.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box;
}
.position-relative {
  position: relative !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-code-view .fr-counter {
  display: none;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none;
}
.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}
.fr-box .CodeMirror {
  display: none;
}
.fr-box.fr-code-view textarea.fr-code {
  display: block;
}
.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none;
}
.fr-box.fr-code-view .CodeMirror {
  display: block;
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 24px;
  width: 24px;
  text-align: center;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  padding: 17px 0 0;
  margin: 0;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 40px;
  width: 38px;
}
.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px;
}
.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}
.fr-popup .fr-color-set.fr-selected-set {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}
.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 24px;
  width: 24px;
  margin: 4px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-color-set > span > i path,
.fr-popup .fr-color-set > span > svg path {
  fill: #222222;
}
.fr-popup .fr-color-set > span .fr-selected-color {
  color: #FFF;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus,
.fr-popup .fr-color-set > span:not(.fr-table-cell):hover,
.fr-popup .fr-color-set > span:not(.fr-table-cell):focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}
.fr-drag-helper.fr-visible {
  display: block;
}
.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    NotoColorEmoji,
    "Segoe UI Symbol",
    "Android Emoji",
    EmojiSymbols;
}
.fr-popup .fr-emoticon img {
  height: 24px;
  width: 24px;
}
.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px;
}
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}
.fr-height-auto {
  height: auto !important;
}
.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}
.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}
.fr-trim-button:hover {
  background: #ebebeb;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-by-url-padding {
  padding: 11.5px 0;
}
.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain;
}
.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
.fr-popup .fr-files-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-progress-bar-style {
  width: calc(100% - 40px);
}
.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-pull-left {
  float: left;
}
.fr-pull-right {
  float: right;
}
.fr-icons {
  padding: 10px 20px 0;
  display: inline;
}
.fr-transform-135 {
  transform: rotate(135deg);
}
.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px;
}
.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px;
}
.fr-upload-progress {
  padding: 1px;
}
.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px;
  }
  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.fr-half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px;
}
.fr-decorated {
  overflow: hidden;
  text-align: center;
}
.fr-decorated > span {
  position: relative;
  display: inline-block;
}
.fr-decorated > span:before,
.fr-decorated > span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  margin: 0 20px;
}
.fr-decorated > span:before {
  right: 100%;
}
.fr-decorated > span:after {
  left: 100%;
}
.fr-align-right {
  float: right;
}
.fr-checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
}
.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important;
}
.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important;
}
button[data-cmd=insertFiles] {
  padding-left: 2px !important;
  padding-top: 2.7px !important;
}
button[data-cmd=autoplay] svg {
  position: relative !important;
  top: 3.2px !important;
}
button[data-cmd=insertAll] {
  padding-left: 4px !important;
}
button[data-cmd=insertAll] svg {
  position: relative !important;
  top: 3.2px !important;
}
.fr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.fr-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}
.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}
.fr-file-item-left {
  display: flex;
  flex-wrap: wrap;
}
.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px;
}
.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px;
}
.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px;
}
.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-files-checkbox svg {
  margin-left: 0px;
  margin-top: 0px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-files-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-files-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
}
.fr-files-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-files-checkbox input:not(:checked):focus + span,
.fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}
.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-files-checkbox input:checked + span svg {
  display: block;
}
.fr-files-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-files-checkbox input:checked:focus + span,
.fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-checkbox-disabled svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-checkbox-disabled span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-checkbox-disabled input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: default;
  height: 13px !important;
  margin: 0;
  padding: 0;
  width: 13px !important;
  top: 7px;
  left: 7px;
}
.fr-checkbox-disabled input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-checkbox-disabled input:checked + span svg {
  display: block;
}
.fr-checkbox-disabled input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642;
}
.fr-file-item-thumbnail-hover {
  transition: transform .2s;
}
.fr-file-item-thumbnail-hover:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
}
.fr-margin-16 {
  margin-bottom: 16px;
}
.fr-none {
  display: none;
}
.fr-display-block {
  display: block;
}
.fr-files-manager-tooltip {
  position: relative;
}
.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}
.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647;
}
.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible;
}
.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}
.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}
.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dot {
  width: 20px;
  height: 20px;
  background-image:
    radial-gradient(
      circle,
      grey 1px,
      transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px;
}
.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important;
}
@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px;
  }
}
@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
  }
  .fr-file-item-description {
    width: 130px;
  }
  .fr-file-item-right {
    width: 100%;
  }
  .progress-circle {
    font-size: 6px;
  }
}
@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px;
  }
  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px;
  }
  .fr-file-item-description {
    width: 80px;
  }
  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px;
  }
  .fr-file-name {
    font-size: 10px;
  }
  .fr-file-action-icons {
    padding: 0px !important;
  }
}
@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px;
  }
}
.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
}
.fr-file-view-modal-content {
  display: inline-block;
  text-align: center;
}
.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%;
}
.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.fr-file-view-close:hover,
.fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px;
}
.fr-file-error-h5 {
  margin: 0;
}
.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px;
}
.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
}
.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important;
}
.fr-checkbox-container:hover input ~ .fr-checkmark {
  background-color: #ccc;
}
.fr-checkbox-container input:checked ~ .fr-checkmark {
  background-color: #2196F3;
}
.fr-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.fr-checkbox-container input:checked ~ .fr-checkmark:after {
  display: block;
}
.fr-container .fr-checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fr-file-item-details .file-name {
  font-weight: bold;
  display: inline;
}
.fr-file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline;
}
.fr-width-10 {
  width: 10%;
  display: inline-block;
}
.fr-width-20 {
  width: 20%;
  display: inline-block;
}
.fr-width-30 {
  width: 30%;
  display: inline-block;
}
.fr-width-40 {
  width: 40%;
  display: inline-block;
}
.fr-width-50 {
  width: 50%;
  display: inline-block;
}
.fr-width-60 {
  width: 60%;
  display: inline-block;
}
.fr-width-100 {
  width: 100%;
  display: inline-block;
}
.fr-width-80 {
  width: 80%;
  display: inline-block;
}
.fr-width-90 {
  width: 90%;
  display: inline-block;
}
.fr-width-85 {
  width: 85%;
  display: inline-block;
}
.fr-width-5 {
  width: 5%;
  display: inline-block;
}
.fr-width-7 {
  width: 7%;
  display: inline-block;
}
.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px;
}
.fr-position-content {
  position: relative;
  top: 10px;
}
.file-error {
  color: red;
}
#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px;
}
.fr-files-manager {
  z-index: 2147483641 !important;
}
.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em;
}
.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}
.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2;
}
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.progress-circle.over50 .first50-bar {
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.progress-circle:not(.over50) .first50-bar {
  display: none;
}
.progress-circle.p0 .value-bar {
  display: none;
}
.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}
.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}
.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}
.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}
.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}
.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}
.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}
.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}
.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}
.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}
.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}
.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}
.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}
.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}
.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}
.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}
.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}
.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}
.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}
.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}
.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}
.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}
.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}
.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}
.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}
.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}
.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}
.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}
.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}
.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}
.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}
.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}
.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}
.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}
.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}
.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}
.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}
.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}
.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}
.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}
.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}
.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}
.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}
.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}
.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}
.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}
.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}
.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}
.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}
.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}
.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}
.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}
.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}
.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}
.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}
.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}
.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}
.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}
.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}
.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}
.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}
.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}
.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}
.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}
.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}
.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}
.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}
.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}
.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}
.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}
.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}
.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}
.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}
.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}
.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}
.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}
.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}
.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}
.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}
.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}
.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}
.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}
.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}
.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}
.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}
.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}
.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}
.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}
.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}
.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}
.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}
.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}
.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}
.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}
.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}
.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}
.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}
.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}
.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}
.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}
.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
}
.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box;
}
.align-autoplay {
  align-items: flex-end;
  margin-right: 7px;
}
.fr-hovered-over-file {
  background-color: #F0F0F0;
}
.fr-thumbnail-padding {
  padding-right: 4px;
}
.fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePicker] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePicker] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-command.fr-btn[data-cmd=openFilePickerReplaceImageOnly] svg path,
.fr-command.fr-btn[data-cmd=openFilePickerReplaceVideoOnly] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImageOnly] svg path:last-child,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideoOnly] svg path:last-child,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerFile] svg path {
  fill: #ef4a25;
}
.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path {
  fill: #0098F7;
}
.fsp-picker-appear-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
body.fr-fullscreen .fs-transforms-container {
  position: absolute;
  z-index: 2247483660;
}
.fsp-notifications__container {
  position: fixed !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-find-replace-layer .fr-header {
  padding: 15px;
}
.fr-find-replace-layer .fr-body {
  padding: 0 15px 15px;
}
.fr-find-replace-layer .fr-drag-handle {
  cursor: move;
}
.fr-find-replace-layer h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}
.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder,
.fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder {
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-input-line.fr-find-field {
  width: 227px;
  padding-bottom: 5px;
}
.fr-find-replace-layer .fr-body .fr-input-line.fr-replace-field {
  top: -8px;
  padding-bottom: 0px;
}
.fr-find-replace-layer .fr-body .fr-label-disabled {
  background-color: #f5f5f5;
}
.fr-find-replace-layer .fr-body .fr-close-btn {
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333333;
}
.fr-find-replace-layer .fr-body .fr-close-btn:hover {
  color: #CCCCCC;
}
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  width: auto;
  background: none;
  color: #333333;
}
.fr-find-replace-layer .fr-body input {
  padding: 8px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-left: 0px;
}
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: 10px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 2px 4px;
  margin-bottom: 12px;
  font-size: 12px;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-button-group {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn {
  background-color: #FFF;
  color: #0098f7;
  margin-top: 10px;
  border: 1px solid #0098f7;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body button {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.fr-find-replace-layer .fr-body #fr-replaceText {
  width: 77%;
}
.fr-find-replace-layer .fr-body #fr-findText {
  position: relative;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.fr-find-replace-layer .fr-body #fr-findText:focus {
  border: 2px solid #0098f7;
}
.fr-find-replace-layer .fr-body .fr-find-error {
  color: #f70000;
  font-size: 12px;
  display: none;
  max-width: 300px;
  overflow-wrap: break-word;
}
.fr-find-replace-layer .fr-body #fr-findText.error {
  border-color: #f70000;
}
.fr-find-replace-layer .fr-body .fr-count-indicator {
  position: absolute;
  right: 80px;
  top: 57%;
  transform: translateY(-50%);
  color: #CCCCCC;
  font-size: 12px;
  pointer-events: none;
  visibility: hidden;
  z-index: 10;
}
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
  margin-right: 10px;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 2px;
  font-weight: 100;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel {
  border-radius: 4px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row input[type=checkbox]:focus-visible {
  outline: 2px solid #0098f7;
  outline-offset: 2px;
}
.fr-find-replace-layer .fr-body .fr-toggle-btn {
  width: 40px;
  height: 20px;
  background-color: #CCCCCC;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.fr-find-replace-layer .fr-body .fr-arrow {
  margin-right: 5px;
  font-size: 12px;
  margin-top: 1px;
  position: absolute;
  right: 15px;
}
.fr-find-replace-layer .fr-body .fr-disabled svg.fr-arrow-button {
  fill: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-arrow-button {
  width: 12px;
  height: 12px;
}
.fr-find-replace-layer .fr-body .fr-btn-active-popup {
  background: #d6d6d6;
}
.fr-find-replace-highlight {
  background-color: #ffff00;
}
.fr-find-replace-current-highlight {
  background-color: #ffa500;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}
.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
}
.fr-box.fr-fullscreen .fr-wrapper {
  background-color: #FFF;
}
.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen .fr-toolbar {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}
.fr-box.fr-fullscreen .fr-second-toolbar {
  margin-top: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-image-upload-layer:hover,
.fr-popup .fr-image-upload-layer:has(.fr-not-empty) {
  background: #ebebeb;
}
.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
img.fr-draggable {
  -webkit-user-select: none;
  user-select: none;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px;
}
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left;
}
.fr-modal .fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5;
}
.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  outline: none;
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background-color: #EcF5Ff;
  color: #0098f7;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  outline: none;
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6;
}
.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7;
}
div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}
div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0;
}
div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 20px) / 2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 40px) / 3);
  }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 60px) / 4);
  }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #CCCCCC;
  z-index: 1;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  z-index: 3;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #B8312F;
  fill: #FFF;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #FFF;
  fill: #0098f7;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none;
}
.fr-line-breaker.fr-visible {
  display: block;
}
.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - (40px / 2));
  top: -20px;
}
.fr-line-breaker a.fr-floating-btn svg {
  margin: 8px;
  height: 24px;
  width: 24px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-wrapper-markdown {
  display: flex;
}
.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit;
}
.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee;
}
.fr-markdown-editor > p {
  margin: 0;
}
.fr-markdown-view > p {
  margin-top: 0;
}
.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px;
}
.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5;
}
.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.fr-markdown-view > dt {
  font-weight: 700;
}
.fr-markdown-view > dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family:
    Consolas,
    "Liberation Mono",
    Courier,
    monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.fr-markdown-view > sup {
  top: -.5em;
}
.footnote-a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.fr-markdown-view > hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem;
}
.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}
.fr-markdown-view > table > tbody > tr > td,
.fr-markdown-view > table > tbody > tr > th,
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd;
}
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px;
}
.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none;
}
.fr-markdown-view > h1 {
  font-size: 2em !important;
}
.fr-markdown-view > h2 {
  font-size: 1.5em !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-quick-insert a.fr-floating-btn svg {
  margin: 8px;
  width: 24px;
  height: 24px;
}
.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.fr-quick-insert.fr-hidden {
  display: none;
}
.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  padding: 6px 10px 10px 10px;
  display: inline-block;
  color: #222222;
  background: #FFF;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222222;
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px;
}
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-weight: normal;
  font-size: 16px;
}
.fr-popup .fr-special-character {
  width: 24px;
  height: 24px;
}
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
  position: relative;
  background-color: rgba(0, 100, 255, 0.15);
}
.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-resizer {
  position: absolute;
  z-index: 3;
  display: none;
}
.fr-table-resizer.fr-table-col-resizer {
  cursor: col-resize;
}
.fr-table-resizer.fr-table-col-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7;
}
.fr-table-resizer.fr-table-row-resizer {
  cursor: row-resize;
}
.fr-table-resizer.fr-table-row-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-bottom: 1px solid #0098f7;
}
.fr-table-resizer.fr-moving {
  z-index: 2;
}
.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-selector {
  display: block;
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  padding: 3px;
  border: transparent 2px solid;
  border-radius: 4px 4px 0 0;
}
.fr-table-selector a {
  width: 16px;
  height: 16px;
  display: block;
}
.fr-table-selector a > svg {
  width: 16px;
  height: 16px;
}
.fr-table-selector-active {
  opacity: 1;
  visibility: visible;
  border: #F6D146 2px solid;
  background-color: #F6D146;
}
.fr-table-selector-active a > svg {
  color: #F6D146;
}
.fr-table-selector-active-selected {
  border: #0098F7 2px solid;
  background-color: #0098F7;
}
.fr-table-selector-active-selected a > svg {
  color: #0098F7;
}
.fr-table-selector-inactive {
  opacity: 0;
  visibility: hidden;
}
.fr-view .fr-table-selection-hover {
  outline: #F6D146 2px solid;
}
.fr-view .fr-table-selected {
  outline: #0098F7 2px solid;
  caret-color: transparent;
}
.fr-popup .fr-table-size {
  margin: 20px;
}
.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
}
.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 5px;
  white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0 4px 4px 0;
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #DDD;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, 0.3);
  border: solid 1px #0098f7;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}
.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}
.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}
.fr-view .fr-table-selected *::selection {
  background: transparent;
}
.fr-view .fr-table-selected *::-moz-selection {
  background: transparent;
}
.fr-cell-properties-form,
.fr-table-properties-form {
  padding: 15px;
  width: 360px;
  max-width: 100%;
  background-color: #FFF;
  border-radius: 10px;
}
.fr-cell-properties-form .fr-cell-properties-section,
.fr-cell-properties-form .fr-table-properties-section,
.fr-table-properties-form .fr-cell-properties-section,
.fr-table-properties-form .fr-table-properties-section {
  margin-bottom: 12px;
}
.fr-cell-properties-form .fr-cell-properties-section label,
.fr-cell-properties-form .fr-table-properties-section label,
.fr-table-properties-form .fr-cell-properties-section label,
.fr-table-properties-form .fr-table-properties-section label {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-bg-container,
.fr-cell-properties-form .fr-table-bg-container,
.fr-table-properties-form .fr-cell-bg-container,
.fr-table-properties-form .fr-table-bg-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input,
.fr-cell-properties-form .fr-table-bg-container .fr-input,
.fr-table-properties-form .fr-cell-bg-container .fr-input,
.fr-table-properties-form .fr-table-bg-container .fr-input {
  flex: 1;
  height: 36px;
  padding: 4px 12px;
  border: 1px solid #CCCCCC;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input:focus,
.fr-cell-properties-form .fr-table-bg-container .fr-input:focus,
.fr-table-properties-form .fr-cell-bg-container .fr-input:focus,
.fr-table-properties-form .fr-table-bg-container .fr-input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input.fr-disabled,
.fr-cell-properties-form .fr-table-bg-container .fr-input.fr-disabled,
.fr-table-properties-form .fr-cell-bg-container .fr-input.fr-disabled,
.fr-table-properties-form .fr-table-bg-container .fr-input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input::placeholder,
.fr-cell-properties-form .fr-table-bg-container .fr-input::placeholder,
.fr-table-properties-form .fr-cell-bg-container .fr-input::placeholder,
.fr-table-properties-form .fr-table-bg-container .fr-input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color {
  width: 36px;
  height: 36px;
  border: 1px solid #CCCCCC;
  border-left: none;
  border-radius: 0 2px 2px 0;
  position: relative;
  padding: 0;
  background: transparent;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: -1px 0 0 -1px;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover {
  background-color: #ebebeb;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview {
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator {
  position: absolute;
  background: red;
  width: 28px;
  height: 1px;
  top: 9px;
  left: -4px;
  transform: rotate(-45deg);
  transform-origin: center;
}
.fr-cell-properties-form .fr-cell-dimensions-container,
.fr-table-properties-form .fr-cell-dimensions-container {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}
.fr-cell-properties-form .fr-cell-dimensions-container label,
.fr-table-properties-form .fr-cell-dimensions-container label {
  font-weight: bold;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section {
  flex: 1;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input {
  width: 90px;
  padding: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator {
  line-height: 1;
  font-size: 16px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section {
  flex: 1;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label {
  font-weight: bold;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input {
  width: 90px;
  padding: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-properties-buttons,
.fr-cell-properties-form .fr-table-properties-buttons,
.fr-table-properties-form .fr-cell-properties-buttons,
.fr-table-properties-form .fr-table-properties-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button {
  font-size: 14px;
  cursor: pointer;
  padding: 8px 12px;
  font-weight: 500;
  height: 36px;
  line-height: 20px;
  box-sizing: border-box;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled,
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button {
  background: none;
  border: none;
  color: #0098f7;
  border-radius: 2px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button:hover,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button:hover {
  text-decoration: underline;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button {
  background-color: #FFF;
  border: 1px solid #0098f7;
  color: #0098f7;
  border-radius: 2px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button:hover,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button:hover,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button:hover,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button:hover {
  background-color: #ebebeb;
}
.fr-cell-properties-form .fr-error,
.fr-table-properties-form .fr-error {
  color: red;
  font-size: 12px;
  padding-bottom: 5px;
  display: none;
}
.fr-cell-properties-form input.fr-error,
.fr-table-properties-form input.fr-error {
  border-color: red;
  display: block;
}
.fr-table-properties-section label:not(:first-child) {
  margin-top: 15px;
}
.fr-table-properties-section .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  line-height: 170%;
}
.fr-table-bg-container .fr-input-line,
.fr-table-border-container .fr-input-line,
.fr-table-dimentions-container .fr-input-line,
.fr-table-style-container .fr-input-line {
  padding: 0px;
  width: 100%;
}
.fr-table-bg-container .fr-input-line input[type=text],
.fr-table-border-container .fr-input-line input[type=text],
.fr-table-dimentions-container .fr-input-line input[type=text],
.fr-table-style-container .fr-input-line input[type=text] {
  height: 36px;
  border-color: #CCCCCC;
}
.fr-table-bg-container .fr-input-line input + label,
.fr-table-border-container .fr-input-line input + label,
.fr-table-dimentions-container .fr-input-line input + label,
.fr-table-style-container .fr-input-line input + label {
  top: -5px;
  font-weight: 100;
}
.fr-table-bg-container .fr-input-line input.fr-not-empty + label,
.fr-table-border-container .fr-input-line input.fr-not-empty + label,
.fr-table-dimentions-container .fr-input-line input.fr-not-empty + label,
.fr-table-style-container .fr-input-line input.fr-not-empty + label {
  top: -20px;
  font-weight: 100;
}
.fr-table-bg-container .fr-input-line #fr-table-border-style,
.fr-table-border-container .fr-input-line #fr-table-border-style,
.fr-table-dimentions-container .fr-input-line #fr-table-border-style,
.fr-table-style-container .fr-input-line #fr-table-border-style {
  width: 90%;
  height: 36px;
  border-color: #CCCCCC;
  border-radius: 2px;
}
.fr-table-bg-container .fr-input-line .fr-field-lable,
.fr-table-border-container .fr-input-line .fr-field-lable,
.fr-table-dimentions-container .fr-input-line .fr-field-lable,
.fr-table-style-container .fr-input-line .fr-field-lable {
  position: absolute;
  font-size: 11px;
  padding: 0px 3px;
  margin: -6px 5px;
  background: #FFF;
  font-weight: 100;
  color: dimgray;
  z-index: 3;
}
.fr-table-bg-container .fr-input-line .fr-buttons,
.fr-table-border-container .fr-input-line .fr-buttons,
.fr-table-dimentions-container .fr-input-line .fr-buttons,
.fr-table-style-container .fr-input-line .fr-buttons {
  padding: 0px;
}
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after {
  right: 10px;
}
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active {
  background: transparent;
}
.fr-table-bg-container .fr-input-line .fr-dropdown,
.fr-table-border-container .fr-input-line .fr-dropdown,
.fr-table-dimentions-container .fr-input-line .fr-dropdown,
.fr-table-style-container .fr-input-line .fr-dropdown {
  margin: 0px;
  background: transparent;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  height: 36px;
  border-radius: 2px;
}
.fr-table-border-container .fr-dropdown-wrapper {
  width: 120px;
}
.fr-table-alignment-section {
  margin-left: 10px;
}
.fr-table-border-container,
.fr-table-dimentions-container,
.fr-table-dimentions-section {
  display: flex;
  margin-top: 10px;
}
.fr-table-border-container .fr-dimension-separator,
.fr-table-dimentions-container .fr-dimension-separator,
.fr-table-dimentions-section .fr-dimension-separator {
  margin: 10px 5px;
}
.fr-table-border-container .fr-btn-table-border-bg-color,
.fr-table-dimentions-container .fr-btn-table-border-bg-color,
.fr-table-dimentions-section .fr-btn-table-border-bg-color {
  margin-right: 10px;
  background: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  border-left: 0px;
  height: 36px;
  margin-left: -1px;
}
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview,
.fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview,
.fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview {
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator,
.fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator,
.fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator {
  position: absolute;
  background: red;
  width: 28px;
  height: 1px;
  top: 9px;
  left: -4px;
  transform: rotate(-45deg);
  transform-origin: center;
}
.fr-table-style > button {
  width: 100%;
}
.fr-table-style .fr-dropdown-wrapper {
  width: 200px;
}
.fr-table-alignment-container {
  height: 33px;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
  border-radius: 2px;
  min-width: 130px;
}
.fr-table-alignment-container button {
  height: 30px;
  width: 36px;
  padding: 2px 2px 2px 5px;
  border: none;
  background: transparent;
  margin: 2px;
  cursor: pointer;
}
.fr-table-drop-indicator {
  position: absolute;
  height: 0;
  z-index: 1000;
  pointer-events: none;
  margin-top: -1px;
  width: 100%;
  left: 0;
  display: block;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line {
  border: 1px solid #0098F7;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::before,
.fr-table-drop-indicator .fr-table-drop-indicator-line::after {
  content: "";
  position: absolute;
  top: -4px;
  width: 8px;
  height: 2px;
  border-style: solid;
  border-width: 4px;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::before {
  left: 0;
  border-color: transparent transparent transparent #0098F7;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::after {
  right: 0;
  border-color: transparent #0098F7 transparent transparent;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe;
}
.fr-trim-video-name {
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  padding-top: 15px;
}
.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}
.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}
.fr-trim-button:hover {
  background: #ebebeb;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-slidecontainer {
  width: 100%;
}
.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3;
}
.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px;
}
.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer;
}
.fr-range-value-start {
  position: absolute;
}
.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px;
}
.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px;
}
.fr-range-value-end {
  position: absolute;
}
.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px;
}
.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px;
}
#startTimeValue {
  top: -153% !important;
}
#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}
#endTimeValue {
  top: -153% !important;
}
#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}
.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px;
}
.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px;
}
.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px;
}
.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px;
}
.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px;
}
.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
.fr-range-slider > input[type=range]::-moz-focus-outer {
  border: 0;
}
@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px;
  }
  #fr-form-container {
    top: 20%;
  }
}
#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element .fr-video::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: transparent;
}
.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}
.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box .fr-video-resizer.fr-active {
  display: block;
}
.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-autoplay-margin {
  margin-top: 0px !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}
.fr-view {
  word-wrap: break-word;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  margin: 0px;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #ececec;
}
.fr-view table tfoot td {
  background: #ececec;
}
.fr-view .fr-mso-hidden {
  display: none;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1f4ce";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}
.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}
.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}
.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}
.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "NotoColorEmoji",
    "Segoe UI Symbol",
    "Android Emoji",
    "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}
.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family:
    "Courier New",
    Courier,
    monospace;
}
.fr-view .fr-class-transparency {
  opacity: 0.5;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/* node_modules/froala-editor/css/froala_style.min.css */
/*!
 * froala_editor v4.6.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}
.fr-view {
  word-wrap: break-word;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  margin: 0px;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #ececec;
}
.fr-view table tfoot td {
  background: #ececec;
}
.fr-view .fr-mso-hidden {
  display: none;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1f4ce";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}
.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}
.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}
.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}
.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "NotoColorEmoji",
    "Segoe UI Symbol",
    "Android Emoji",
    "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}
.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family:
    "Courier New",
    Courier,
    monospace;
}
.fr-view .fr-class-transparency {
  opacity: 0.5;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/* node_modules/@inmoment/the-kitchen/font/kitchen-icons.scss */
@font-face {
  font-family: kitchen-icons;
  src:
    url(/assets/kitchen/font/kitchen-icons.woff?80589787f9a33fa9a4cb95e8cd1a8cd7) format("woff"),
    url(/assets/kitchen/font/kitchen-icons.woff2?80589787f9a33fa9a4cb95e8cd1a8cd7) format("woff2"),
    url(/assets/kitchen/font/kitchen-icons.ttf?80589787f9a33fa9a4cb95e8cd1a8cd7) format("truetype");
  font-display: block;
}
span[class^=kxi-icon-]::before,
span[class*=" kxi-icon-"]::before {
  font-family: kitchen-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kxi-icon-ab_testing::before {
  content: "\f101";
}
.kxi-icon-account::before {
  content: "\f102";
}
.kxi-icon-account_filled::before {
  content: "\f103";
}
.kxi-icon-action_planning::before {
  content: "\f104";
}
.kxi-icon-action_planning_filled::before {
  content: "\f105";
}
.kxi-icon-add_circle::before {
  content: "\f106";
}
.kxi-icon-add_circle_filled::before {
  content: "\f107";
}
.kxi-icon-analytics::before {
  content: "\f108";
}
.kxi-icon-analytics_filled::before {
  content: "\f109";
}
.kxi-icon-anomaly::before {
  content: "\f10a";
}
.kxi-icon-anomaly_detection::before {
  content: "\f10b";
}
.kxi-icon-anomaly_detection_filled::before {
  content: "\f10c";
}
.kxi-icon-answer_distribution::before {
  content: "\f10d";
}
.kxi-icon-apps::before {
  content: "\f10e";
}
.kxi-icon-app_admin::before {
  content: "\f10f";
}
.kxi-icon-app_admin_filled::before {
  content: "\f110";
}
.kxi-icon-app_announcements::before {
  content: "\f111";
}
.kxi-icon-app_announcements_filled::before {
  content: "\f112";
}
.kxi-icon-app_benchmark::before {
  content: "\f113";
}
.kxi-icon-app_benchmark_filled::before {
  content: "\f114";
}
.kxi-icon-app_campaign_insights::before {
  content: "\f115";
}
.kxi-icon-app_campaign_insights_filled::before {
  content: "\f116";
}
.kxi-icon-app_case_management::before {
  content: "\f117";
}
.kxi-icon-app_case_management_filled::before {
  content: "\f118";
}
.kxi-icon-app_coach::before {
  content: "\f119";
}
.kxi-icon-app_coach_filled::before {
  content: "\f11a";
}
.kxi-icon-app_cx_analyst::before {
  content: "\f11b";
}
.kxi-icon-app_cx_analyst_filled::before {
  content: "\f11c";
}
.kxi-icon-app_data_exploration::before {
  content: "\f11d";
}
.kxi-icon-app_data_exploration_filled::before {
  content: "\f11e";
}
.kxi-icon-app_discover::before {
  content: "\f11f";
}
.kxi-icon-app_discover_filled::before {
  content: "\f120";
}
.kxi-icon-app_exec_reporting::before {
  content: "\f121";
}
.kxi-icon-app_exec_reporting_filled::before {
  content: "\f122";
}
.kxi-icon-app_explore::before {
  content: "\f123";
}
.kxi-icon-app_explore_filled::before {
  content: "\f124";
}
.kxi-icon-app_field_reporting::before {
  content: "\f125";
}
.kxi-icon-app_field_reporting_filled::before {
  content: "\f126";
}
.kxi-icon-app_home::before {
  content: "\f127";
}
.kxi-icon-app_home_filled::before {
  content: "\f128";
}
.kxi-icon-app_market_survey::before {
  content: "\f129";
}
.kxi-icon-app_market_survey_filled::before {
  content: "\f12a";
}
.kxi-icon-app_metrics::before {
  content: "\f12b";
}
.kxi-icon-app_metrics_filled::before {
  content: "\f12c";
}
.kxi-icon-app_moments::before {
  content: "\f12d";
}
.kxi-icon-app_moments_filled::before {
  content: "\f12e";
}
.kxi-icon-app_reporting::before {
  content: "\f12f";
}
.kxi-icon-app_reporting_filled::before {
  content: "\f130";
}
.kxi-icon-app_resolve::before {
  content: "\f131";
}
.kxi-icon-app_resolve_filled::before {
  content: "\f132";
}
.kxi-icon-app_seo::before {
  content: "\f133";
}
.kxi-icon-app_seo_filled::before {
  content: "\f134";
}
.kxi-icon-app_summary::before {
  content: "\f135";
}
.kxi-icon-app_summary_filled::before {
  content: "\f136";
}
.kxi-icon-app_textAnalytics::before {
  content: "\f137";
}
.kxi-icon-app_textAnalytics_filled::before {
  content: "\f138";
}
.kxi-icon-arrow_down::before {
  content: "\f139";
}
.kxi-icon-arrow_left::before {
  content: "\f13a";
}
.kxi-icon-arrow_link::before {
  content: "\f13b";
}
.kxi-icon-arrow_right::before {
  content: "\f13c";
}
.kxi-icon-arrow_up::before {
  content: "\f13d";
}
.kxi-icon-attach::before {
  content: "\f13e";
}
.kxi-icon-award::before {
  content: "\f13f";
}
.kxi-icon-award_filled::before {
  content: "\f140";
}
.kxi-icon-barometer::before {
  content: "\f141";
}
.kxi-icon-barometer_filled::before {
  content: "\f142";
}
.kxi-icon-brackets::before {
  content: "\f143";
}
.kxi-icon-brand_survey::before {
  content: "\f144";
}
.kxi-icon-brand_survey_filled::before {
  content: "\f145";
}
.kxi-icon-calendar::before {
  content: "\f146";
}
.kxi-icon-calendar_filled::before {
  content: "\f147";
}
.kxi-icon-cancel::before {
  content: "\f148";
}
.kxi-icon-cancel_circle::before {
  content: "\f149";
}
.kxi-icon-cancel_circle_filled::before {
  content: "\f14a";
}
.kxi-icon-case::before {
  content: "\f14b";
}
.kxi-icon-case_complete::before {
  content: "\f14c";
}
.kxi-icon-case_complete_filled::before {
  content: "\f14d";
}
.kxi-icon-case_create::before {
  content: "\f14e";
}
.kxi-icon-case_create_filled::before {
  content: "\f14f";
}
.kxi-icon-case_filled::before {
  content: "\f150";
}
.kxi-icon-case_remove::before {
  content: "\f151";
}
.kxi-icon-case_remove_filled::before {
  content: "\f152";
}
.kxi-icon-certificate::before {
  content: "\f153";
}
.kxi-icon-certificate_filled::before {
  content: "\f154";
}
.kxi-icon-chart::before {
  content: "\f155";
}
.kxi-icon-chart_1::before {
  content: "\f156";
}
.kxi-icon-chart_filled::before {
  content: "\f157";
}
.kxi-icon-chart_filled_1::before {
  content: "\f158";
}
.kxi-icon-check::before {
  content: "\f159";
}
.kxi-icon-checkmark::before {
  content: "\f15a";
}
.kxi-icon-checkmark_18::before {
  content: "\f15b";
}
.kxi-icon-circle_arrow_down::before {
  content: "\f15c";
}
.kxi-icon-circle_arrow_down_filled::before {
  content: "\f15d";
}
.kxi-icon-circle_arrow_left::before {
  content: "\f15e";
}
.kxi-icon-circle_arrow_left_filled::before {
  content: "\f15f";
}
.kxi-icon-circle_arrow_right::before {
  content: "\f160";
}
.kxi-icon-circle_arrow_right_filled::before {
  content: "\f161";
}
.kxi-icon-circle_arrow_up::before {
  content: "\f162";
}
.kxi-icon-circle_arrow_up_filled::before {
  content: "\f163";
}
.kxi-icon-circle_check::before {
  content: "\f164";
}
.kxi-icon-circle_check_filled::before {
  content: "\f165";
}
.kxi-icon-circle_navigation::before {
  content: "\f166";
}
.kxi-icon-circle_navigation_filled::before {
  content: "\f167";
}
.kxi-icon-city::before {
  content: "\f168";
}
.kxi-icon-clipboard::before {
  content: "\f169";
}
.kxi-icon-clipboard_2::before {
  content: "\f16a";
}
.kxi-icon-clock::before {
  content: "\f16b";
}
.kxi-icon-clock_2::before {
  content: "\f16c";
}
.kxi-icon-clock_2_filled::before {
  content: "\f16d";
}
.kxi-icon-clock_filled::before {
  content: "\f16e";
}
.kxi-icon-coaching::before {
  content: "\f16f";
}
.kxi-icon-coaching_filled::before {
  content: "\f170";
}
.kxi-icon-collections::before {
  content: "\f171";
}
.kxi-icon-collections_filled::before {
  content: "\f172";
}
.kxi-icon-comment::before {
  content: "\f173";
}
.kxi-icon-comment_filled::before {
  content: "\f174";
}
.kxi-icon-community::before {
  content: "\f175";
}
.kxi-icon-community_filled::before {
  content: "\f176";
}
.kxi-icon-condensed_card::before {
  content: "\f177";
}
.kxi-icon-condensed_card_filled::before {
  content: "\f178";
}
.kxi-icon-convert::before {
  content: "\f179";
}
.kxi-icon-cookies::before {
  content: "\f17a";
}
.kxi-icon-cookies_filled::before {
  content: "\f17b";
}
.kxi-icon-copy::before {
  content: "\f17c";
}
.kxi-icon-copy_filled::before {
  content: "\f17d";
}
.kxi-icon-crosstab::before {
  content: "\f17e";
}
.kxi-icon-dark::before {
  content: "\f17f";
}
.kxi-icon-dark_filled::before {
  content: "\f180";
}
.kxi-icon-database::before {
  content: "\f181";
}
.kxi-icon-database_connect::before {
  content: "\f182";
}
.kxi-icon-day::before {
  content: "\f183";
}
.kxi-icon-day_filled::before {
  content: "\f184";
}
.kxi-icon-desktop::before {
  content: "\f185";
}
.kxi-icon-desktop_filled::before {
  content: "\f186";
}
.kxi-icon-divide::before {
  content: "\f187";
}
.kxi-icon-divide_filled::before {
  content: "\f188";
}
.kxi-icon-document::before {
  content: "\f189";
}
.kxi-icon-document_alert::before {
  content: "\f18a";
}
.kxi-icon-document_alert_filled::before {
  content: "\f18b";
}
.kxi-icon-document_bar_chart::before {
  content: "\f18c";
}
.kxi-icon-document_bar_chart_filled::before {
  content: "\f18d";
}
.kxi-icon-document_chart::before {
  content: "\f18e";
}
.kxi-icon-document_chart_filled::before {
  content: "\f18f";
}
.kxi-icon-document_coach::before {
  content: "\f190";
}
.kxi-icon-document_coach_filled::before {
  content: "\f191";
}
.kxi-icon-document_comment::before {
  content: "\f192";
}
.kxi-icon-document_comment_filled::before {
  content: "\f193";
}
.kxi-icon-document_crosstab::before {
  content: "\f194";
}
.kxi-icon-document_crosstab_filled::before {
  content: "\f195";
}
.kxi-icon-document_dashboard::before {
  content: "\f196";
}
.kxi-icon-document_dashboard_filled::before {
  content: "\f197";
}
.kxi-icon-document_export::before {
  content: "\f198";
}
.kxi-icon-document_export_filled::before {
  content: "\f199";
}
.kxi-icon-document_ext_csv::before {
  content: "\f19a";
}
.kxi-icon-document_ext_excel::before {
  content: "\f19b";
}
.kxi-icon-document_ext_excel_filled::before {
  content: "\f19c";
}
.kxi-icon-document_ext_pdf::before {
  content: "\f19d";
}
.kxi-icon-document_ext_pdf_filled::before {
  content: "\f19e";
}
.kxi-icon-document_ext_txt::before {
  content: "\f19f";
}
.kxi-icon-document_ext_xlm::before {
  content: "\f1a0";
}
.kxi-icon-document_ext_xls::before {
  content: "\f1a1";
}
.kxi-icon-document_ext_xml::before {
  content: "\f1a2";
}
.kxi-icon-document_ext_xml_filled::before {
  content: "\f1a3";
}
.kxi-icon-document_field_reporting::before {
  content: "\f1a4";
}
.kxi-icon-document_field_reporting_filled::before {
  content: "\f1a5";
}
.kxi-icon-document_filled::before {
  content: "\f1a6";
}
.kxi-icon-document_multiple::before {
  content: "\f1a7";
}
.kxi-icon-document_multiple_checked::before {
  content: "\f1a8";
}
.kxi-icon-document_multiple_checked_filled::before {
  content: "\f1a9";
}
.kxi-icon-document_multiple_filled::before {
  content: "\f1aa";
}
.kxi-icon-document_report::before {
  content: "\f1ab";
}
.kxi-icon-document_report_filled::before {
  content: "\f1ac";
}
.kxi-icon-document_resolve::before {
  content: "\f1ad";
}
.kxi-icon-document_resolve_filled::before {
  content: "\f1ae";
}
.kxi-icon-document_scorecard::before {
  content: "\f1af";
}
.kxi-icon-document_scorecard_filled::before {
  content: "\f1b0";
}
.kxi-icon-document_settings::before {
  content: "\f1b1";
}
.kxi-icon-document_settings_filled::before {
  content: "\f1b2";
}
.kxi-icon-document_survey::before {
  content: "\f1b3";
}
.kxi-icon-document_survey_filled::before {
  content: "\f1b4";
}
.kxi-icon-document_trend::before {
  content: "\f1b5";
}
.kxi-icon-document_trend_filled::before {
  content: "\f1b6";
}
.kxi-icon-download::before {
  content: "\f1b7";
}
.kxi-icon-drag_handle::before {
  content: "\f1b8";
}
.kxi-icon-edit::before {
  content: "\f1b9";
}
.kxi-icon-edit_filled::before {
  content: "\f1ba";
}
.kxi-icon-edit_text::before {
  content: "\f1bb";
}
.kxi-icon-edit_text_filled::before {
  content: "\f1bc";
}
.kxi-icon-email::before {
  content: "\f1bd";
}
.kxi-icon-email_add::before {
  content: "\f1be";
}
.kxi-icon-email_add_filled::before {
  content: "\f1bf";
}
.kxi-icon-email_checked::before {
  content: "\f1c0";
}
.kxi-icon-email_checked_filled::before {
  content: "\f1c1";
}
.kxi-icon-email_edit::before {
  content: "\f1c2";
}
.kxi-icon-email_edit_filled::before {
  content: "\f1c3";
}
.kxi-icon-email_filled::before {
  content: "\f1c4";
}
.kxi-icon-email_location::before {
  content: "\f1c5";
}
.kxi-icon-email_location_filled::before {
  content: "\f1c6";
}
.kxi-icon-email_location_filled_2::before {
  content: "\f1c7";
}
.kxi-icon-email_open::before {
  content: "\f1c8";
}
.kxi-icon-email_open_filled::before {
  content: "\f1c9";
}
.kxi-icon-email_remove::before {
  content: "\f1ca";
}
.kxi-icon-email_remove_filled::before {
  content: "\f1cb";
}
.kxi-icon-email_search::before {
  content: "\f1cc";
}
.kxi-icon-email_search_filled::before {
  content: "\f1cd";
}
.kxi-icon-email_send::before {
  content: "\f1ce";
}
.kxi-icon-email_send_filled::before {
  content: "\f1cf";
}
.kxi-icon-email_settings::before {
  content: "\f1d0";
}
.kxi-icon-email_settings_filled::before {
  content: "\f1d1";
}
.kxi-icon-equal::before {
  content: "\f1d2";
}
.kxi-icon-exchange::before {
  content: "\f1d3";
}
.kxi-icon-exit::before {
  content: "\f1d4";
}
.kxi-icon-exit_filled::before {
  content: "\f1d5";
}
.kxi-icon-external_link::before {
  content: "\f1d9";
}
.kxi-icon-external_link_filled::before {
  content: "\f1da";
}
.kxi-icon-eye_scan::before {
  content: "\f1db";
}
.kxi-icon-eye_scan_filled::before {
  content: "\f1dc";
}
.kxi-icon-fab_plus::before {
  content: "\f1dd";
}
.kxi-icon-favorite::before {
  content: "\f1de";
}
.kxi-icon-favorite_filled::before {
  content: "\f1df";
}
.kxi-icon-feedback::before {
  content: "\f1e0";
}
.kxi-icon-feedback_filled::before {
  content: "\f1e1";
}
.kxi-icon-filter::before {
  content: "\f1e2";
}
.kxi-icon-filter_add::before {
  content: "\f1e3";
}
.kxi-icon-filter_add_filled::before {
  content: "\f1e4";
}
.kxi-icon-filter_filled::before {
  content: "\f1e5";
}
.kxi-icon-filter_remove::before {
  content: "\f1e6";
}
.kxi-icon-filter_remove_filled::before {
  content: "\f1e7";
}
.kxi-icon-flag::before {
  content: "\f1e8";
}
.kxi-icon-flag_filled::before {
  content: "\f1e9";
}
.kxi-icon-folder::before {
  content: "\f1ea";
}
.kxi-icon-folder_filled::before {
  content: "\f1eb";
}
.kxi-icon-folder_private::before {
  content: "\f1ec";
}
.kxi-icon-folder_private_filled::before {
  content: "\f1ed";
}
.kxi-icon-forward_30::before {
  content: "\f1ee";
}
.kxi-icon-full_screen::before {
  content: "\f1ef";
}
.kxi-icon-game::before {
  content: "\f1f0";
}
.kxi-icon-game_filled::before {
  content: "\f1f1";
}
.kxi-icon-gender::before {
  content: "\f1f2";
}
.kxi-icon-gender_female::before {
  content: "\f1f3";
}
.kxi-icon-gender_male::before {
  content: "\f1f4";
}
.kxi-icon-globe::before {
  content: "\f1f5";
}
.kxi-icon-globe_filled::before {
  content: "\f1f6";
}
.kxi-icon-grid_view::before {
  content: "\f1f7";
}
.kxi-icon-grid_view_filled::before {
  content: "\f1f8";
}
.kxi-icon-history::before {
  content: "\f1f9";
}
.kxi-icon-hour_glass::before {
  content: "\f1fa";
}
.kxi-icon-hour_glass_filled::before {
  content: "\f1fb";
}
.kxi-icon-html::before {
  content: "\f1fc";
}
.kxi-icon-impact_analysis::before {
  content: "\f1fd";
}
.kxi-icon-indeterminate::before {
  content: "\f1fe";
}
.kxi-icon-indeterminate_18::before {
  content: "\f1ff";
}
.kxi-icon-info::before {
  content: "\f200";
}
.kxi-icon-info_filled::before {
  content: "\f201";
}
.kxi-icon-integrations::before {
  content: "\f202";
}
.kxi-icon-integrations_filled::before {
  content: "\f203";
}
.kxi-icon-invalid::before {
  content: "\f204";
}
.kxi-icon-kabob::before {
  content: "\f205";
}
.kxi-icon-kitchen::before {
  content: "\f206";
}
.kxi-icon-kitchen_filled::before {
  content: "\f207";
}
.kxi-icon-light::before {
  content: "\f208";
}
.kxi-icon-lightbulb::before {
  content: "\f209";
}
.kxi-icon-lightbulb_filled::before {
  content: "\f20a";
}
.kxi-icon-light_filled::before {
  content: "\f20b";
}
.kxi-icon-link::before {
  content: "\f20c";
}
.kxi-icon-list_view::before {
  content: "\f20d";
}
.kxi-icon-location::before {
  content: "\f20e";
}
.kxi-icon-location_filled::before {
  content: "\f20f";
}
.kxi-icon-lodge::before {
  content: "\f210";
}
.kxi-icon-lodge_filled_1::before {
  content: "\f211";
}
.kxi-icon-lodge_filled_2::before {
  content: "\f212";
}
.kxi-icon-logging::before {
  content: "\f213";
}
.kxi-icon-logging_filled::before {
  content: "\f214";
}
.kxi-icon-mapping::before {
  content: "\f215";
}
.kxi-icon-mapping_complete::before {
  content: "\f216";
}
.kxi-icon-mapping_complete_filled::before {
  content: "\f217";
}
.kxi-icon-market_survey::before {
  content: "\f218";
}
.kxi-icon-market_survey_filled::before {
  content: "\f219";
}
.kxi-icon-meatball::before {
  content: "\f21a";
}
.kxi-icon-meatball_filled::before {
  content: "\f21b";
}
.kxi-icon-menu::before {
  content: "\f21c";
}
.kxi-icon-mobile::before {
  content: "\f21d";
}
.kxi-icon-mobile_filled::before {
  content: "\f21e";
}
.kxi-icon-monitor::before {
  content: "\f21f";
}
.kxi-icon-monitor_filled::before {
  content: "\f220";
}
.kxi-icon-more::before {
  content: "\f221";
}
.kxi-icon-more_filled::before {
  content: "\f222";
}
.kxi-icon-navigation::before {
  content: "\f223";
}
.kxi-icon-navigation_filled::before {
  content: "\f224";
}
.kxi-icon-new_window::before {
  content: "\f225";
}
.kxi-icon-new_window_filled::before {
  content: "\f226";
}
.kxi-icon-notepad::before {
  content: "\f227";
}
.kxi-icon-notepad_filled::before {
  content: "\f228";
}
.kxi-icon-notification::before {
  content: "\f229";
}
.kxi-icon-notifications_off::before {
  content: "\f22a";
}
.kxi-icon-notifications_off_filled::before {
  content: "\f22b";
}
.kxi-icon-notification_filled::before {
  content: "\f22c";
}
.kxi-icon-notification_snooze::before {
  content: "\f22d";
}
.kxi-icon-notification_snooze_filled::before {
  content: "\f22e";
}
.kxi-icon-no_icon::before {
  content: "\f22f";
}
.kxi-icon-organization::before {
  content: "\f230";
}
.kxi-icon-organization_filled::before {
  content: "\f231";
}
.kxi-icon-page_count::before {
  content: "\f232";
}
.kxi-icon-page_count_filled::before {
  content: "\f233";
}
.kxi-icon-parentheses::before {
  content: "\f234";
}
.kxi-icon-password::before {
  content: "\f235";
}
.kxi-icon-password_filled::before {
  content: "\f236";
}
.kxi-icon-password_open::before {
  content: "\f237";
}
.kxi-icon-password_open_filled::before {
  content: "\f238";
}
.kxi-icon-pause::before {
  content: "\f239";
}
.kxi-icon-pause_filled::before {
  content: "\f23a";
}
.kxi-icon-permission::before {
  content: "\f23b";
}
.kxi-icon-permission_filled::before {
  content: "\f23c";
}
.kxi-icon-photo::before {
  content: "\f23d";
}
.kxi-icon-photo_filled::before {
  content: "\f23e";
}
.kxi-icon-pie_chart::before {
  content: "\f23f";
}
.kxi-icon-pie_chart_filled::before {
  content: "\f240";
}
.kxi-icon-pin::before {
  content: "\f241";
}
.kxi-icon-pin_filled::before {
  content: "\f242";
}
.kxi-icon-play::before {
  content: "\f243";
}
.kxi-icon-play_control::before {
  content: "\f244";
}
.kxi-icon-play_control_filled::before {
  content: "\f245";
}
.kxi-icon-play_filled::before {
  content: "\f246";
}
.kxi-icon-plus::before {
  content: "\f247";
}
.kxi-icon-preview::before {
  content: "\f248";
}
.kxi-icon-preview_filled::before {
  content: "\f249";
}
.kxi-icon-previous_page::before {
  content: "\f24a";
}
.kxi-icon-previous_page_filled::before {
  content: "\f24b";
}
.kxi-icon-print::before {
  content: "\f24c";
}
.kxi-icon-print_filled::before {
  content: "\f24d";
}
.kxi-icon-product_survey::before {
  content: "\f24e";
}
.kxi-icon-product_survey_filled::before {
  content: "\f24f";
}
.kxi-icon-receipt::before {
  content: "\f250";
}
.kxi-icon-receipt_filled::before {
  content: "\f251";
}
.kxi-icon-refresh::before {
  content: "\f252";
}
.kxi-icon-regional_summary::before {
  content: "\f253";
}
.kxi-icon-regional_summary_filled::before {
  content: "\f254";
}
.kxi-icon-remove_circle::before {
  content: "\f255";
}
.kxi-icon-remove_circle_filled::before {
  content: "\f256";
}
.kxi-icon-reply::before {
  content: "\f257";
}
.kxi-icon-reporting::before {
  content: "\f258";
}
.kxi-icon-reporting_filled::before {
  content: "\f259";
}
.kxi-icon-research_panel::before {
  content: "\f25a";
}
.kxi-icon-research_panel_filled::before {
  content: "\f25b";
}
.kxi-icon-rewind_15::before {
  content: "\f25c";
}
.kxi-icon-rocket::before {
  content: "\f25d";
}
.kxi-icon-rocket_filled::before {
  content: "\f25e";
}
.kxi-icon-role::before {
  content: "\f25f";
}
.kxi-icon-role_filled::before {
  content: "\f260";
}
.kxi-icon-save::before {
  content: "\f261";
}
.kxi-icon-saved_views::before {
  content: "\f262";
}
.kxi-icon-saved_views_filled::before {
  content: "\f263";
}
.kxi-icon-save_filled::before {
  content: "\f264";
}
.kxi-icon-schedule::before {
  content: "\f265";
}
.kxi-icon-schedule_filled::before {
  content: "\f266";
}
.kxi-icon-search::before {
  content: "\f267";
}
.kxi-icon-search_filled::before {
  content: "\f268";
}
.kxi-icon-search_suggestion::before {
  content: "\f269";
}
.kxi-icon-search_suggestion_filled::before {
  content: "\f26a";
}
.kxi-icon-sentiment_negative::before {
  content: "\f26b";
}
.kxi-icon-sentiment_negative_filled::before {
  content: "\f26c";
}
.kxi-icon-sentiment_neutral::before {
  content: "\f26d";
}
.kxi-icon-sentiment_neutral_filled::before {
  content: "\f26e";
}
.kxi-icon-sentiment_positive::before {
  content: "\f26f";
}
.kxi-icon-sentiment_positive_filled::before {
  content: "\f270";
}
.kxi-icon-settings::before {
  content: "\f271";
}
.kxi-icon-settings_filled::before {
  content: "\f272";
}
.kxi-icon-share::before {
  content: "\f273";
}
.kxi-icon-share_filled::before {
  content: "\f274";
}
.kxi-icon-shield::before {
  content: "\f275";
}
.kxi-icon-shield_filled::before {
  content: "\f276";
}
.kxi-icon-shield_remove::before {
  content: "\f277";
}
.kxi-icon-shield_remove_filled::before {
  content: "\f278";
}
.kxi-icon-shipping::before {
  content: "\f279";
}
.kxi-icon-shipping_filled::before {
  content: "\f27a";
}
.kxi-icon-signature::before {
  content: "\f27b";
}
.kxi-icon-signature_filled::before {
  content: "\f27c";
}
.kxi-icon-single_arrow_down::before {
  content: "\f27d";
}
.kxi-icon-single_arrow_left::before {
  content: "\f27e";
}
.kxi-icon-single_arrow_right::before {
  content: "\f27f";
}
.kxi-icon-single_arrow_up::before {
  content: "\f280";
}
.kxi-icon-small_circle::before {
  content: "\f281";
}
.kxi-icon-small_circle_filled::before {
  content: "\f282";
}
.kxi-icon-small_down_triangle::before {
  content: "\f283";
}
.kxi-icon-small_down_triangle_filled::before {
  content: "\f284";
}
.kxi-icon-small_left_triangle::before {
  content: "\f285";
}
.kxi-icon-small_left_triangle_filled::before {
  content: "\f286";
}
.kxi-icon-small_right_triangle::before {
  content: "\f287";
}
.kxi-icon-small_right_triangle_filled::before {
  content: "\f288";
}
.kxi-icon-small_up_triangle::before {
  content: "\f289";
}
.kxi-icon-small_up_triangle_filled::before {
  content: "\f28a";
}
.kxi-icon-sort::before {
  content: "\f28b";
}
.kxi-icon-sort_order_asc::before {
  content: "\f28c";
}
.kxi-icon-sort_order_desc::before {
  content: "\f28d";
}
.kxi-icon-split::before {
  content: "\f28e";
}
.kxi-icon-split_filled::before {
  content: "\f28f";
}
.kxi-icon-star::before {
  content: "\f290";
}
.kxi-icon-star_filled::before {
  content: "\f291";
}
.kxi-icon-stethoscope::before {
  content: "\f292";
}
.kxi-icon-stethoscope_filled::before {
  content: "\f293";
}
.kxi-icon-style::before {
  content: "\f294";
}
.kxi-icon-style_filled::before {
  content: "\f295";
}
.kxi-icon-support::before {
  content: "\f296";
}
.kxi-icon-support_filled::before {
  content: "\f297";
}
.kxi-icon-survey_authoring::before {
  content: "\f298";
}
.kxi-icon-survey_authoring_filled::before {
  content: "\f299";
}
.kxi-icon-tag::before {
  content: "\f29a";
}
.kxi-icon-tag_filled::before {
  content: "\f29b";
}
.kxi-icon-text_formatting::before {
  content: "\f29c";
}
.kxi-icon-theme::before {
  content: "\f29d";
}
.kxi-icon-theme_filled::before {
  content: "\f29e";
}
.kxi-icon-time::before {
  content: "\f29f";
}
.kxi-icon-time_filled::before {
  content: "\f2a0";
}
.kxi-icon-tools::before {
  content: "\f2a1";
}
.kxi-icon-tools_filled::before {
  content: "\f2a2";
}
.kxi-icon-trash::before {
  content: "\f2a3";
}
.kxi-icon-trash_filled::before {
  content: "\f2a4";
}
.kxi-icon-tree_picker_collapse::before {
  content: "\f2a5";
}
.kxi-icon-tree_picker_expand::before {
  content: "\f2a6";
}
.kxi-icon-trend_flatten::before {
  content: "\f2a7";
}
.kxi-icon-trend_increase::before {
  content: "\f2a8";
}
.kxi-icon-upload::before {
  content: "\f2a9";
}
.kxi-icon-users::before {
  content: "\f2aa";
}
.kxi-icon-users_filled::before {
  content: "\f2ab";
}
.kxi-icon-user_female::before {
  content: "\f2ac";
}
.kxi-icon-user_female_filled_1::before {
  content: "\f2ad";
}
.kxi-icon-user_female_filled_2::before {
  content: "\f2ae";
}
.kxi-icon-user_male::before {
  content: "\f2af";
}
.kxi-icon-user_male_filled_1::before {
  content: "\f2b0";
}
.kxi-icon-user_male_filled_2::before {
  content: "\f2b1";
}
.kxi-icon-video::before {
  content: "\f2b2";
}
.kxi-icon-video_filled::before {
  content: "\f2b3";
}
.kxi-icon-view_condensed::before {
  content: "\f2b4";
}
.kxi-icon-view_condensed_filled::before {
  content: "\f2b5";
}
.kxi-icon-view_normal::before {
  content: "\f2b6";
}
.kxi-icon-view_normal_filled::before {
  content: "\f2b7";
}
.kxi-icon-view_table::before {
  content: "\f2b8";
}
.kxi-icon-view_table_filled::before {
  content: "\f2b9";
}
.kxi-icon-visibility::before {
  content: "\f2ba";
}
.kxi-icon-visibility_filled::before {
  content: "\f2bb";
}
.kxi-icon-visibility_off::before {
  content: "\f2bc";
}
.kxi-icon-visibility_off_filled::before {
  content: "\f2bd";
}
.kxi-icon-volume_off::before {
  content: "\f2be";
}
.kxi-icon-volume_off_filled::before {
  content: "\f2bf";
}
.kxi-icon-volume_on::before {
  content: "\f2c0";
}
.kxi-icon-volume_on_filled::before {
  content: "\f2c1";
}
.kxi-icon-warning::before {
  content: "\f2c2";
}
.kxi-icon-warning_filled::before {
  content: "\f2c3";
}
.kxi-icon-width::before {
  content: "\f2c4";
}
.kxi-icon-width_2::before {
  content: "\f2c5";
}
.kxi-icon-wifi::before {
  content: "\f2c6";
}
.kxi-icon-answer_distribution_filled::before {
  content: "\f2c7";
}
.kxi-icon-category_closed::before {
  content: "\f2c8";
}
.kxi-icon-category_open::before {
  content: "\f2c9";
}
.kxi-icon-crosstab_filled::before {
  content: "\f2ca";
}
.kxi-icon-question_mark::before {
  content: "\f2cb";
}
.kxi-icon-multiple_layer::before {
  content: "\f2cc";
}
.kxi-icon-single_layer::before {
  content: "\f2cd";
}
.kxi-icon-disable::before {
  content: "\f2ce";
}
.kxi-icon-enable::before {
  content: "\f2cf";
}
.kxi-icon-average_count::before {
  content: "\f2d0";
}
.kxi-icon-count::before {
  content: "\f2d1";
}
.kxi-icon-distinct_count::before {
  content: "\f2d2";
}
.kxi-icon-greater_than_or_equal_to::before {
  content: "\f2d3";
}
.kxi-icon-less_than_or_equal_to::before {
  content: "\f2d4";
}
.kxi-icon-not_equal_to::before {
  content: "\f2d5";
}
.kxi-icon-percentage::before {
  content: "\f2d6";
}
.kxi-icon-average::before {
  content: "\f2d9";
}
.kxi-icon-bar_chart::before {
  content: "\f2da";
}
.kxi-icon-bar_chart_filled::before {
  content: "\f2db";
}
.kxi-icon-cancel_18::before {
  content: "\f2dc";
}
.kxi-icon-app_spotlight::before {
  content: "\f2dd";
}
.kxi-icon-asterisk::before {
  content: "\f2de";
}
.kxi-icon-translation::before {
  content: "\f2df";
}
.kxi-icon-translation_filled::before {
  content: "\f2e0";
}
.kxi-icon-app_microsurvey::before {
  content: "\f2e1";
}
.kxi-icon-app_microsurvey_filled::before {
  content: "\f2e2";
}
.kxi-icon-full_story::before {
  content: "\f2e3";
}
.kxi-icon-quantum_metric::before {
  content: "\f2e4";
}
.kxi-icon-scale::before {
  content: "\f2e5";
}
.kxi-icon-scale_filled::before {
  content: "\f2e6";
}
.kxi-icon-sort_most_relevant::before {
  content: "\f2e7";
}
.kxi-icon-app_review_trackers::before {
  content: "\f2e8";
}
.kxi-icon-app_review_trackers_filled::before {
  content: "\f2e9";
}
.kxi-icon-stacked_columns::before {
  content: "\f2ea";
}
.kxi-icon-stacked_rows::before {
  content: "\f2eb";
}
.kxi-icon-chart_horizontal::before {
  content: "\f2ec";
}
.kxi-icon-chart_horizontal_filled::before {
  content: "\f2ed";
}
.kxi-icon-funnel_chart::before {
  content: "\f2ee";
}
.kxi-icon-funnel_chart_filled::before {
  content: "\f2ef";
}
.kxi-icon-globe_warning::before {
  content: "\f2f0";
}
.kxi-icon-app_case_management_new::before {
  content: "\f2f1";
}
.kxi-icon-app_case_management_new_filled::before {
  content: "\f2f2";
}
.kxi-icon-app_mcx::before {
  content: "\f2f3";
}
.kxi-icon-app_mcx_filled::before {
  content: "\f2f4";
}
.kxi-icon-unassigned::before {
  content: "\f2f5";
}
.kxi-icon-unassigned_filled::before {
  content: "\f2f6";
}
.kxi-icon-minus::before {
  content: "\f2f7";
}
.kxi-icon-sentiment_very_negative::before {
  content: "\f2f8";
}
.kxi-icon-sentiment_very_negative_filled::before {
  content: "\f2f9";
}
.kxi-icon-sentiment_very_positive::before {
  content: "\f2fa";
}
.kxi-icon-sentiment_very_positive_filled::before {
  content: "\f2fb";
}

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