@charset "UTF-8";

/* src/custom-theme.scss */
:root {
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: #ba1a1a;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ba1a1a 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #005cbb;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #44474e;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #44474e;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #005cbb;
  --mat-button-outlined-outline-color: #74777f;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #005cbb 12%, transparent);
  --mat-button-outlined-state-layer-color: #005cbb;
  --mat-button-protected-container-color: #faf9fd;
  --mat-button-protected-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #44474e;
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #005cbb;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #005cbb 12%, transparent);
  --mat-button-protected-state-layer-color: #005cbb;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #44474e;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #005cbb;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #005cbb 12%, transparent);
  --mat-button-text-state-layer-color: #005cbb;
  --mat-button-tonal-container-color: #dae2f9;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #44474e;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #3e4759;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #3e4759 12%, transparent);
  --mat-button-tonal-state-layer-color: #3e4759;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #44474e;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #44474e;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #44474e 12%, transparent);
  --mat-icon-button-state-layer-color: #44474e;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 40px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-container-color: #d7e3ff;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #00458f;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #00458f 12%, transparent);
  --mat-fab-small-container-color: #d7e3ff;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #00458f;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #00458f 12%, transparent);
  --mat-fab-small-state-layer-color: #00458f;
  --mat-fab-state-layer-color: #00458f;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #faf9fd;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-checkbox-label-text-color: #1a1b1f;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #005cbb;
  --mat-checkbox-selected-focus-state-layer-color: #005cbb;
  --mat-checkbox-selected-hover-icon-color: #005cbb;
  --mat-checkbox-selected-hover-state-layer-color: #005cbb;
  --mat-checkbox-selected-icon-color: #005cbb;
  --mat-checkbox-selected-pressed-icon-color: #005cbb;
  --mat-checkbox-selected-pressed-state-layer-color: #1a1b1f;
  --mat-checkbox-unselected-focus-icon-color: #1a1b1f;
  --mat-checkbox-unselected-focus-state-layer-color: #1a1b1f;
  --mat-checkbox-unselected-hover-icon-color: #1a1b1f;
  --mat-checkbox-unselected-hover-state-layer-color: #1a1b1f;
  --mat-checkbox-unselected-icon-color: #44474e;
  --mat-checkbox-unselected-pressed-state-layer-color: #005cbb;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-chip-elevated-selected-container-color: #dae2f9;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-chip-focus-outline-color: #44474e;
  --mat-chip-focus-state-layer-color: #44474e;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #44474e;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #44474e;
  --mat-chip-outline-color: #74777f;
  --mat-chip-selected-disabled-trailing-icon-color: #1a1b1f;
  --mat-chip-selected-focus-state-layer-color: #3e4759;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #3e4759;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #3e4759;
  --mat-chip-selected-trailing-action-state-layer-color: #3e4759;
  --mat-chip-selected-trailing-icon-color: #3e4759;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #44474e;
  --mat-chip-with-icon-disabled-icon-color: #1a1b1f;
  --mat-chip-with-icon-icon-color: #44474e;
  --mat-chip-with-icon-selected-icon-color: #3e4759;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #1a1b1f;
  --mat-chip-with-trailing-icon-trailing-icon-color: #44474e;
  --mat-chip-container-height: 32px;
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: #1a1b1f;
  --mat-datepicker-calendar-container-background-color: #e9e7eb;
  --mat-datepicker-calendar-container-text-color: #1a1b1f;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1a1b1f 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #e0e0ff;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #565e71;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #dae2f9;
  --mat-datepicker-calendar-date-in-range-state-background-color: #d7e3ff;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #005cbb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #005cbb;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #1a1b1f;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #005cbb;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #005cbb;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #44474e;
  --mat-datepicker-calendar-navigation-button-icon-color: #44474e;
  --mat-datepicker-calendar-period-button-icon-color: #44474e;
  --mat-datepicker-calendar-period-button-text-color: #44474e;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-datepicker-range-input-separator-color: #1a1b1f;
  --mat-datepicker-toggle-active-state-icon-color: #005cbb;
  --mat-datepicker-toggle-icon-color: #44474e;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: #faf9fd;
  --mat-dialog-subhead-color: #1a1b1f;
  --mat-dialog-supporting-text-color: #44474e;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-divider-width: 1px;
  --mat-divider-color: #c4c6d0;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-actions-divider-color: #74777f;
  --mat-expansion-container-background-color: #faf9fd;
  --mat-expansion-container-text-color: #1a1b1f;
  --mat-expansion-header-description-color: #44474e;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #1a1b1f 8%, transparent);
  --mat-expansion-header-indicator-color: #44474e;
  --mat-expansion-header-text-color: #1a1b1f;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #44474e;
  --mat-form-field-error-focus-trailing-icon-color: #ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color: #93000a;
  --mat-form-field-error-text-color: #ba1a1a;
  --mat-form-field-error-trailing-icon-color: #ba1a1a;
  --mat-form-field-filled-active-indicator-color: #44474e;
  --mat-form-field-filled-caret-color: #005cbb;
  --mat-form-field-filled-container-color: #e0e2ec;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1a1b1f 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-caret-color: #ba1a1a;
  --mat-form-field-filled-error-focus-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-filled-error-hover-active-indicator-color: #93000a;
  --mat-form-field-filled-error-hover-label-text-color: #93000a;
  --mat-form-field-filled-error-label-text-color: #ba1a1a;
  --mat-form-field-filled-focus-active-indicator-color: #005cbb;
  --mat-form-field-filled-focus-label-text-color: #005cbb;
  --mat-form-field-filled-hover-active-indicator-color: #1a1b1f;
  --mat-form-field-filled-hover-label-text-color: #44474e;
  --mat-form-field-filled-input-text-color: #1a1b1f;
  --mat-form-field-filled-input-text-placeholder-color: #44474e;
  --mat-form-field-filled-label-text-color: #44474e;
  --mat-form-field-focus-select-arrow-color: #005cbb;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #44474e;
  --mat-form-field-outlined-caret-color: #005cbb;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-outline-color: #ba1a1a;
  --mat-form-field-outlined-error-hover-label-text-color: #93000a;
  --mat-form-field-outlined-error-hover-outline-color: #93000a;
  --mat-form-field-outlined-error-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-outline-color: #ba1a1a;
  --mat-form-field-outlined-focus-label-text-color: #005cbb;
  --mat-form-field-outlined-focus-outline-color: #005cbb;
  --mat-form-field-outlined-hover-label-text-color: #1a1b1f;
  --mat-form-field-outlined-hover-outline-color: #1a1b1f;
  --mat-form-field-outlined-input-text-color: #1a1b1f;
  --mat-form-field-outlined-input-text-placeholder-color: #44474e;
  --mat-form-field-outlined-label-text-color: #44474e;
  --mat-form-field-outlined-outline-color: #74777f;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-form-field-select-option-text-color: #1a1b1f;
  --mat-form-field-state-layer-color: #1a1b1f;
  --mat-form-field-trailing-icon-color: #44474e;
  --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;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color: inherit;
  --mat-list-active-indicator-color: #dae2f9;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #1a1b1f;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #1a1b1f;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #1a1b1f;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #1a1b1f;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #1a1b1f;
  --mat-list-list-item-focus-state-layer-color: #1a1b1f;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #1a1b1f;
  --mat-list-list-item-hover-state-layer-color: #1a1b1f;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #1a1b1f;
  --mat-list-list-item-leading-avatar-color: #d7e3ff;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #44474e;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #005cbb;
  --mat-list-list-item-supporting-text-color: #44474e;
  --mat-list-list-item-trailing-icon-color: #44474e;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #44474e;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #e0e2ec;
  --mat-menu-item-label-text-color: #1a1b1f;
  --mat-menu-item-icon-color: #44474e;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #1a1b1f 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-menu-container-color: #efedf0;
  --mat-menu-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-option-focus-state-layer-color: color-mix(in srgb, #1a1b1f 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #1a1b1f 8%, transparent);
  --mat-option-label-text-color: #1a1b1f;
  --mat-option-selected-state-label-text-color: #3e4759;
  --mat-option-selected-state-layer-color: #dae2f9;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: #1a1b1f;
  --mat-paginator-container-background-color: #faf9fd;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-paginator-enabled-icon-color: #44474e;
  --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;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: #005cbb;
  --mat-progress-bar-track-color: #e0e2ec;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #005cbb;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-checked-ripple-color: #005cbb;
  --mat-radio-disabled-label-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #1a1b1f;
  --mat-radio-disabled-unselected-icon-color: #1a1b1f;
  --mat-radio-label-text-color: #1a1b1f;
  --mat-radio-ripple-color: #1a1b1f;
  --mat-radio-selected-focus-icon-color: #005cbb;
  --mat-radio-selected-hover-icon-color: #005cbb;
  --mat-radio-selected-icon-color: #005cbb;
  --mat-radio-selected-pressed-icon-color: #005cbb;
  --mat-radio-unselected-focus-icon-color: #1a1b1f;
  --mat-radio-unselected-hover-icon-color: #1a1b1f;
  --mat-radio-unselected-icon-color: #44474e;
  --mat-radio-unselected-pressed-icon-color: #1a1b1f;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-select-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #efedf0;
  --mat-select-enabled-trigger-text-color: #1a1b1f;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-select-placeholder-text-color: #44474e;
  --mat-select-enabled-arrow-color: #44474e;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #1a1b1f 38%, transparent);
  --mat-select-focused-arrow-color: #005cbb;
  --mat-select-invalid-arrow-color: #ba1a1a;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: #faf9fd;
  --mat-sidenav-container-text-color: #44474e;
  --mat-sidenav-content-background-color: #faf9fd;
  --mat-sidenav-content-text-color: #1a1b1f;
  --mat-sidenav-scrim-color: color-mix(in srgb, #2d3038 40%, transparent);
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-disabled-label-text-color: #1a1b1f;
  --mat-slide-toggle-disabled-selected-handle-color: #faf9fd;
  --mat-slide-toggle-disabled-selected-icon-color: #1a1b1f;
  --mat-slide-toggle-disabled-selected-track-color: #1a1b1f;
  --mat-slide-toggle-disabled-unselected-handle-color: #1a1b1f;
  --mat-slide-toggle-disabled-unselected-icon-color: #e0e2ec;
  --mat-slide-toggle-disabled-unselected-track-color: #e0e2ec;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #1a1b1f;
  --mat-slide-toggle-label-text-color: #1a1b1f;
  --mat-slide-toggle-selected-focus-handle-color: #d7e3ff;
  --mat-slide-toggle-selected-focus-state-layer-color: #005cbb;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #005cbb;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #d7e3ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #005cbb;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #005cbb;
  --mat-slide-toggle-selected-icon-color: #00458f;
  --mat-slide-toggle-selected-pressed-handle-color: #d7e3ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #005cbb;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #005cbb;
  --mat-slide-toggle-selected-track-color: #005cbb;
  --mat-slide-toggle-track-outline-color: #74777f;
  --mat-slide-toggle-unselected-focus-handle-color: #44474e;
  --mat-slide-toggle-unselected-focus-state-layer-color: #1a1b1f;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #e0e2ec;
  --mat-slide-toggle-unselected-handle-color: #74777f;
  --mat-slide-toggle-unselected-hover-handle-color: #44474e;
  --mat-slide-toggle-unselected-hover-state-layer-color: #1a1b1f;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #e0e2ec;
  --mat-slide-toggle-unselected-icon-color: #e0e2ec;
  --mat-slide-toggle-unselected-pressed-handle-color: #44474e;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #1a1b1f;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #e0e2ec;
  --mat-slide-toggle-unselected-track-color: #e0e2ec;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-value-indicator-transform-origin: 0 28px;
  --mat-slider-active-track-color: #005cbb;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #1a1b1f;
  --mat-slider-disabled-handle-color: #1a1b1f;
  --mat-slider-disabled-inactive-track-color: #1a1b1f;
  --mat-slider-focus-handle-color: #005cbb;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #005cbb 20%, transparent);
  --mat-slider-handle-color: #005cbb;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #005cbb;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #005cbb 5%, transparent);
  --mat-slider-inactive-track-color: #e0e2ec;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #005cbb;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #005cbb;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #1a1b1f;
  --mat-slider-with-tick-marks-inactive-container-color: #44474e;
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: #abc7ff;
  --mat-snack-bar-container-color: #2f3033;
  --mat-snack-bar-supporting-text-color: #f2f0f4;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #faf9fd;
  --mat-table-header-headline-color: #1a1b1f;
  --mat-table-row-item-label-text-color: #1a1b1f;
  --mat-table-row-item-outline-color: #74777f;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #005cbb;
  --mat-tab-active-focus-label-text-color: #1a1b1f;
  --mat-tab-active-hover-indicator-color: #005cbb;
  --mat-tab-active-hover-label-text-color: #1a1b1f;
  --mat-tab-active-indicator-color: #005cbb;
  --mat-tab-active-label-text-color: #1a1b1f;
  --mat-tab-active-ripple-color: #1a1b1f;
  --mat-tab-divider-color: #e0e2ec;
  --mat-tab-inactive-focus-label-text-color: #1a1b1f;
  --mat-tab-inactive-hover-label-text-color: #1a1b1f;
  --mat-tab-inactive-label-text-color: #1a1b1f;
  --mat-tab-inactive-ripple-color: #1a1b1f;
  --mat-tab-pagination-icon-color: #1a1b1f;
  --mat-tab-disabled-ripple-color: #44474e;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-toolbar-container-background-color: #faf9fd;
  --mat-toolbar-container-text-color: #1a1b1f;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tooltip-container-color: #2f3033;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-color: #f2f0f4;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tree-container-background-color: #faf9fd;
  --mat-tree-node-text-color: #1a1b1f;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-ripple-color: color-mix(in srgb, #1a1b1f 10%, transparent);
}
.mdc-snackbar.custom-snackbar-animation .mdc-snackbar__surface {
  animation: custom-snackbar-enter 450ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-snackbar.custom-snackbar-animation .mat-mdc-snack-bar-container-closing .mdc-snackbar__surface {
  animation: custom-snackbar-exit 140ms;
}
@keyframes custom-snackbar-enter {
  0% {
    transform: translateY(-200%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes custom-snackbar-exit {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
body.custom-theme {
  --uiColorMain: var(--custom-color, #0058dd);
  --uiColorMain-rgb: var(--custom-color-rgb, 0, 88, 221);
  --role_admin: var(--custom-color, #0058dd);
  --upgrade: var(--custom-color, #0058dd);
}
:root {
  --font-family-default:
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    "Apple Color Emoji",
    Arial,
    sans-serif,
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --workspace-cover-height: clamp(0px, 18vh, 165px);
  --mat-form-field-container-text-tracking: 0em;
  --mat-snack-bar-container-shape:var(--borderRadius-s);
  --mat-snack-bar-container-color:var(var(--body-bg));
  --font_size01: 14px;
  --font_size02: 12.77px;
  --font_size03: 11.77px;
  --font_size04: 15.5px;
  --font_size045: 17.5px;
  --font_size05: 20px;
  --font_size055: 28px;
  --font_size06: 3.45rem;
  --font_size07: 37px;
  --letterSpacing01: 0em;
  --letterSpacing02: 0em;
  --mat-table-row-item-label-text-tracking: var(--letterSpacing01);
  --mat-text-button-label-text-size: var(--font_size01);
  --z_index_-1: -1;
  --z_index_0: 0;
  --z_index_1: 1;
  --z_index_2: 9;
  --z_index_3: 99;
  --z_index_4: 999;
  --z_index_5: 9999;
  --z_index_6: 99999;
  --borderRadius-xxs: 0.175rem;
  --borderRadius-xs: 0.195rem;
  --borderRadius-s: 0.575rem;
  --borderRadius-m: 0.675rem;
  --borderRadius-l: 0.75rem;
  --borderRadius-xl: 1.05rem;
  --mat-menu-item-label-text-font: var(--font-family-default) --mat-datepicker-calendar-text-font: var(--font-family-default);
  --mat-sidenav-container-background-color: var(--body-bg);
  --main-button-height: 31px;
  --main-button-height-small: 27px;
  --main-button-height-big: 40px;
  --mat-outlined-button-container-height: var(--main-button-height);
  --mat-button-filled-container-height: var(--main-button-height);
  --mat-button-outlined-container-height: var(--main-button-height);
  --mat-filled-button-container-height: var(--main-button-height);
  --mat-icon-button-touch-target-size: var(--main-button-height);
  --mat-icon-button-state-layer-size: var(--main-button-height);
  --mat-icon-button-container-shape: var(--borderRadius-s);
  --mat-chip-container-height: 25px;
  --mat-chip-container-shape-radius: var(--borderRadius-s);
  --mat-chip-container-height: 25px;
  --mat-chip-container-shape-radius: var(--borderRadius-s);
  --mat-chip-label-text-font: var(--font-family-default);
  --mat-chip-label-text-font: var(--font-family-default);
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-color: transparent;
  --mat-chip-container-shape-radius: var(--borderRadius-s);
  --mat-dialog-container-shape: var(--borderRadius-s);
  --mat-snackbar-container-color: var(--uiColorTooltip);
  --mat-linear-progress-track-height: 7px;
  --mat-linear-progress-active-indicator-height: 7px;
  --mat-checkbox-state-layer-size: 15px;
  --mat-slide-toggle-track-height: 21px;
  --mat-slide-toggle-with-icon-handle-size: 17px;
  --mat-slide-toggle-pressed-handle-size: 17px;
  --mat-slide-toggle-track-width: 38px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 3px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 3px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 18px;
  --mat-slide-toggle-pressed-handle-horizontal-margin: 0 18px;
  --mat-datepicker-calendar-container-background-color: var(--body-bg);
  --mat-datepicker-calendar-container-shape: var(--borderRadius-s);
  --mat-datepicker-calendar-container-elevation-shadow: var(--uiBoxShadow1);
  --mat-datepicker-calendar-container-text-color: var(--mainText);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-datepicker-calendar-date-today-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-preview-state-outline-border-radius: var(--borderRadius-s) !important;
  --mat-filled-text-field-input-text-color: var(--mainText);
  --mat-expansion-header-hover-state-layer-color: var(--uiColorMain1);
  --mat-expansion-container-text-color: var(--mainText);
  --mat-expansion-container-background-color: transparent;
  --mat-slide-toggle-selected-track-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-slide-toggle-selected-focus-track-color: var(--mat-slide-toggle-selected-track-color);
  --mat-slide-toggle-selected-pressed-track-color: var(--mat-slide-toggle-selected-track-color);
  --mat-slide-toggle-selected-handle-color: var(--uiColorMain);
  --mat-slide-toggle-selected-hover-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-hover-track-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-slide-toggle-unselected-handle-color: var(--uiColorMain3);
  --mat-slide-toggle-unselected-hover-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-slide-toggle-unselected-focus-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-select-panel-background-color: var(--bgMatMenu);
  --mat-option-selected-state-layer-color: var(--uiSelection2);
  --mat-snackbar-container-shape: var(--borderRadius-s);
  --mat-filled-button-hover-state-layer-opacity: 0.1;
  --mat-expansion-focus-state-layer-color: transparent;
  --plyr-color-main: var(--uiColorMain);
  --mat-paginator-container-size: 20px;
  --mat-paginator-container-background-color: var(--body-bg);
  --mat-paginator-container-text-size: var(--font_size02);
  --mat-paginator-container-text-font: var(--font-family-default);
  --body-bg: #ffffff;
  --body-bg-dark: #121315;
  --mat-sidenav-content-background-color: var(--body-bg);
  --mat-sidenav-container-background-color: var(--body-bg);
  --black: #1e1e1e;
  --black02: #404040;
  --white: #ffffff;
  --mainText: #393838;
  --mat-button-text-label-text-color: var(--mainText);
  --mat-button-outlined-label-text-color: var(--mainText);
  --text_snackbar: var(--mainText);
  --uiColorTooltip: #252525;
  --uiColorMenus: #ffffff;
  --uiPermanentMain: rgb(0, 108, 255);
  --uiColorMain: rgb(0, 108, 255);
  --uiColorMain-rgb:
    0,
    108,
    255;
  --uiColorMain1: #eeeeee9c;
  --uiColorMain15: rgba(238, 238, 238, 0.336);
  --uiColorMain2: #e4e5e69c;
  --uiColorMain25: #cacbcd9c;
  --uiColorMain3: #a7a8ab6e;
  --uiColorMain4: var(--grey);
  --uiColorMain5: #f0f0f0c7;
  --bgMatMenu: #ffffff;
  --bgInputs: #ffffff;
  --bgInputsDark: var(--darkMain2);
  --blackSpinner: #1e1e1e;
  --whiteSpinner: #ffffff;
  --emoji-picker-background: #ffffff;
  --hide_show_options_hoverv1: #e9eaeb;
  --hide_show_options_hoverv2: #f4f4f4;
  --uiBoxShadow2: rgba(1, 150, 237, 0.426) 0px 0px 0px 2.5px;
  --uiBoxShadow3: rgba(1, 150, 237, 0.426) 0px 0px 0px 1.5px;
  --uiBoxShadowAI: rgb(179 1 237 / 21%) 0px 0px 0px 2.5px;
  --outline1: rgba(1, 150, 237, 0.426);
  --uiSnackbarButtonHover: #444b63;
  --uiSelection1: rgba(87, 202, 255, 0.243);
  --uiSelection2: rgb(87 202 255 / 12%);
  --uiSelection3: rgba(87, 202, 255, 0.701);
  --dropzone_active01: #f5f8fcde;
  --accentYellow: #fff9e0;
  --searchbar-bg: var(--uiColorMain15);
  --switch-brandspace-bg: var(--white);
  --uiColorSecondary: #ff5e33;
  --uiColorSecondary-rgb:
    255,
    94,
    51;
  --uiColorTertiary: #181a20;
  --uiRipple: #bcbdbe29;
  --greyLines1: #e1e4e8;
  --uiColorBorders: #7878782b;
  --uiColorBorders2: #78787845;
  --uiCustomChip: #ffffff;
  --uiCustomChipBorder: var(--greyLines1);
  --gradient01: #eeeeee37;
  --gradient02: #d0d0d09c;
  --gradientAITags01: #a069da61;
  --gradientAITags02: #770662;
  --main_icon_color: #404040;
  --dark800: #f5f5f5;
  --dark700: #d5e2fa;
  --dark600: #c8ccd2;
  --dark500: #7a7a87;
  --dark400: #757575;
  --dark300: #616161;
  --dark200: #424242;
  --dark100: #383837;
  --darkMain1: #1b1d21;
  --darkMain2: #202228;
  --darkMain3: rgb(41, 43, 52);
  --darkMain4: rgb(45, 48, 57);
  --greyLinesDark1: rgba(255, 255, 255, 0.043);
  --greyLinesDark2: rgba(255, 255, 255, 0.073);
  --text_dark1: var(--dark600);
  --text_dark2: var(--dark500);
  --gradient01Dark: var(--darkMain2);
  --gradient02Dark: var(--darkMain3);
  --grey: var(--grey3);
  --grey2: #c7c7c7;
  --grey3: #868686;
  --grey4: #acacac;
  --blueTxt: var(--grey3);
  --error: #ec5c52;
  --errorBG: #ec5c5229;
  --errorBG2: #ec5c5213;
  --uiAIcolor: #770662;
  --uiAIcolor02: #e8dfff;
  --uiColorWarn0: #bd4705;
  --uiColorWarn: #d37844;
  --warningBG: #fffaeb;
  --warningBorder: #ffdc75;
  --warning: #967000;
  --success: #28a74524;
  --uiBoxShadow1: 0px 4px 6px 2px rgba(96, 96, 96, 0.13);
  --uiBoxShadow15: 0px 4px 6px 2px rgba(96, 96, 96, 0.053);
  --uiColorWarn: var(--error);
  --uiColorWarn1: var(--errorBG);
  --uiColorSuccess: #79dda2;
  --uiIconFolder01: #d3d3d5;
  --uiIconFolder02: #b6b6ba;
  --role_defaultBG: #f8f6e5;
  --role_default: #8d6502;
  --role_adminBG: #dfefff9c;
  --role_admin: var(--uiColorMain);
  --upgradeBG: var(--uiColorMain2);
  --upgrade: var(--uiColorMain);
  --actionMainHover: rgb(134 205 247);
  --mat-icon-button-hover-state-layer-opacity: 0.1;
  --mat-icon-button-pressed-state-layer-opacity: 0.2;
  --mcd-checkbox-selected-icon-color: var(--uiColorMain);
  --mcd-checkbox-selected-hover-icon-color: var(--uiColorMain);
  --mat-filled-text-field-caret-color: var(--grey3);
  --cc-btn-primary-hover-bg: var(--uiColorMain) !important;
  --cc-btn-primary-bg: var(--uiColorMain) !important;
  --cc-btn-border-radius: var(--borderRadius-s) !important;
  --cc-separator-border-color: var(--greyLines1) !important;
  --cc-cookie-category-block-hover-bg: var(--uiColorMain1) !important;
  --mat-slider-inactive-track-color: var(--uiColorMain3);
  --mat-slider-active-track-color: var(--uiColorMain);
  --mat-slider-handle-color: var(--uiColorMain);
  --mat-slider-handle-active-color: var(--uiColorMain);
}
:root .custom-table-01 {
  --mat-table-background-color: var(--body-bg);
  --mat-table-row-item-outline-color: var(--greyLines1);
  --mat-table-header-container-height: 35px;
  --mat-table-row-item-container-height: 50px;
}
:root .mat-drawer-content.dark {
  --mat-sidenav-content-text-color: var(--white);
  --mat-sidenav-content-background-color: var(--body-bg-dark);
  background-color: var(--body-bg-dark);
}
.dark_grayscale {
  --uiColorMain: rgb(0, 108, 255);
  --uiColorMain-rgb:
    0,
    108,
    255;
}
.dark_grayscale,
.dark_custom {
  --body-bg: #1e1e1e;
  --mat-sidenav-content-background-color: var(--body-bg);
  --black: #e1e1e1;
  --black02: #bfbfbf;
  --white: #000000;
  --mainText: #e1e1e1;
  --text_snackbar: var(--mainText);
  --uiColorTooltip: #363636;
  --uiColorMenus: #292929;
  --uiColorMain1: #2a2a2a9c;
  --uiColorMain2: #3434339c;
  --uiColorMain3: #6e6d6c6e;
  --uiColorMain4: var(--grey);
  --uiColorMain5: #3434339c;
  --bgMatMenu: #252525;
  --bgInputs: var(--uiColorMain2);
  --searchbar-bg: var(--uiColorMain1);
  --switch-brandspace-bg: #252525;
  --hide_show_options_hoverv1: #2d2d2d;
  --hide_show_options_hoverv2: #252525;
  --uiBoxShadow2: rgba(1, 150, 237, 0.426) 0px 0px 0px 2.5px;
  --uiBoxShadow3: rgba(1, 150, 237, 0.426) 0px 0px 0px 1.5px;
  --uiBoxShadowAI: rgb(179 1 237 / 21%) 0px 0px 0px 2.5px;
  --outline1: rgba(1, 150, 237, 0.426);
  --uiSnackbarButtonHover: #bbb49c;
  --uiSelection1: rgba(87, 202, 255, 0.119);
  --uiSelection2: rgb(87 202 255 / 12%);
  --dropzone_active01: #0a0703de;
  --accentYellow: #00061f;
  --uiColorSecondary: #ff5e33;
  --uiRipple: #43424129;
  --greyLines1: #323232;
  --uiColorBorders: #8787872b;
  --uiCustomChip: var(--uiColorMain3);
  --uiCustomChipBorder: transparent;
  --gradient01: #3434339c;
  --gradient02: #6e6d6c82;
  --main_icon_color: #bfbfbf;
  --dark700: #2a1d05;
  --dark600: #100c06;
  --dark500: #616161;
  --dark400: #8a8a8a;
  --dark300: #9e9e9e;
  --dark200: #bdbdbd;
  --dark100: #cfcfcf;
  --grey: var(--grey3);
  --grey2: #6b6b6b;
  --grey3: #898a8a;
  --grey4: #acacac;
  --blueTxt: var(--grey3);
  --error: #ec5c52;
  --errorBG: #ec5c5226;
  --errorBG2: #ec5c5213;
  --uiAIcolor: #770662;
  --uiAIcolor02: #c9a3f5;
  --uiColorWarn0: #bd4705;
  --uiColorWarn: #d37844;
  --warningBG: #fffaeb;
  --warningBorder: #ffdc75;
  --warning: #967000;
  --success: #28a74524;
  --uiBoxShadow1: 0px 6px 6px 2px rgba(20, 20, 20, 0.227);
  --uiBoxShadow15: 0px 6px 6px 2px rgba(20, 20, 20, 0.053);
  --blackSpinner: #1e1e1e;
  --whiteSpinner: #ffffff;
  --uiColorWarn: var(--error);
  --uiColorWarn1: var(--errorBG);
  --uiColorSuccess: #79dda2;
  --uiIconFolder01: #363634;
  --uiIconFolder02: #585854;
  --role_defaultBG: #07091a;
  --role_default: #729afe;
  --role_adminBG: #dfefff9c;
  --role_admin: var(--uiColorMain);
  --upgradeBG: var(--uiColorMain2);
  --upgrade: var(--uiColorMain);
  --actionMainHover: rgba(134, 206, 247, 0.742);
  --bgUsageItem: var(--uiColorMain1);
  --mat-icon-button-hover-state-layer-opacity: 0.3;
  --mat-icon-button-pressed-state-layer-opacity: 0.55;
  --mat-datepicker-calendar-container-background-color: var(--body-bg);
  --mat-datepicker-calendar-container-shape: var(--borderRadius-s);
  --mat-datepicker-calendar-container-elevation-shadow: var(--uiBoxShadow1);
  --mat-datepicker-calendar-container-text-color: var(--mainText);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-datepicker-calendar-date-today-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--uiColorMain);
  --mat-datepicker-calendar-date-preview-state-outline-border-radius: var(--borderRadius-s) !important;
  --mat-filled-text-field-input-text-color: var(--mainText);
  --mat-expansion-header-hover-state-layer-color: var(--uiColorMain1);
  --mat-expansion-container-text-color: var(--mainText);
  --mat-expansion-container-background-color: transparent;
  --mat-slide-toggle-selected-track-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-slide-toggle-selected-focus-track-color: var(--mat-slide-toggle-selected-track-color);
  --mat-slide-toggle-selected-pressed-track-color: var(--mat-slide-toggle-selected-track-color);
  --mat-slide-toggle-selected-handle-color: var(--uiColorMain);
  --mat-slide-toggle-selected-hover-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-focus-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-pressed-handle-color: var(--mat-slide-toggle-selected-handle-color);
  --mat-slide-toggle-selected-hover-track-color: rgba(var(--uiColorMain-rgb), 0.2);
  --mat-slide-toggle-unselected-handle-color: var(--uiColorMain3);
  --mat-slide-toggle-unselected-hover-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-slide-toggle-unselected-focus-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--mat-slide-toggle-unselected-handle-color);
  --mat-select-panel-background-color: var(--bgMatMenu);
  --mat-option-selected-state-layer-color: var(--uiSelection2);
  --mat-checkbox-selected-icon-color: var(--uiColorMain);
  --mat-checkbox-selected-hover-icon-color: var(--uiColorMain);
  --mat-snackbar-container-color: var(--uiColorTooltip);
  --mat-filled-button-disabled-container-color: var(--uiColorMain2);
  --mat-filled-button-disabled-label-text-color: var(--uiColorMain3);
  --mat-filled-text-field-caret-color: var(--grey3);
  --mat-slider-inactive-track-color: var(--uiColorMain3);
  --mat-slider-active-track-color: var(--uiColorMain);
  --mat-slider-handle-color: var(--uiColorMain);
  --mat-slider-handle-active-color: var(--uiColorMain);
}

/* src/app/common/animations/animations.css */
@keyframes fadeInOutEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInOutLeave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-in-out-enter {
  animation: fadeInOutEnter 500ms ease-in-out forwards;
}
.fade-in-out-leave {
  animation: fadeInOutLeave 500ms ease-in-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  animation: fadeIn 500ms ease-in-out forwards;
}
@keyframes fadeInDelay1 {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-delay-1 {
  animation: fadeInDelay1 700ms ease-in-out forwards;
}
@keyframes fadeInDelay2 {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-delay-2 {
  animation: fadeInDelay2 520ms ease-in-out forwards;
}
@keyframes fadeInDelay3 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in-delay-3 {
  animation: fadeInDelay3 520ms ease-in-out forwards;
}
@keyframes fadeInDelay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in-delay {
  animation: fadeInDelay 500ms ease-in-out 2s forwards;
}
@keyframes fadeInOutTooltipEnter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInOutTooltipLeave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-in-out-tooltip-enter {
  animation: fadeInOutTooltipEnter 300ms ease-in-out forwards;
}
.fade-in-out-tooltip-leave {
  animation: fadeInOutTooltipLeave 300ms ease-in-out forwards;
}
@keyframes dialogEmojiFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dialog-emoji-fade-in {
  animation: dialogEmojiFadeIn 150ms ease-in-out forwards;
}
.search-expand-collapse {
  transition: width 200ms ease-in-out, opacity 200ms ease-in-out;
}
.search-expand-collapse.collapsed {
  width: 0;
  opacity: 0;
}
.search-expand-collapse.expanded {
  width: auto;
  opacity: 1;
}

/* src/styles.scss */
@media screen and (min-width: 951px) {
  :root {
    --file-dialog-height: calc(100vh - 85px);
  }
  body.app {
    overflow-y: hidden;
  }
}
@media screen and (max-width: 950px) {
  :root {
    --file-dialog-height: auto !important;
  }
}
* {
  font-family:
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    "Apple Color Emoji",
    Arial,
    sans-serif,
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  -webkit-font-smoothing: auto;
  font-weight: 400;
}
*,
::after,
::before {
  box-sizing: border-box;
}
label {
  display: inline-block;
}
.strong,
strong {
  font-weight: 500;
}
.app_layout {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none !important;
}
body {
  margin: 0;
  padding: 0;
}
body.light_grayscale::-webkit-scrollbar,
body.custom_theme::-webkit-scrollbar,
body.dark_grayscale::-webkit-scrollbar {
  width: 5px;
}
body.light_grayscale::-webkit-scrollbar-track,
body.custom_theme::-webkit-scrollbar-track,
body.dark_grayscale::-webkit-scrollbar-track {
  background: var(--uiColorMain1);
  border-radius: 3px;
  width: 5px;
}
body.light_grayscale::-webkit-scrollbar-thumb,
body.custom_theme::-webkit-scrollbar-thumb,
body.dark_grayscale::-webkit-scrollbar-thumb {
  background: var(--uiColorMain2);
  border-radius: 3px;
  width: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-color: var(--uiColorMain3) var(--uiColorMain1);
  }
}
.mat-button.fw-500 span {
  font-weight: 500 !important;
}
.app.wrapper {
  overflow: hidden;
  min-width: 1100px;
}
.letter-spacing-default {
  letter-spacing: var(--letterSpacing01);
}
.alert {
  font-size: var(--font_size01);
  line-height: 1.1rem;
  margin: 1rem 0;
  border-radius: var(--borderRadius-s);
  padding: 0.6rem 0.7rem !important;
  background: var(--uiColorMain2);
  border: 1px solid var(--uiColorMain2);
  color: var(--mainText);
  font-weight: 400;
  letter-spacing: var(--letterSpacing02);
}
.alert.small {
  font-size: var(--font_size02);
  padding: 0.35rem 0.6rem !important;
}
.alert-danger {
  background: var(--errorBG);
  color: var(--error);
  border: 1px solid var(--error);
}
.alert-warning {
  background: var(--warningBG);
  border: 1px solid var(--warningBorder);
  color: var(--warning);
}
.alert-success {
  background: var(--success);
  border: 1px solid var(--success);
  color: #077939;
}
.alert-danger a {
  line-height: 1.1rem;
  font-size: var(--font_size02);
}
.alert.w-icon .icon {
  min-width: 22px;
  opacity: 0.4;
}
.alert.transparent {
  background: transparent;
}
.warn {
  color: var(--error);
}
.t_e {
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: var(--font_size01);
  color: var(--mainText);
}
.t_e_2 {
  text-overflow: ellipsis;
  overflow: hidden !important;
  font-size: var(--font_size01);
  color: var(--mainText);
}
.nowrap {
  white-space: nowrap;
  text-wrap-mode: nowrap;
}
.t_e input {
  margin: 0.16rem;
}
.o-hidden {
  overflow: hidden !important;
}
.link,
a {
  text-decoration: none;
}
.link.default.underlined,
.underlined {
  text-decoration: underline;
}
.link.default,
a {
  color: var(--uiColorMain);
  letter-spacing: var(--letterSpacing01);
}
.link.default.grey {
  color: var(--grey);
}
.link.default.black {
  color: var(--mainText);
}
.link.default.red {
  color: var(--error);
}
.link.default:hover {
  text-decoration: underline;
  cursor: pointer;
}
.link.default.underlined:hover {
  opacity: 0.8;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.row > * {
  padding-right: 0;
  padding-left: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--bs-gutter-y);
}
.col-1 {
  flex: 0 0 auto;
  width: 7%;
}
.col-2 {
  flex: 0 0 auto;
}
.col-3 {
  flex: 0 0 auto;
  width: 30%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.align-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.align-right,
.right {
  text-align: right;
  align-items: end;
}
.align-left,
.left {
  text-align: left;
}
.rotate-90 {
  transform: rotate(90deg);
}
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-unelevated-button,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-warn,
.mat-raised-button,
.mat-fab.mat-primary,
.mat-fab.mat-accent,
.mat-fab.mat-warn,
.mat-fab,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-warn,
.mat-mini-fab {
  color: rgba(0, 0, 0, 0.26);
  background: var(--uiColorMain1);
}
.mat-mdc-unelevated-button.mat-warn:not(:disabled) {
  background: var(--error) !important;
}
.cdk-overlay-container {
  z-index: 1055;
}
.mat-mdc-button.emoji_btn[disabled],
.mat-mdc-button.mat-mdc-button-disabled.emoji_btn {
  color: unset !important;
}
.mat-expansion-panel {
  background: transparent;
}
.mat-mdc-form-field-hint-wrapper {
  display: none;
}
.mat-mdc-outlined-button:not(.mat-mdc-button-disabled):not(.border-0, .border-dark-1, .border-dark-2, .mat-blue, .mat-warn) {
  border-color: var(--greyLines1) !important;
}
button[mat-stroked-button].mat-warn {
  background: var(--errorBG2) !important;
  color: var(--error) !important;
  border-color: var(--errorBG) !important;
}
button[mat-stroked-button].mat-blue {
  background: rgb(var(--uiColorMain-rgb), 0.05) !important;
  color: var(--uiColorMain) !important;
  border-color: rgb(var(--uiColorMain-rgb), 0.25) !important;
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background-color: var(--uiColorMain1);
}
.mat-mdc-button .mat-ripple-element,
.mdc-icon-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-ripple-element,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-button.active .mat-mdc-button-persistent-ripple::before {
  background-color: var(--uiColorMain4) !important;
  opacity: 0.1;
}
.UI_tools_btn_transparent.active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.1 !important;
}
.mat-mdc-outlined-button.border-0 {
  border-color: transparent !important;
  border: 0 !important;
}
.mat-mdc-outlined-button.pill {
  border-radius: 50px !important;
}
.mat-mdc-outlined-button .mdc-button__label .icon {
  width: 16px;
  height: 16px;
}
.mat-mdc-outlined-button .mdc-button__label {
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.mat-ripple-element {
  background-color: var(--uiRipple);
}
.anim0 .mat-ink-bar {
  transition: 0ms;
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  border-radius: var(--borderRadius-s) !important;
  border: 1px solid var(--greyLines1);
  box-shadow: none !important;
}
.mat-expansion-panel[ng-reflect-expanded=false] {
  border: 1px solid transparent;
  background: transparent;
}
.usage-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.usage-container:not(.activators):not(.free) > div:last-child,
.usage-container:not(.activators):not(.free) > div:nth-child(3) {
  margin-bottom: 1rem;
}
.usage-container.plan-usage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.usage-container .mat-mdc-progress-bar[aria-valuenow="100"] .mdc-linear-progress__bar-inner {
  border-color: var(--error) !important;
}
.usage-container .mat-mdc-progress-bar .mdc-linear-progress__bar-inner {
  border-color: var(--uiColorSuccess) !important;
}
.usage-container .mdc-linear-progress {
  border-radius: 50px;
}
.mat-expansion-panel-header {
  padding: 0 12px !important;
}
.mat-expansion-panel-header p {
  margin: 0;
}
.mat-mdc-progress-spinner circle,
.mat-mdc-progress-spinner circle {
  stroke: var(--actionMainHover);
}
.spinner-track {
  stroke: var(--actionMainHover);
  opacity: 0.28;
}
.spinner-with-track {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.spinner-with-track .spinner-track,
.spinner-with-track .spinner-progress {
  position: absolute;
  top: 0;
  left: 0;
}
.upload_popup .spinner-with-track .spinner-track,
.upload_popup .spinner-with-track .spinner-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-expansion-panel.body_padd_0 .mat-expansion-panel-body {
  padding: 0 !important;
}
.mat-expansion-panel.body_padd_0.v2 .mat-expansion-panel-body .list .item:last-child {
  border-bottom: none !important;
}
.list .mat-accordion .mat-expansion-panel:not(.mat-expanded) {
  border: 1px solid transparent !important;
}
.mat-tree {
  background: transparent !important;
}
.mat-expansion-panel.wbg {
  background: var(--uiColorMain1);
  border: 0 !important;
}
.mat-expansion-panel-header.mat-expanded {
  height: 48px !important;
}
.mat-mdc-button-focus-overlay {
  background: var(--uiColorMain4) !important;
}
.mat-input-element {
  caret-color: var(--uiColorMain4);
}
.mat-dialog-container {
  box-shadow: var(--uiBoxShadow1);
  padding: 0 !important;
  background: var(--white);
  border-radius: var(--borderRadius-m) !important;
}
.mat-mdc-standard-chip:hover::after {
  opacity: 0.04 !important;
}
.mat-mdc-chip.mat-mdc-standard-chip::after {
  background: var(--uiColorMain4);
}
.mat-mdc-icon-button img.small,
.mat-mdc-icon-button svg.small {
  width: 20px;
  height: 20px;
}
.mat-mdc-unelevated-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  background-color: var(--uiColorMain);
  color: white;
  font-weight: 400 !important;
  font-size: var(--font_size01);
  line-height: 1.25rem;
}
.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--uiColorMain) !important;
}
.mat-mdc-unelevated-button.mat-ai,
.mat-raised-button.mat-ai,
.mat-fab.mat-ai,
.mat-mini-fab.mat-ai {
  background-color: var(--uiAIcolor) !important;
  color: white;
}
.mat-mdc-unelevated-button.mat-ai[disabled],
.mat-mdc-unelevated-button.mat-ai.mat-mdc-button-disabled {
  background-color: var(--uiAIcolor02) !important;
  color: #fff !important;
  cursor: default;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background: var(--uiColorMain);
}
.mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: var(--uiBoxShadow1);
  padding: 0.3rem;
  border-radius: var(--borderRadius-s) !important;
  max-height: unset;
  min-width: 155px;
  border: 1px solid var(--greyLines1);
}
.mat-mdc-option .mdc-list-item__primary-text {
  width: 100%;
}
.mat-mdc-select-panel {
  background: var(--body-bg);
}
.mat-mdc-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: var(--uiColorMain2);
  color: var(--mainText);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background-color: var(--uiColorMain1);
}
.mat-option .mat-option-ripple {
  border-radius: var(--borderRadius-m);
}
.mat-mdc-select-panel .mat-mdc-optgroup-label,
.mat-mdc-select-panel .mat-mdc-option {
  border-radius: var(--borderRadius-s);
  height: auto !important;
  min-height: 1.5rem !important;
  padding: 0.35rem 0.75rem;
  font-size: var(--font_size01);
}
.custom_select_option.mat-option.mat-active {
  background: var(--uiColorMain2);
}
.custom_select .mat-mdc-select-arrow-wrapper,
.custom_select_panel .mat-mdc-select-arrow-wrapper {
  display: none !important;
}
.custom_select.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix {
  text-align: center !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
}
.custom_select.role_select.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix {
  width: 160px !important;
}
.custom_select.role_select.left.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix {
  text-align: left !important;
}
.custom_select.role_select .mat-mdc-form-field-infix {
  padding: 0 !important;
}
.custom_select_option.mat-option {
  white-space: normal !important;
  overflow: unset !important;
  text-overflow: unset !important;
}
.custom_select .mat-select-arrow-wrapper {
  display: none !important;
}
.custom_select.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-underline {
  display: none;
}
.custom_select.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper {
  padding: 0 !important;
}
.custom_select .mat-select-trigger {
  height: auto;
}
.mdc-list-item__primary-text .icon {
  width: 14px;
  margin-right: 0.4rem;
}
.mdc-list-item__primary-text .title {
  font-weight: 400;
  font-size: var(--font_size01);
  color: var(--mainText);
}
.mat-pseudo-checkbox {
  display: none !important;
}
.mdc-switch__icons,
.mdc-switch__shadow,
.mdc-switch__ripple {
  display: none !important;
}
.mdc-switch__track::before,
.mdc-switch__track::after {
  border: 0 !important;
}
.mat-mdc-slide-toggle .mdc-switch {
  margin-right: 0.25rem;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mdc-checkbox__background {
  background: var(--uiColorMain);
  border-color: var(--grey2) !important;
  border-width: 1px !important;
  border-radius: 3px !important;
}
.mdc-checkbox__background {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: var(--mat-checkbox-state-layer-size) !important;
  height: var(--mat-checkbox-state-layer-size) !important;
  border-radius: 3px !important;
}
.checked_background {
  padding: 0 2px !important;
}
.checked_background.mat-mdc-checkbox-checked {
  background: rgba(var(--uiColorMain-rgb), 0.14) !important;
}
.checked_background.mat-mdc-checkbox-checked span {
  color: var(--uiColorMain);
}
.checked_background.mat-mdc-checkbox-checked:hover {
  background: rgba(var(--uiColorMain-rgb), 0.14) !important;
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  border-color: var(--uiColorMain) !important;
  background: var(--uiColorMain) !important;
  border-radius: 3px !important;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 11px;
  margin: auto;
}
.mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.mat-mdc-slide-toggle .mdc-form-field {
  padding: 1rem 0.4rem;
  border-radius: var(--borderRadius-s);
  flex-direction: row-reverse !important;
}
.mat-checkbox:hover,
.mat-mdc-slide-toggle .mdc-form-field:hover {
  background: var(--uiColorMain1);
}
.mat-slide-toggle-content .label {
  margin-right: 8px;
}
.w-100 .mat-slide-toggle-content {
  width: 100%;
}
.mat-mdc-checkbox {
  display: flex !important;
}
.mat-mdc-checkbox.hover_alt:hover,
.hover_alt.mdc-form-field:hover {
  background: var(--uiColorMain1);
}
.mat-mdc-checkbox.hover_alt {
  border-radius: var(--borderRadius-s);
}
.mat-mdc-checkbox .mdc-label {
  font-size: var(--font_size01);
}
.mat-checkbox .mat-checkbox-ripple {
  display: none;
}
.mat-mdc-checkbox-touch-target {
  height: 26px;
  width: 26px;
}
.mat-mdc-icon-button:not(.pill) .mat-mdc-button-persistent-ripple {
  border-radius: var(--borderRadius-s) !important;
}
.center {
  text-align: center !important;
  margin: 0 auto !important;
}
.z-1 {
  z-index: 1;
}
.z-0 {
  z-index: 0;
}
.z-9 {
  z-index: 9;
}
table.mat-table {
  background: transparent;
}
input.small,
.input.small input {
  padding: 0.02rem 0.25rem !important;
  font-size: var(--font_size02);
}
input.editing-input {
  margin: 0px !important;
  border: 0 !important;
  background: transparent !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
  font-size: var(--font_size01) !important;
}
input.editing-input:focus-visible {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}
input.size_2,
.input.size_2 input {
  padding: 0.13rem 0.25rem !important;
  font-size: var(--font_size02);
}
input.size_4,
.input.size_4 input {
  padding: 0.472rem 0.45rem !important;
  font-size: var(--font_size02);
}
input.big,
.input.big input {
  padding: 0.672rem 0.7rem;
  font-size: var(--font_size04);
}
input.medium,
.input.medium input {
  padding: 0.57rem 0.7rem;
  font-size: var(--font_size04);
}
.input.w_absolute_icon {
  position: relative;
}
.icon_included {
  width: 20px !important;
}
.icon_included.false {
  width: 17px !important;
}
.input.w_absolute_icon .UI_tools_icon_single_button {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.input.w_absolute_icon.single .UI_tools_icon_single_button {
  right: 0.5rem;
}
.fake_input {
  border-radius: var(--borderRadius-s);
  border: 1px solid transparent;
  cursor: text;
  overflow: hidden;
}
.fake_input.textarea {
  min-height: 36.5px;
  padding: 0.42rem 0.6rem;
}
.fake_input:hover {
  border: 1px solid var(--grey2);
}
.fake_input.titular {
  font-size: var(--font_size05);
  font-weight: 550;
  color: var(--mainText);
  padding: 0.32rem 0.6rem;
  letter-spacing: 0 !important;
}
.UI_tools_icon_single_button .loader-container {
  height: 25px !important;
}
.plansLoader.register-page .loader01 {
  max-height: 260px !important;
}
.loader-container {
  position: relative;
}
.loader-container.absolute_inside {
  width: 38px;
  height: 38px;
  position: relative;
}
.loader-container.absolute_inside * {
  margin: 0 auto;
  text-align: center;
}
.loader_contain_absolute_inside {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.loader_contain_absolute_inside.right {
  right: 5%;
}
.loader_contain_absolute_inside.center {
  left: 50%;
  transform: translate(-50%, -50%);
}
.loader_contain_absolute_inside.top {
  top: 0;
  transform: translateY(0);
}
.loader-container svg.custom-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: visible;
}
.loader-container svg.custom-spinner circle,
.mat-mdc-progress-spinner circle {
  stroke-width: 12.6% !important;
}
.loader-container.grey circle {
  stroke: var(--uiColorMain4);
}
.loader-container.blue circle {
  stroke: var(--actionMainHover);
}
.loader-container.black circle {
  stroke: var(--blackSpinner);
}
.loader-container.white circle {
  stroke: var(--whiteSpinner);
}
.loader-container.size_s svg,
.loader-container.size_s {
  width: 22px !important;
  height: 22px !important;
}
.UI_tools_icon_single_button .loader-container.size_xs,
.loader-container.size_xs svg,
.loader-container.size_xs {
  width: 19px !important;
  height: 19px !important;
}
.UI_tools_icon_single_button .loader-container.size_xxs,
.loader-container.size_xxs svg,
.loader-container.size_xxs {
  width: 16px !important;
  height: 16px !important;
}
.spinner_center .loader-container {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.UI_tools_icon_single_button.hover_disabled:hover {
  cursor: default;
}
.UI_tools_icon_single_button.hover_disabled:hover {
  background: transparent !important;
}
.mdc-button[color=dark] {
  background: var(--darkMain1) !important;
  color: var(--dark600) !important;
  border: 1px solid var(--greyLinesDark1) !important;
}
.border-dark-1 {
  border: 1px solid var(--greyLinesDark1) !important;
}
.border-dark-2 {
  border: 1px solid var(--greyLinesDark2) !important;
}
input,
textarea {
  border: 1px solid var(--grey2);
  border-radius: var(--borderRadius-s);
  background: transparent;
  padding: 0.37rem 0.6rem;
  color: var(--mainText);
  line-height: 0.5rem;
  font-size: var(--font_size01);
  resize: none;
  background: var(--bgInputs);
}
input.dark {
  background: var(--bgInputsDark) !important;
  border: 1px solid var(--greyLinesDark1) !important;
  color: var(--text_dark1) !important;
}
.text_dark1 {
  color: var(--text_dark1) !important;
}
.text_dark2 {
  color: var(--dark500) !important;
}
textarea {
  padding: 0.57rem 0.6rem;
  line-height: 0.95rem;
}
.custom_select_trigger.w-100 {
  width: 100%;
}
.mat-mdc-select-arrow svg {
  display: none;
}
input:disabled,
textarea:disabled {
  background: rgba(93, 91, 91, 0.1);
  border: 1px solid var(--grey2);
}
input::placeholder,
textarea::placeholder {
  color: var(--grey) !important;
}
input:not(.dark):focus-visible,
textarea:not(.dark):focus-visible {
  border: 1px solid var(--grey2) !important;
  outline: 0;
  box-shadow: var(--uiBoxShadow2);
}
textarea.no-border:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
input.dark:focus-visible,
textarea.dark:focus-visible {
  border: 1px solid var(--greyLinesDark1) !important;
  outline: 0;
  box-shadow: var(--uiBoxShadow2);
}
textarea {
  min-height: 80px;
}
textarea.small {
  padding: 0.5rem 0.5rem;
  line-height: 1rem;
}
.input label,
.fk_select label,
label.single {
  font-weight: 500;
  margin-right: 0.25rem;
  font-size: var(--font_size04);
  color: var(--mainText);
  margin-bottom: 0.35rem;
}
label {
  color: var(--mainText);
}
.input label.left,
.fk_select label.left {
  margin-bottom: 0;
  margin-right: 0.65rem;
}
input.validated,
.validated {
  background: var(--success);
}
input.wrong,
textarea.wrong {
  border: 1px solid var(--error);
}
.fk_select .mat-mdc-outlined-button {
  min-width: unset !important;
}
.txt_w_img.v1 > img {
  width: 17px;
  margin: 0px 6px 0px;
}
.button {
  padding: 0;
}
.btn_group .button {
  display: inline-flex;
  flex-direction: row;
  margin-right: 0.85rem;
}
.btn_group.right .wrapper {
  justify-content: flex-end;
}
.max_content {
  width: max-content;
}
.btn_group .wrapper {
  display: flex;
  vertical-align: middle;
  gap: 0.5rem;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
.btn_group:not(.left) .wrapper {
  justify-content: flex-end;
}
.btn_group.gap025 .wrapper {
  gap: 0.25rem !important;
}
.btn_group.gap0 .wrapper {
  gap: 0rem !important;
}
.btn_group .button:last-child {
  margin-right: 0;
}
.input_group .input {
  display: inline-flex;
  flex-direction: row;
  margin-right: 0.85rem;
}
.input_group.button_inline {
  display: inline-flex;
}
.input_group.button_inline .input {
  margin-right: 0.25rem;
}
.input.w-100 input {
  width: 100%;
}
.mat-mdc-button.size_s,
.mat-mdc-outlined-button.size_s,
.mat-mdc-outlined-button.size_s:not(.pill),
.mat-mdc-unelevated-button.size_s,
.mat-mdc-unelevated-button.size_s {
  height: 27px !important;
}
.mat-mdc-outlined-button.size_s.pill {
  height: 23.5px !important;
}
.mat-mdc-button.size_xs,
.mat-mdc-outlined-button.size_xs,
.mat-mdc-outlined-button.size_xs:not(.pill),
.mat-mdc-unelevated-button.size_xs,
.mat-mdc-unelevated-button.size_xs {
  height: 23px !important;
}
.mat-mdc-outlined-button.size_xs .mdc-button__label {
  font-size: var(--font_size03) !important;
}
.mat-mdc-button.size_m,
.mat-mdc-outlined-button.size_m,
.mat-mdc-outlined-button.size_m:not(.pill),
.mat-mdc-unelevated-button.size_m,
.mat-mdc-unelevated-button.size_m {
  height: 34px !important;
}
.mat-mdc-outlined-button.size_m .mdc-button__label {
  font-size: var(--font_size04) !important;
}
.fk_select .mat-mdc-outlined-button.w_s_btn {
  max-width: 100%;
}
.fk_select .mdc-button__label {
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.fk_select.v1 .mdc-button__label {
  max-width: 240px !important;
}
.fk_select .mat-mdc-outlined-button.w_s_btn {
  padding: 0.95rem 0.55rem 0.95rem !important;
  color: var(--mainText);
}
.fk_select .single_icon {
  width: 14.5px;
  margin: 0 !important;
}
.fk_select .mat-mdc-outlined-button.w_s_btn .icon {
  width: 13px;
  margin-left: 1rem;
}
.fk_select.upgrade.small .mat-mdc-outlined-button.w_s_btn .icon {
  width: 11px;
}
.fk_select .mat-mdc-outlined-button.w_s_btn .icon_prev {
  width: 13px;
  height: 13px;
  margin-right: 0rem;
  margin-bottom: 0px;
}
.fk_select .mat-mdc-outlined-button.w_s_btn .icon_prev.big {
  width: 15.5px;
}
.fk_select.small .mat-mdc-outlined-button.w_s_btn {
  padding: 0.02rem 0.6rem !important;
  font-size: var(--font_size03);
  line-height: 14px !important;
  height: var(--main-button-height-small);
}
.button_big_height {
  height: var(--main-button-height-big) !important;
}
.fk_select.small .mat-mdc-outlined-button.w_s_btn .icon {
  margin-left: 0.1rem;
}
.fk_select.poweredBy .mat-mdc-outlined-button.w_s_btn {
  border: 0px !important;
  line-height: 14px !important;
  border-radius: var(--borderRadius-s) !important;
}
.fk_select.poweredBy .mat-mdc-outlined-button.w_s_btn .icon {
  width: 15px;
  margin-left: 0;
  opacity: 0.6;
}
.fk_select.poweredBy .mat-mdc-outlined-button.w_s_btn * {
  font-size: var(--font_size03);
  color: var(--grey) !important;
}
.fk_select.upgrade .mat-mdc-outlined-button.w_s_btn {
  border: 0px !important;
  line-height: 14px !important;
  border-radius: var(--borderRadius-m) !important;
  background: var(--upgradeBG);
  padding: 0.19rem 0.5rem !important;
}
.fk_select.upgrade .mat-mdc-outlined-button.w_s_btn * {
  color: var(--upgrade);
  text-transform: uppercase;
  font-size: var(--font_size03);
  margin-left: 0;
  margin-top: -0.15rem;
}
.fk_select.small.upgrade .mat-mdc-outlined-button.w_s_btn .icon {
  margin-left: 0.1rem !important;
}
.fk_select.upgrade.small .mat-mdc-outlined-button.w_s_btn {
  border: 0px !important;
  line-height: 14px !important;
  border-radius: var(--borderRadius-m) !important;
  background: var(--upgradeBG);
  padding: 0.09rem 0.5rem !important;
}
.fk_select.upgrade.small .mat-mdc-outlined-button.w_s_btn * {
  font-size: 8px;
}
.mat-mdc-button.UI_tools_btn_transparent {
  height: 31px !important;
  min-height: 2rem;
}
.mat-mdc-button.UI_tools_btn_transparent.t_e {
  display: flex !important;
  justify-content: flex-start !important;
}
.mat-mdc-button.UI_tools_btn_transparent.size_s,
.mat-mdc-button.UI_tools_btn_transparent.small {
  line-height: 17px !important;
  min-height: 1.65rem;
  height: auto !important;
  min-width: unset;
  padding: 0 5.5px 0 6px !important;
  font-size: var(--font_size02) !important;
}
.mat-mdc-button.UI_tools_btn_transparent.size_m {
  line-height: 28px !important;
  min-height: 1.65rem;
  height: auto !important;
  min-width: unset;
  padding: 0 5.5px 0 6px !important;
  font-size: var(--font_size02) !important;
}
.size_s > *,
.size_s {
  font-size: var(--font_size02) !important;
}
.mat-mdc-button.UI_tools_btn_transparent.w-border {
  border: 1px solid var(--greyLines1);
}
.mat-mdc-button.UI_tools_btn_transparent.grey {
  color: var(--grey);
}
.mdc-button {
  min-width: unset !important;
}
.mat-mdc-menu-content img {
  pointer-events: none !important;
}
.mat-mdc-menu-content {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
}
.UI_tools_btn_transparent.AI_text .mdc-button__label,
.UI_tools_btn_transparent.AI_text .mat-mdc-menu-item-text,
.AI_text {
  color: var(--uiAIcolor) !important;
}
.mat-mdc-button.UI_tools_btn_transparent.dropdown_select .icon {
  width: 8.5px;
  min-width: 8.5px;
}
.dropdown_select {
  border: 1px solid var(--grey2) !important;
}
.dropdown_select.w-100 .mdc-button__label {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mat-mdc-button.UI_tools_btn_transparent.big .mdc-button__label,
.UI_tools_icon_single_button.big .mdc-button__label {
  font-size: var(--font_size04);
  font-family: var(--font_family_01);
}
.UI_tools_icon_single_button.xbig {
  height: calc(var(--mat-filled-button-container-height) + 30%);
}
.mat-mdc-button.UI_tools_btn_transparent.xbig .mdc-button__label,
.UI_tools_icon_single_button.xbig .mdc-button__label {
  font-size: var(--font_size045);
}
.mat-mdc-button.UI_tools_btn_transparent[color=secondary] .mdc-button__label {
  color: var(--uiColorMain);
}
.UI_tools_icon_single_button.mdc-icon-button.size_m .icon {
  width: 15.5px;
  height: 15.5px;
}
.UI_tools_icon_single_button.mdc-icon-button.size_m {
  width: calc(var(--main-button-height) - 5px) !important;
  height: calc(var(--main-button-height) - 5px) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.size_xs .icon {
  width: 9.5px;
  height: 9.5px;
}
.UI_tools_icon_single_button.mdc-icon-button.size_xs {
  width: calc(var(--main-button-height) - 10px) !important;
  height: calc(var(--main-button-height) - 10px) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.w-dropdown {
  width: calc(var(--main-button-height) + 8px) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.w-dropdown .icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.UI_tools_icon_single_button.mdc-icon-button.w-dropdown .sub-icon {
  width: calc(var(--mat-icon-button-icon-size, 24px) - 4px) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.w-dropdown .sub-icon.small {
  width: calc(var(--mat-icon-button-icon-size, 24px) - 7px) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.w-dropdown .sub-icon-dropdown {
  width: 9.5px;
  height: 9.5px;
}
button[color=white].UI_tools_icon_single_button.mdc-icon-button {
  background-color: var(--white) !important;
}
button[color=white].UI_tools_icon_single_button.mdc-icon-button:disabled {
  opacity: 0.4;
}
button[color=white].mat-mdc-button.UI_tools_btn_transparent .mdc-button__label {
  color: var(--white) !important;
}
button[mat-flat-button] .mdc-button__label,
button[mat-stroked-button] .mdc-button__label {
  font-weight: 500 !important;
}
.mat-mdc-button:not(.big, .pill),
.mat-mdc-outlined-button:not(.big, .pill),
.mat-mdc-unelevated-button:not(.big, .pill) {
  line-height: 29px !important;
  padding: 0 9px !important;
}
.mat-mdc-button:not(.big, .pill),
.mat-mdc-outlined-button:not(.big, .pill, .stroked-rounded-button),
.mat-mdc-unelevated-button:not(.big, .pill) {
  border-radius: var(--borderRadius-s) !important;
}
.mat-mdc-button.big,
.mat-mdc-outlined-button.big,
.mat-mdc-unelevated-button.big {
  line-height: 29px !important;
  border-radius: var(--borderRadius-s) !important;
  padding: 0 13px !important;
}
.mat-mdc-button.full-size,
.mat-mdc-outlined-button.full-size,
.mat-mdc-unelevated-button.full-size,
.mat-mdc-button.full,
.mat-mdc-outlined-button.full,
.mat-mdc-unelevated-button.full {
  width: 100%;
  line-height: 42px !important;
  min-height: 42px !important;
}
.mat-mdc-button-ripple.mat-ripple,
.mat-mdc-button-focus-overlay {
  transition: none !important;
}
.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary {
  color: var(--grey);
}
.mat-mdc-button.mat-snackbar,
.mat-mdc-outlined-button.mat-snackbar span {
  color: var(--text_snackbar) !important;
  background-color: var(--dark100) !important;
}
.mdc-button.mat-snackbar {
  background-color: var(--uiColorTooltip) !important;
}
.mat-mdc-button:hover:not(.mat-mdc-button-disabled) .mat-mdc-button-focus-overlay,
.mat-mdc-outlined-button:hover:not(.mat-mdc-button-disabled) .mat-mdc-button-focus-overlay {
  opacity: 0.08 !important;
}
.UI_tools_icon_single_button.mdc-icon-button .mat-mdc-button-wrapper > * {
  width: 65%;
  height: 100%;
}
.UI_tools_icon_single_button.mdc-icon-button.big .mat-mdc-button-wrapper > * {
  width: 45%;
}
.UI_tools_icon_single_button.mdc-icon-button.big.v2 .mat-mdc-button-wrapper > * {
  width: 70%;
}
.UI_tools_icon_single_button.mat-mdc-icon-button.big.avatar {
  width: min-content !important;
  height: min-content !important;
  background-color: var(--uiColorMain1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.UI_tools_icon_single_button.mdc-icon-button.big.v2.avatar {
  width: 35px !important;
  height: 35px !important;
}
.UI_tools_icon_single_button.mdc-icon-button.avatar .init svg {
  height: unset !important;
  width: unset !important;
}
.UI_tools_icon_single_button.mdc-icon-button .loader-container {
  margin: 0 auto;
}
.UI_tools_icon_single_button.mdc-icon-button.big.v2 .mat-mdc-button-wrapper .init {
  font-size: 14px;
}
.init_image {
  overflow: hidden;
  border-radius: 50%;
  background: var(--uiColorMain2);
}
.init_image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.UI_tools_icon_single_button.mdc-icon-button {
  border-radius: var(--borderRadius-s) !important;
  width: var(--main-button-height) !important;
  height: var(--main-button-height) !important;
  line-height: 0 !important;
  padding: 0;
}
.UI_tools_icon_single_button.mdc-icon-button.w_indicator {
  width: calc(var(--main-button-height) * 1.3) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.w_indicator .icon {
  left: 25%;
  transform: translate(-25%, -50%);
}
.UI_tools_icon_single_button.mdc-icon-button.w_indicator .container_indicator {
  position: absolute;
  top: 50%;
  left: 75%;
  transform: translate(-75%, -50%);
}
.UI_tools_icon_single_button.mdc-icon-button.size_s {
  width: 27px !important;
  height: 27px !important;
}
.UI_tools_icon_single_button.mdc-icon-button.size_1 {
  width: 25px !important;
  height: 25px !important;
}
.UI_tools_icon_single_button.pill.mdc-icon-button {
  border-radius: 50% !important;
}
.UI_tools_icon_single_button.small.mdc-icon-button {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
}
.UI_tools_icon_single_button .mat-mdc-button-touch-target {
  width: 31px !important;
  height: 31px !important;
}
.UI_tools_icon_single_button.small.mdc-icon-button .mat-mdc-button-touch-target {
  width: 20px !important;
  height: 20px !important;
}
.UI_tools_icon_single_button.mdc-icon-button.size_1 .mat-mdc-button-touch-target {
  width: 25px !important;
  height: 25px !important;
}
.UI_tools_icon_single_button.small.mdc-icon-button > span {
  line-height: 16px !important;
}
.UI_tools_icon_single_button.mdc-icon-button.snack:hover {
  background: var(--uiSnackbarButtonHover);
}
.UI_tools_icon_single_button.mdc-icon-button.hover_alt:hover {
  background: var(--uiColorMain2);
}
.mat-mdc-unelevated-button.w_s_btn .UI_tools_icon_single_button.mdc-icon-button:hover {
  background: var(--uiColorMain4);
}
.mat-mdc-button.w_s_btn,
.mat-mdc-outlined-button.w_s_btn,
.mat-mdc-unelevated-button.w_s_btn {
  padding: 0 5px 0 11px !important;
}
.mat-primary .UI_tools_icon_single_button.mdc-icon-button {
  margin: 0 0 0 0;
}
.snowflake {
  width: fit-content;
  width: -moz-fit-content;
  min-width: min-content;
  max-width: 100%;
  white-space: nowrap;
  margin-left: 3rem;
  position: absolute;
  z-index: 0;
  border-radius: 3px;
  opacity: 0.7;
  font-size: 0.9rem;
  padding: 0.2rem 0.45rem;
  cursor: default !important;
  top: -20px;
  z-index: var(--z_index_1) !important;
  color: var(--mainText);
}
.UI_tools_icon_single_button.mdc-icon-button .icon {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.UI_tools_icon_single_button.mdc-icon-button svg.icon:not(.not_filled, .icon_svg_stroked) {
  fill: var(--mainText);
}
.UI_tools_icon_single_button.mdc-icon-button svg.icon.icon_svg_stroked {
  stroke: var(--mainText);
}
.UI_tools_icon_single_button.mdc-icon-button .icon.size_1 {
  width: 15px;
  height: 15px;
}
.UI_tools_icon_single_button.mdc-icon-button .icon.size_xs,
.icon.size_xs {
  width: 14px;
  height: 14px;
}
.icon.size_xl {
  width: 20px !important;
  height: 20px !important;
}
.icon.size_l {
  width: 18px !important;
  height: 18px !important;
}
.icon.size_m {
  width: 16px !important;
  height: 16px !important;
}
.icon.size_s {
  width: 14px !important;
  height: 14px !important;
}
.icon.size_xs {
  width: 13px !important;
  height: 13px !important;
}
.icon.size_xxs {
  width: 11.5px !important;
  height: 11.5px !important;
}
.custom-snackbar .UI_tools_icon_single_button.mdc-icon-button {
  width: var(--mat-icon-button-icon-size) !important;
  height: var(--mat-icon-button-icon-size) !important;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-content:not(:empty),
.container_mat_default {
  padding: 4px;
}
.dialog .container_mat_default {
  padding: 9px;
}
.UI_tools_mat_menu_v1.padd-0 .mat-mdc-menu-content:not(:empty) {
  padding: 0px;
}
.mat-mdc-menu-submenu-icon {
  display: none;
}
.custom_date .mat-mdc-form-field-infix {
  border: 0;
  padding: 0;
}
.custom_date .mat-mdc-form-field-underline {
  display: none;
}
.custom_date .mat-mdc-form-field-flex {
  padding: 0em 0.35em 0 0.35em !important;
  border-radius: var(--borderRadius-s);
  display: inline-flex;
  vertical-align: middle;
  flex-direction: row;
  align-items: center;
}
.custom_date .mat-mdc-form-field-wrapper {
  padding: 0;
}
.UI_tools_btn_transparent:not(.big, .stroked-rounded-button) {
  line-height: 17px !important;
  border-radius: var(--borderRadius-s) !important;
}
.UI_tools_btn_transparent.pill {
  border-radius: 50% !important;
}
.mat-primary .UI_tools_icon_single_button.mdc-icon-button.pill.blue {
  background-color: var(--uiColorMain) !important;
}
.UI_tools_btn_transparent.icon_left .icon,
.UI_tools_btn_transparent.icon_right .icon {
  width: 16px;
}
.UI_tools_btn_transparent.icon_left.w-svg svg,
.UI_tools_btn_transparent.icon_left.w-svg svg path {
  fill: var(--mainText);
}
.UI_tools_icon_single_button.mdc-icon-button.active svg:not(.not_filled),
.UI_tools_icon_single_button.mdc-icon-button.active svg:not(.not_filled) path {
  fill: var(--uiColorMain);
}
.UI_tools_icon_single_button.mdc-icon-button.active svg.not_filled,
.UI_tools_icon_single_button.mdc-icon-button.active svg.not_filled path {
  stroke: var(--uiColorMain);
}
.UI_tools_icon_single_button.mdc-icon-button.active {
  background-color: rgba(var(--uiColorMain-rgb), 0.14) !important;
}
.UI_tools_icon_single_button.mdc-icon-button.active:hover {
  background: rgba(var(--uiColorMain-rgb), 0.14) !important;
}
.UI_tools_btn_transparent .icon.big {
  width: 20px !important;
}
.UI_tools_btn_transparent.icon_left .icon {
  margin: 0 0.3rem 0rem 0;
}
.UI_tools_btn_transparent.icon_right .icon {
  margin: 0 0.12rem 0;
}
.UI_tools_btn_transparent.icon_right .icon {
  margin-left: 0.5rem;
}
.UI_tools_btn_transparent.icon_right .icon.small {
  width: 11px;
}
.UI_tools_btn_transparent.icon_right .icon.size_2 {
  width: 14px;
  margin-left: 0.2rem;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel,
.mat-datepicker-content,
.emoji-box {
  background: var(--uiColorMenus);
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--greyLines1);
  box-shadow: var(--uiBoxShadow1) !important;
  min-width: 180px;
  overflow: hidden;
}
.UI_tools_mat_menu_v1.small.mat-mdc-menu-panel {
  min-width: 150px;
}
.UI_tools_mat_menu_v1.medium.mat-mdc-menu-panel {
  min-width: 200px;
}
.UI_tools_mat_menu_v1.big.mat-mdc-menu-panel {
  min-width: 270px;
}
.UI_tools_mat_menu_v1.xbig.mat-mdc-menu-panel {
  min-width: 300px;
}
.UI_tools_mat_menu_v1.xxbig.mat-mdc-menu-panel {
  min-width: 350px;
}
.emoji-box {
  background: var(--bgMatMenu);
  border-radius: var(--borderRadius-s);
  box-shadow: var(--uiBoxShadow1);
  min-width: 160px;
}
.UI_tools_mat_menu_v1.full_width_mat_menu.mat-mdc-menu-panel {
  max-width: none;
}
.emoji-box.inMatMenu {
  width: 390px;
}
.UI_tools_mat_menu_v1.full_width_mat_menu .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}
.UI_tools_mat_menu_v1.single_opt.mat-mdc-menu-panel {
  min-height: unset;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel .red:hover,
.UI_tools_icon_single_button.mdc-icon-button.red:hover,
button[mat-stroked-button].red:hover .mdc-button__label,
button[mat-stroked-button].red:hover .mdc-button__label {
  color: var(--error);
}
.mat-mdc-button.UI_tools_btn_transparent.red:hover .icon,
.mat-mdc-button.UI_tools_btn_transparent.red:hover svg path,
button[mat-stroked-button].red:hover .icon,
button[mat-stroked-button].red:hover svg path {
  fill: var(--error) !important;
}
button[mat-stroked-button].red:hover {
  border-color: rgb(var(--uiColorSecondary-rgb), 0.25) !important;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel .red:hover svg path,
.UI_tools_icon_single_button.mdc-icon-button.red:hover svg path {
  fill: var(--error);
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel .footer {
  border-top: 1px solid var(--greyLines1);
  padding-top: 0.24rem;
  margin-top: 0.24rem;
  padding-bottom: 0.24rem;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel .footer.no_border {
  border-top: 0;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel .header {
  border-bottom: 1px solid var(--greyLines1);
  padding-bottom: 0.24rem;
  margin-bottom: 0.24rem;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel p {
  margin: 0.24rem;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item:hover:not([disabled]),
.UI_tools_mat_menu_v1 .mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.UI_tools_mat_menu_v1 .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.UI_tools_mat_menu_v1 .mat-mdc-menu-item-highlighted:not([disabled]) {
  background: var(--uiColorMain5);
}
.UI_tools_mat_menu_v1.dark .mat-mdc-menu-item:hover {
  background: var(--darkMain3) !important;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item.red:hover,
.UI_tools_icon_single_button.mdc-icon-button.red:hover,
.mat-mdc-button.UI_tools_btn_transparent.red:hover,
button[mat-stroked-button].red:hover {
  background: var(--errorBG2);
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item {
  line-height: 26px;
  height: 26px;
  min-height: unset;
  padding: 0 7px;
  border-radius: var(--borderRadius-s);
  display: flex;
  align-items: center;
  color: var(--mainText);
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item.grey {
  color: var(--grey) !important;
}
.mat-mdc-menu-item.flex .mat-mdc-menu-item-text {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item span:not(.tag_new_feature),
.mat-checkbox-label span:not(.tag_new_feature) {
  font-size: var(--font_size01) !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  letter-spacing: var(--letterSpacing-s) !important;
  text-wrap: nowrap;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item .icon {
  width: 13.22px;
  margin-right: 0.34rem;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item .icon.size_m {
  margin-right: 0.24rem;
}
.UI_tools_mat_menu_v1 .mat-mdc-menu-item .icon.icon_stroked {
  stroke: var(--mainText);
}
.UI_tools_mat_menu_v1.big_icons .mat-mdc-menu-item .icon,
.UI_tools_mat_menu_v1 .mat-mdc-menu-item .icon.big {
  width: 16.22px;
  margin-right: 0.34rem;
}
.UI_tools_mat_menu_v1.w-300 {
  min-width: 300px !important;
}
.logocls-1 {
  fill: var(--mainText);
}
.logocls-2 {
  fill: var(--mainText);
}
.logocls-3 {
  fill: none;
  opacity: 0.7;
  stroke: var(--mainText);
  stroke-miterlimit: 10;
  stroke-width: 0.25px;
}
.itemMenucls-1 {
  fill: var(--dark300);
}
.itemMenucls-2 {
  fill: none;
  stroke: var(--altText);
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}
body {
  background-color: var(--body-bg);
}
.darkMain1 {
  background: var(--darkMain1);
}
.modal-body {
  overflow-y: hidden;
}
.btn-close {
  --bs-btn-close-color: #fff;
}
.modal-header {
  border-bottom: 1px solid var(--linesBlackBg);
}
.modal-footer {
  border-top: 1px solid var(--linesBlackBg);
}
.s-container {
  width: 80%;
  margin: 0 auto !important;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
}
.col {
  flex: 1 0 0%;
}
.col.modal-media {
  min-width: 0;
}
.container.v2 {
  --bs-gutter-x: 2rem;
}
.container.v3 {
  --bs-gutter-x: 5.7rem;
}
.container.v4 {
  --bs-gutter-x: 1.35rem;
}
.container.full {
  max-width: unset !important;
  padding-right: 0;
  padding-left: 0;
}
.container.s-full {
  max-width: unset !important;
  padding-right: 1rem;
  padding-left: 1rem;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.7rem;
  --bs-gutter-y: 0;
  width: 100%;
  max-width: 1320px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
.dashboard-layout .col-md-auto {
  flex: 0 0 auto;
  width: auto;
}
.m-w-none {
  max-width: none !important;
}
.inline-flex {
  width: 100%;
  display: inline-flex;
  align-content: center;
  align-items: center;
  flex-direction: row;
}
.f-center {
  justify-content: center;
}
.mx-auto {
  margin-right: auto;
  margin-left: auto;
}
.inline-flex.end {
  justify-content: flex-end;
}
.inline-flex.start {
  justify-content: start;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.opacity0 {
  opacity: 0;
  visibility: hidden;
}
.opacity5 {
  opacity: 0.5;
}
.m-w-s-c {
  margin: 0 auto;
}
.m-w-s-r {
  margin: 0 0 0 auto;
}
.m-w-s-l {
  margin: 0 auto 0 0;
}
.m-w-100 {
  max-width: 100px !important;
}
.m-w-200 {
  max-width: 200px !important;
}
.m-w-450 {
  max-width: 450px !important;
}
.m-w-700 {
  max-width: 700px !important;
}
.m-w-0 {
  max-width: 520px;
  padding: 0;
}
.m-w-1 {
  max-width: 720px;
  padding: 0;
}
.m-w-2 {
  max-width: 850px;
  padding: 0;
}
.m-w-3 {
  max-width: 350px;
  padding: 0;
}
.m-w-4 {
  max-width: 1050px;
  padding: 0;
}
.m-w-3.right {
  margin-left: auto;
}
.border-t {
  border-top: 1px solid;
}
.border-t.v1,
.border-t-v1 {
  border-color: var(--greyLines1);
}
.border-t.v2 {
  border-color: var(--uiColorMain2);
}
.border-t.v1.border-dark,
.border-t-v1.border-dark,
.border-b.v1.border-dark,
.border-b-v1.border-dark {
  border-color: var(--greyLinesDark1);
}
.border-b {
  border-bottom: 1px solid;
}
.border-b.v1 {
  border-color: var(--greyLines1);
}
.border-b.v2 {
  border-color: var(--uiColorMain2);
}
.border-b-v2 {
  border-bottom: 1px solid var(--uiColorMain2);
}
.border-t-v2 {
  border-top: 1px solid var(--uiColorMain2);
}
.left {
  margin: 0 auto 0 0;
}
.marg-0 {
  margin: 0 !important;
}
.marg-025 {
  margin: 0.25rem !important;
}
.marg-b-0 {
  margin-bottom: 0 !important;
}
.marg-b-025 {
  margin-bottom: 0.25rem;
}
.marg-b-05 {
  margin-bottom: 0.5rem;
}
.marg-b-075 {
  margin-bottom: 0.75rem;
}
.marg-b-1 {
  margin-bottom: 1rem;
}
.marg-b-15 {
  margin-bottom: 1.5rem;
}
.marg-b-2 {
  margin-bottom: 2rem;
}
.marg-t--1 {
  margin-top: -1rem;
}
.marg-t--2 {
  margin-top: -2rem;
}
.marg-t--3 {
  margin-top: -3rem;
}
.marg-t--4 {
  margin-top: -4rem;
}
.marg-t-0 {
  margin-top: 0 !important;
}
.marg-t-025 {
  margin-top: 0.25rem !important;
}
.marg-t-05 {
  margin-top: 0.5rem !important;
}
.marg-t-075 {
  margin-top: 0.75rem !important;
}
.marg-t-1 {
  margin-top: 0.5vw;
}
.marg-t-2 {
  margin-top: 1.5vw;
}
.marg-r-0 {
  margin-right: 0rem !important;
}
.marg-r-025 {
  margin-right: 0.25rem !important;
}
.marg-r-05 {
  margin-right: 0.5rem !important;
}
.marg-r-1 {
  margin-right: 1rem !important;
}
.marg-r-2 {
  margin-right: 2rem !important;
}
.marg-l-0 {
  margin-left: 0rem !important;
}
.marg-l-025 {
  margin-left: 0.25rem !important;
}
.marg-l-05 {
  margin-left: 0.5rem !important;
}
.marg-l-1 {
  margin-left: 1rem !important;
}
.marg-l-2 {
  margin-left: 2rem !important;
}
.padd-0 {
  padding: 0 !important;
}
.padd-025 {
  padding: 0.25rem;
}
.padd-05 {
  padding: 0.5rem;
}
.padd-1 {
  padding: 1rem;
}
.padd-15 {
  padding: 1.5rem;
}
.padd-2 {
  padding: 2rem;
}
.padd-r-0 {
  padding-right: 0 !important;
}
.padd-r-025 {
  padding-right: 0.25rem !important;
}
.padd-r-05 {
  padding-right: 0.5rem !important;
}
.padd-r-1 {
  padding-right: 1rem !important;
}
.padd-l-0 {
  padding-left: 0rem !important;
}
.padd-l-025 {
  padding-left: 0.3rem !important;
}
.padd-l-05 {
  padding-left: 0.5rem !important;
}
.padd-l-1 {
  padding-left: 1rem !important;
}
.padd-l-2 {
  padding-left: 2rem !important;
}
.padd-t-0 {
  padding-top: 0 !important;
}
.padd-t-025 {
  padding-top: 0.25rem;
}
.padd-t-05 {
  padding-top: 0.5rem !important;
}
.padd-t-075 {
  padding-top: 0.75rem !important;
}
.padd-t-1 {
  padding-top: 1rem;
}
.padd-t-15 {
  padding-top: 1.5rem;
}
.padd-t-2 {
  padding-top: 2rem;
}
.padd-t-3 {
  padding-top: 3rem;
}
.padd-t-4 {
  padding-top: 4rem;
}
.padd-t-5 {
  padding-top: 5rem;
}
.padd-t-6 {
  padding-top: 6rem;
}
.padd-t-7 {
  padding-top: 7rem;
}
.padd-t-8 {
  padding-top: 8rem;
}
.padd-t-9 {
  padding-top: 9rem;
}
.padd-t-10 {
  padding-top: 10rem;
}
.padd-t-12 {
  padding-top: 12rem;
}
.padd-t-14 {
  padding-top: 14rem;
}
.padd-b-0 {
  padding-bottom: 0 !important;
}
.padd-b-025 {
  padding-bottom: 0.25rem !important;
}
.padd-b-05 {
  padding-bottom: 0.5rem !important;
}
.padd-b-075 {
  padding-bottom: 0.75rem !important;
}
.padd-b-1 {
  padding-bottom: 1rem !important;
}
.padd-b-15 {
  padding-bottom: 1.5rem;
}
.padd-b-2 {
  padding-bottom: 2rem;
}
.padd-b-3 {
  padding-bottom: 3rem;
}
.padd-b-4 {
  padding-bottom: 4rem;
}
.padd-b-5 {
  padding-bottom: 5rem;
}
.padd-b-6 {
  padding-bottom: 6rem;
}
.padd-b-7 {
  padding-bottom: 7rem;
}
.padd-b-8 {
  padding-bottom: 8rem;
}
.padd-b-9 {
  padding-bottom: 9rem;
}
.padd-b-10 {
  padding-bottom: 10rem;
}
.padd-b-11 {
  padding-bottom: 11rem;
}
.padd-b-12 {
  padding-bottom: 12rem;
}
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.7rem;
  font-weight: 400;
  color: var(--mainText);
  margin: 0;
  font-size: var(--font_size04);
}
.size_1 {
  font-size: var(--font_size01) !important;
}
.size_2 {
  font-size: var(--font_size02) !important;
  line-height: 1.02rem !important;
  font-weight: 400;
}
.size_3 {
  font-size: var(--font_size03) !important;
  line-height: calc(var(--font_size03) + 25%) !important;
  letter-spacing: var(--letterSpacing01);
}
.size_4 {
  font-size: var(--font_size04);
  line-height: calc(var(--font_size04) + 25%);
  letter-spacing: var(--letterSpacing01);
}
.size_45 {
  font-size: var(--font_size045);
  line-height: calc(var(--font_size045) + 20%);
  letter-spacing: var(--letterSpacing01);
}
.size_5 {
  font-size: var(--font_size05);
  line-height: calc(var(--font_size05) + 10%);
  letter-spacing: var(--letterSpacing01);
}
.size_55 {
  font-size: var(--font_size055) !important;
  line-height: calc(var(--font_size055) + 10%);
}
.size_6 {
  font-size: var(--font_size06) !important;
  font-weight: 600;
  line-height: 3.3rem;
}
.size_7 {
  font-size: var(--font_size07) !important;
  font-weight: 600;
  line-height: calc(var(--font_size07) + 0.15rem) !important;
}
.title {
  font-weight: 500;
}
li,
p,
.p {
  font-size: var(--font_size01);
  line-height: 1.2rem;
  color: var(--mainText);
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.mainTextColor {
  color: var(--mainText);
}
p.legal {
  font-size: 0.8rem;
  line-height: 1.05rem;
  color: var(--grey2);
}
ul {
  list-style-type: disc;
  padding: 0 0.9rem;
}
ul.grey li {
  color: var(--grey);
}
.relative {
  position: relative;
}
.black {
  color: var(--mainText) !important;
}
.grey,
.mat-grey {
  color: var(--grey);
}
.grey2,
.mat-grey2 {
  color: var(--grey2);
}
.grey3,
.mat-grey3 {
  color: var(--grey3);
}
.blue {
  color: var(--blueTxt);
  font-weight: 300;
}
.pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default !important;
}
.verticalalign {
  vertical-align: middle;
  align-content: center;
  align-items: center;
}
.bottomalign {
  vertical-align: bottom;
  align-content: end;
  align-items: end;
}
.centerabsolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mdc-button__label {
  display: flex;
  align-items: center;
  flex-direction: row;
  letter-spacing: var(--letterSpacing01);
}
.mdc-linear-progress__buffer-bar {
  width: 100%;
  height: 20px;
  background-color: #f3f3f3;
  position: relative;
}
.state-archivado .progress-bar {
  background-color: var(--dark500);
}
.group_icons_end .wrapper > div {
  margin-left: 0.5rem;
}
.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(54, 61, 72, 0.9019607843);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: -1;
}
.custom-snackbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-width: unset !important;
}
.mdc-snackbar__label {
  padding: 0.65rem 0.85rem !important;
  min-height: 42.6px;
  line-height: 1.6rem !important;
}
.mat-mdc-snack-bar-container {
  margin: 25px !important;
}
.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  min-width: unset !important;
  padding-right: 0;
  box-shadow: var(--uiBoxShadow1);
  background-color: var(--body-bg) !important;
  border: 1px solid var(--uiColorMain25);
}
.text_snackbar {
  color: var(--text_snackbar);
  font-weight: 450;
  font-size: calc(var(--font_size01) - 0.018em);
  line-height: 1.4;
}
.custom-modal.active {
  opacity: 1;
  z-index: 999;
  pointer-events: all;
}
.modal-content {
  background-color: var(--white);
  border-radius: var(--borderRadius-s);
  overflow: hidden;
  width: 100%;
  max-width: 700px;
  border: 0;
}
.operations-modal .modal-content {
  max-width: 750px;
}
.config_pannels .modal-content {
  max-width: 850px;
}
.operations-modal .modal-content li {
  margin-bottom: 0.4rem;
  list-style: none;
}
.modal-header,
.modal-footer {
  padding: 0.3rem 0.4rem 0.3rem 0.8rem;
}
.dialog.v4 .modal-header {
  padding: 0.55rem;
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 1) calc(var(--bs-modal-header-padding-x) * 1);
}
.sidenav .item.menu svg {
  width: 25px;
  margin-right: 1rem;
}
.sidenav .wrapper.container_sidenav {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  box-shadow: var(--uiColorBorders) -1px 0px 0px 0px inset;
}
.floating-sidebar .wrapper.container_sidenav {
  height: 100%;
}
.sidenav .wrapper.container_sidenav .row.end {
  margin-top: auto;
}
.sidenav .wrapper.container_sidenav .row.end .container > button {
  margin-left: 0.5rem;
}
.swhich_brandspace.disabled {
  max-width: 300px;
  pointer-events: none;
}
.swhich_brandspace .logo_thumbnail,
.new_item_default .logo_thumbnail {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  border-radius: var(--borderRadius-s);
  overflow: hidden;
}
.swhich_brandspace .logo_thumbnail.noLogo {
  width: 0;
}
.swhich_brandspace .logo_thumbnail img,
.new_item_default .logo_thumbnail img {
  width: 85%;
  margin: 0 auto;
}
.swhich_brandspace .new .logo_thumbnail img,
.new_item_default .logo_thumbnail img {
  width: 50%;
}
.swhich_brandspace .brandspace_users {
  font-size: 0.7rem;
  color: var(--grey2);
}
.swhich_brandspace .brandspace_name {
  max-width: 100%;
}
.side_register .swhich_brandspace .brandspace_name {
  max-width: 160px;
  width: 100%;
}
.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  margin-right: 0 !important;
}
.mat-expansion-panel-header-title {
  justify-content: space-between;
}
.side_register .swhich_brandspace .logo_thumbnail {
  margin-right: 0 !important;
}
.swhich_brandspace .mat-expansion-panel-header {
  padding: 0 !important;
  height: auto !important;
}
.swhich_brandspace .mat-expansion-panel:not([class*=mat-elevation-z]) {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.swhich_brandspace .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: transparent !important;
}
.swhich_brandspace .mat-expansion-panel.mat-expanded:not([class*=mat-elevation-z]) {
  background: var(--switch-brandspace-bg) !important;
  box-shadow: var(--uiBoxShadow1) !important;
  border: 1px solid var(--uiColorBorders) !important;
}
.mat-expansion-panel.transparent {
  background: transparent !important;
}
.mat-expansion-panel.transparent:not([class*=mat-elevation-z]) {
  border: 0 !important;
}
.swhich_brandspace .brandspace_item {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  margin: 0 auto;
  width: 100% !important;
}
.swhich_brandspace .brandspace_item.actived_brandspace {
  padding: 0.55rem 0.55rem !important;
}
.side_register .swhich_brandspace .brandspace_item {
  width: 100% !important;
  padding: 0.35rem 0.75rem 0.35rem !important;
}
.swhich_brandspace .brandspace_item,
.new_item_default {
  padding: 0.35rem 0.25rem 0.35rem !important;
  height: auto;
  margin-right: 0;
  margin-left: 0;
}
.swhich_brandspace .mat-expansion-panel-body {
  padding: 0;
  text-align: center;
}
.swhich_brandspace .body_selector {
  margin-right: 0.2rem;
  margin-left: 0.2rem;
}
.swhich_brandspace .footer {
  padding-top: 0.3rem;
  margin: 0.3rem 0;
}
.nav_top_container {
  z-index: 99;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
.nav_top_container .container {
  padding: 0.42rem 0.7rem;
}
.app.wrapper .col-nav {
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  flex: 0 0 auto;
  width: 225px;
  height: 100vh;
  z-index: 9;
  background: var(--uiColorMain15);
}
.app.wrapper .col-content {
  flex: 1 1 0%;
  width: auto;
  overflow: auto;
}
.sidenav .name-section {
  display: contents;
}
.sidenav .name-section > .wrapper {
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sidenav .name-section > .wrapper::-webkit-scrollbar {
  display: none;
}
.sidenav .name-section .name {
  margin-left: 10px;
  color: var(--mainText);
}
.sidenav .name-section .name span {
  font-size: 0.9rem;
}
.sidenav .logo_container {
  padding-top: 0.85rem;
  padding-bottom: 0.8rem;
}
.sidenav .logo_container.no_logo {
  padding-bottom: 0;
  padding-top: 0;
}
.sidenav .profile {
  border-radius: var(--bs-border-radius);
  padding: 0.4rem 0.4rem;
}
.sidenav .profile:hover {
  background:
    linear-gradient(
      90deg,
      var(--dark800),
      rgba(201, 232, 109, 0.0117647059));
  filter: brightness(1.3);
}
.sidenav .logo {
  max-width: 135px;
  margin: 0;
  text-align: left;
}
.sidenav .logo img {
  width: auto;
  max-width: 75%;
  max-height: 65px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.beta_tag {
  background: var(--uiColorMain1);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 500;
  font-size: 0.6rem;
  text-transform: uppercase;
  border: 0.5px solid var(--uiColorBorders);
}
.beta_tag.small {
  padding: 0.1rem 0.35rem;
}
.beta_tag.small > * {
  font-size: 0.65rem !important;
}
.tag_new_feature {
  color: #237b19;
  background: var(--success);
  padding: 0.1rem 0.45rem;
  border-radius: 4px;
  font-size: 0.65rem !important;
  line-height: 1rem;
  font-weight: 500 !important;
  border: 0.5px solid var(--success);
}
.version_badge {
  color: #237b19;
  background: var(--success);
  padding: 0.1rem 0.4rem;
  border-radius: 4px;
  font-size: 0.65rem !important;
  line-height: 1rem;
  font-weight: 500 !important;
  border: 0.5px solid var(--success);
}
.with_new_feature .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.tag_workspace {
  padding: 0.2rem 0.5rem;
  line-height: 1rem;
  border-radius: var(--borderRadius-m);
  font-size: var(--font_size03);
  font-weight: 500;
  text-transform: uppercase;
  border: 0.5px solid var(--uiColorBorders);
}
.tag_workspace > * {
  font-size: var(--font_size03);
}
.tag_folder {
  padding: 0.2rem 0.5rem;
  line-height: 1rem;
  border-radius: var(--borderRadius-m);
  font-weight: 500;
  font-size: var(--font_size03);
  text-transform: uppercase;
  border: 0.5px solid var(--uiColorBorders);
}
.tag_folder > * {
  font-size: var(--font_size03);
}
.topnav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  align-items: baseline;
}
.topnav .fecha {
  margin: 0 25px;
}
.none {
  display: none !important;
}
.v-hidden {
  visibility: hidden;
  opacity: 0;
}
.col.notcard {
  padding: 0;
}
.card {
  background: var(--uiColorMain1);
  margin-left: 0.25vw;
  margin-right: 1.25vw;
  border: 0px solid var(--linesBlackBg);
}
.dark .card {
  background: var(--darkMain3);
}
.media-center.dark .img-container-flex .file:hover .card {
  background: var(--darkMain4);
}
.card.transparent {
  background: transparent;
  border: 0;
}
.card.col > * {
  margin: 0 auto;
}
.card-v1 {
  border: 1px solid var(--uiColorBorders);
  border-radius: var(--borderRadius-s);
}
.status-dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -11px;
  background: var(--orange);
}
.top-filters .search-container {
  text-align: left;
}
.top-filters .col {
  text-align: right;
}
.sort_filters_breadcumbs_section_wrapper .items_container .icon {
  width: 15px;
  height: 15px;
  pointer-events: none !important;
}
.sort_filters_breadcumbs_section_wrapper .icon {
  pointer-events: none !important;
}
.sort_filters_breadcumbs_section_wrapper .item_selected_name {
  max-width: calc(100vw - 275px);
}
.sort_filters_breadcumbs_section_wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  gap: 0.5rem;
}
.sort_filters_breadcumbs_section_wrapper .button_workspace,
.sort_filters_breadcumbs_section_wrapper .button_folder {
  max-width: 250px;
}
.sort_filters_breadcumbs_section_wrapper .button_folder.current_folder {
  max-width: unset;
}
.sort_filters_breadcumbs_section_wrapper .mdc-button__label {
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.gradient {
  background-size: 1000px 640px;
  position: relative;
  background:
    repeating-linear-gradient(
      90deg,
      var(--gradient01) 0,
      var(--gradient02) 50%,
      var(--gradient01));
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.dark .gradient {
  background-size: 1000px 640px;
  position: relative;
  background:
    repeating-linear-gradient(
      90deg,
      var(--gradient01Dark) 0,
      var(--gradient02Dark) 50%,
      var(--gradient01Dark));
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.generating_ai_tags {
  background:
    repeating-linear-gradient(
      90deg,
      var(--gradientAITags01) 0,
      var(--gradientAITags02) 50%,
      var(--gradientAITags01));
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 1.5s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  font-size: var(--font_size02);
  letter-spacing: var(--letterSpacing01);
  padding: 0.219rem 0.35rem;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.generating_ai_tags svg {
  fill: url(#animated-gradient);
  width: 16px;
  height: 15px;
}
#animated-gradient stop {
  animation: moveGradient 3s infinite;
}
#animated-gradient stop {
  animation: moveGradient 3s infinite;
}
#animated-gradient stop:nth-child(2) {
  animation-delay: 0.5s;
}
#animated-gradient stop:nth-child(3) {
  animation-delay: 1s;
}
@keyframes moveGradient {
  0% {
    stop-color: var(--gradientAITags01);
  }
  50% {
    stop-color: var(--gradientAITags02);
  }
  100% {
    stop-color: var(--gradientAITags01);
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -200% 0;
  }
}
.dialog .loader01 {
  height: 16.6rem !important;
}
.dialog .plansLoader {
  padding-bottom: 0.5rem !important;
}
.plansLoader {
  padding-bottom: 6rem;
}
.plansLoader {
  gap: 0.25rem !important;
}
.loader01 {
  height: 1.6rem;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader02 {
  height: 19.6rem;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader03 {
  height: 30.6rem;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader04 {
  height: 6rem;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader05 {
  height: 36px;
  width: 36px;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-m);
  position: relative;
}
.loader06 {
  height: 1.4rem;
  width: 19rem;
  margin-bottom: 0.5rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader07 {
  height: 2.2rem !important;
  width: 2.2rem !important;
  border-radius: 50px;
  margin-bottom: 0.5rem;
  position: relative;
}
.loader08 {
  height: 1.4rem;
  width: 1.4rem;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader09 {
  height: 1.4rem;
  width: 100%;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.loader10 {
  height: 2.14rem;
  width: 100%;
  border-radius: var(--borderRadius-s);
  position: relative;
}
.prl-01 {
  margin: 0.1rem 0.3rem;
}
.prl-02 {
  margin: 0;
}
.rowloader {
  background-color: transparent;
}
.rowloader:last-child {
  border-bottom: 0;
}
.GA4 > * {
  background: transparent;
}
.fileDetailModal .modal-body {
  max-height: var(--file-dialog-height) !important;
  min-height: var(--file-dialog-height) !important;
  padding: 0;
}
.fileDetailModal .modal-body video {
  max-height: var(--file-dialog-height);
}
.fileDetailModal .modal-footer .group_icons_end {
  margin: 0;
}
.fileDetailModal .download .radio_downloads span {
  color: var(--altText);
}
.fileDetailModal .download .radio_downloads span.resol {
  color: var(--grey2);
}
.fileDetailModal .col_info {
  display: flex;
  min-height: var(--file-dialog-height);
  border-left: 1px solid var(--greyLines1);
  max-width: 380px;
  min-width: 310px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.fileDetailModal .col_info .container {
  transition: all 0.3s ease-in-out;
}
.fileDetailModal .col_info.collapsed {
  max-width: 47px;
  min-width: 40px;
}
.fileDetailModal .col_info.collapsed .container,
.fileDetailModal .col_info.collapsed .mat-mdc-tab-header {
  opacity: 0;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out;
}
.fileDetailModal .mat-mdc-tab-header {
  transition: all 0.3s ease-in-out;
}
.fileDetailModal .col_info .metadata_file .item,
.folderDetailModal .metadata_file .item,
.workspaceDetailModal .metadata_file .item {
  padding-bottom: 0.6rem;
}
.fileDetailModal .col_info .mat_tab_info_products .mat-mdc-tab-body {
  max-height: calc(100vh - 125px);
}
.fileDetailModal .button_collapse_tabs_file {
  position: absolute;
  right: 0.5rem;
  z-index: 9;
  top: 4px;
  text-align: center;
}
.media-center {
  height: calc(100vh - 50px - var(--workspace-cover-height));
}
.media-center.inPublicLink,
.media-center.inSharedFile {
  height: calc(100vh - 58px - var(--workspace-cover-height));
}
.media-center .container.full {
  flex: 1 1 0%;
  width: auto;
  overflow: auto;
}
.media-center .col-2,
.breadcrumbs_cont.col-2 {
  width: 280px;
  min-width: 210px;
  max-width: 390px;
}
.media-center .col-2 {
  position: relative;
}
.media-center .col-2.is-dragging {
  -webkit-user-select: none;
  user-select: none;
}
.media-center .col-2 .resize-handle:hover,
.media-center .col-2.is-dragging .resize-handle {
  background: var(--uiSelection1);
}
.media-center .col-2 .resize-handle {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  z-index: 10;
  transition: background 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0.7s ease-in;
}
.media-center .col-2 .resize-handle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  width: 2px;
  height: 100%;
  background: transparent;
}
.media-center .col-2 {
  z-index: 9;
  border-right: 1px solid var(--greyLines1);
}
.media-center .col-2 .card {
  margin-right: 0;
  border: 1px solid var(--uiColorBorders);
}
.media-center .img-container-flex .file:hover .card {
  background: var(--uiColorMain2);
}
.media-center .card-container-img {
  box-shadow: none;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 100%;
  position: relative;
}
.media-center .card-container-img .card {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.1s;
  border: 3px solid transparent;
  margin: 0;
  border-radius: var(--borderRadius-s);
}
.media-center:not(.inSearchFiles) .card-container-img .card {
  height: calc(100% - 30px);
}
.media-center .img-container-flex .file.selected .card-container-img .card {
  border: 3px solid var(--actionMainHover);
}
.media-center.inSearchFiles .img-container-flex .file.selected .card-container-img .card {
  border: 2px solid var(--actionMainHover);
}
.media-center.inSearchFiles .card-container-img .card {
  border: 2px solid transparent;
}
.file.drop_over .card {
  border: 3px solid var(--actionMainHover);
  background: var(--uiSelection1);
}
.media-center .card-container-img .card .img_cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate(50%, 50%);
  pointer-events: none !important;
}
.media-center .card-container-img .card .img_cont img,
.media-center .card-container-img .card .img_cont video,
.media-center .card-container-img .card .img_cont svg {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  max-width: 120%;
  width: auto;
}
.media-center .card-container-img .card .img_cont .not_preview_file {
  display: block;
  position: absolute;
  width: 43px;
  height: auto;
  min-width: unset;
  pointer-events: none !important;
}
.presentation-thumbnail .img_cont .not_preview_file {
  display: block;
  position: absolute;
  width: 43px;
  height: auto;
  min-width: unset;
  pointer-events: none !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.media-center .img-container-flex .card-title {
  color: var(--mainText);
  margin-left: 3px;
  margin-bottom: 0;
}
.media-center .img-container-flex .card-title.fake_input span {
  padding: 0rem 0.36rem !important;
  display: block;
  font-size: var(--font_size02);
  margin: 0.12rem 0.05rem;
}
.input_edit_folder,
.input_edit_file {
  font-size: var(--font_size01) !important;
  width: 95%;
  background-color: transparent;
  border-radius: calc(var(--borderRadius-s) - 1px);
}
.input_edit_file.file_title {
  font-size: var(--font_size05) !important;
  line-height: calc(var(--font_size05) + 0.49rem);
  padding: 0rem 0.45rem;
  width: calc(100% - 6px);
  border-color: transparent;
  margin: 3px !important;
}
.input_edit_file.file_title:disabled {
  background: transparent !important;
}
.input_edit_file.file_title:not(:disabled):hover {
  border-color: var(--greyLines1);
}
.input_edit_file.file_title:focus-visible {
  box-shadow: 0;
  outline-color: var(--outline1) !important;
  outline-offset: 0px;
  outline: -webkit-focus-ring-color auto 1px;
  box-shadow: none !important;
}
.interactive {
  cursor: pointer;
}
.media-center .active-folder,
.tree_selection_move_clone .active-folder {
  background-color: var(--uiColorMain2);
}
.media-center .node-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  color: var(--mainText);
  padding: 0.5rem 0;
}
.media-center .scroll-container.grid-view .card-body {
  position: absolute;
  bottom: 1.5px;
  padding: 0 !important;
  width: 100%;
}
.media-center .scroll-container.grid-view .card-body .row_title .col:nth-child(1) {
  flex: 0 0 auto;
  width: auto;
}
.media-center .scroll-container.grid-view .card-body .row_title .col:nth-child(3) {
  width: 60px;
  height: 102%;
}
.media-center .scroll-container.grid-view .card-body .row_title .col.title {
  flex: 55%;
  width: 55%;
}
.media-center .scroll-container.grid-view .card-body .file_type_icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.media-center .scroll-container.grid-view .card-body .file_type_icon img {
  width: 15.5px;
  height: 15.5px;
}
.media-center .scroll-container.grid-view .img-container-flex .file,
.header_grid.img-container-flex .file {
  width: 100%;
  height: 100%;
}
.media-center .scroll-container.presentation-view {
  padding: 1rem;
}
.media-center .presentation-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
}
.media-center .presentation-item {
  position: relative;
  min-width: 120px;
  border-radius: var(--borderRadius-s);
  overflow: hidden;
  cursor: pointer;
  transition: box-shadow 0.2s ease;
  background: var(--uiColorMain1);
  max-width: 49%;
}
.media-center .presentation-item.presentation-special {
  max-width: 32.3%;
}
.media-center .presentation-item.selected {
  outline: 3px solid var(--actionMainHover);
}
.media-center .presentation-item.drop_over {
  outline: 3px solid var(--actionMainHover);
  background: var(--uiSelection1);
}
.media-center .presentation-thumbnail {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: inherit;
}
.media-center .presentation-thumbnail .canvas-thumbnail {
  background: var(--uiColorMain15);
}
.media-center .presentation-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}
.media-center .presentation-item:hover .presentation-img {
  transform: scale(1.01);
}
.media-center .presentation-folder-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2rem;
  transition: transform 0.25s ease;
}
.media-center .presentation-item:hover .presentation-folder-icon {
  transform: scale(1.01);
}
.media-center .presentation-folder-icon img {
  width: 60%;
  max-width: 55px;
  height: auto;
  opacity: 0.8;
}
.media-center .presentation-no-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 190px;
  background: var(--uiColorMain2);
  transition: transform 0.25s ease;
}
.media-center .presentation-item:hover .presentation-no-preview {
  transform: scale(1.01);
}
.media-center .presentation-fallback-icon {
  width: 50px;
  height: 50px;
  opacity: 0.7;
}
.media-center .presentation-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  transition: opacity 0.2s ease;
  z-index: 2;
}
.media-center .presentation-video-icon svg {
  width: 22px;
  height: 22px;
  margin-left: 4px;
}
.media-center .presentation-item:hover .presentation-video-icon {
  opacity: 1;
}
.media-center .presentation-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.85) 0%,
      rgba(0, 0, 0, 0.4) 70%,
      transparent 100%);
  padding: 3rem 0.75rem 0.75rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.media-center .presentation-item:hover .presentation-overlay {
  opacity: 1;
  pointer-events: auto;
}
.media-center .presentation-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.media-center .presentation-name {
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.media-center .presentation-meta {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.7rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.media-center .presentation-actions {
  display: flex;
  gap: 0.25rem;
  justify-content: flex-end;
}
.media-center .presentation-action-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  transition: background 0.2s ease !important;
}
.media-center .presentation-action-btn:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
.media-center .presentation-action-btn .icon {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1);
}
.media-center .presentation-loading {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.media-center .presentation-item app-canvas-thumbnail,
.media-center .presentation-item app-link-thumbnail {
  width: 100%;
  height: 100%;
}
.media-center .presentation-item.presentation-special .presentation-thumbnail {
  aspect-ratio: 1/1;
}
.media-center .presentation-item.presentation-special app-canvas-thumbnail,
.media-center .presentation-item.presentation-special app-link-thumbnail {
  transition: transform 0.25s ease;
}
.media-center .presentation-item.presentation-special:hover app-canvas-thumbnail,
.media-center .presentation-item.presentation-special:hover app-link-thumbnail {
  transform: scale(1.01);
}
@media (max-width: 768px) {
  .media-center .presentation-gallery {
    gap: 4px;
  }
  .media-center .presentation-item {
    min-width: 100px;
  }
  .media-center .presentation-item.presentation-special {
    max-width: 200px;
  }
  .media-center .presentation-name {
    font-size: 0.75rem;
  }
  .media-center .presentation-action-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }
  .media-center .presentation-action-btn .icon {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 480px) {
  .media-center .presentation-gallery {
    gap: 3px;
  }
  .media-center .presentation-item {
    min-width: 80px;
  }
  .media-center .presentation-item.presentation-special {
    max-width: 160px;
  }
  .media-center .presentation-overlay {
    padding: 2rem 0.5rem 0.5rem 0.5rem;
  }
}
.sticky-top {
  z-index: 9;
  position: sticky;
}
.sticky-top2 {
  z-index: 100;
}
.sticky-top3 {
  z-index: 1000;
}
.modal_media_upload #dropzone {
  width: 100%;
  padding: 7rem;
  text-align: center;
  border: 1px dashed var(--dark700);
  border-radius: var(--borderRadius-m);
  color: var(--grey);
  font-size: 1.55rem;
  font-weight: 600;
}
.modal_media_upload .modal-dialog {
  max-width: 900px;
}
.modal_media_upload .modal-dialog .modal-content {
  max-width: 900px;
}
.modal_media_upload .preview-uploads {
  max-height: 250px;
  overflow: scroll;
  margin-top: 1rem;
}
.modal_media_upload .preview-uploads .item {
  color: var(--mainText);
}
.modal_media_upload .preview-uploads .item:last-child {
  padding-bottom: 0rem;
}
.modal_media_upload .preview-uploads .item {
  padding-bottom: 0.45rem;
}
.modal-dialog.big {
  max-width: 90% !important;
}
.modal-dialog.big .modal-content {
  max-width: 100%;
}
.modal-title {
  font-size: var(--font_size04);
}
.fileDetailModal .modal-title {
  flex: 1;
  margin-right: 1rem;
}
.fileDetailModal .not_preview_file {
  width: 45px !important;
  height: 100%;
  min-width: unset !important;
}
.config_pannels div,
.config_pannels th {
  color: var(--mainText);
}
.login_page {
  width: 100%;
}
.login_page .h1 {
  font-size: 38px;
  line-height: 96.592%;
  font-weight: 600;
}
.login_page.customized-login .h1 {
  font-size: 22px;
  padding-top: 1rem;
  text-align: left;
}
.login_page .alert-success.custom {
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 2rem;
  font-size: 0.85rem;
  background: var(--dark800);
  border: 0;
  color: var(--mainText);
}
.login_page .wrapper1 {
  max-width: 400px;
  margin: 0 auto;
  padding: 0rem 1.55rem;
  border-radius: var(--borderRadius-s);
}
.login_page .logo-login-custom {
  width: 100%;
  max-width: 140px;
  height: auto;
  margin: 0 auto;
}
.logo_Nav_Min.in_login {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.logo_Nav_Min .logo {
  width: 35px;
}
.publicLinkNav {
  height: 58px;
}
.publicLinkNav .container.full {
  height: 58px;
  display: flex;
}
.logo_Nav_Min.size_m .logo:not(.brault) {
  width: auto;
  max-height: 34.5px;
  max-width: 85px;
}
.logo_Nav_Min.size_m .logo.brault {
  width: auto;
  max-height: 25px;
  max-width: 55px;
}
.m-w-100 {
  max-width: 100px;
}
.w-100 .mat-checkbox-layout {
  width: 100%;
}
.w-100 .mat-checkbox-inner-container {
  margin: auto 0.5rem auto 0.4rem;
}
.w-100 .mdc-label,
.w-100 .mdc-form-field {
  width: 100%;
}
.mat-mdc-checkbox .mdc-label {
  padding: 0.25rem;
}
.mat-mdc-slide-toggle .mat-internal-form-field {
  padding: 0.25rem;
}
.campaign_step.campaign_step_1 h3 {
  font-size: 0.95rem;
  color: var(--grey);
}
.campaign_step.campaign_step_1 h3 span {
  display: inline-flex;
  align-content: center;
  vertical-align: middle;
}
.campaign_step .step {
  height: 750px;
  max-height: 75vh;
  margin-right: 0.25vw;
  background-color: var(--uiColorMain1);
}
.campaign_step .wrapper {
  width: calc(100% - 3.5rem);
}
.campaignAnimations {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.colAnimation {
  flex: 0 0 auto;
  width: 100px;
  max-width: 70px;
  transition: all 0.6s;
  cursor: pointer;
}
.colAnimation.expanded {
  max-width: 100%;
  flex: 100%;
  cursor: initial;
  overflow-y: auto;
}
.colAnimation:not(.expanded) .wrapper {
  display: none;
  visibility: hidden;
  overflow: scroll;
}
.campaignForm {
  max-width: 600px;
}
.colAnimation.expanded .section-title {
  display: none;
  visibility: hidden;
  color: #fff;
}
.colAnimation:not(.expanded) .section-title {
  display: flex;
  flex-direction: column;
  text-orientation: upright;
  writing-mode: vertical-rl;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 25px;
  visibility: visible;
  color: var(--dark100);
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  max-height: var(--file-dialog-height) !important;
  position: sticky;
  top: 0;
}
.modal-media {
  position: sticky;
  top: 0;
  min-width: 0;
  overflow: hidden;
}
.modal-media:not(.is-document) {
  text-align: center;
  align-content: center;
  text-align: center;
  max-height: var(--file-dialog-height);
  background: var(--uiColorMain15);
}
.modal-media.is-document {
  max-height: calc(var(--file-dialog-height) - 3.5px) !important;
}
.fileDetailModal .mat-mdc-dialog-content {
  max-height: unset !important;
}
.modal-media video,
.modal-media svg {
  width: auto;
  max-width: 100%;
  height: auto;
  padding-top: 0rem;
  max-height: calc(var(--file-dialog-height)) !important;
}
.modal-media img:not(.thumbnailImage):not(.link_thumbnail_image):not(.icon) {
  max-height: calc(var(--file-dialog-height) - 0px) !important;
  width: auto;
  max-width: 100%;
  padding-top: 0rem;
  min-width: 150px;
}
.col.canvas_file {
  width: 0;
}
.modal-media .link_preview_container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.modal-media .link_thumbnail_drawer {
  width: 100%;
  max-width: 100%;
}
.modal-media .link_thumbnail_container_drawer {
  width: 100%;
  max-width: 100%;
}
.state-archivado {
  opacity: 0.2;
}
.state-archivado.pointer:hover {
  opacity: 0.4;
}
.operations-modal ul {
  padding: 1rem 0;
  margin: 0;
}
.operations-modal li {
  padding: 0.6rem 1rem;
  color: var(--mainText);
  background: var(--dark800);
  border-radius: var(--bs-border-radius);
  font-size: 0.9rem;
  border: 1px solid var(--linesBlackBg);
}
.operations-modal app-audio-player {
  display: block;
  padding-top: 0.5rem;
}
.operations-modal .modal-body {
  padding: 0rem 1.7rem;
}
.operations-modal .row .col:first-of-type {
  padding-right: 1em;
}
.sumary-list > .col {
  margin: 1rem 0.2rem;
}
.sumary-list ul {
  border-radius: 10px;
  height: 200px;
  overflow-y: scroll;
  padding: 0 0.5rem;
  margin-bottom: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.sumary-list ul::-webkit-scrollbar {
  display: none;
}
.sumary-list .more-info {
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--grey);
  text-decoration: none;
  display: block;
  font-size: 0.85rem;
  padding-top: 0.5rem;
}
.sumary-list .more-info:hover {
  color: var(--mainText);
}
.sumary-list .counter {
  background-color: var(--dark800);
  width: 33px;
  height: 33px;
  line-height: 33px;
  display: inline-block !important;
  text-align: center;
  border-radius: 50px;
  margin-left: 1rem;
  font-size: 0.8rem;
}
.sumary_card {
  margin-top: 10px;
  border-radius: var(--bs-border-radius);
  padding-bottom: 0.5rem;
  position: relative;
  background-color: var(--dark800);
  border: 1px solid var(--linesBlackBg);
}
.sumary_card .bg_01 {
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--dark700);
  height: 100%;
  width: 100%;
  z-index: 0;
  border-radius: var(--bs-border-radius);
}
.sumary_card .bg_02 {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--dark600);
  height: 100%;
  z-index: 0;
  border-radius: var(--bs-border-radius);
}
.sumary_card .wrapper {
  position: relative;
  z-index: 9;
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
}
.sumary-process.attached:hover .bg_02 {
  background-color: var(--dark500) !important;
}
.sumary-process.attached:hover .bg_01 {
  background-color: var(--dark600) !important;
}
.sumary-list .more-info:hover {
  color: var(--mainText);
}
.mr-0 {
  margin-right: 0;
}
.ml-0 {
  margin-left: 0;
}
.sumary-process {
  list-style: none;
  padding: 0.5rem 13px;
  font-size: 0.85rem;
  color: var(--mainText);
  background: var(--dark700);
  border-radius: var(--bs-border-radius);
  margin-bottom: 0.5em;
  line-height: 1.3em;
  border: 1px solid var(--linesBlackBg);
}
.sumary-process:last-of-type {
  border-bottom: 0;
}
.sumary-process:first-of-type {
  margin-top: 0.5rem;
}
.white {
  color: var(--mainText);
}
.selection-area {
  position: absolute;
  border: 1px dashed var(--grey);
  background-color: var(--uiColorMain4);
  z-index: 99999;
  pointer-events: none;
}
.no-pointer-events,
.no-pointer-events *:hover,
.no-pointer-events *,
.no-pointer-events .card-container-img,
.disabled {
  pointer-events: none !important;
}
.img-card-checkbox {
  position: relative;
  z-index: 9;
}
.cdk-drag-preview {
  box-sizing: border-box;
  box-shadow: var(--uiBoxShadow1);
  background-color: var(--white);
  border: 1px solid var(--greyLines1);
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.workspace-list.cdk-drop-list-dragging .workspace-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.workspace-custom-placeholder {
  background: var(--uiColorMain2);
  border: dotted 1px var(--uiColorMain2);
  min-height: 29px;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  border-radius: var(--borderRadius-s);
}
.upload_popup {
  position: fixed;
  width: 360px;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%) !important;
  background: var(--bgMatMenu);
  border: 1px solid var(--greyLines1);
  z-index: 999999;
  border-radius: var(--borderRadius-l);
  box-shadow: var(--uiBoxShadow15);
  overflow: hidden;
}
.upload_popup .mat-mdc-progress-spinner,
.upload_popup .mat-mdc-progress-spinner svg {
  width: 20px !important;
  height: 20px !important;
}
.background-circle {
  stroke-dasharray: 282.743;
  stroke-dashoffset: 0;
  opacity: 0;
}
.custom-spinner .spinner-circle {
  stroke-dasharray: 230.3715 230.3715;
  stroke-dashoffset: 0;
  transform-origin: 50% 50%;
  animation: rotate-spinner 1.1s linear infinite;
}
@keyframes rotate-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.upload_popup .col.title {
  width: 0 !important;
}
.upload_popup .mat-expansion-panel-body {
  padding: 10px 12px 10px 9px;
  border-top: 1px solid var(--uiColorMain2);
  max-height: 160px;
  overflow: scroll;
  scrollbar-width: none;
}
.upload_popup .mat-expansion-panel-body::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.upload_popup .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.upload_popup .mat-progress-bar {
  height: 2.5px;
}
.upload_popup .mat-expansion-panel-header-title,
.upload_popup .mat-expansion-panel-header-description {
  margin-right: 0;
}
.upload_popup .mat-expansion-panel-header-description {
  flex-grow: 0.1;
}
.upload_popup .mat-expansion-panel-header-title {
  margin-right: 0;
  flex-grow: 0.9;
}
.upload_popup .mat-expansion-panel-spacing {
  margin: 0;
}
.upload_popup .mat-expansion-panel-header,
.upload_popup .mat-expansion-panel-header.mat-expanded {
  height: 40px;
}
.upload_popup .mat-expansion-panel-header .UI_tools_icon_single_button.pill.mdc-icon-button {
  margin-left: 0.25rem;
}
.upload_popup .mat-expansion-panel-header .mat-content.mat-content-hide-toggle {
  margin: 0;
}
.upload_popup .mdc-linear-progress__bar-inner {
  border-color: var(--actionMainHover);
}
.upload_popup .finished .mdc-linear-progress__bar-inner {
  border-color: var(--uiColorSuccess);
}
.upload_popup .mdc-linear-progress {
  height: 2.5px;
}
.upload_popup .mat-expansion-panel-header {
  padding: 0 0.5rem 0 1rem !important;
}
.upload_popup.download_popup .mat-expansion-panel-header {
  padding: 0 0.5rem 0 0.5rem !important;
}
.upload_popup .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
  background: transparent;
}
.img_d_d_rotate {
  transition: transform 0.3s;
}
.icon_single,
img.icon_single {
  width: 17px;
  height: 17px;
  margin-bottom: -0.24rem;
  margin-left: 0.3rem;
}
.mat-expanded .img_d_d_rotate {
  transform: rotate(179deg);
}
.upload_popup .thumbnail {
  height: 40px;
  overflow: hidden;
  vertical-align: middle;
  align-items: center;
  display: flex;
  align-content: center;
  background: var(--uiColorMain2);
  border-radius: var(--borderRadius-s);
  padding: 0;
  margin: 0 0.5rem;
}
.upload_popup .thumbnail.not_preview_file {
  background: transparent;
}
.upload_popup .thumbnail.not_preview_file .contain_file {
  position: relative;
  width: 40px;
  height: 40px;
}
.upload_popup .thumbnail.not_preview_file .contain_file img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}
.upload_popup .item:not(:last-child) {
  padding: 0 0 0.5rem 0;
}
.workspace_box {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  color: var(--mainText);
  border-radius: var(--borderRadius-s);
  padding: 0.28rem 0.35rem 0.28rem 0.4rem;
  cursor: pointer;
}
.workspace_box .logo_emoj.isImage {
  text-align: center;
  height: 28px;
  width: 28px;
}
.workspace_box .emoji-set {
  text-align: center;
  font-size: var(--font_size05);
  width: 100%;
}
.workspace_box .icon_container {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.userlist .emoji-set {
  font-size: var(--font_size05);
}
.workspace_box .options {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: auto;
  opacity: 0;
}
.workspace_box:hover {
  background: var(--uiColorMain2) !important;
}
.workspace_box.transparent:hover {
  background: transparent !important;
}
.workspace_box.active {
  background: var(--uiColorMain25);
}
.workspace_box a {
  width: 100%;
  text-decoration: none;
  color: var(--mainText);
  display: block;
  max-width: 85%;
  padding-left: 0.3rem;
}
.side_register .workspace_box a {
  max-width: calc(100% - 2rem);
}
.side_register .workspace_box:hover {
  background: var(--uiColorMain1);
}
.workspace_box input {
  width: 100%;
}
.btns_group.sub_input {
  padding-top: 0.35rem;
}
.btns_group.sub_input.center {
  justify-content: center;
}
.workspace_box .edit_name_section.wrapper {
  padding: 0.3rem 0;
}
.edit_name_section .workspace-edit-input {
  padding: 0.43rem 0.6rem 0.4rem;
  line-height: 1.2rem;
  background: transparent !important;
  font-weight: 550;
}
.workspace_box .emoji_container {
  width: 22px;
  height: 22px;
  line-height: 22px;
  position: relative;
  overflow: hidden;
  border-radius: var(--borderRadius-xs);
}
.workspace_box .emoji_container .emoji_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.workspace_box .emoji_container .emoji-empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: var(--uiColorMain2);
  border-radius: 50%;
}
.workspace-container h5 {
  color: var(--grey2);
  font-size: 1em;
}
.mat-simple-snackbar-action {
  color: var(--white);
}
.mat-tooltip-panel {
  pointer-events: none;
}
.mdc-tooltip__surface {
  border-radius: var(--borderRadius-s) !important;
  background: var(--uiColorTooltip) !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  font-family: var(--font-family-default) !important;
  letter-spacing: var(--letter-spacing-default) !important;
}
.mdc-tooltip__surface:not(.multiline) {
  pointer-events: none !important;
}
.mat-mdc-tooltip-panel {
  pointer-events: none !important;
}
.multiline .mdc-tooltip__surface {
  white-space: pre-line;
  text-align: left;
}
.multiline .mdc-tooltip__surface {
  max-width: 300px !important;
}
.mat-snack-bar-container {
  border-radius: var(--borderRadius-m) !important;
  background: var(--uiColorTooltip) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: unset !important;
  color: var(--white) !important;
  box-shadow: var(--uiBoxShadow1) !important;
  max-width: 40vw !important;
  padding: 8px 12px !important;
  min-height: 45px !important;
}
.custom-tooltip-content {
  background: var(--uiColorTooltip);
  color: var(--white);
  border-radius: var(--borderRadius-s);
  line-height: 0.8rem;
  font-weight: 400 !important;
  font-family: var(--font-family-default) !important;
  letter-spacing: var(--letter-spacing-default) !important;
  padding: 0.65rem;
  max-width: 450px;
}
.custom-tooltip-content * {
  color: var(--white);
  font-weight: 400;
  font-size: var(--font_size02);
}
.custom-tooltip-content img {
  width: 100%;
  height: auto;
  border-radius: var(--borderRadius-s);
}
.custom-tooltip-content li {
  margin: 0;
}
.mat-simple-snack-bar-content {
  font-size: var(--font_size02);
  line-height: 1.2rem;
}
.mat-tree-node {
  min-height: 0px !important;
}
.mat-tree.default .mdc-icon-button {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.mat-tree.default .mat-checkbox-background {
  justify-content: flex-start;
}
.mat-tree.default .mat-checkbox-mixedmark {
  width: calc(100% - 9px);
  height: calc(100% - 4px);
  margin-left: 1.5px;
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--uiColorMain) !important;
  background-color: var(--uiColorMain) !important;
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  opacity: 1;
  background: var(--bgInputs);
  border-color: var(--bgInputs);
  border-radius: 999px;
  width: 70%;
}
.mat-tree.default .material-icons {
  font-size: 17px;
}
.folder_list_container .mat-tree-custom-node,
.tree_selection_move_clone .mat-tree-custom-node {
  display: flex;
  position: relative;
  flex-direction: row;
  align-content: center;
  align-items: center;
  color: var(--mainText);
  border-radius: var(--borderRadius-s);
  padding: 0.4rem 0.2rem 0.4rem 0.4rem;
  min-height: unset;
  cursor: pointer;
  font-size: var(--font_size02);
}
.shared_folder_list_container .mat-tree-custom-node {
  padding: 0rem 0.2rem 0rem 0.4rem;
}
.inMoveClone .wrapper {
  padding: 0.3rem 0rem 0.3rem 0rem;
}
.inMoveClone .folder_name {
  border-radius: var(--borderRadius-s);
}
.inMoveClone.folder_list_container {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.inMoveClone .folder_name:not(.selected, .dark):hover {
  background: var(--uiColorMain1);
}
.inMoveClone .folder_name.dark:not(.selected):hover {
  background: var(--darkMain3) !important;
}
.inMoveClone .search-match {
  box-shadow: var(--uiBoxShadow3);
}
.inMoveClone .selected {
  background: var(--uiSelection1);
}
.dialog_move_clone .container_end,
.container_end.absolute_clear_search {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.margins_input_01 {
  margin: 0.2rem;
}
.shared_folder_list_container .mat-mdc-checkbox .mdc-label {
  padding: 0.4rem;
}
.shared_tree_folders {
  min-height: 150px;
  max-height: 300px;
  overflow: auto;
}
.shared_tree_folders .folder_list_container {
  display: contents;
  padding: 0;
}
.shared_folder_list_container {
  --bs-gutter-x: 1.7rem;
  --bs-gutter-y: 0;
  width: 100%;
  max-width: 1320px;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-right: auto;
  margin-left: auto;
}
.folder_name::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1.5px !important;
  background-color: transparent;
  z-index: 9;
}
.folder_name::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 1.5px !important;
  background-color: transparent;
  z-index: 9;
}
.drop-above::before {
  background: var(--actionMainHover);
}
.drop-below::after {
  background: var(--actionMainHover);
}
.drop-center > .mat-tree-custom-node {
  background-color: var(--uiSelection1) !important;
  border-radius: var(--borderRadius-s);
  box-shadow: var(--uiBoxShadow2);
  z-index: 9999999;
}
.folder_list_container .mat-tree-custom-node .t_e {
  font-size: var(--font_size01);
}
.folder_list_container .mat-tree-custom-node:hover,
.tree_selection_move_clone .mat-tree-custom-node:hover {
  background: var(--uiColorMain1);
}
.folder_list_container .options {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  opacity: 0;
}
.tree_selection_move_clone .absolute_options {
  margin-right: 1rem;
}
.folder_list_container .folder_name,
.tree_selection_move_clone .folder_name {
  width: 100%;
  cursor: pointer;
  position: relative;
}
.folder_list_container .mat-tree-custom-node:hover,
.tree_selection_move_clone .mat-tree-custom-node:hover {
  background: var(--uiColorMain1);
}
.mat-nested-tree-node.cdk-keyboard-focused:not(:hover) {
  outline: 1px solid var(--outline1);
  border-radius: 5px !important;
  outline-offset: 0px;
  box-shadow: none;
  background: var(--uiSelection1);
}
.mat-nested-tree-node.cdk-mouse-focused,
.mat-nested-tree-node.cdk-touch-focused,
.mat-nested-tree-node.cdk-keyboard-focused:hover {
  outline: none;
  box-shadow: none;
  background: transparent;
}
.mat-nested-tree-node {
  display: block;
}
.folder_list_container .mdc-icon-button.expand_icon,
.tree_selection_move_clone .mdc-icon-button.expand_icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 0.25rem;
  margin-right: 0.2rem;
}
.folder_list_container .mdc-icon-button.expand_icon .mat-icon,
.tree_selection_move_clone .mdc-icon-button.expand_icon .mat-icon {
  font-size: 15px;
  line-height: 24px;
  width: 24px;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--grey);
}
.folder_list_container .icon_folder.workspace img {
  max-width: 25px;
  width: auto;
  max-height: 25px;
}
.folder_list_container .icon_folder .emoji {
  font-size: 1.4rem;
}
.folder_list_container .icon_folder .emoji-empty {
  width: 12px;
  height: 12px;
  background: var(--uiColorMain2);
  border-radius: 50%;
}
.mat-tree-custom-node .mat-mdc-button-disabled {
  pointer-events: none;
}
.mat-tree-custom-node:hover > .options {
  opacity: 1;
}
.absolute_options.actived,
.absolute_options.actived .options,
.options.actived {
  opacity: 1 !important;
}
.files-drag-over .card {
  box-shadow: var(--uiBoxShadow2);
  background-color: var(--uiSelection1);
}
.tree_media_center {
  scrollbar-width: none;
}
.tree_media_center::-webkit-scrollbar {
  display: none;
}
.tree_media_center {
  height: calc(100vh - 53px - var(--workspace-cover-height));
}
.tree_media_center .mat-tree,
.boards-list {
  overflow-y: scroll;
  max-height: calc(100vh - (282px + var(--workspace-cover-height)));
  padding-bottom: 2.5rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  overflow-x: hidden;
}
.shared-link-layout .tree_media_center,
.shared-file-layout .media_results {
  max-height: calc(100vh - 59px - var(--workspace-cover-height));
}
.tree_container.w-gradient-bottom:after,
.elem-w-gradient-bottom:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3.5rem;
  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--body-bg) 85%,
      white 90%,
      white 100%);
  pointer-events: none;
}
.tree_media_center .header_cats .emoji_container {
  width: 60%;
  text-align: left;
  margin: 0;
}
.tree_media_center .header_cats .emoji_container .logo_emoj span {
  font-size: 2.7rem;
  background-size: contain;
  background-position: center center;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.tree_media_center .header_cats .emoji_container .UI_tools_btn_transparent {
  min-width: 25px;
  min-height: 25px;
  height: auto !important;
  padding: 0rem 0.6rem !important;
}
.tree_media_center .header_cats .description .wrapper {
  color: var(--grey);
  display: block;
}
.tree_media_center .header_cats .description p {
  color: var(--grey);
  overflow: hidden;
}
.tree_media_center .header_cats .all_files_cont .mat-mdc-button {
  width: 100%;
  color: var(--mainText);
}
.tree_media_center .header_cats .all_files_cont .mat-mdc-button:hover {
  background: var(--uiColorMain3);
}
.tree_media_center .header_cats .all_files_cont .UI_tools_btn_transparent {
  min-height: 31.95px;
}
.tree_media_center .header_cats .edit_name_section input {
  font-size: var(--font_size05);
}
.d-none {
  display: none !important;
}
.hide {
  visibility: hidden !important;
}
.hide_show_options .options,
.hide_show_options .absolute_options,
.hide_show_options .absolute_options::before,
.hide_show_opts .opts {
  opacity: 0;
}
.hide_show_options:hover .options,
.hide_show_options:hover .absolute_options,
.hide_show_options:hover .absolute_options::before,
.hide_show_opts:hover .opts {
  opacity: 1;
}
.absolute_options {
  position: absolute;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  min-width: 52px;
}
.absolute_options.single {
  min-width: 35px;
}
.hide_show_options:hover .absolute_options:not(.transparent) {
  background: var(--body-bg);
}
.hide_show_options:hover .absolute_options.v1 {
  background: var(--hide_show_options_hoverv1);
}
.hide_show_options:hover .absolute_options.v2 {
  background: var(--hide_show_options_hoverv2);
}
.hide_show_options:hover .absolute_options.v1::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--hide_show_options_hoverv1));
}
.hide_show_options:hover .absolute_options.v2::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--hide_show_options_hoverv2));
}
.absolute_options.transparent {
  background: transparent;
}
.absolute_options.transparent::before {
  background:
    linear-gradient(
      90deg,
      transparent,
      transparent);
}
.absolute_options::before {
  position: absolute;
  content: "";
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--body-bg));
  height: 100%;
  width: 17px;
  left: -16.5px;
  top: 0;
  z-index: -1;
}
.absolute_options.right {
  right: 0px;
}
.absolute_options.hide {
  opacity: 0;
  visibility: hidden;
}
.hide_show_options .absolute_options .options {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.tag_section .mat-mdc-text-field-wrapper {
  padding: 0;
}
.tag_section .mat-mdc-form-field-underline,
.mdc-line-ripple {
  display: none;
}
.tag_section input:focus-visible {
  box-shadow: none !important;
  border: 0 !important;
}
.tag_section .mat-mdc-form-field {
  border-radius: var(--borderRadius-s);
}
.tag_section .mat-mdc-form-field-infix {
  padding: 0;
  border: 0;
}
.tag_section input {
  height: 1.591rem !important;
}
.tag_section input:disabled {
  background: transparent;
}
.d-flex {
  display: flex;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-0 {
  flex: 0;
}
.flex-1 {
  flex: 1;
}
.d-flex.right {
  justify-content: flex-end;
  margin-left: auto;
}
.d-flex.center {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.d-flex.space-between,
.space-between {
  justify-content: space-between;
}
.flex-start {
  justify-content: flex-start !important;
}
.justify-center {
  justify-content: center;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.d-column {
  flex-direction: column;
}
.h-100 {
  height: 100%;
}
.d-row {
  flex-direction: row;
}
.gap015 {
  gap: 0.2rem;
}
.gap025 {
  gap: 0.35rem;
}
.gap05 {
  gap: 0.5rem;
}
.gap075 {
  gap: 0.75rem;
}
.gap1 {
  gap: 1rem;
}
.gap2 {
  gap: 2rem;
}
.gap3 {
  gap: 3rem;
}
.gap4 {
  gap: 4rem;
}
.search_module input.mat-mdc-chip-input {
  margin-left: 5px;
}
.search_module .mat-mdc-form-field {
  border-radius: var(--borderRadius-m);
  cursor: text;
}
.search_module .container {
  max-width: unset;
  padding: 0;
}
.search_module .icon_search {
  height: 20px;
}
.search_module .icon_search img {
  width: 14px;
  height: 14px;
}
.search_module .mdc-text-field--filled:not(.mdc-text-field--disabled),
.search_module .mat-mdc-form-field-focus-overlay,
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
  padding: 0;
}
.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0 !important;
}
.search_module .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align,
.tag_section .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
  display: none !important;
}
.search_module .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  background: var(--searchbar-bg);
  border-radius: var(--borderRadius-m);
}
.search_module .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.tag_section .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  background: var(--searchbar-bg);
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--uiColorMain3);
  min-height: unset !important;
}
.search_module .advanced-search-open .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  border-radius: var(--borderRadius-m) var(--borderRadius-m) 0 0;
  border-bottom-color: transparent !important;
}
.search_module .advanced-search-open .mdc-text-field--filled .mat-mdc-form-field-infix,
.search_module .advanced-search-active .mdc-text-field--filled .mat-mdc-form-field-infix {
  background-color: var(--white) !important;
  background: var(--white) !important;
}
.search_module .advanced-search-open.default_focus_visible.cdk-focused,
.search_module .advanced-search-active.default_focus_visible.cdk-focused,
.search_module .advanced-search-open.default_focus_visible.mat-focused,
.search_module .advanced-search-active.default_focus_visible.mat-focused,
.search_module input:focus-visible ~ .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  box-shadow: none !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  font-size: var(--font_size01);
}
.search_module .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: flex;
  align-content: center;
  position: relative;
  flex-direction: row;
  align-items: center;
  padding: 0.21rem 0.3em 0.21rem 0.75em;
  gap: 0.35rem;
  border-radius: var(--borderRadius-m);
}
.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
  padding-left: 0px !important;
  padding-right: 2px !important;
  position: relative;
}
.mat-mdc-chip-remove::after {
  position: absolute !important;
  top: 51.3% !important;
  left: 52% !important;
  bottom: unset !important;
  right: unset !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.tag_section .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 0.33rem 0.45em;
}
.search_module.loading {
  background-size: 1000px 640px;
  position: relative;
  background:
    repeating-linear-gradient(
      90deg,
      var(--gradient01) 0,
      var(--gradient02) 50%,
      var(--gradient01));
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  border: 0;
  border-radius: var(--borderRadius-s);
}
.search_module.invitation_emails .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 130px;
  border: 1px solid var(--grey2);
  cursor: text;
  background: var(--bgInputs);
  padding: 0.55rem 0.6rem;
}
.search_module.invitation_emails.small .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 190px;
  padding: 0.14rem 0.15rem;
}
.search_module.invitation_emails.small .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-chip-set,
.search_module.invitation_emails.small .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-evolution-chip-set__chips {
  width: 100%;
}
.search_module.invitation_emails .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.search_module.invitation_emails .mat-mdc-chip-list,
.search_module.invitation_emails .mat-mdc-chip-list-wrapper,
.search_module.invitation_emails .mat-mdc-chip-input {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search_module.invitation_emails .mat-mdc-chip-set .mdc-evolution-chip-set__chips,
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  margin-left: 0 !important;
}
.search_module.invitation_emails.v2 .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: unset;
}
.default_focus_visible.cdk-focused,
.default_focus_visible.mat-focused,
.search_module input:focus-visible ~ .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  box-shadow: var(--uiBoxShadow2) !important;
}
.mainSearch.default_focus_visible.mat-focused .mat-mdc-form-field-infix {
  background: var(--white) !important;
}
.custom_select_native {
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-s);
  background: var(--bgInputs);
  padding: 0.27rem 0.2rem;
  color: var(--mainText);
  line-height: 0.5rem;
  font-size: var(--font_size02);
  background: var(--bgInputs);
}
.custom_select_native:focus-visible {
  outline: 0 !important;
}
.search_module .mat-mdc-form-field-flex .mat-mdc-form-field-infix input:focus-visible {
  box-shadow: none;
  border: 0 !important;
}
.search_module .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  vertical-align: middle;
  padding: 0;
  border: 0;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  display: flex;
  gap: 0.2rem;
}
.search_module .block_breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
}
.search_module .mdc-line-ripple {
  display: none;
}
.search_module .mat-mdc-form-field-wrapper {
  padding: 0;
}
.search_module .mat-mdc-form-field-label-wrapper {
  margin-left: 1.6rem;
  top: -0.61em;
}
.search_module .mat-mdc-chip-list-wrapper input.mat-input-element,
.tag_section .mat-mdc-chip-list-wrapper input.mat-input-element {
  margin-left: 0.23rem;
  padding-left: 0.21rem;
  color: var(--mainText);
}
.search_module .mat-mdc-chip-list-wrapper input.mat-input-element:disabled {
  background: none;
  border: none;
}
.search_module .mat-mdc-chip-list-wrapper input.mat-input-element::placeholder,
.tag_section .mat-mdc-chip-list-wrapper input.mat-input-element::placeholder {
  color: var(--grey);
}
.search_module:not(.invitation_emails) .mat-mdc-chip-list-wrapper {
  margin-left: 0rem;
}
.search_module .mat-mdc-chip.mat-mdc-standard-chip,
.tag_section .mat-mdc-chip.mat-mdc-standard-chip {
  background-color: var(--uiColorMain3);
  margin: 0.01rem;
  padding: 0.12rem 0.2rem 0.12rem 0.45rem;
  min-height: 0;
  border-radius: var(--borderRadius-s);
  box-shadow: none !important;
}
.search_module .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label,
.tag_section .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  display: flex;
  font-size: var(--font_size02);
  color: var(--mainText);
}
.search_module .mat-mdc-chip.route_rearch {
  background-color: var(--uiCustomChip);
  border: 1px solid var(--uiCustomChipBorder);
  border-radius: var(--borderRadius-s) !important;
  min-height: 23px;
}
.search_module .mat-mdc-chip.route_rearch .icon_folder {
  width: 13px;
}
.search_module .mat-mdc-standard-chip .mat-mdc-chip-remove.mat-icon,
.search_module .mat-mdc-standard-chip .mat-mdc-chip-remove .mat-icon,
.tag_section .mat-mdc-standard-chip .mat-mdc-chip-remove.mat-icon,
.tag_section .mat-mdc-standard-chip .mat-mdc-chip-remove .mat-icon {
  width: 15px;
  height: 15px;
  font-size: 15px;
  color: var(--uiColorMain4);
}
.search_module .container_end > * {
  position: absolute;
  height: 25px;
  right: 0;
}
.search_module .container_end {
  width: 80px;
  height: 25px;
}
.search_module .advanced-search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  flex: 1;
  cursor: pointer;
  min-height: 24px;
  font-size: var(--font_size02);
  letter-spacing: var(--letter-spacing-default);
}
.search_module .hidden-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.mat-mdc-standard-chip .mat-mdc-chip-remove,
.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  margin-left: 0.1rem !important;
}
.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
  padding-left: 0px !important;
}
.AiTagsLabel svg {
  fill: var(--uiColorMain);
  stroke: var(--uiColorMain);
  width: 11.5px;
  height: 11.5px;
}
.tags-chip.aitags .mat-mdc-form-field-infix {
  background: transparent;
  padding: 0;
  border: 0;
}
.tags-chip.aitags .mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
  padding-right: 4px;
  padding-left: 4px;
}
.tags-chip.aitags .mat-mdc-chip.mat-mdc-standard-chip {
  padding: 0.12rem 0.2rem 0.12rem 0.2rem;
}
.tags-chip.aitags .mat-mdc-chip.mat-mdc-standard-chip {
  background: transparent;
  border: 1px solid var(--greyLines1);
}
.tags-chip.aitags .mat-mdc-chip.mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  font-size: var(--font_size03);
}
.list .list_item {
  padding: 0.4rem 0;
}
.list .list_item:not(:last-child) {
  border-bottom: 1px solid var(--greyLines1);
}
.user-list-container .userlist:first-child,
.list .list_item:first-child {
  border-top: 1px solid var(--greyLines1);
}
.brandspace_role .role {
  border-radius: 3px;
  background: var(--role_defaultBG);
  color: var(--role_default);
}
.role {
  display: table;
  font-size: 8px;
  border-radius: var(--borderRadius-s);
  line-height: 0.9rem;
  padding: 0 0.25rem;
  text-transform: uppercase;
}
.role.ADMIN,
.role.owner {
  background: var(--role_adminBG);
  color: var(--role_admin);
}
.use_bar {
  background: var(--uiColorMain2);
  border-radius: var(--borderRadius-m);
  overflow: hidden !important;
  position: relative !important;
  padding: 0.9rem 0.65rem !important;
  color: var(--uiColorMain4);
}
.use_bar .progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: var(--uiColorMain3);
}
.use_bar .txt img {
  width: 35px;
}
.use_bar .img_group span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 7.5px;
  color: var(--uiColorMain4);
  font-weight: 600;
}
.custom_mat_tab .mdc-tab {
  min-width: unset !important;
  padding: 4px 2.5px;
  height: auto;
  font-size: var(--font_size03);
  border-radius: 4px;
}
.custom_mat_tab .mdc-tab:hover {
  background: transparent !important;
}
.custom_mat_tab .mat-mdc-tab .mdc-tab__ripple::before {
  display: none !important;
}
.custom_mat_tab .mdc-tab .mat-mdc-tab-ripple {
  display: none !important;
}
::ng-deep .custom_mat_tab .mat-tab-label {
  outline: none !important;
  box-shadow: none !important;
}
.custom_mat_tab .mdc-tab-indicator {
  padding: 0 0.25rem;
}
.custom_mat_tab .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0 !important;
}
.custom_mat_tab .mat-mdc-tab .mdc-tab-indicator__content--underline {
  border-top-width: 1.5px;
  border-color: var(--uiColorMain) !important;
}
.custom_mat_tab:not(.w-100) .mat-mdc-tab-labels {
  width: 97%;
  margin: 0 auto;
  padding: 0px;
}
.uitools .trash_titular {
  display: table;
  background-color: var(--uiColorMain2);
  padding: 0.1rem 0.4rem;
  border-radius: var(--borderRadius-s);
}
.selection-box {
  position: absolute;
  background-color: var(--uiSelection1);
  border: 0px solid rgba(0, 120, 215, 0.6);
  z-index: 9999;
  display: none;
  pointer-events: none;
}
.selection-box.active {
  display: block;
}
.disable-text-selection {
  -webkit-user-select: none;
  user-select: none;
}
.drag-area {
  position: relative;
  width: 100%;
  height: 400px;
  border: 1px solid #666;
}
#modal_new_cat {
  z-index: 999;
}
.overlay-popout-google {
  border-color: var(--bgMatMenu) !important;
  background-color: var(--bgMatMenu) !important;
  width: 43px !important;
  height: 42px !important;
  right: 25px !important;
  top: 12px !important;
  position: absolute !important;
  z-index: 1000 !important;
}
.file_dropzone_container {
  position: absolute;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.w-30 {
  width: 30%;
}
.w-20 {
  width: 20%;
}
.min-w-50 {
  min-width: 50px !important;
}
.min-w-120 {
  min-width: 120px !important;
}
.media_results {
  margin: 0;
  padding-top: 0rem;
  padding-left: 0rem;
  border: 0;
  display: flex;
  border-radius: var(--borderRadius-s);
  flex: 1;
  flex-direction: column;
  height: 100%;
  contain: content;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
}
.media_results.inPublicLink,
.media_results.inSharedFile {
  height: calc(100vh - 58px - var(--workspace-cover-height));
}
.row.media-center.inPublicLink,
.row.media-center.inSharedFile {
  height: calc(100vh - 58px - var(--workspace-cover-height));
}
.scroll-container {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
  max-width: 100%;
}
.scroll-container {
  padding-top: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: calc(var(--bs-gutter-x) * 0.5);
}
.h1 {
  font-size: var(--font_size05);
  font-weight: 300;
  line-height: 1.65rem;
}
.h1.mainColor {
  color: var(--uiColorMain4);
}
.emoji-box:not(.inMatMenu) {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 99999999999;
  width: 390px;
}
.emoji-mart {
  height: 300px;
  overflow: auto;
  width: 100% !important;
  color: var(--mainText);
  font-size: var(--font_size02);
}
.emoji_list_select {
  width: 100% !important;
}
.emoji-mart-anchors {
  display: none;
}
.emoji-mart-sr-only {
  display: none;
}
.emoji-mart-search-icon {
  display: none;
}
.emoji-mart-search {
  padding: 2px 2px 0.7rem 2px;
  position: sticky;
  top: 0;
  background: var(--bgMatMenu);
}
.emoji-mart-search input {
  width: 100%;
}
.emoji-mart-preview {
  display: none;
}
.emoji-mart-emoji {
  cursor: pointer;
}
.emoji-mart-category-label {
  margin: 0.9rem 0 0.55rem 0;
}
.emoji-close-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
}
.workspace-image-list {
  display: flex;
}
.listed-workspace-image {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: relative;
  margin-left: 1rem;
}
.listed-workspace-image:last-child {
  margin-right: 1rem;
}
.listed-workspace-image img {
  width: 100%;
  height: auto;
}
.delete-workspace-image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.logo_emoj .emoji-empty {
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  background: var(--uiColorMain2);
  border-radius: 50%;
}
.image-background-workspace {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
}
.image-background-workspace:not(.bg_image_workspace, .in_workspace_view, .in_workspace_creation, .in_breadcrumbs_view) {
  width: 100% !important;
  height: 100% !important;
}
.image-background-workspace.bg_image_workspace {
  width: 73% !important;
  height: 90% !important;
  margin: 0 auto;
}
.image-background-workspace.in_workspace_view {
  width: 60px;
  height: 60px;
}
.image-background-workspace.in_breadcrumbs_view {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  pointer-events: none !important;
}
.image-background-workspace.in_search_bar,
.workspace_badge .image-background-workspace {
  width: 20px !important;
  height: 20px !important;
}
.brandspace-users {
  display: flex;
  align-items: center;
}
.filters {
  border-bottom: 1px solid var(--greyLines1);
  background: var(--body-bg);
}
.filters .filterCreation .wrapper {
  padding: 0.225rem 0 0.2rem;
}
.filters .filterCreation {
  border-left: 1px solid var(--greyLines1);
  padding-left: 0.25rem;
}
.filters .loop_files span:not(:last-child) {
  margin-right: 0.4rem;
}
.filters .activedFilters .sortorfilterContainer {
  white-space: nowrap;
  overflow-x: scroll;
  text-overflow: ellipsis;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-right: 0.35rem;
}
.filters .activedFilters .sortorfilterContainer::-webkit-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
  width: 0;
  height: 0;
  background: transparent;
}
.filters .fk_select.small .mat-mdc-outlined-button.w_s_btn {
  background: rgba(var(--uiColorMain-rgb), 0.08);
  border-color: var(--uiColorMain) !important;
  border-radius: var(--borderRadius-l) !important;
}
.filters .fk_select.small .mat-mdc-outlined-button.w_s_btn .mdc-button__label,
.filters .fk_select.small * {
  color: var(--uiColorMain) !important;
}
.filters .icon,
.filters .icon_prev {
  fill: var(--uiColorMain) !important;
}
.datepicker_container .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.userlist .brandspace-users-accordion .mat-expansion-panel {
  border: none;
}
.list .brandspace-users-accordion .mat-expansion-panel {
  visibility: hidden;
  opacity: 0;
}
.list .brandspace-users-accordion .mat-expansion-panel.mat-expanded {
  margin-top: 0.6rem;
  visibility: visible;
  opacity: 1;
}
.ng-animating,
.ng-trigger-transformMenu {
  transform-origin: top center !important;
  animation-duration: 7s !important;
  transition: all 3s !important;
}
.steps-pills {
  display: flex;
  align-items: center;
}
.step-pill {
  width: 75px;
  height: 9px;
  background-color: var(--uiColorMain2);
  margin-right: 5px;
  border-radius: var(--borderRadius-s);
}
.step-pill.filled {
  background-color: var(--uiColorMain);
}
.register-cards {
  display: flex;
}
.register-card-input {
  display: none;
}
.register-card {
  display: block;
  border: 1px solid #ccc;
  padding: 20px;
  margin: 10px;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}
.register-card:hover {
  transform: scale(1.05);
}
.register-card-input:checked + .register-card {
  border-color: #007bff;
  background-color: #f0f8ff;
}
.register-card .card-content h2,
.register-card .card-content p {
  margin: 0;
}
.register-form {
  display: flex;
  flex-direction: column;
}
.register-form div label:first-child {
  margin-right: 2rem;
}
.segmented-control {
  grid-column: 3/4;
  grid-row: 1/2;
  width: 10.75rem;
  height: 2rem;
  border-radius: var(--borderRadius-m);
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid var(--greyLines1);
}
.segmented-control input {
  display: none !important;
}
.segmented-control > input + label {
  z-index: 1;
}
.segmented-control > input + label span {
  font-size: var(--font_size03);
}
.segmented-control > input:checked + label {
  transition: all 0.35s ease;
  color: var(--white);
}
.segmented-control__1,
.segmented-control__2,
.segmented-control__3 {
  width: 5.8rem;
  height: 2rem;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--greyDark);
  transition: all 0.35s ease;
}
.segmented-control__1:hover,
.segmented-control__2:hover,
.segmented-control__3:hover {
  color: var(--primary);
}
.segmented-control__color {
  position: absolute;
  height: 1.7rem;
  width: 5rem;
  left: 2px;
  margin-left: 0;
  border-radius: var(--borderRadius-m);
  background: var(--uiColorMain);
  pointer-events: none;
}
#tab-1:checked ~ .segmented-control__color {
  transform: translateX(0);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#tab-2:checked ~ .segmented-control__color {
  transform: translateX(5.4rem);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.plans_in_dialog .pricing_tabs .product_item .pre_header {
  border-bottom: 1px solid var(--greyLines1);
}
.pricing_tabs .product_item .header .price {
  line-height: 1rem;
  font-size: calc(var(--font_size06) - 0.95rem);
  line-height: calc(var(--font_size06) - 0.95rem);
}
.pricing_tabs .product_item:not(.last) {
  border-right: 1px solid var(--uiColorMain2);
}
.pricing_tabs .col.product_item {
  display: flex;
  flex-direction: column;
  background: var(--white);
  border-radius: var(--borderRadius-m);
}
.pricing_tabs .col.product_item:not(.pricing_item) {
  margin: 0.35rem;
}
.pricing_tabs.upgrade-dialog .col.product_item {
  margin: 0 !important;
  max-width: 250px !important;
}
.pricing_tabs.activate-pro-trial .col.product_item {
  max-width: 320px !important;
}
.pricing_tabs.activate-pro-trial .col.product_item .container {
  border-left: 1px solid var(--greyLines1) !important;
  padding: 1.5rem;
}
.pricing_tabs:not(.upgrade-dialog) .col.product_item:not(.pricing_item) {
  border: 3px solid var(--uiColorMain2) !important;
}
.pricing_tabs:not(.upgrade-dialog) .col.product_item.pricing_item,
.pricing_tabs:not(.upgrade-dialog) .col.product_item.form_item {
  border: 1px solid var(--uiColorMain2) !important;
  box-shadow: var(--uiBoxShadow15);
}
.pricing_tabs:not(.upgrade-dialog) .col.product_item.type_popular {
  border: 1px solid var(--uiColorMain) !important;
}
.home .pricing_tabs .col.product_item {
  border: 1px solid var(--greyLines1) !important;
}
.pricing_tabs .product_item .type_popular .popular {
  border-radius: var(--borderRadius-s);
}
.pricing_tabs .product_item .type_popular .popular span {
  font-size: var(--font_size03);
  text-align: center;
}
.pricing_tabs .product_item .type_popular .popular {
  background-color: var(--uiColorMain);
  color: var(--white);
  line-height: 1.2rem;
  padding: 0 0.6rem;
}
.pricing_tabs .product_item .type_popular .popular_mobile {
  background-color: var(--uiColorMain);
  color: var(--white);
  line-height: 1.27em;
  padding: 0.12rem 0.35rem;
  border-radius: var(--borderRadius-xs);
}
.pricing_tabs.upgrade-dialog .col.product_item {
  border: 0 !important;
}
.pricing_tabs.upgrade-dialog .product_container {
  margin: 0 auto;
  justify-content: center;
}
.page.home .main_section > .d-flex {
  position: relative;
  z-index: 1;
}
.page.home .main_section .right {
  border-radius: var(--borderRadius-m);
  background: var(--ui-blue-01);
  padding: 0 1rem;
}
.home .buttons_section .mat-mdc-button.UI_tools_btn_transparent.big .mdc-button__label {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem;
}
.home .buttons_section .mat-mdc-button.UI_tools_btn_transparent.big .mdc-button__label * {
  font-family: var(--font-family-default) !important;
}
.pricing_tabs .col.product_item .cta,
.pricing-plan .cta {
  margin-top: auto;
  padding: 0rem 0px 0rem !important;
}
.pricing_tabs .product_item .features ul {
  padding: 0;
}
.pricing_tabs .product_item .features li {
  position: relative;
  padding-left: 1.4rem;
  list-style-type: none;
  margin-bottom: 0.25rem;
  font-size: var(--font_size01);
}
.pricing_tabs .product_item .type_colab .colab {
  border-radius: var(--borderRadius-l);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 1.15rem;
}
.pricing_tabs .product_item .type_colab .colab span {
  font-size: var(--font_size03);
  text-align: center;
}
.pricing_tabs .product_item .type_colab .colab.enabled {
  background-color: var(--uiColorWarn1);
  color: var(--uiColorWarn);
}
.pricing_tabs .product_item .type_colab .colab.disabled {
  background-color: var(--ui-blue-03);
  color: var(--uiColorMain);
}
.pricing_tabs .product_item .pre_header {
  position: absolute;
  top: calc(4px - 1rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.addOnTag {
  background-color: var(--uiColorMain2);
  color: var(--mainText);
  font-size: var(--font_size03);
  border-radius: 3px;
  padding: 0.1rem 0.4rem;
}
.pricing-table {
  width: 100%;
}
.pricing-table.comparatives .feature-row .title {
  text-align: left;
  flex: 0 0 auto;
  width: 60%;
  max-width: 450px;
}
.pricing-header {
  display: flex;
  justify-content: space-between;
  gap: 0;
}
.pricing-plan {
  flex: 1;
  padding: 0.75rem 0.25rem;
  vertical-align: middle;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pricing-plan {
  background-color: var(--white);
}
.feature-row {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem;
  text-align: center;
  border-radius: var(--borderRadius-m);
  align-items: center;
}
.feature-row.title,
.feature-row .title {
  text-align: left;
}
.feature-row.title {
  padding-bottom: 0.5rem;
  padding-top: 3.05rem;
}
.feature-row.title h3 {
  font-size: var(--font_size05);
}
.feature-row > div {
  flex: 1;
}
.feature-row > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricing-section {
  background: #ffffff;
}
.pricing-section .feature-row:nth-child(odd):not(:first-child) {
  background-color: var(--ui-blue-01);
}
.pricing_tabs .product_item:not(.last) {
  border-right: 1px solid var(--uiColorMain2);
}
.pricing_tabs .col.product_item {
  display: flex;
  flex-direction: column;
}
.pricing_tabs .col.product_item .cta {
  margin-top: auto;
}
.pricing_tabs .product_item .marketing_feature {
  display: inline list-item;
}
.pricing_tabs .product_item .features ul {
  padding: 0;
}
.pricing_tabs .product_item .features li {
  position: relative;
  padding-left: 1.4rem;
  list-style-type: none;
  margin-bottom: 0.25rem;
}
.pricing_tabs .product_item .features li::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url(/assets/icons/black/icon_add02.svg);
  background-repeat: no-repeat;
  background-size: 13px;
}
.pricing_tabs .product_item .features .add_on::before {
  background-image: url(/assets/icons/black/icon_add02.svg);
}
.pricing_tabs .product_item .features .addon_title::before {
  background-image: none !important;
}
.pricing_tabs .product_item .features .addon_title {
  margin-top: 1.5rem;
  background: var(--uiColorTooltip);
  color: var(--white) !important;
  padding: 0.05rem 0.3rem 0.05rem 0.3rem !important;
  border-radius: var(--borderRadius-xs);
  font-size: var(--font_size03) !important;
  font-weight: 300;
  cursor: default;
  display: flex;
  flex-direction: row;
  gap: 0.05rem;
  width: fit-content;
  align-items: center;
  line-height: 1.3rem;
}
.pricing_tabs .product_item .features li:not(.add_on, .addon_title)::before {
  background-image: url(/assets/icons/light/black/icon_check_v2.svg) !important;
}
.pricing_tabs .product_item .features li.not_incl {
  color: var(--grey2);
}
.pricing_tabs .product_item .container {
  width: 97%;
}
.pricing_tabs.upgrade-dialog .product_item .container {
  width: 100%;
}
.pricing_tabs .product_item .name {
  font-size: var(--font_size05);
}
.product_item.btransfer .logo {
  width: 130px;
}
.pricing_tabs .short_description p {
  min-height: 50px;
}
.register_form .title_section p {
  color: var(--black02);
  line-height: calc(var(--font_size05) + 15%);
}
.register_form .side_register {
  height: calc(100vh - 125px);
}
.register_form .side_register .wrapper1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
}
.register_form .side_register .wrapper2 {
  border-radius: var(--borderRadius-m);
  background-color: var(--white);
  box-shadow: var(--uiBoxShadow1);
  max-width: 280px;
  cursor: default !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  min-height: 460px;
  max-height: 80vh;
  margin: 0 auto;
}
.register_form .col_side {
  background: var(--uiColorMain1);
  border-top-left-radius: var(--borderRadius-l);
  border-bottom-left-radius: var(--borderRadius-l);
  margin-top: 12px;
}
.register_form .side_register .logo {
  width: 80%;
  margin: 0 auto;
  max-width: 140px;
  padding-top: 1rem;
}
.vi__wrapper {
  position: relative;
  width: min-content;
}
.verify {
  position: absolute;
  color: transparent;
  background: transparent;
  caret-color: transparent;
  outline: none;
  border: 0 none transparent;
  padding: 0;
  width: calc(100% + 4rem);
  line-height: 56px;
  left: -4rem;
}
.verify:focus-visible,
input.verify:focus-visible {
  box-shadow: none;
  border: 0 !important;
}
.verify:focus-visible + .verify__container .verify__character.active {
  box-shadow: var(--uiBoxShadow2) !important;
}
.verify::-ms-reveal,
.verify::-ms-clear {
  display: none;
}
.verify::selection {
  background: transparent;
}
.verify__container {
  display: flex;
  gap: 6px;
  height: 59px;
  width: 300px;
  padding: 0.3rem;
}
.verify__character {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  font-size: var(--font_size05);
  color: var(--black02);
  border: 1px solid var(--grey2);
  border-radius: var(--borderRadius-s);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  line-height: 47px;
}
.verify__character span {
  font-size: var(--font_size06);
  color: var(--grey2);
  line-height: 39px;
}
.verify__character--inactive {
  color: dimgray;
  background-color: lightgray;
}
.verify__character--selected {
  outline: 2px solid cornflowerblue;
  color: cornflowerblue;
}
.verify_input_cont {
  width: min-content;
  height: min-content;
  overflow: hidden;
}
.verify__container.success .verify__character {
  background: var(--success);
}
.icon_verify {
  min-width: 26px;
}
.sidebar_settings .workspace_box .emoji_container {
  position: absolute;
}
.sidebar_settings .workspace_box .emoji_container .emoji_btn {
  width: 16px;
  height: 17px;
  padding: 0 !important;
}
.sidebar_settings .name_workspace {
  padding-left: 1.4rem;
}
.sidebar_settings .workspace_box {
  border-radius: var(--borderRadius-s);
  padding: 0.48rem 0.2rem 0.48rem 0.4rem;
}
.sidebar_settings .workspace_box.active {
  background: var(--uiColorMain3);
}
.col-nav-settings {
  border-right: 1px solid var(--greyLines1);
  max-width: 203px;
  min-width: 200px;
}
.settings .media_results {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0;
}
.media_results.on_drag,
.custom-drag-node {
  cursor: default !important;
}
.brandspace_settings .brandspace_name {
  font-size: var(--font_size04);
}
.brandspace_settings .brandspace_logo .icon_left {
  padding: 0 !important;
  border: 1px solid var(--greyLines1);
  padding: 0 !important;
  border: 1px solid var(--greyLines1);
  overflow: hidden;
  height: 150px !important;
  width: 150px !important;
}
.brandspace_settings .brandspace_logo .image-background-workspace {
  background-size: 70%;
  width: 130px !important;
  height: 130px !important;
}
.settings .header_settings h2 {
  font-weight: 600;
}
.settings .anchor_item {
  padding-top: 5rem;
}
.brandspace_settings .users_settings .dialog.v1 {
  width: 100%;
}
.shared_item {
  padding: 0.17rem 0.6rem;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size02);
  border: 1px solid var(--greyLines1);
}
.shared_item .image_logo,
.workspaceName_inSearch .image_logo,
.image_logo.single {
  width: auto;
  max-width: 22px;
  max-height: 22px;
}
.shared_item .image_logo.isFolder,
.image_logo.isFolder.single {
  width: 13.5px;
  height: auto;
  line-height: 15px;
}
.custom-drag-node {
  position: fixed;
  top: -5rem;
  left: 0;
  margin-left: 1rem;
  background-color: var(--bgMatMenu);
  padding: 0.55rem 2.5rem;
  z-index: 99999;
  opacity: 1;
  width: 210px !important;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size01);
  border: 1px solid var(--greyLines1);
  color: var(--mainText);
}
.custom-drag-item {
  position: fixed;
  top: -5rem;
  left: 0;
  margin-left: 1rem;
  background-color: var(--bgMatMenu);
  padding: 0.55rem 2.5rem;
  z-index: 99999;
  opacity: 1;
  width: 210px !important;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size01);
  border: 1px solid var(--greyLines1);
  color: var(--mainText);
}
.custom-drag-item::after,
.custom-drag-node::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  width: 100%;
  height: 100%;
  background-position: center left;
  background-size: 17px;
  background-repeat: no-repeat;
  background-image: url(/assets/icons/light_brault/black/icon_folder_open.svg);
}
.notifications .notify {
  padding: 0.2rem;
  border-radius: var(--borderRadius-s);
}
.absolute_counter.alerts span {
  font-weight: 300;
  font-size: 10px;
  line-height: 1rem;
}
.absolute_counter.alerts {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--error);
  height: 1rem !important;
  width: 1rem !important;
  border-radius: 50px;
  color: var(--white);
  font-size: 10px;
  line-height: 0;
  z-index: 9;
}
.table_v1 {
  width: 100%;
}
td.mat-cell {
  color: var(--mainText);
}
th.mat-header-cell {
  color: var(--grey);
}
th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: 0px !important;
}
th.mat-header-cell:first-of-type,
td.mat-cell:first-of-type,
td.mat-footer-cell:first-of-type {
  padding-left: 0px !important;
}
.btransfer_container .container.v4 {
  --bs-gutter-x: 1rem;
}
.btransfer_container {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-m);
  height: 180px;
  overflow: hidden;
}
.btransfer_container.drop_over {
  box-shadow: var(--uiBoxShadow2);
  background: var(--uiSelection1);
}
.dropZone.drop_over {
  background: var(--uiSelection1);
}
.btransfer_container.is_drop_over {
  background-color: var(--uiSelection1);
  border: 1px solid transparent;
}
.btransfer_container .controls {
  margin-top: auto;
}
.btransfer_container .controls.transparent {
  background: transparent;
}
.btransfer_container .controls .mat-mdc-slide-toggle .mat-internal-form-field {
  padding: 0 !important;
}
.btransfer_container .file_icon {
  width: 13px;
  height: 13px;
}
.confetti_wrapper {
  position: relative;
}
.confetti_absolute {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.theme_preview .col_01 .container {
  height: 210px;
}
.theme_preview .f_inline {
  display: flex;
  gap: 5px;
  flex-direction: row;
}
.theme_preview .item {
  height: 20px;
  width: 100%;
  border-radius: var(--borderRadius-s);
}
.theme_preview .item.w-70 {
  width: 70%;
}
.theme_preview .item.v2 {
  height: 4rem;
}
.theme_preview .item.pill {
  width: 20px;
  height: 20px;
  border-radius: 50px;
}
.theme_preview {
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-l);
  overflow: hidden;
  background: var(--body-bg);
}
.theme_preview .col_01 {
  max-width: 25%;
}
.theme_preview .col_01 {
  background: var(--uiColorMain1);
}
.theme_preview .item00 {
  background: var(--uiColorMain);
}
.theme_preview .item01 {
  background: var(--uiColorMain1);
}
.theme_preview .item02 {
  background: var(--uiColorMain2);
}
.theme_preview.Light.Grayscale .col_01,
.theme_preview.Light.Custom .col_01 {
  background: rgba(238, 238, 238, 0.6117647059);
}
.theme_preview.Light.Grayscale,
.theme_preview.Light.Custom {
  background: #ffffff;
}
.theme_preview.Light.Grayscale .item00 {
  background: var(--uiPermanentMain);
}
.theme_preview.Light.Custom .item00 {
  background: var(--uiColorMain);
}
.theme_preview.Light.Grayscale .item01,
.theme_preview.Light.Custom .item01 {
  background: rgba(228, 229, 230, 0.6117647059);
}
.theme_preview.light.Grayscale .item02,
.theme_preview.light.Custom .item02 {
  background: rgba(228, 229, 230, 0.6117647059);
}
.theme_preview.Dark.Grayscale .col_01,
.theme_preview.Dark.Custom .col_01 {
  background: rgba(42, 42, 42, 0.6117647059);
}
.theme_preview.Dark.Grayscale,
.theme_preview.Dark.Custom {
  background: #1e1e1e;
}
.theme_preview.Dark.Grayscale .item00 {
  background: var(--uiPermanentMain);
}
.theme_preview.Dark.Custom .item00 {
  background: var(--uiColorMain);
}
.theme_preview.Dark.Grayscale .item01,
.theme_preview.Dark.Custom .item01 {
  background: rgba(52, 52, 51, 0.6117647059);
}
.theme_preview.Dark.Grayscale .item02,
.theme_preview.Dark.Custom .item02 {
  background: rgba(52, 52, 51, 0.6117647059);
}
.appearance_settings .color_preview {
  border-radius: var(--borderRadius-s);
  color: #ffffff;
  font-size: var(--font_size03);
  padding: 0rem 0.4rem;
}
button.theme.theme_light_brault {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 50%,
      #e5ebf8 50%,
      #e5ebf8 75%,
      #2c83f9 75%,
      #2c83f9 100%);
}
button.theme.theme_light_grayscale {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 50%,
      #e1e4e8 50%,
      #e1e4e8 75%,
      var(--uiPermanentMain) 75%,
      var(--uiPermanentMain) 100%);
}
button.theme.theme_dark_grayscale {
  background:
    linear-gradient(
      to bottom,
      #101010 0%,
      #101010 50%,
      #474747 50%,
      #474747 75%,
      var(--uiPermanentMain) 75%,
      var(--uiPermanentMain) 100%);
}
button.theme.theme_light_custom {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 50%,
      var(--uiColorMain) 50%,
      var(--uiColorMain) 100%);
}
button.theme.theme_dark_custom {
  background:
    linear-gradient(
      to bottom,
      #101010 0%,
      #101010 50%,
      var(--uiColorMain) 50%,
      var(--uiColorMain) 100%);
}
button.theme.theme_custom img,
button.theme.theme_custom svg {
  width: 18px;
}
button.theme {
  border: 1.5px solid var(--greyLines1);
  cursor: pointer;
}
button.theme.active {
  border: 1.5px solid var(--uiColorMain);
}
.inline_gap_1 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
#appearance .inline_gap_1 .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#appearance .inline_gap_1 label {
  margin-top: 0.5rem;
  font-size: var(--font_size02);
}
#appearance button.theme {
  width: 50px;
  height: 50px;
  border-radius: 50px !important;
  padding: 0 !important;
  min-width: unset;
  position: relative;
}
.custom_color_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#appearance .list {
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-s);
  padding: 1rem;
}
.tree_container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tree_container::-webkit-scrollbar {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
.preloader-tableView {
  padding: 0;
}
.preloader-tableView .loader02 {
  height: 3.6rem;
}
.tree-selector-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(245, 248, 252, 0.4901960784);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.canvas-site .btransfer-download {
  height: 80vh;
}
.canvas-site #editorContainer {
  min-height: calc(100vh - 65px);
}
.alternative_navigation {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}
.download-custom-progress-bar,
.download-custom-progress-bar .mat-progress-bar-fill::after,
.download-custom-progress-bar .mat-progress-bar-buffer {
  height: 20px !important;
}
.download-progress-container {
  position: relative;
  width: 100%;
}
.download-progress-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  z-index: 1;
  pointer-events: none;
}
p.bold,
.bold,
.fw-500 {
  font-weight: 500 !important;
}
.fw-550 {
  font-weight: 550 !important;
}
.bold_2 {
  font-weight: 700 !important;
}
.italic {
  font-style: italic !important;
}
.w-normal {
  font-weight: 400 !important;
}
.remove-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.remove-scrollbar::-webkit-scrollbar {
  display: none;
}
.chrome-picker {
  box-shadow: none !important;
}
.test-dropzone-active {
  border-color: var(--bs-border-color);
  box-shadow: var(--uiBoxShadow2);
}
.search_module .emoji-empty {
  display: block;
  position: relative;
  transform: initial;
  left: 0;
  top: 0;
}
.breadcrumbs_container.with_filters {
  padding-top: 0;
  border-top: 0;
  margin-top: 0;
  position: absolute;
  background: var(--body-bg);
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999999;
  width: 100%;
  height: calc(100% + 2px);
  font-size: 12px;
}
.breadcrumbs_container .mat-mdc-button-disabled {
  color: var(--mainText) !important;
}
.breadcrumbs_container .mdc-button__label {
  font-size: var(--font_size02) !important;
}
.search_module .block_breadcrumbs.ng-trigger.ng-trigger-expandCollapse {
  max-width: 500px;
  opacity: 1;
}
.public-link-container {
  margin-top: calc(67px + 1rem);
  margin-left: 10rem;
  margin-right: 10rem;
}
.brandspace-invitations {
  margin-top: 4rem;
  max-width: 650px;
}
.mat-mdc-dialog-actions {
  padding: 0 !important;
  min-height: unset !important;
  background: var(--bgMatMenu);
  border-top: 0 !important;
}
.mat-mdc-dialog-actions .mat-button-base + .mat-button-base,
.mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 0 !important;
}
.mat-mdc-dialog-surface {
  background: var(--bgMatMenu) !important;
}
.pin-spacer {
  overflow: hidden !important;
}
.tag {
  border: 0;
  border-radius: 5.5px;
  padding: 0rem 0.35rem 0rem 0.35rem;
  width: fit-content;
  cursor: default;
}
.tag.no_bg {
  background: transparent;
  padding: 0;
}
.tag.big_icon .icon {
  width: 24px;
}
.tag.single {
  background: var(--uiColorMain1);
  border: 1px solid var(--uiColorMain2);
}
.tag.users {
  background: var(--uiColorMain2);
}
.tag.invitation_status {
  display: flex;
  justify-content: center;
  padding: 0.25rem 0.35rem 0.25rem 0.35rem;
  min-width: 50px;
  border-radius: var(--borderRadius-s);
  background: var(--warningBG);
  color: var(--warning);
  border: 1px solid var(--warningBorder);
  font-size: var(--font_size01);
}
.ai_select {
  display: inline-flex;
  vertical-align: bottom;
  background: var(--uiAIcolor02);
  color: var(--uiAIcolor);
  align-items: center;
}
.tag.right .icon {
  margin-right: 0;
  margin-left: 0.3rem;
}
.tag .icon {
  width: 14px;
  margin-right: 0.3rem;
}
.ai_color {
  color: var(--uiAIcolor);
}
.usage-item {
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-s);
  padding: 1rem;
  position: relative;
  background: var(--bgUsageItem);
}
.usage-item .usage-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.usage-item .usage-header .usage-name {
  font-weight: 500;
}
.usage-item.storage .usage-header .elem_w_pipe > span {
  font-size: var(--font_size03);
  color: var(--grey);
}
.elem_w_pipe.single > span {
  font-size: var(--font_size02);
}
.plan-item {
  background: var(--black);
  border-radius: var(--borderRadius-s);
  padding: 0.07rem 0.4rem;
  color: var(--white);
  font-weight: 500;
  font-size: var(--font_size03);
}
.mat-datepicker-content .mat-calendar {
  background: var(--bgMatMenu);
  width: 230px !important;
  height: fit-content !important;
}
.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
  width: 160px !important;
}
.mat-calendar-controls {
  margin: 4% calc(3.714% - 9px) 5%;
}
.mat-calendar-header {
  padding: 0 1rem !important;
}
.mat-calendar-period-button {
  margin: 0 !important;
}
.mat-datepicker-toggle .mdc-icon-button,
.mat-form-field-hide-placeholder .mat-date-range-input-inner::placeholder,
.mat-date-range-input-inner {
  color: var(--mainText) !important;
}
.mat-calendar-table-header th {
  color: var(--grey) !important;
}
.mat-calendar-previous-button,
.mat-calendar-next-button,
.mat-calendar-arrow,
.mat-calendar-body-cell-content,
.mat-calendar-body-label {
  color: var(--mainText) !important;
  fill: var(--mainText) !important;
}
.mat-calendar-body-cell-content,
.mat-calendar-body-cell-container:hover .mat-calendar-body-cell-preview,
.mat-calendar-body-cell-container:hover .mat-calendar-body-cell,
.mat-calendar-body-cell-container:hover .mat-calendar-body-cell-content {
  border-radius: var(--borderRadius-s) !important;
}
.mat-calendar-body-active span,
.mat-calendar-body-range-end span {
  color: #fff !important;
}
.mat-calendar-body-cell-container:hover .mat-calendar-body-cell-preview {
  border-top-right-radius: var(--borderRadius-s) !important;
  border-bottom-right-radius: var(--borderRadius-s) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ngx-colors-overlay .opened {
  box-shadow: var(--uiBoxShadow1) !important;
  border: 1px solid var(--greyLines1) !important;
  border-radius: var(--borderRadius-s) !important;
  background-color: var(--bgMatMenu) !important;
}
.ngx-colors-overlay .colors,
.ngx-colors-overlay .manual-input-wrapper {
  margin: 8px !important;
}
.ngx-colors-overlay .color-picker {
  width: 100% !important;
}
.ngx-colors-overlay .opened {
  position: absolute;
  bottom: 100%;
  transform: translateY(-10px);
}
.ngx-colors-overlay .color-picker .box {
  padding: 0 !important;
}
.ngx-colors-overlay .color-picker .selected-color,
.ngx-colors-overlay .color-picker .selected-color-background {
  width: 25px !important;
  height: 25px !important;
}
.ngx-colors-overlay .color-picker .saturation-lightness {
  border-radius: var(--borderRadius-s) !important;
}
.ngx-colors-overlay .colors .circle.button {
  background-color: transparent !important;
  transform: rotate(180deg);
}
.ngx-colors-overlay button {
  cursor: pointer !important;
  color: var(--mainText) !important;
  border-radius: var(--borderRadius-s) !important;
}
.ngx-colors-overlay input,
.ngx-colors-overlay .g-input {
  color: var(--mainText) !important;
  border: 1px solid var(--greyLines1) !important;
}
.ngx-colors-overlay svg {
  fill: var(--mainText) !important;
}
.scroll {
  overflow: scroll;
}
.scrollY {
  overflow-y: auto;
}
.scroll.h250 {
  max-height: 250px;
}
.scroll.h200,
.scrollY.h200 {
  max-height: 200px;
}
.scroll.h300,
.scrollY.h300 {
  max-height: 300px;
}
.scroll.h500,
.scrollY.h500 {
  max-height: 500px;
}
.mat-mdc-tab-label-container {
  border-bottom-color: var(--uiColorMain2) !important;
}
.title-share .workspace,
.title-share .folder {
  font-size: var(--font_size01);
}
.title-share .workspace {
  border-radius: var(--borderRadius-s);
}
.title-share .icon_folder {
  width: 14px;
}
.title-share .separator,
.search_module .separator {
  font-size: var(--font_size03);
  color: var(--grey);
}
.two_options {
  display: flex;
  flex-direction: row;
  gap: 0rem;
}
.two_options button {
  margin: 0 !important;
}
.two_options button:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.two_options button:first-child::after {
  content: "";
  width: 0.5px;
  height: 100%;
  background: rgba(var(--uiColorMain-rgb), 0.4);
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.two_options button:last-child,
.two_options button:last-child .mat-mdc-button-persistent-ripple {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.two_options .UI_tools_icon_single_button.mdc-icon-button {
  background: var(--uiColorMain);
  color: var(--white);
}
.two_options .UI_tools_icon_single_button.mdc-icon-button .icon {
  width: 13px;
  height: 13px;
}
.two_options .UI_tools_icon_single_button.mdc-icon-button {
  width: calc(var(--main-button-height) - 7px) !important;
}
.two_options button:last-child.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.1 !important;
  background-color: #fff !important;
}
#cc-main .cm {
  box-shadow: var(--uiBoxShadow1) !important;
  border: 1px solid var(--greyLines1) !important;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header,
#cc-main .cm__btns,
#cc-main .cm__links {
  padding: 0.45rem 0.8rem !important;
  min-height: unset !important;
}
#cc-main .cm--box.cm--wide .cm__btn,
#cc-main .pm__btn {
  min-width: unset !important;
  height: var(--mdc-filled-button-container-height) !important;
  line-height: 29px !important;
  padding: 0 11px !important;
}
#cc-main .cm--box.cm--wide {
  max-width: 375px !important;
}
#cc-main .cm__btn,
#cc-main .pm__btn {
  min-height: unset !important;
}
#cc-main .cm__desc,
#cc-main p {
  color: var(--mainText) !important;
  font-size: var(--font_size01) !important;
  line-height: 1.1rem !important;
  letter-spacing: var(--letter-spacing-01) !important;
}
#cc-main .pm__section--toggle .pm__section-title {
  min-height: 40px !important;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}
.video-iframe {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.video-iframe.loaded {
  opacity: 1;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-player-wrapper.draw-mode-active,
.video-player-wrapper.draw-mode-active * {
  pointer-events: none;
}
.video-player-wrapper.draw-mode-active .plyr__control,
.video-player-wrapper.draw-mode-active .plyr__controls {
  display: none;
  opacity: 0;
}
.notFiles,
.noBrandspace {
  z-index: 1;
  margin: 0 auto;
}
.notFiles img.no_results,
.noBrandspace img.no_results {
  width: 42.5px;
  opacity: 0.5;
  margin: 0 auto;
}
.notFiles img.no_results.small,
.noBrandspace img.no_results.small {
  width: 32.5px;
}
.notFiles .pattern,
.noBrandspace .pattern {
  opacity: 0.75;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
  height: auto;
}
.noBrandspace .pattern {
  width: 144%;
}
.notFiles .pattern {
  width: 100%;
}
.noBrandspace .pattern {
  top: 50%;
}
.notFiles .pattern svg,
.noBrandspace .pattern svg {
  width: 100%;
  height: 100%;
}
.noBrandspace .logo {
  width: 230px;
}
.noBrandspace h1 {
  font-size: calc(var(--font_size06) - 8px) !important;
  font-weight: 600;
}
.share_dialog.notInDialog {
  padding: 0 !important;
}
.share_dialog.notInDialog .mat-mdc-tab-header {
  display: none;
}
.share_dialog.notInDialog .scroll.h200 {
  max-height: 500px !important;
  padding: 0 !important;
}
.share_dialog.notInDialog .mat-accordion.row {
  padding-right: 0.15rem;
  padding-left: 0.15rem;
}
.tag_cmd {
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  background: var(--uiColorMain3);
  border: 0.5px solid var(--uiColorMain1);
  color: var(--mainText);
  padding: 0.1rem 0.3rem;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size03);
  line-height: 1.2rem;
}
.isPromotionCodeAvailable {
  font-size: var(--font_size03);
  color: var(--mainText);
}
.isPromotionCodeAvailable .tag_txt {
  background: var(--success);
  border: 0.5px solid var(--uiColorSuccess);
  color: var(--mainText);
  padding: 0.1rem 0.3rem;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size03);
  line-height: 1.2rem;
}
input.valid {
  background-color: var(--success) !important;
  border: 1px solid var(--uiColorSuccess) !important;
}
.hasFileSize > span {
  font-size: var(--font_size03);
  color: var(--grey);
}
.slider_storage {
  width: 100% !important;
}
.active-indicator {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--uiColorMain);
  margin-left: 8px;
  animation: pulse 2.5s ease-in-out infinite;
}
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
}
.select_CDN .mat-mdc-form-field-infix {
  width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}
.select_CDN .mat-mdc-form-field-subscript-wrapper,
.select_CDN .mat-mdc-select-arrow-wrapper {
  display: none !important;
}
@media only screen and (max-width: 950px) {
  .website-layout .mobile,
  .register-layout .mobile,
  .login-layout .mobile {
    display: block !important;
  }
  .website-layout .desktop,
  .register-layout .desktop,
  .login-layout .desktop {
    display: none !important;
  }
  .website-layout .container,
  .register-layout .container,
  .login-layout .container {
    width: 90%;
    padding: 0;
  }
  .website-layout .container-100,
  .register-layout .container-100,
  .login-layout .container-100 {
    width: 100%;
    padding: 0;
  }
  .website-layout .m-container,
  .register-layout .m-container,
  .login-layout .m-container {
    width: 88% !important;
    padding: 0;
  }
  .website-layout .m-container-full,
  .register-layout .m-container-full,
  .login-layout .m-container-full {
    width: 100% !important;
  }
  .website-layout .container.v4,
  .register-layout .container.v4,
  .login-layout .container.v4 {
    width: 95% !important;
  }
  .website-layout .m_left,
  .register-layout .m_left,
  .login-layout .m_left {
    margin-left: 0 !important;
    text-align: left !important;
    justify-content: left !important;
  }
  .website-layout .m-center,
  .register-layout .m-center,
  .login-layout .m-center {
    margin: 0 auto !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .website-layout nav svg,
  .register-layout nav svg,
  .login-layout nav svg {
    width: 95px;
    padding-top: 0.15rem;
  }
  .website-layout .gap_m_0,
  .register-layout .gap_m_0,
  .login-layout .gap_m_0 {
    gap: 0 !important;
  }
  .website-layout .gap_m_1,
  .register-layout .gap_m_1,
  .login-layout .gap_m_1 {
    gap: 0.5rem !important;
  }
  .website-layout .gap_m_2,
  .register-layout .gap_m_2,
  .login-layout .gap_m_2 {
    gap: 1rem !important;
  }
  .website-layout .gap_m_25,
  .register-layout .gap_m_25,
  .login-layout .gap_m_25 {
    gap: 1.5rem !important;
  }
  .website-layout .gap_m_3,
  .register-layout .gap_m_3,
  .login-layout .gap_m_3 {
    gap: 2rem !important;
  }
  .website-layout .padd-m-t-0,
  .register-layout .padd-m-t-0,
  .login-layout .padd-m-t-0 {
    padding-top: 0rem !important;
  }
  .website-layout .padd-m-t-05,
  .register-layout .padd-m-t-05,
  .login-layout .padd-m-t-05 {
    padding-top: 0.5rem !important;
  }
  .website-layout .padd-m-t-075,
  .register-layout .padd-m-t-075,
  .login-layout .padd-m-t-075 {
    padding-top: 0.75rem !important;
  }
  .website-layout .padd-m-t-1,
  .register-layout .padd-m-t-1,
  .login-layout .padd-m-t-1 {
    padding-top: 1rem !important;
  }
  .website-layout .padd-m-t-2,
  .register-layout .padd-m-t-2,
  .login-layout .padd-m-t-2 {
    padding-top: 2rem !important;
  }
  .website-layout .padd-m-t-3,
  .register-layout .padd-m-t-3,
  .login-layout .padd-m-t-3 {
    padding-top: 3rem !important;
  }
  .website-layout .padd-m-t-4,
  .register-layout .padd-m-t-4,
  .login-layout .padd-m-t-4 {
    padding-top: 4rem !important;
  }
  .website-layout .padd-m-t-5,
  .register-layout .padd-m-t-5,
  .login-layout .padd-m-t-5 {
    padding-top: 5rem !important;
  }
  .website-layout .padd-m-t-6,
  .register-layout .padd-m-t-6,
  .login-layout .padd-m-t-6 {
    padding-top: 6rem !important;
  }
  .website-layout .padd-m-t-7,
  .register-layout .padd-m-t-7,
  .login-layout .padd-m-t-7 {
    padding-top: 7rem !important;
  }
  .website-layout .padd-m-t-8,
  .register-layout .padd-m-t-8,
  .login-layout .padd-m-t-8 {
    padding-top: 8rem !important;
  }
  .website-layout .padd-m-t-9,
  .register-layout .padd-m-t-9,
  .login-layout .padd-m-t-9 {
    padding-top: 9rem !important;
  }
  .website-layout .padd-m-t-10,
  .register-layout .padd-m-t-10,
  .login-layout .padd-m-t-10 {
    padding-top: 10rem !important;
  }
  .website-layout .padd-m-b-0,
  .register-layout .padd-m-b-0,
  .login-layout .padd-m-b-0 {
    padding-bottom: 0rem !important;
  }
  .website-layout .padd-m-b-05,
  .register-layout .padd-m-b-05,
  .login-layout .padd-m-b-05 {
    padding-bottom: 0.5rem !important;
  }
  .website-layout .padd-m-b-075,
  .register-layout .padd-m-b-075,
  .login-layout .padd-m-b-075 {
    padding-bottom: 0.75rem !important;
  }
  .website-layout .padd-m-b-1,
  .register-layout .padd-m-b-1,
  .login-layout .padd-m-b-1 {
    padding-bottom: 1rem !important;
  }
  .website-layout .padd-m-b-2,
  .register-layout .padd-m-b-2,
  .login-layout .padd-m-b-2 {
    padding-bottom: 2rem !important;
  }
  .website-layout .padd-m-b-3,
  .register-layout .padd-m-b-3,
  .login-layout .padd-m-b-3 {
    padding-bottom: 3rem !important;
  }
  .website-layout .padd-m-b-4,
  .register-layout .padd-m-b-4,
  .login-layout .padd-m-b-4 {
    padding-bottom: 4rem !important;
  }
  .website-layout .padd-m-b-5,
  .register-layout .padd-m-b-5,
  .login-layout .padd-m-b-5 {
    padding-bottom: 5rem !important;
  }
  .website-layout .padd-m-b-6,
  .register-layout .padd-m-b-6,
  .login-layout .padd-m-b-6 {
    padding-bottom: 6rem !important;
  }
  .website-layout .padd-m-b-7,
  .register-layout .padd-m-b-7,
  .login-layout .padd-m-b-7 {
    padding-bottom: 7rem !important;
  }
  .website-layout .padd-m-b-8,
  .register-layout .padd-m-b-8,
  .login-layout .padd-m-b-8 {
    padding-bottom: 8rem !important;
  }
  .website-layout .padd-m-b-9,
  .register-layout .padd-m-b-9,
  .login-layout .padd-m-b-9 {
    padding-bottom: 9rem !important;
  }
  .website-layout .padd-m-b-10,
  .register-layout .padd-m-b-10,
  .login-layout .padd-m-b-10 {
    padding-bottom: 10rem !important;
  }
  .website-layout .size_m_01,
  .register-layout .size_m_01,
  .login-layout .size_m_01 {
    font-size: var(--font_size01) !important;
  }
  .website-layout .size_m_02,
  .register-layout .size_m_02,
  .login-layout .size_m_02 {
    font-size: var(--font_size02) !important;
  }
  .website-layout .size_m_03,
  .register-layout .size_m_03,
  .login-layout .size_m_03 {
    font-size: var(--font_size03) !important;
  }
  .website-layout .size_m_04,
  .register-layout .size_m_04,
  .login-layout .size_m_04 {
    font-size: var(--font_size04) !important;
  }
  .website-layout .size_m_045,
  .register-layout .size_m_045,
  .login-layout .size_m_045 {
    font-size: var(--font_size045) !important;
  }
  .website-layout .size_m_05,
  .register-layout .size_m_05,
  .login-layout .size_m_05 {
    font-size: 1.75rem !important;
    line-height: calc(1.75rem + 6%) !important;
  }
  .website-layout .size_m_055,
  .register-layout .size_m_055,
  .login-layout .size_m_055 {
    font-size: 1.9rem !important;
    line-height: calc(1.9rem + 6%) !important;
  }
  .website-layout .mat-mdc-button.UI_tools_btn_transparent.m-big .mdc-button__label,
  .website-layout .UI_tools_icon_single_button.m-big .mdc-button__label,
  .register-layout .mat-mdc-button.UI_tools_btn_transparent.m-big .mdc-button__label,
  .register-layout .UI_tools_icon_single_button.m-big .mdc-button__label,
  .login-layout .mat-mdc-button.UI_tools_btn_transparent.m-big .mdc-button__label,
  .login-layout .UI_tools_icon_single_button.m-big .mdc-button__label {
    font-size: var(--font_size04);
    font-family: var(--font_family_01);
  }
  .website-layout .mat-mdc-button.UI_tools_btn_transparent.m-big,
  .website-layout .UI_tools_icon_single_button.m-big,
  .register-layout .mat-mdc-button.UI_tools_btn_transparent.m-big,
  .register-layout .UI_tools_icon_single_button.m-big,
  .login-layout .mat-mdc-button.UI_tools_btn_transparent.m-big,
  .login-layout .UI_tools_icon_single_button.m-big {
    height: 37px !important;
  }
  .website-layout .row:not(.inlinemob),
  .register-layout .row:not(.inlinemob),
  .login-layout .row:not(.inlinemob) {
    display: block;
    width: 100%;
  }
  .website-layout .row:not(.inlinemob) .col,
  .website-layout .row:not(.inlinemob) .col-md-auto,
  .website-layout .row:not(.inlinemob) .col-auto,
  .website-layout .row:not(.inlinemob) .col-1,
  .website-layout .row:not(.inlinemob) .col-2,
  .website-layout .row:not(.inlinemob) .col-3,
  .website-layout .row:not(.inlinemob) .col-4,
  .website-layout .row:not(.inlinemob) .col-5,
  .website-layout .row:not(.inlinemob) .col-6,
  .website-layout .row:not(.inlinemob) .col-7,
  .website-layout .row:not(.inlinemob) .col-8,
  .website-layout .row:not(.inlinemob) .col-9,
  .website-layout .row:not(.inlinemob) .col-10,
  .website-layout .row:not(.inlinemob) .col-11,
  .website-layout .row:not(.inlinemob) .col-12,
  .website-layout .col-md-3,
  .register-layout .row:not(.inlinemob) .col,
  .register-layout .row:not(.inlinemob) .col-md-auto,
  .register-layout .row:not(.inlinemob) .col-auto,
  .register-layout .row:not(.inlinemob) .col-1,
  .register-layout .row:not(.inlinemob) .col-2,
  .register-layout .row:not(.inlinemob) .col-3,
  .register-layout .row:not(.inlinemob) .col-4,
  .register-layout .row:not(.inlinemob) .col-5,
  .register-layout .row:not(.inlinemob) .col-6,
  .register-layout .row:not(.inlinemob) .col-7,
  .register-layout .row:not(.inlinemob) .col-8,
  .register-layout .row:not(.inlinemob) .col-9,
  .register-layout .row:not(.inlinemob) .col-10,
  .register-layout .row:not(.inlinemob) .col-11,
  .register-layout .row:not(.inlinemob) .col-12,
  .register-layout .col-md-3,
  .login-layout .row:not(.inlinemob) .col,
  .login-layout .row:not(.inlinemob) .col-md-auto,
  .login-layout .row:not(.inlinemob) .col-auto,
  .login-layout .row:not(.inlinemob) .col-1,
  .login-layout .row:not(.inlinemob) .col-2,
  .login-layout .row:not(.inlinemob) .col-3,
  .login-layout .row:not(.inlinemob) .col-4,
  .login-layout .row:not(.inlinemob) .col-5,
  .login-layout .row:not(.inlinemob) .col-6,
  .login-layout .row:not(.inlinemob) .col-7,
  .login-layout .row:not(.inlinemob) .col-8,
  .login-layout .row:not(.inlinemob) .col-9,
  .login-layout .row:not(.inlinemob) .col-10,
  .login-layout .row:not(.inlinemob) .col-11,
  .login-layout .row:not(.inlinemob) .col-12,
  .login-layout .col-md-3 {
    display: block;
    width: 100%;
  }
  .website-layout .row:not(.inlinemob),
  .register-layout .row:not(.inlinemob),
  .login-layout .row:not(.inlinemob) {
    display: flex;
    flex-direction: column;
    width: 100% !important;
  }
  .website-layout .reverse_mob,
  .register-layout .reverse_mob,
  .login-layout .reverse_mob {
    flex-direction: column-reverse !important;
    flex-flow: wrap-reverse;
  }
  .website-layout .inlinemob .col-md-auto,
  .website-layout .inlinemob .col-auto,
  .register-layout .inlinemob .col-md-auto,
  .register-layout .inlinemob .col-auto,
  .login-layout .inlinemob .col-md-auto,
  .login-layout .inlinemob .col-auto {
    width: fit-content !important;
  }
  .website-layout .row.inlinemob,
  .register-layout .row.inlinemob,
  .login-layout .row.inlinemob {
    display: flex;
    flex-direction: row;
  }
  .website-layout .m-w-m-0,
  .register-layout .m-w-m-0,
  .login-layout .m-w-m-0 {
    max-width: 70% !important;
  }
  .website-layout .d-flex.inlinemob,
  .register-layout .d-flex.inlinemob,
  .login-layout .d-flex.inlinemob {
    display: flex !important;
    flex-direction: row !important;
  }
  .website-layout .fix-nav-mobile,
  .register-layout .fix-nav-mobile,
  .login-layout .fix-nav-mobile {
    display: flex !important;
    align-items: center !important;
  }
  .website-layout .flex-mob,
  .register-layout .flex-mob,
  .login-layout .flex-mob {
    display: flex !important;
  }
  .website-layout .m-column,
  .register-layout .m-column,
  .login-layout .m-column {
    flex-direction: column !important;
  }
  .website-layout .m-content,
  .register-layout .m-content,
  .login-layout .m-content {
    flex: 0 !important;
  }
  .website-layout .m-0-mob,
  .register-layout .m-0-mob,
  .login-layout .m-0-mob {
    margin: 0 !important;
  }
  .website-layout .w-100-mob,
  .register-layout .w-100-mob,
  .login-layout .w-100-mob {
    width: 100%;
  }
  .website-layout .gap-m-1,
  .register-layout .gap-m-1,
  .login-layout .gap-m-1 {
    gap: 1rem !important;
  }
  .website-layout .gap-m-2,
  .register-layout .gap-m-2,
  .login-layout .gap-m-2 {
    gap: 2rem !important;
  }
  .website-layout .m-w-full-mob,
  .register-layout .m-w-full-mob,
  .login-layout .m-w-full-mob {
    max-width: 100%;
  }
  .website-layout .col > .wrap.s,
  .website-layout .col-md-auto > .wrap.s,
  .register-layout .col > .wrap.s,
  .register-layout .col-md-auto > .wrap.s,
  .login-layout .col > .wrap.s,
  .login-layout .col-md-auto > .wrap.s {
    width: 100%;
    margin: 0 auto;
  }
  .website-layout .m-min-height-1,
  .register-layout .m-min-height-1,
  .login-layout .m-min-height-1 {
    min-height: 50px;
  }
  .website-layout .m-min-height-2,
  .register-layout .m-min-height-2,
  .login-layout .m-min-height-2 {
    min-height: 100px;
  }
  .website-layout .m-min-height-3,
  .register-layout .m-min-height-3,
  .login-layout .m-min-height-3 {
    min-height: 200px;
  }
  .website-layout .m-min-height-4,
  .register-layout .m-min-height-4,
  .login-layout .m-min-height-4 {
    min-height: 300px;
  }
  .website-layout .inlinemob,
  .register-layout .inlinemob,
  .login-layout .inlinemob {
    display: flex;
    flex-direction: row;
  }
  .website-layout .inlinemob .col,
  .register-layout .inlinemob .col,
  .login-layout .inlinemob .col {
    flex: 1;
  }
  .website-layout .container.v3,
  .register-layout .container.v3,
  .login-layout .container.v3 {
    --bs-gutter-x: 2.5rem;
  }
  .website-layout .mobile_dropdown .items .mat-expansion-panel-header-title,
  .register-layout .mobile_dropdown .items .mat-expansion-panel-header-title,
  .login-layout .mobile_dropdown .items .mat-expansion-panel-header-title {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: space-between !important;
    font-size: 1.35rem;
    padding: 0rem 0rem !important;
    font-weight: 500;
  }
  .website-layout .mobile_dropdown .items .mat-expansion-panel,
  .register-layout .mobile_dropdown .items .mat-expansion-panel,
  .login-layout .mobile_dropdown .items .mat-expansion-panel {
    border-bottom: 1px solid var(--greyLines2) !important;
    border-radius: 0 !important;
  }
  .website-layout .mobile_dropdown .mat-expansion-panel-header,
  .register-layout .mobile_dropdown .mat-expansion-panel-header,
  .login-layout .mobile_dropdown .mat-expansion-panel-header {
    padding: 0rem 0.3rem !important;
    height: 60px !important;
  }
  .website-layout .mobile_dropdown .mat-expansion-panel-header.mat-expanded,
  .register-layout .mobile_dropdown .mat-expansion-panel-header.mat-expanded,
  .login-layout .mobile_dropdown .mat-expansion-panel-header.mat-expanded {
    height: 60px !important;
  }
  .website-layout .mobile_dropdown .mat-mdc-button.UI_tools_btn_transparent,
  .register-layout .mobile_dropdown .mat-mdc-button.UI_tools_btn_transparent,
  .login-layout .mobile_dropdown .mat-mdc-button.UI_tools_btn_transparent {
    min-height: 3rem !important;
  }
  .website-layout .mobile_dropdown .mat-expansion-panel-body,
  .register-layout .mobile_dropdown .mat-expansion-panel-body,
  .login-layout .mobile_dropdown .mat-expansion-panel-body {
    padding: 0 0 1rem 0 !important;
  }
  .website-layout .mobile_dropdown .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover,
  .register-layout .mobile_dropdown .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover,
  .login-layout .mobile_dropdown .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: transparent !important;
  }
  .website-layout .col_mat_menu,
  .register-layout .col_mat_menu,
  .login-layout .col_mat_menu {
    border-right: 0 !important;
    padding: 0rem 0rem !important;
  }
  .website-layout .mobile_dropdown .mat-mdc-menu-item,
  .register-layout .mobile_dropdown .mat-mdc-menu-item,
  .login-layout .mobile_dropdown .mat-mdc-menu-item {
    padding: 0.45rem 0.5rem !important;
    border-radius: var(--borderRadius-s);
  }
  .website-layout .link.default,
  .register-layout .link.default,
  .login-layout .link.default {
    font-weight: 400;
  }
  .website-layout .login_page .wrapper1,
  .register-layout .login_page .wrapper1,
  .login-layout .login_page .wrapper1 {
    max-width: unset;
    padding: 0;
  }
  .website-layout .logo_Nav_Min .logo,
  .register-layout .logo_Nav_Min .logo,
  .login-layout .logo_Nav_Min .logo {
    width: 27px;
  }
  .website-layout .pricing_tabs .product_item .container,
  .register-layout .pricing_tabs .product_item .container,
  .login-layout .pricing_tabs .product_item .container {
    width: 90% !important;
  }
  .website-layout .pricing_tabs .short_description p,
  .register-layout .pricing_tabs .short_description p,
  .login-layout .pricing_tabs .short_description p {
    min-height: unset;
  }
  .website-layout .pricing_tabs .product_item .type_popular .popular,
  .register-layout .pricing_tabs .product_item .type_popular .popular,
  .login-layout .pricing_tabs .product_item .type_popular .popular {
    line-height: 1em;
  }
  .website-layout .pricing_tabs .product_item .pre_header,
  .register-layout .pricing_tabs .product_item .pre_header,
  .login-layout .pricing_tabs .product_item .pre_header {
    top: -1.1966rem;
  }
  .website-layout .pricing_tabs .col.product_item:nth-child(2),
  .register-layout .pricing_tabs .col.product_item:nth-child(2),
  .login-layout .pricing_tabs .col.product_item:nth-child(2) {
    gap: 1.5rem !important;
  }
  .website-layout .m_loader_row,
  .register-layout .m_loader_row,
  .login-layout .m_loader_row {
    height: 150vh;
  }
  .website-layout .logo_Nav_Min.in_login,
  .register-layout .logo_Nav_Min.in_login,
  .login-layout .logo_Nav_Min.in_login {
    padding-top: 1rem;
  }
  .website-layout .step-pill,
  .register-layout .step-pill,
  .login-layout .step-pill {
    width: 45px;
    height: 6px;
  }
}
@media only screen and (max-width: 950px) {
  .padd-m-l-0 {
    padding-left: 0 !important;
  }
  .padd-m-r-0 {
    padding-right: 0 !important;
  }
  .fileDetailModal .modal-body > .d-flex {
    flex-direction: column;
  }
  .document-drawer.drawer-type-file,
  .shared-file-layout .document-drawer.drawer-type-file {
    min-width: unset !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
  .mobile_drawer_container .document-drawer {
    width: 100vw !important;
  }
  .mobile_drawer_container .col.modal-media,
  .mobile_drawer_container .col.canvas_file {
    min-height: 35vh;
    max-height: 55vh;
    overflow: hidden;
  }
  .mobile_drawer_container .col.modal-media.media-type-image {
    min-height: 35vh;
    max-height: 45vh;
  }
  .mobile_drawer_container .col.modal-media.media-type-image img {
    object-fit: contain;
    max-height: 45vh;
    width: 100%;
  }
  .mobile_drawer_container .col.modal-media.media-type-video {
    min-height: 30vh;
    max-height: 50vh;
  }
  .mobile_drawer_container .col.modal-media.media-type-document {
    min-height: 45vh;
    max-height: 45vh;
    overflow: auto;
  }
  .mobile_drawer_container app-pdf-viewer {
    min-height: 45vh !important;
    max-height: 45vh !important;
    display: flex;
    overflow: scroll;
  }
  .mobile_drawer_container app-pdf-viewer > div {
    width: 100% !important;
  }
  .mobile_drawer_container .col.canvas_file {
    width: 100% !important;
  }
  .mobile_drawer_container .col.canvas_file .editor-container {
    height: 45vh;
  }
  .mobile-file-list {
    min-height: calc(100vh - 100px);
  }
  .app_mobile_layout .logo_Nav_Min .wrapper.container.full {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .app_mobile_layout .logo {
    max-height: 28px;
  }
  .mobile-back-btn {
    font-weight: 500;
    padding-left: 0 !important;
    min-width: auto !important;
  }
  .mobile_drawer_container .mat_tab_info_products .mat-mdc-tab {
    min-height: 48px;
    flex: 1;
  }
  .mobile_drawer_container .mat_tab_info_products .mat-mdc-tab-header {
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--white);
  }
  .mobile_drawer_container .modal-body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .mobile_drawer_container .mat_tab_info_products .mat-mdc-tab-body-wrapper {
    min-height: 35vh;
  }
  .mobile_drawer_container #feedback-tab {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .mobile_drawer_container .comment-input {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background: var(--white);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
  }
  .mobile_drawer_container .comments-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mat_tab_info_products .mat-mdc-tab-body-wrapper {
    min-height: 40vh;
  }
  .fileDetailModal .col_info {
    max-width: unset;
    width: 100%;
  }
  .document-drawer-mobile .dialog {
    height: calc(100vh - 60px);
    position: fixed;
    width: 100%;
    left: 0;
  }
  ngx-doc-viewer {
    max-height: 45vh !important;
  }
  .app.wrapper.app_mobile_layout {
    overflow: hidden;
    min-width: unset;
    max-width: 100%;
  }
  .app_mobile_layout .logo_Nav_Min {
    position: fixed;
    background: var(--white);
    left: 0;
    top: 0;
    z-index: 9;
  }
  .logo_Nav_Min.size_m .logo:not(.brault) {
    max-width: 70px;
  }
  pdf-sidebar {
    display: none !important;
  }
  html[dir=ltr] ngx-extended-pdf-viewer #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
    left: 0 !important;
  }
}
.ce-block--selected .ce-block__content {
  background-color: var(--uiSelection2);
}
.ce-header {
  padding: 0.8rem 0 0.4rem 0;
}
h1.ce-header,
.ProseMirror h1 {
  font-size: calc(var(--font_size06) - 12px) !important;
  line-height: calc(var(--font_size06) - 12px + 20%) !important;
  font-weight: 450 !important;
}
h2.ce-header,
.ProseMirror h2 {
  font-size: calc(var(--font_size055) + 9px) !important;
  line-height: calc(var(--font_size055) + 12px + 20%) !important;
  font-weight: 450 !important;
}
h3.ce-header,
.ProseMirror h3 {
  font-size: calc(var(--font_size055) - 1px) !important;
  line-height: calc(var(--font_size055) + 30%) !important;
  font-weight: 450 !important;
}
h4.ce-header,
.ProseMirror h4 {
  font-size: var(--font_size04) !important;
}
.ce-paragraph,
.ProseMirror p,
.ProseMirror li {
  font-size: calc(var(--font_size045) - 0.25px) !important;
  line-height: calc(var(--font_size045) + 60%) !important;
  letter-spacing: 0rem;
}
.codex-editor__redactor {
  width: 70%;
  margin: 0 auto !important;
  max-width: 725px !important;
  padding-top: 2rem !important;
  min-height: calc(100vh - 86px);
  color: var(--mainText);
}
.ce-toolbar__content {
  max-width: 725px !important;
  width: 70% !important;
  margin: 0 auto;
}
.ce-block__content {
  position: static !important;
  max-width: 725px !important;
}
.column-block:has(.column:nth-child(3)) p,
.column-block:has(.column:nth-child(3)) li {
  font-size: calc(var(--font_size01) + 2px) !important;
  line-height: calc(var(--font_size01) + 45%) !important;
}
.ce-delimiter {
  position: relative !important;
  z-index: -1 !important;
}
.ce-paragraph * {
  color: var(--mainText) !important;
}
.canvas-site .codex-editor__redactor {
  width: 90% !important;
  max-width: 700px !important;
}
.canvas-site .ce-block__content {
  max-width: unset !important;
}
.canvas-site table {
  width: 100% !important;
  min-width: 100px;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  overflow-x: scroll;
  display: block;
}
.canvas-site table td {
  border: 1px solid var(--greyLines1) !important;
  padding: 0.25rem;
}
.codex-editor [data-placeholder-active]:empty:before,
.codex-editor [data-placeholder-active][data-empty=true]:before {
  pointer-events: none;
  color: var(--grey2);
  cursor: text;
}
.ce-toolbar {
  width: 100%;
}
.ce-delimiter {
  line-height: 1.1em !important;
}
.ce-delimiter:before {
  content: "" !important;
}
.ce-toolbar--opened.ce-toolbar__actions {
  margin: 0 auto;
  max-width: 800px !important;
}
.ce-delimiter::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  width: 100% !important;
  height: 3.5px !important;
  background-color: var(--uiColorMain1) !important;
  border-radius: var(--borderRadius-m);
}
.image-tool--withBackground .image-tool__image {
  background-color: var(--uiColorMain1) !important;
}
.ce-block--drop-target::before {
  background-color: var(--uiSelection2) !important;
}
.codex-editor ::selection {
  background-color: var(--uiSelection2) !important;
}
@keyframes pulse {
  0% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.7;
  }
}
.m_loader_row {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.ce-toolbar__plus {
  color: var(--mainTxt);
}
.ce-toolbar__settings-btn {
  color: var(--mainTxt);
}
.slide-in-right-dialog .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  border-radius: 0;
  box-shadow: var(--uiBoxShadow15);
  border-left: 1px solid var(--greyLines1);
}
.mat-mdc-dialog-container {
  max-height: 95vh !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.slide-in-right-dialog-backdrop,
.mat-drawer-transition .mat-drawer-backdrop {
  opacity: 0.3 !important;
}
.mat-drawer:not(.drawer-type-ai-assistant) {
  background-color: var(--body-bg) !important;
}
.mat-drawer.drawer-type-ai-assistant {
  background-color: var(--body-bg) !important;
  border-left: 1px solid var(--uiColorBorders) !important;
}
.mat-drawer.mat-drawer-end {
  border-radius: 0 !important;
}
.document-drawer.drawer-type-file:not(.document-drawer-mobile) {
  width: calc(100vw - 452px) !important;
  max-width: 100vw !important;
  min-width: 750px !important;
  box-shadow: var(--uiBoxShadow15) !important;
  border-left: 1px solid var(--greyLines1) !important;
  transition: all 0.25s ease-in-out !important;
}
.shared-file-layout:not(.mobile_drawer_container) .document-drawer.drawer-type-file {
  width: calc(100vw - 252px) !important;
}
.document-drawer.fullscreen:not(.document-drawer-mobile),
.shared-file-layout:not(.mobile_drawer_container) .document-drawer.drawer-type-file.fullscreen {
  width: 100vw !important;
  max-width: 100vw !important;
}
.document-drawer.drawer-type-board-settings:not(.document-drawer-mobile) {
  width: 400px !important;
  max-width: 100vw !important;
  min-width: 360px !important;
  box-shadow: var(--uiBoxShadow15) !important;
  border-left: 1px solid var(--greyLines1) !important;
  transition: all 0.25s ease-in-out !important;
}
.mat-drawer-inner-container {
  width: 100%;
  max-width: 100vw !important;
  height: 100%;
  overflow: hidden;
}
.typography-item[data-custom=true] .typography-item-content::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--uiColorMain1);
  position: absolute;
  right: -2px;
  top: -2px;
}
.typography-item[data-custom=true] {
  position: relative;
  overflow: visible;
}
.image-tool__image-preloader:after {
  border-top-color: var(--uiColorMain) !important;
  border-left: 2px solid var(--uiColorMain2) !important;
  border-right: 2px solid var(--uiColorMain2) !important;
  border-bottom: 2px solid var(--uiColorMain2) !important;
}
.cdx-list__checkbox.cdx-list__checkbox--checked + .cdx-list__item-content {
  text-decoration: line-through !important;
}
.cdx-list {
  --size-checkbox: 1.4em !important;
  border-radius: 0 !important;
  --color-bg-checked: var(--uiColorMain) !important;
  --radius-border: 3px !important;
  gap: 0.4rem !important;
}
.cdx-list__item {
  margin: 0.2rem 0 !important;
}
.ce-toolbar__plus svg,
.ce-toolbar__settings-btn svg {
  color: var(--dark200) !important;
}
.ce-toolbar__settings-btn:hover {
  background-color: var(--uiColorMain1);
}
.cdx-list-unordered .cdx-list__item:before {
  font-size: 1.7rem;
  margin-top: -2px;
}
div[class*=cdx-list__checkbox--checked] + div[class*=cdx-list__item-content] {
  text-decoration: line-through !important;
  color: var(--grey4) !important;
}
.canvas-grid-preview {
  pointer-events: none !important;
  padding: 8% 8%;
  overflow: hidden;
  color: var(--grey);
}
.canvas-grid-preview * {
  pointer-events: none !important;
}
.canvas-grid-preview-content-block.header > * {
  font-size: var(--font_size03);
  font-weight: 500;
  color: var(--grey4);
  line-height: 1.2em;
}
.canvas-grid-preview-content-block.paragraph > *,
.canvas-grid-preview-content-block.list li {
  font-size: var(--font_size03) !important;
  font-weight: 300;
  color: var(--grey4) !important;
  line-height: 1.4em;
}
.canvas-grid-preview-content-block.list ul,
.canvas-grid-preview-content-block.list ol {
  padding-left: 1rem !important;
  line-height: 1.1em;
}
.canvas-grid-preview-content-block.delimiter > div {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--uiColorMain2);
  margin: 0.5rem;
}
.canvas-grid-preview-content-block.image > div {
  width: 40%;
  aspect-ratio: 2/1.5;
  height: auto;
  border-radius: var(--borderRadius-s);
  background-color: var(--uiColorMain2);
  opacity: 0.8;
}
.canvas-grid-preview-content-block.alert {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.canvas-grid-preview-content-block.alert > div {
  background-color: var(--uiColorMain2);
  border: 1px solid var(--uiColorMain2);
  color: var(--grey4);
  padding: 0.25rem 0.5rem !important;
  font-size: var(--font_size03);
  font-weight: 300;
  line-height: 1.2em;
}
.editor-container.loading {
  opacity: 0.05;
  pointer-events: none !important;
}
.ProseMirror .file-download {
  background-color: var(--uiColorMain);
  border: 0;
  color: var(--white);
  padding: 0.4rem 0.65rem;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size02);
  cursor: pointer;
}
.ProseMirror .column .img-downloadable-container,
.ProseMirror .column .file-download {
  width: 100%;
}
.ProseMirror .file-details {
  font-size: var(--font_size02);
}
.ProseMirror .file-tool-block {
  margin: 10px 0;
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--uiColorMain2);
  padding: 0.8rem 1rem;
}
.file-tool-block .file-card button {
  margin-top: 0.5rem;
}
.file-tool-block:not(.hide-info) {
  padding: 0.8rem 0.8rem !important;
}
.file-tool-block.hide-info {
  padding: 0 !important;
  border: 0;
}
.file-tool-block.hide-info .file-card button {
  width: 100%;
  margin-top: 0;
  padding: 0.57rem 0.65rem;
}
.cdx-settings-button {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: row;
  padding: 0.35rem 0.65rem;
  justify-content: flex-start;
  border-radius: var(--borderRadius-s);
}
.ce-toolbar__plus:hover {
  background-color: var(--uiColorMain1) !important;
}
.typography-upload-btn span {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.typography-upload-btn span.size_3 {
  font-size: 10px !important;
  opacity: 0.7 !important;
  color: var(--grey) !important;
}
.typography-upload-btn svg {
  transition: transform 0.2s ease;
}
.typography-upload-btn:hover {
  background-color: var(--uiColorMain1) !important;
}
.typography-upload-btn:hover svg {
  transform: translateY(-2px);
}
.typography-item:hover {
  background-color: var(--uiColorMain2) !important;
}
.typography-item--active {
  font-weight: 500 !important;
  background-color: var(--uiColorMain1) !important;
}
.typography-tool {
  position: relative !important;
  padding: 8px !important;
  margin: 0 2px !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  transition: background-color 0.2s ease !important;
}
.typography-tool:hover {
  background-color: #f1f5f9 !important;
}
.typography-tool svg {
  fill: none !important;
  stroke-width: 2.5 !important;
  width: 18px !important;
  height: 18px !important;
}
.typography-tooltip {
  z-index: 1500 !important;
}
.ce-inline-toolbar {
  z-index: 999 !important;
}
.canvasPreviewNav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--body-bg);
  min-width: unset !important;
}
.color-block-tool {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: var(--borderRadius-s);
  margin-top: 10px;
  border: 1px solid var(--uiColorMain2);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  position: relative;
}
.column .color-block-tool {
  flex-direction: column;
}
.color-block-tool .color-container {
  display: flex;
  flex-direction: row;
  gap: 15px;
  position: relative;
  align-items: center;
}
.color-block-tool input.color-pantone {
  width: 100%;
  max-width: 120px;
}
.color-block-tool .color-square {
  max-width: 25%;
  width: 120px;
  height: 120px;
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--uiColorMain2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.column .color-block-tool .color-square {
  max-width: 100%;
  width: 100%;
}
.ce-custom-item {
  padding: 0.35rem 0.5rem !important;
}
.ce-popover-item__title {
  font-size: var(--font_size01) !important;
}
.color-block-tool .color-info {
  width: 100%;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  font-size: var(--font_size01);
  letter-spacing: var(--letter-spacing-01);
}
.color-block-tool .left-half {
  width: 100%;
  height: 100%;
}
.color-block-tool .color-change-button {
  position: absolute;
  left: 1.45rem;
  top: 1.45rem;
}
.ProseMirror .custom-icon-button {
  cursor: pointer;
  background-color: var(--body-bg);
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--greyLines1);
  padding: 0.45rem 0.5rem 0.35rem;
  font-size: var(--font_size02);
  color: var(--mainText);
}
.ProseMirror .custom-icon-button.small {
  padding: 0.35rem 0.35rem 0.25rem;
  font-size: var(--font_size03);
}
.ProseMirror .custom-icon-button.small img {
  width: 12px;
  height: 12px;
}
.ProseMirror .custom-icon-button img {
  width: 13px;
  height: 13px;
}
.ProseMirror .button_stroked {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
  cursor: pointer;
  width: fit-content;
  background-color: transparent;
  color: var(--mainText);
  border-radius: var(--borderRadius-s) !important;
  border: 1px solid var(--uiColorMain3);
  transition: background-color 0.2s ease;
}
.button_stroked:hover {
  background-color: var(--uiColorMain1) !important;
}
.icon-border-button {
  border: 1px solid var(--greyLinesDark2) !important;
}
.button_size_1 {
  padding: 0.45rem 0.75rem 0.45rem 0.75rem !important;
  font-size: var(--font_size01);
}
.button_size_2 {
  padding: 0.35rem 0.75rem 0.35rem 0.75rem !important;
  font-size: var(--font_size02);
}
.container_expand_index {
  position: sticky;
  left: 0;
  top: 100px;
  z-index: 1000;
  height: 0;
}
.container_expand_index button {
  background-color: var(--body-bg);
}
.container_expand_index .UI_tools_icon_single_button.mdc-icon-button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--borderRadius-m) !important;
  border-bottom-right-radius: var(--borderRadius-m) !important;
  border: 1px solid var(--greyLines1) !important;
  border-left: 0 !important;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel.toc-menu {
  margin-top: -35px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel.dark {
  background-color: var(--darkMain1) !important;
  border: 1px solid var(--greyLinesDark1) !important;
  box-shadow: none !important;
}
.UI_tools_mat_menu_v1.mat-mdc-menu-panel.dark span {
  color: var(--text_dark1) !important;
}
.mat-mdc-icon-button.expand_index:not(.pill) .mat-mdc-button-persistent-ripple {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.toc-item li,
.toc-item p {
  margin-bottom: 0.2rem !important;
  margin-top: 0.2rem !important;
}
.codex-editor--readonly .cdx-button,
.codex-editor--readonly .image-tool__image-preloader,
.codex-editor--readonly .ce-toolbar,
.codex-editor--readonly .ce-toolbar__plus,
.codex-editor--readonly .ce-toolbar__settings-btn,
.codex-editor--readonly .image-tool__caption,
.codex-editor--readonly .ce-block--drop-target,
.codex-editor--readonly .ce-inline-toolbar {
  display: none !important;
}
.codex-editor--readonly .ce-block {
  pointer-events: auto;
  cursor: default;
}
.codex-editor--readonly .ce-block a {
  pointer-events: auto;
  cursor: pointer;
}
.ProseMirror {
  height: 100%;
}
#editorContainer {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}
#editorContainer .ProseMirror {
  width: 85%;
  margin: 0 auto;
  padding-top: 3rem;
  max-width: 800px;
  padding-bottom: 3rem;
}
#editorContainer.isLoading .ProseMirror {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}
.ProseMirror:focus-visible {
  outline: none;
}
p[data-placeholder="Start writing something"]::placeholder {
  color: var(--grey);
}
.tiptap-mat-menu .mat-mdc-menu-item.active span {
  color: var(--uiColorMain) !important;
}
.tiptap-mat-menu .wrapper-scroll {
  max-height: 175px;
  overflow-y: auto;
}
.tippy-box {
  max-width: 100% !important;
  transition-duration: 0ms;
  background-color: var(--body-bg) !important;
  border: 1px solid var(--uiColorMain1);
  border-radius: var(--borderRadius-m);
}
.tippy-content {
  padding: 0 !important;
}
.tippy-box > .tippy-arrow::before,
.tippy-box > .tippy-arrow::after {
  display: none !important;
}
.tippy-content .custom-floating-tiptap {
  padding: 5px;
}
[data-tippy-root] {
  z-index: 999 !important;
}
.prosemirror-dropcursor-block.dropcursor-custom {
  background: var(--uiSelection3) !important;
  border-radius: var(--borderRadius-xs) !important;
  height: 3.5px !important;
  will-change: transform;
  contain: layout style;
  pointer-events: none;
}
.prosemirror-dropcursor-block:not(.dropcursor-custom) {
  display: none !important;
}
.dropcursor-custom::after,
.dropcursor-custom::before {
  background: transparent !important;
}
[data-tippy-root]:has(.left-aligned-menu) .tippy-box,
[data-tippy-root]:has(.right-aligned-menu) .tippy-box {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.left-aligned-menu {
  transform: translateX(calc(-100% - 20px));
}
.right-aligned-menu {
  transform: translateX(calc(100% - 35px));
}
.tiptap .collaboration-cursor__caret {
  border-left: 1px solid #0d0d0d;
  border-right: 1px solid #0d0d0d;
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.tiptap .collaboration-cursor__label {
  border-radius: 3px 3px 3px 0;
  color: #0d0d0d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: 0.1rem 0.3rem;
  position: absolute;
  top: -1.4em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.img-downloadable {
  position: relative !important;
  margin-bottom: 40px !important;
}
.img-downloadable::after {
  content: "Download";
  position: absolute;
  bottom: -35px;
  left: 0;
  background-color: var(--uiColorMain);
  color: white;
  padding: 6px 12px;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size01);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.img-downloadable::after:hover {
  background-color: var(--actionMainHover);
}
.img-rounded {
  border-radius: var(--borderRadius-m) !important;
  overflow: hidden !important;
}
.img-responsive {
  width: 100% !important;
  height: auto !important;
}
.img-border {
  border: 1px solid var(--greyLines1) !important;
  padding: 5px !important;
  background-color: var(--bgInputs) !important;
}
.img-downloadable-container {
  position: relative !important;
  display: inline-block;
}
.img-downloadable-container img {
  margin-bottom: 8px !important;
}
.img-downloadable-container img.img-hide-preview {
  max-height: 40px;
  overflow: hidden;
  opacity: 0.6;
  border: 1px dashed var(--uiColorMain2);
  margin: 5px;
  border-radius: var(--borderRadius-s);
  object-fit: cover;
}
.image-placeholder-svg {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--uiColorMain1);
  border: 1px dashed var(--uiColorMain2);
  border-radius: var(--borderRadius-s);
  padding: 15px;
  margin-bottom: 8px;
  cursor: pointer;
  min-height: 80px;
  min-width: 80px;
}
.image-placeholder-svg svg {
  color: var(--grey);
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.image-placeholder-svg:hover svg {
  opacity: 1;
  color: var(--mainText);
}
.img-downloadable-container img.img-hide-preview {
  max-height: 40px;
  overflow: hidden;
  opacity: 0.6;
  border: 1px dashed var(--uiColorMain2);
  margin: 5px;
  border-radius: var(--borderRadius-s);
  object-fit: cover;
}
.ProseMirror .column .img-downloadable-container,
.ProseMirror .column .file-download {
  width: 100%;
}
.img-downloadable-container {
  position: relative !important;
  display: inline-block;
}
.img-downloadable-container img {
  margin-bottom: 8px !important;
}
.img-downloadable-container .hidden-image {
  display: none !important;
}
.img-downloadable-container .preview-svg {
  background-color: transparent;
  border: 0;
  border-radius: var(--borderRadius-s);
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  padding: 8px;
  margin: 0;
  cursor: pointer;
  height: 30px;
  width: 31px;
  color: var(--grey);
  fill: var(--grey);
  opacity: 0;
}
.ProseMirror .column .file-download {
  max-width: calc(100% - 35px);
}
.ProseMirror .img-downloadable-container .file-download {
  margin-right: 10px;
}
.img-downloadable-container:hover .preview-svg {
  opacity: 1;
}
.img-downloadable-container .preview-svg:hover {
  background-color: var(--uiColorMain2);
}
.img-downloadable-container.hide-preview {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: fit-content;
  padding: 0.5rem 0;
}
.ProseMirror .column .img-downloadable-container,
.ProseMirror .column .file-download {
  max-width: 100%;
}
.ProseMirror .column .img-downloadable-container.hide-preview,
.ProseMirror .column .file-download.hide-preview {
  max-width: calc(100% - 35px);
}
.ProseMirror[contenteditable=false] .column .img-downloadable-container.hide-preview {
  max-width: 100% !important;
}
.ProseMirror[contenteditable=false] .img-downloadable-container .file-download {
  margin-right: 0 !important;
}
.container-audio-player {
  width: 95%;
  border-radius: var(--borderRadius-s);
  border: 1px solid var(--greyLines1);
}
.container-audio-player .plyr__controls {
  border-radius: var(--borderRadius-s) !important;
}
#feedback-tab .thread {
  border-bottom: 1px solid var(--greyLines1);
}
#feedback-tab .thread .reply {
  padding-left: 15%;
}
#feedback-tab .replies .comment:not(:last-child) {
  padding-bottom: 1rem;
}
#feedback-tab .location {
  color: #c39f3d;
  background-color: rgba(195, 159, 61, 0.1019607843);
  padding: 0.12rem 0.25rem 0.12rem;
  border-radius: var(--borderRadius-s);
}
#feedback-tab .location svg,
#feedback-tab .location svg path {
  margin-bottom: -0.06rem;
  fill: #bc8b06 !important;
}
#feedback-tab .comment {
  padding-top: 1rem;
  padding-bottom: 1rem;
  cursor: pointer;
}
.pill .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: 50% !important;
}
hr.grey,
hr.v2 {
  border: none;
  border-top: 1px solid var(--uiColorMain2);
  height: 0;
}
.comment-input:not(.dark) .comment-input-block {
  border: 1px solid var(--greyLines1);
  border-radius: var(--borderRadius-s);
  padding: 0.5rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comment-input.dark .comment-input-block {
  border: 1px solid var(--greyLinesDark1);
  border-radius: var(--borderRadius-xl);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comment-input.dark {
  border-top: 0;
  background: var(--body-bg-dark);
  padding: 0;
}
.comment-input.dark .input {
  color: var(--dark700);
  padding: 0.357rem 0.35rem;
}
.comment-input .input {
  flex: 1 1 0;
  min-height: 36px;
  max-height: 350px;
  resize: none;
  border: none;
  background: transparent;
  font-size: 1rem;
  outline: none;
  overflow-y: auto;
}
.comments-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 0;
  min-height: 0;
}
.comments-list {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}
.comment-input {
  flex-shrink: 0;
  border-top: 1px solid #eee;
  background: #fff;
  padding: 0.65rem;
}
.comment-input .input {
  padding: 0;
}
.mat_tab_info_products .mat-mdc-tab-body-wrapper {
  height: 100%;
}
.canvas_section_wrapper {
  display: inline-block;
}
.anonymous_user_icon {
  width: 19px;
  height: 19px;
  fill: var(--mainText);
  opacity: 0.8;
}
.user-email-show-input {
  width: 280px;
  max-width: 90%;
}
.video_overlay_icon {
  position: absolute;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  fill: #fff;
  transform: translate(-50%, -50%);
}
.list-view .video_overlay_icon {
  display: none !important;
}
.login-register-nav .logo {
  width: 22px;
}
.login-register-nav .wrapper1 {
  padding-top: 0.85rem;
}
.login-register-nav .container {
  max-width: 2400px;
  width: 100%;
  padding-left: 1.7rem;
  padding-right: 1.5rem;
}
.register-method-button .mdc-button__label {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.register-method-button .icon_method {
  width: 18.5px;
  height: 16.5px;
  fill: inherit;
  flex-shrink: 0;
  inset-inline-start: 10px;
}
.register-method-button .icon_method.microsoft {
  width: 14.5px;
  height: 14.5px;
}
.register-method-button .icon_method.email {
  fill: var(--mainText);
}
.pending_invitations h1 {
  position: relative;
}
.pending_invitations h1 .alerts {
  top: 50%;
  transform: translateY(-40%);
  text-align: center;
  inset-inline-end: -24px;
}
.pending_invitations_wrapper .invitation .logo_thumbnail {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  border-radius: var(--borderRadius-s);
  overflow: hidden;
}
.pending_invitations_wrapper .invitation .logo_thumbnail img {
  width: 85%;
  margin: 0 auto;
}
.rain_noBrandspace {
  max-width: 450px;
  margin: 0 auto;
}
.modal-body-mobile > .d-flex {
  flex-direction: column;
}
.mobile-file-list .icon,
.mobile-folder-list .icon {
  width: 32px;
}
.mobile-file-list .list .file-item,
.mobile-folder-list .list .folder-item {
  padding: 0.75rem 0;
  min-height: 56px;
}
.mobile-file-list .list .file-item:not(:last-child),
.mobile-folder-list .list .folder-item:not(:last-child) {
  border-bottom: 1px solid var(--greyLines1);
}
.mobile-file-list .file-thumbnail-wrapper {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-file-list .file-thumbnail {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
}
.mobile-file-list .file-thumbnail-wrapper .icon {
  width: 32px;
}
.mobile-file-list .file-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  background: rgba(0, 0, 0, 0.55);
}
.mobile-file-list .file-duration {
  font-size: 12px;
  color: var(--grey2);
}
.mobile-file-list .file-version-badge {
  position: absolute;
  top: 2px;
  left: 2px;
  background: rgba(var(--uiColorMain-rgb), 0.68);
  color: #fff;
  padding: 1px 4px;
  border-radius: var(--borderRadius-s);
  font-weight: 500;
  font-size: 10px;
  line-height: 1.4;
}
.mobile-folder-list .folder-chevron {
  width: 16px;
  height: 16px;
  opacity: 0.45;
  flex-shrink: 0;
  margin-left: auto;
}
#viewerContainer {
  top: 29px !important;
}
.pdfViewer .page {
  border-image: none !important;
  border: 0 !important;
  margin: 1rem auto !important;
  box-shadow: var(--uiBoxShadow15) !important;
}
ngx-extended-pdf-viewer #toolbarSidebar {
  display: none !important;
}
ngx-extended-pdf-viewer #sidebarContent {
  background: var(--body-bg) !important;
  border-right: 1px solid var(--greyLines1) !important;
}
ngx-extended-pdf-viewer .html .thumbnail {
  padding: 0 !important;
}
#pdfViewer .thumbnail.selected {
  border-color: var(--uiColorMain1) !important;
  box-shadow: var(--uiBoxShadow3) !important;
}
html[dir=ltr] ngx-extended-pdf-viewer #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  background: var(--body-bg) !important;
}
#sidebarContent {
  top: 0 !important;
}
ngx-extended-pdf-viewer a:focus {
  border: 0 !important;
}
ngx-extended-pdf-viewer .html #thumbnailView {
  padding: 10px 30px 20px !important;
}
ngx-extended-pdf-viewer .html #thumbnailView > a:last-child {
  margin-bottom: 10px !important;
}
.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding: 0 0.3rem !important;
}
.search-folder-workspace-selector-menu .mat-mdc-menu-content {
  padding: 0 !important;
}
.banner.add {
  border-radius: var(--borderRadius-l);
  background: var(--uiColorMain1);
  padding: 1.3rem 1.5rem;
}
.banner .main-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--borderRadius-l);
}
.banner.add h1 {
  font-size: calc(var(--font_size05) + 0.4rem);
  line-height: calc(var(--font_size05) + 0.4rem);
}
.workspace_badge .icon {
  width: 18px;
  height: 18px;
}
.workspace_badge .emoji {
  font-size: var(--font_size05);
}
.folder_badge .icon {
  width: 18px;
  height: 18px;
}
.conversation-item.mdc-button .mdc-button__label {
  width: 100% !important;
}
.assistant-message-context-button .mdc-button__label {
  margin-right: 0.35rem !important;
}
.inputMaxMinSize {
  max-width: 90px;
}
.plyr__progress {
  position: relative;
}
.comment-markers-plyr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5;
}
.comment-marker-plyr {
  position: absolute;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.15s ease, opacity 0.15s ease;
  opacity: 0.9;
  z-index: 10;
}
.comment-marker-plyr.marker-offset-1 {
  margin-bottom: 40px;
}
.comment-marker-plyr.marker-offset-2 {
  margin-bottom: 72px;
}
.comment-marker-plyr.marker-offset-3 {
  margin-bottom: 104px;
}
.comment-marker-plyr:hover {
  transform: translateX(-50%) scale(1.1);
  opacity: 1;
  z-index: 100;
}
.comment-marker-plyr .marker-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--uiColorMain4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.comment-marker-plyr .marker-avatar-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.comment-marker-plyr .marker-avatar-svg svg,
.comment-marker-plyr .marker-avatar-anonymous svg {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.comment-marker-plyr .marker-avatar-anonymous circle {
  fill: var(--uiColorMain4);
}
.comment-marker-plyr .marker-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 200;
}
.comment-marker-plyr:hover .marker-tooltip {
  display: block;
}
.comment-marker-plyr::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 8px;
  background:
    linear-gradient(
      to bottom,
      rgba(102, 126, 234, 0.9),
      rgba(102, 126, 234, 0.3));
  border-radius: 1px;
}
.comment-marker-plyr.marker-offset-1::after {
  height: 40px;
}
.comment-marker-plyr.marker-offset-2::after {
  height: 72px;
}
.comment-marker-plyr.marker-offset-3::after {
  height: 104px;
}
@media (max-width: 600px) {
  .comment-marker-plyr .marker-avatar {
    width: 20px;
    height: 20px;
  }
  .comment-marker-plyr .marker-initials {
    font-size: 8px;
  }
  .comment-marker-plyr {
    margin-bottom: 6px;
  }
  .comment-marker-plyr.marker-offset-1 {
    margin-bottom: 30px;
  }
  .comment-marker-plyr.marker-offset-2 {
    margin-bottom: 54px;
  }
  .comment-marker-plyr.marker-offset-3 {
    margin-bottom: 78px;
  }
}
@keyframes commentHighlightGlobal {
  0% {
    background-color: rgba(195, 159, 61, 0.2);
  }
  100% {
    background-color: transparent;
  }
}
.comment-highlight-animation {
  animation: commentHighlightGlobal 4s ease-out forwards;
  border-radius: 8px;
}
.workspace-cover-wrapper {
  position: relative;
  position: relative;
  background-size: 1000px 640px;
  position: relative;
  background:
    repeating-linear-gradient(
      90deg,
      var(--gradient01) 0,
      var(--gradient02) 50%,
      var(--gradient01));
  background-size: 200% auto;
  background-position: 0 100%;
  animation: placeHolderShimmer 1.1s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.workspace-cover-wrapper.repositioning .workspace-cover {
  cursor: grab;
}
.workspace-cover-wrapper.repositioning .workspace-cover:active {
  cursor: grabbing;
}
.workspace-cover-options {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.workspace-cover-options .options {
  position: absolute;
  top: 0.75rem;
  right: 0.7rem;
}
.workspace-cover {
  width: 100%;
  height: var(--workspace-cover-height);
  max-height: 165px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.workspace-cover.draggable {
  cursor: grab;
}
.workspace-cover.draggable:active {
  cursor: grabbing;
}
.reposition-hint {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 6px 12px;
  border-radius: var(--borderRadius-s);
  font-size: var(--font_size01);
  pointer-events: none;
}
.cover-dialog-positioned {
  position: fixed;
  z-index: 99999999999;
  animation: dialogEmojiFadeIn 150ms ease-in-out forwards;
}
.cover-dialog-box {
  width: 400px;
  background: var(--bgMatMenu);
  border-radius: var(--borderRadius-s);
  box-shadow: var(--uiBoxShadow1);
  overflow: hidden;
  left: -10px !important;
}
.cover-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
}
.cover-gallery-item {
  aspect-ratio: 16/9;
  border-radius: var(--borderRadius-s);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cover-gallery-item:hover {
  transform: scale(1.02);
  box-shadow: var(--uiBoxShadow15);
}
.cover-gallery-item.loading {
  pointer-events: none;
  opacity: 0.6;
}
.cover-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover-optimizing-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
}
.cover-optimizing-state .small {
  font-size: var(--font_size01);
}
.solid_badge_buttons {
  background: var(--white);
  padding: 0.19rem;
  border-radius: var(--borderRadius-s);
  gap: 0.2rem;
  width: fit-content;
  box-shadow: var(--uiBoxShadow15);
}
.solid_badge_buttons.w-border-v1 {
  border: 1px solid var(--greyLines1) !important;
}
.solid_badge_buttons .separator {
  width: 1px;
  height: 15px;
  background: var(--greyLines1);
}
.solid_badge_buttons .mat-mdc-button:hover > .mat-mdc-button-persistent-ripple::before {
  opacity: 0.24 !important;
}
.card_link .solid_badge_buttons {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
}
.app.wrapper.sidebar-collapsed .col-nav {
  width: 0;
  min-width: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition:
    width 0.3s ease,
    opacity 0.2s ease,
    min-width 0.3s ease;
}
.app.wrapper.sidebar-collapsed .col-nav.collapsed {
  width: 0;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
}
.app.wrapper .col-nav {
  transition:
    width 0.2s ease,
    opacity 0.5s ease,
    min-width 0.2s ease;
}
.sidebar-hover-zone {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 7px;
  height: calc(100vh - 59px);
  z-index: 99;
  background: transparent;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}
.sidebar-hover-zone.hidden {
  pointer-events: none;
  opacity: 0;
}
.floating-sidebar-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(255px + 3.5rem);
  height: 100vh;
  z-index: 100;
  pointer-events: none;
}
.floating-sidebar-wrapper.visible {
  pointer-events: auto;
}
.floating-sidebar-exit-zone {
  position: absolute;
  left: calc(255px + 3.5rem);
  top: 0;
  width: calc(100vw - 255px - 3.5rem);
  height: 100%;
  background: transparent;
  pointer-events: none;
  z-index: 100;
  overflow: hidden;
}
.floating-sidebar-wrapper.visible .floating-sidebar-exit-zone {
  pointer-events: auto;
}
.floating-sidebar {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%) translateX(-12px);
  width: 255px;
  height: 90vh;
  max-height: 925px;
  background: var(--white);
  border-radius: var(--borderRadius-m);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.12),
    0 8px 48px rgba(0, 0, 0, 0.08),
    0 0 0 1px var(--greyLines1);
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}
.floating-sidebar-wrapper.visible .floating-sidebar {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  pointer-events: auto;
}
.floating-sidebar-wrapper.closing .floating-sidebar {
  opacity: 0;
  transform: translateY(-50%) translateX(-12px);
  pointer-events: none;
  transition: opacity 0.18s ease-in, transform 0.18s ease-in;
}
.floating-sidebar #sidenav {
  height: 100%;
}
.floating-sidebar .sidenav {
  height: 100%;
}
.floating-sidebar .container_sidenav {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.floating-sidebar .name-section {
  flex: 1;
  overflow: hidden;
}
@keyframes slideInFloatingSidebar {
  0% {
    opacity: 0;
    transform: translateY(-50%) translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}
@keyframes slideOutFloatingSidebar {
  0% {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%) translateX(-12px);
  }
}
.app.wrapper.sidebar-collapsed .col-content {
  margin-left: 0;
  transition: margin-left 0.3s ease;
}
.expand-sidebar-btn {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sidebar-hover-zone::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 60px;
  background: var(--primary);
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.sidebar-hover-zone:hover::before {
  opacity: 0.5;
}
body.dark_grayscale .floating-sidebar,
body.dark_custom .floating-sidebar {
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.3),
    0 8px 48px rgba(0, 0, 0, 0.2),
    0 0 0 1px var(--greyLines1);
}
.error-message {
  background-color: var(--errorBG);
  padding: 0.75rem;
  border-radius: var(--borderRadius-s);
  color: var(--error);
  font-size: var(--font_size02);
  font-weight: 500;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 100%;
  border: 1px solid var(--errorBG);
}
.search-filter-chip {
  display: flex;
  gap: 0.1rem;
  align-items: center;
  letter-spacing: var(--letterSpacing01) !important;
  color: var(--gre);
}
.search-filter-chip .chip-terms {
  border: 1px solid var(--greyLines1);
  padding: 0.1rem 0.35rem 0.16rem 0.35rem;
  border-radius: var(--borderRadius-s);
  line-height: 0.95rem;
  font-weight: 500;
  font-size: var(--font_size03);
}
.drawer-main-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.presentation-thumbnail .solid_badge_buttons {
  display: none;
}
.pricing_tabs.upgrade-dialog .col.product_item.activate-lite-trial-message {
  max-width: 500px !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.view-toggle .toggle-buttons {
  background: var(--white01);
  border: 1px solid var(--greyLines2);
  border-radius: 50px;
  padding: 2px;
  display: flex;
}
.view-toggle .toggle-btn {
  padding: 0rem 0.85rem !important;
  border-radius: 50px !important;
  font-size: var(--font_size01);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--grey);
  height: 33px !important;
}
.view-toggle .toggle-btn.active {
  font-weight: 500;
}
.view-toggle .toggle-btn .icon {
  width: 17px;
  height: 17px;
  margin-right: 0.35rem;
}
.boards-content-area {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}
.boards-content-area app-content-kanban,
.boards-content-area app-empty-state-boards {
  flex: 1;
  width: 100%;
  min-width: 0;
}
button.button_light_01 {
  color: #848383 !important;
}
hr {
  height: 1px;
  background: transparent;
  color: transparent;
  border-top: 1px solid var(--greyLines1);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 0;
  padding: 0;
}
.header_row_rename_property .icon {
  width: 16px;
  height: 16px;
}
.header_row_rename_property .input_edit_file {
  background-color: rgba(228, 229, 230, 0.3);
  border: 1px solid var(--greyLines1);
  padding: 0.27rem 0.45rem;
}
.kanban_status_badge {
  font-weight: 500;
  font-size: var(--font_size01);
  line-height: 1.085rem;
  padding: 0.2rem 0.45rem;
  border-radius: var(--borderRadius-xs);
}
.menu_item_in_mat_menu {
  line-height: 30px !important;
  height: 30px !important;
}
.menu_item_in_mat_menu .kanban_status_badge {
  line-height: 1.05rem;
  font-size: var(--font_size02) !important;
}
.property_search_menu .menu-section {
  padding-bottom: 0 !important;
}
.search_in_media_center {
  max-height: 100px;
  overflow: auto;
  overflow-y: auto;
}
.badge-type {
  display: block;
  width: fit-content;
  padding: 0rem 0.35rem;
  border-radius: 0.25rem;
  font-size: var(--font_size03);
}
.badge-type.badge-type-default {
  border: 1px solid var(--greyLines1);
  color: var(--mainText);
  background-color: var(--uiColorMain1);
}
.badge-type.badge-type-custom {
  border: 1px solid rgba(var(--uiColorMain-rgb), 0.2);
  color: var(--uiColorMain);
  background-color: rgba(var(--uiColorMain-rgb), 0.07);
}
.badge-type.size_xs {
  font-size: calc(var(--font_size03) - 2px);
  padding: 0rem 0.25rem;
  line-height: calc(var(--font_size03) + 4px);
}
.cdk-overlay-pane:has(.role_select_panel) {
  min-width: 260px !important;
  max-width: calc(100vw - 24px) !important;
}
.mat-mdc-select-panel.role_select_panel {
  min-width: 100% !important;
  max-width: 100% !important;
}
.stroked-dotted-button {
  border-style: dashed !important;
}
.stroked-rounded-button {
  border-radius: 999px !important;
}
.grid-tile-folder > .mat-grid-tile-content {
  justify-content: flex-start !important;
}
.drawer-file-version-row .mdc-button__label {
  justify-content: space-between !important;
  width: 100% !important;
}
.version-selector-menu {
  min-width: 350px !important;
}
.version-badge-inline {
  display: flex;
  align-items: center;
  background: rgba(var(--uiColorMain-rgb), 0.08);
  border: 1px solid rgba(var(--uiColorMain-rgb), 0.06);
  color: var(--uiColorMain);
  padding: 1.75px 4.75px;
  border-radius: var(--borderRadius-s);
  font-weight: 500;
  cursor: pointer;
}
.version-badge-overlay .version-badge-inline {
  background: rgba(var(--uiColorMain-rgb), 0.68);
  color: var(--white);
}

/* node_modules/vanilla-cookieconsent/dist/cookieconsent.css */
#cc-main {
  background: transparent;
  color: var(--cc-primary-color);
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  position: fixed;
  z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
  all: unset;
  box-sizing: border-box;
}
#cc-main .pm__badge,
#cc-main button {
  all: initial;
  box-sizing: border-box;
  color: unset;
  visibility: unset;
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: revert;
  outline-offset: 2px;
  overflow: hidden;
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
  all: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
:root {
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius:.5rem;
  --cc-btn-border-radius:.4rem;
  --cc-modal-transition-duration:.25s;
  --cc-link-color:var(--cc-btn-primary-bg);
  --cc-modal-margin:1rem;
  --cc-z-index:2147483647;
  --cc-bg:#fff;
  --cc-primary-color:#2c2f31;
  --cc-secondary-color:#5e6266;
  --cc-btn-primary-bg:#30363c;
  --cc-btn-primary-color:#fff;
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#000;
  --cc-btn-primary-hover-color:#fff;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#d4dae0;
  --cc-btn-secondary-hover-color:#000;
  --cc-btn-secondary-hover-border-color:#d4dae0;
  --cc-separator-border-color:#f0f4f7;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#667481;
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color:var(--cc-bg);
  --cc-toggle-disabled-icon-color:var(--cc-bg);
  --cc-toggle-readonly-bg:#d5dee2;
  --cc-toggle-readonly-knob-bg:#fff;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-border:#f0f4f7;
  --cc-cookie-category-block-hover-bg:#e9eff4;
  --cc-cookie-category-block-hover-border:#e9eff4;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#dee4e9;
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:var(--cc-btn-secondary-bg);
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#e4eaed;
  --cc-pm-toggle-border-radius:4em;
}
#cc-main.cc--rtl {
  direction: rtl;
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
  font-weight: 600;
}
#cc-main button > span {
  pointer-events: none;
}
#cc-main .cc__link,
#cc-main a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  font-weight: 600;
  position: relative;
  transition: background-size .25s, color .25s ease;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
  background-size: 100% 1px;
  color: var(--cc-primary-color);
}
#cc-main .cc__link {
  color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
  overscroll-behavior: auto contain;
  scrollbar-width: thin;
}
@media screen and (min-width:640px) {
  #cc-main ::-webkit-scrollbar,
  #cc-main ::-webkit-scrollbar-thumb,
  #cc-main ::-webkit-scrollbar-track {
    all: revert;
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: var(--cc-toggle-readonly-bg);
    border: .25rem solid var(--cc-bg);
    border-radius: 1rem;
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background: var(--cc-toggle-off-bg);
  }
  #cc-main ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
  }
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
  height: auto !important;
  overflow: hidden !important;
}
@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration:0s;
  }
}
.cc--darkmode {
  --cc-bg:#161a1c;
  --cc-primary-color:#ebf3f6;
  --cc-secondary-color:#aebbc5;
  --cc-btn-primary-bg:#c2d0e0;
  --cc-btn-primary-color:var(--cc-bg);
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#98a7b6;
  --cc-btn-primary-hover-color:#000;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#242c31;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#353d43;
  --cc-btn-secondary-hover-color:#fff;
  --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color:#222a30;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#525f6b;
  --cc-toggle-on-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg:#343e45;
  --cc-toggle-readonly-knob-bg:#5f6b72;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:#1e2428;
  --cc-cookie-category-block-bg:#1e2428;
  --cc-cookie-category-block-border:var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg:#242c31;
  --cc-cookie-category-block-hover-border:#232a2f;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:#0c0e0f;
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#060809;
}
.cc--darkmode #cc-main {
  color-scheme: dark;
}
#cc-main .cm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(1.6em);
  visibility: hidden;
  z-index: 1;
}
#cc-main .cm--top {
  top: var(--cc-modal-margin);
}
#cc-main .cm--middle {
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .cm--bottom {
  bottom: var(--cc-modal-margin);
}
#cc-main .cm--center {
  left: var(--cc-modal-margin);
  margin: 0 auto;
  right: var(--cc-modal-margin);
  width: unset;
}
#cc-main .cm--left {
  left: var(--cc-modal-margin);
  margin-right: var(--cc-modal-margin);
}
#cc-main .cm--right {
  margin-left: var(--cc-modal-margin);
  right: var(--cc-modal-margin);
}
#cc-main .cm__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
#cc-main .cm__btns,
#cc-main .cm__links {
  padding: 1rem 1.3rem;
  width: unset;
}
#cc-main .cm__texts {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0 0;
}
#cc-main .cm__desc,
#cc-main .cm__title {
  padding: 0 1.3rem;
}
#cc-main .cm__title {
  font-size: 1.05em;
}
#cc-main .cm__title + .cm__desc {
  margin-top: 1.1em;
}
#cc-main .cm__desc {
  color: var(--cc-secondary-color);
  font-size: .9em;
  line-height: 1.5;
  max-height: 40vh;
  overflow-x: visible;
  overflow-y: auto;
  padding-bottom: 1em;
}
#cc-main .cm__btns {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#cc-main .cm__btn-group {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
  margin-top: .375rem;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: .375rem;
  margin-top: 0;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: .375rem;
  margin-right: 0;
}
#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-right: .375rem;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction: row-reverse;
}
#cc-main .cm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  font-size: .82em;
  font-weight: 600;
  min-height: 42px;
  padding: .5em 1em;
  text-align: center;
}
#cc-main .cm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close {
  border-radius: 0;
  border-bottom-left-radius: var(--cc-btn-border-radius);
  border-right: none;
  border-top: none;
  display: none;
  font-size: 1em;
  height: 42px;
  min-width: auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}
#cc-main .cm__btn--close svg {
  stroke: var(--cc-btn-primary-color);
  transform: scale(.5);
  transition: stroke .15s ease;
}
#cc-main .cm__btn--close:hover svg {
  stroke: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close + .cm__texts .cm__title {
  padding-right: 3rem;
}
#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm__footer {
  background: var(--cc-footer-bg);
  border-top: 1px solid var(--cc-footer-border-color);
  color: var(--cc-footer-color);
  padding: .4em 0 .5em;
}
#cc-main .cm__links {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  padding-top: 0;
}
#cc-main .cm__link-group {
  display: flex;
  flex-direction: row;
  font-size: .8em;
  width: 100%;
}
#cc-main .cm__link-group > * + * {
  margin-left: 1.3rem;
}
#cc-main .cm--flip .cm__btn:last-child {
  grid-row: 1;
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--box .cm__btn--close {
  display: block;
}
#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--box.cm--wide {
  max-width: 36em;
}
#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--box.cm--wide .cm__btn {
  min-width: 120px;
  padding-left: 1.8em;
  padding-right: 1.8em;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--cloud {
  max-width: 54em;
  width: unset;
}
#cc-main .cm--cloud .cm__body {
  flex-direction: row;
}
#cc-main .cm--cloud .cm__texts {
  flex: 1;
}
#cc-main .cm--cloud .cm__desc {
  max-height: 9.4em;
}
#cc-main .cm--cloud .cm__btns {
  border-left: 1px solid var(--cc-separator-border-color);
  border-top: none;
  max-width: 23em;
}
#cc-main .cm--cloud .cm__btn-group {
  flex-direction: column;
}
#cc-main .cm--cloud .cm__btn {
  min-width: 19em;
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction: row;
}
#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width: 10em;
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction: row-reverse;
}
#cc-main .cm--bar {
  border-radius: 0;
  left: 0;
  margin: 0;
  max-width: unset;
  opacity: 1;
  right: 0;
  transform: translateY(0);
  width: 100vw;
  --cc-modal-transition-duration:.35s;
}
#cc-main .cm--bar.cm--top {
  top: 0;
  transform: translateY(-100%);
}
#cc-main .cm--bar.cm--bottom {
  bottom: 0;
  transform: translateY(100%);
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
  margin: 0 auto;
  max-width: 55em;
  width: 100%;
}
#cc-main .cm--bar .cm__body {
  padding: .5em 0 .9em;
}
#cc-main .cm--bar .cm__btns {
  border-top: none;
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--bar .cm__btn {
  min-width: 120px;
  padding-left: 2em;
  padding-right: 2em;
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
  max-width: 74em;
}
#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction: row;
  padding: 0;
}
#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction: column;
  justify-content: center;
  max-width: 23em;
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease;
}
.disable--interaction #cc-main .cm-wrapper:before {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 0;
}
.show--consent #cc-main .cc--anim .cm {
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}
.show--consent #cc-main .cc--anim .cm--middle {
  transform: translateY(-50%);
}
.show--consent #cc-main .cc--anim .cm--bar {
  transform: translateY(0);
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: var(--cc-btn-border-radius);
  left: 0;
  right: unset;
}
#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
  padding-left: 3rem !important;
  padding-right: 1.3rem;
}
#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm__link-group > * + * {
  margin-left: 0;
  margin-right: 1.3rem;
}
@media screen and (max-width:640px) {
  #cc-main {
    --cc-modal-margin:.5em;
  }
  #cc-main .cm {
    max-width: none !important;
    width: auto !important;
  }
  #cc-main .cm__body {
    flex-direction: column !important;
    padding: 0 !important;
  }
  #cc-main .cm__btns,
  #cc-main .cm__desc,
  #cc-main .cm__links,
  #cc-main .cm__title {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
  #cc-main .cm__btns {
    border-left: none !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
    flex-direction: column !important;
    max-width: none !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn + .cm__btn,
  #cc-main .cm__btn-group + .cm__btn-group {
    margin: .375rem 0 0 !important;
  }
  #cc-main .cm--flip .cm__btn + .cm__btn,
  #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: .375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .cm__btn-group {
    display: flex !important;
    flex-direction: column !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn {
    flex: auto !important;
  }
  #cc-main .cm__link-group {
    justify-content: center !important;
  }
  #cc-main .cm--flip .cm__btn-group,
  #cc-main .cm--flip .cm__btns {
    flex-direction: column-reverse !important;
  }
}
#cc-main .pm-wrapper {
  position: relative;
  z-index: 2;
}
#cc-main .pm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
  display: flex;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: 100%;
  width: unset;
  z-index: 1;
}
#cc-main svg {
  fill: none;
  width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm__header {
  align-items: center;
  border-bottom: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  margin-right: 2em;
}
#cc-main .pm__close-btn {
  background: var(--cc-btn-secondary-bg);
  border: 1px solid var(--cc-btn-secondary-border-color);
  border-radius: var(--cc-btn-border-radius);
  height: 40px;
  position: relative;
  transition: all .15s ease;
  width: 40px;
}
#cc-main .pm__close-btn span {
  display: flex;
  height: 100%;
  width: 100%;
}
#cc-main .pm__close-btn svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(.5);
  transition: stroke .15s ease;
}
#cc-main .pm__close-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
}
#cc-main .pm__close-btn:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm__body {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
  border-radius: var(--cc-btn-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: .5em;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border: 1px solid var(--cc-cookie-category-block-border);
  border-radius: var(--cc-btn-border-radius);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  margin-top: 0 !important;
  overflow: hidden;
}
#cc-main .pm__section {
  border: 1px solid var(--cc-separator-border-color);
  padding: 1em;
  transition: background-color .25s ease, border-color .25s ease;
}
#cc-main .pm__section:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}
#cc-main .pm__section:not(:first-child):hover {
  background: var(--cc-cookie-category-block-bg);
  border-color: var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-toggles + .pm__section {
  margin-top: 2em;
}
#cc-main .pm__section--toggle {
  background: var(--cc-cookie-category-block-bg);
  border-top: none;
  margin-bottom: .375rem;
}
#cc-main .pm__section--toggle .pm__section-title {
  align-items: center;
  background: var(--cc-cookie-category-block-bg);
  border: 1px solid var(--cc-cookie-category-block-border);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 1.1em 5.4em 1.1em 1.2em;
  position: relative;
  transition: background-color .25s ease, border-color .25s ease;
  width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
  background: var(--cc-cookie-category-block-hover-bg);
  border-color: var(--cc-cookie-category-block-hover-border);
}
#cc-main .pm__section--toggle .pm__section-desc {
  margin-top: 0;
  padding: 1em;
}
#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform: scale(.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
  cursor: pointer;
  padding-left: 3.4em;
}
#cc-main .pm__section--expandable .pm__section-arrow {
  background: var(--cc-toggle-readonly-bg);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 18px;
  pointer-events: none;
  position: absolute;
  width: 20px;
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(.5);
}
#cc-main .pm__section-title-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: .85em;
}
#cc-main .pm__section-title {
  border-radius: var(--cc-btn-border-radius);
  font-size: .95em;
  font-weight: 600;
}
#cc-main .pm__badge {
  align-items: center;
  background: var(--cc-btn-secondary-bg);
  border-radius: 5em;
  color: var(--cc-secondary-color);
  display: flex;
  flex: none;
  font-size: .8em;
  font-weight: 600;
  height: 23px;
  justify-content: center;
  margin-left: 1em;
  min-width: 23px;
  overflow: hidden;
  padding: 0 .6em 1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
#cc-main .pm__service-counter {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  padding: 0;
  width: 23px;
}
#cc-main .pm__service-counter[data-counterlabel] {
  padding: 0 .6em 1px;
  width: auto;
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
  border-radius: var(--cc-pm-toggle-border-radius);
  height: 23px;
  transform: translateZ(0);
  width: 50px;
}
#cc-main .section__toggle-wrapper {
  cursor: pointer;
  position: absolute;
  right: 18px;
  z-index: 1;
}
#cc-main .toggle-service {
  height: 19px;
  position: relative;
  right: 0;
  width: 42px;
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
  height: 19px;
  width: 42px;
}
#cc-main .toggle-service .toggle__icon {
  position: relative;
}
#cc-main .toggle-service .toggle__icon-circle {
  height: 19px;
  width: 19px;
}
#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display: none !important;
}
#cc-main .section__toggle {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
#cc-main .section__toggle:disabled {
  cursor: not-allowed;
}
#cc-main .toggle__icon {
  background: var(--cc-toggle-off-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
  display: flex;
  flex-direction: row;
  pointer-events: none;
  position: absolute;
  transition: all .25s ease;
}
#cc-main .toggle__icon-circle {
  background: var(--cc-toggle-off-knob-bg);
  border: none;
  border-radius: var(--cc-pm-toggle-border-radius);
  box-shadow: 0 1px 2px rgba(24, 32, 3, .36);
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .25s ease, background-color .25s ease;
  width: 23px;
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
  height: 100%;
  position: absolute;
  transition: opacity .15s ease;
  width: 100%;
}
#cc-main .toggle__icon-on {
  opacity: 0;
  transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
  stroke: var(--cc-toggle-on-bg);
  transform: scale(.55) rotate(-45deg);
}
#cc-main .toggle__icon-off {
  opacity: 1;
}
#cc-main .toggle__icon-off svg {
  stroke: var(--cc-toggle-off-bg);
  transform: scale(.55);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
  background: var(--cc-toggle-on-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background-color: var(--cc-toggle-on-knob-bg);
  transform: translateX(27px);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
  opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
  opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--cc-toggle-readonly-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
  background: var(--cc-toggle-readonly-knob-bg);
  box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
  stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
  color: var(--cc-secondary-color);
  display: flex;
  flex-direction: column;
  font-size: .9em;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-services {
  display: flex;
  flex-direction: column;
}
#cc-main .pm__service {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: .4em 1.2em;
  position: relative;
  transition: background-color .15s ease;
}
#cc-main .pm__service:hover {
  background-color: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__service-header {
  align-items: center;
  display: flex;
  margin-right: 1em;
  width: 100%;
}
#cc-main .pm__service-icon {
  border: 2px solid;
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 20px;
  margin-top: 1px;
  min-width: 8px;
}
#cc-main .pm__service-title {
  font-size: .95em;
  width: 100%;
  word-break: break-word;
}
#cc-main .pm__section-desc {
  line-height: 1.5em;
}
#cc-main .pm__section-table {
  border-collapse: collapse;
  font-size: .9em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}
#cc-main .pm__table-caption {
  text-align: left;
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
  border-bottom: 1px dashed var(--cc-separator-border-color);
  color: var(--cc-primary-color);
  font-weight: 600;
}
#cc-main .pm__table-tr {
  transition: background-color .15s ease;
}
#cc-main .pm__table-tr:hover {
  background: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
  padding: .625em .625em .625em 1.2em;
  vertical-align: top;
}
#cc-main .pm__footer {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__btn-group {
  display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
  margin-left: .375rem;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  flex: auto;
  font-size: .82em;
  font-weight: 600;
  min-height: 42px;
  min-width: 110px;
  padding: .5em 1.5em;
  text-align: center;
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease;
}
#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm--box {
  height: calc(100% - 2em);
  left: var(--cc-modal-margin);
  margin: 0 auto;
  max-height: 37.5em;
  max-width: 43em;
  right: var(--cc-modal-margin);
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm--bar {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: 29em;
  opacity: 1;
  top: 0;
  width: 100%;
  --cc-modal-transition-duration:.35s;
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
  display: block;
}
#cc-main .pm--bar .pm__table-head {
  display: none;
}
#cc-main .pm--bar .pm__table-caption {
  display: block;
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm--bar .pm__table-td {
  display: flex;
  justify-content: space-between;
}
#cc-main .pm--bar .pm__table-td:before {
  color: var(--cc-primary-color);
  content: attr(data-column);
  flex: 1;
  font-weight: 600;
  min-width: 100px;
  overflow: hidden;
  padding-right: 2em;
  text-overflow: ellipsis;
}
#cc-main .pm--bar .pm__table-td > div {
  flex: 3;
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding: 1em 1.3em;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction: column;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin: .375rem 0 0;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction: column-reverse;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
  margin-bottom: .375rem;
  margin-top: 0;
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display: none;
}
#cc-main .pm--bar.pm--left {
  left: 0;
  transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
  right: 0;
  transform: translateX(100%);
}
#cc-main .pm--bar.pm--wide {
  max-width: 35em;
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm-overlay {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
.show--preferences #cc-main .cc--anim .pm {
  opacity: 1;
  visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
  transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
  transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .pm__service-header {
  margin-left: 1em;
  margin-right: 0;
}
#cc-main.cc--rtl .pm__section-arrow {
  left: unset;
  right: 18px;
}
#cc-main.cc--rtl .section__toggle-wrapper {
  left: 18px;
  right: unset;
  transform-origin: left;
}
#cc-main.cc--rtl .toggle-service {
  left: 0;
}
#cc-main.cc--rtl .pm__service-icon {
  margin-left: 20px;
  margin-right: 5px;
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left: 5.4em;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right: 3.4em;
}
#cc-main.cc--rtl .pm__badge {
  margin-left: unset;
  margin-right: 1em;
}
#cc-main.cc--rtl .toggle__icon-circle {
  transform: translateX(27px);
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(0);
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
  padding-left: unset;
  padding-right: 1.2em;
  text-align: right;
}
#cc-main.cc--rtl .pm__table-td {
  padding-left: unset;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__table-td:before {
  padding-left: 2em;
  padding-right: unset;
}
#cc-main.cc--rtl .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin-left: 0;
}
@media screen and (max-width:640px) {
  #cc-main .pm {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    max-width: none !important;
    right: 0;
    top: 0;
    transform: translateY(1.6em);
  }
  #cc-main .pm__body,
  #cc-main .pm__footer,
  #cc-main .pm__header {
    padding: .9em !important;
  }
  #cc-main .pm__badge {
    display: none;
  }
  #cc-main .pm__section-table,
  #cc-main .pm__table-body,
  #cc-main .pm__table-caption,
  #cc-main .pm__table-td,
  #cc-main .pm__table-th,
  #cc-main .pm__table-tr {
    display: block;
  }
  #cc-main .pm__table-head {
    display: none;
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color);
  }
  #cc-main .pm__table-td {
    display: flex;
    justify-content: space-between;
  }
  #cc-main .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis;
  }
  #cc-main .pm__table-td > div {
    flex: 3;
  }
  #cc-main .pm__btn-group,
  #cc-main .pm__footer {
    flex-direction: column !important;
  }
  #cc-main .pm__btn-group {
    display: flex !important;
  }
  #cc-main .pm__btn + .pm__btn,
  #cc-main .pm__btn-group + .pm__btn-group {
    margin: .375rem 0 0 !important;
  }
  #cc-main .pm--flip .pm__btn + .pm__btn,
  #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
    margin-bottom: .375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .pm--flip .pm__btn-group,
  #cc-main .pm--flip .pm__footer {
    flex-direction: column-reverse !important;
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform: translateY(0) !important;
  }
}

/* node_modules/plyr/dist/plyr.css */
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size,25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family,inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  line-height: 1.7;
  line-height: var(--plyr-line-height,1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background,#4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius,2px);
  color: #fff;
  color: var(--plyr-badge-text-color,#fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge,9px);
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width:480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base,15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px)*2);
  }
}
@media (min-width:768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large,18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4));
}
.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background,#000c);
  border-radius: 4px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color,#fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}
.plyr__control {
  background: #0000;
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius,4px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
  position: relative;
  transition: all .1s ease-in-out;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size,18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size,18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)/4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px)/2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform .3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: #ffffffe6;
  background: var(--plyr-menu-background,#ffffffe6);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base,15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}
.plyr__menu__container:after {
  border: 4px solid #0000;
  border-top-color: #ffffffe6;
  border: var(--plyr-menu-arrow-size,4px) solid #0000;
  border-top-color: var(--plyr-menu-background,#ffffffe6);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color,#4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size,4px) solid #0000;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4);
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color,#728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px)*.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color,#728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color,#dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: #0000001a;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
  transition: all .3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  appearance: none;
  background: #0000;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: #0000;
  background-image:
    linear-gradient(
      90deg,
      currentColor 0,
      #0000 0);
  background-image:
    linear-gradient(
      to right,
      currentColor var(--value,0),
      #0000 var(--value,0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  color: #0000;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: #0000;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: #0000;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px)/2);
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background,#fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
  height: 13px;
  height: var(--plyr-range-thumb-height,13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height,13px);
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  outline-offset: 2px;
}
.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}
.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing,10px);
}
@media (max-width:767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background,#fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius,5px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  color: #4a5464;
  color: var(--plyr-tooltip-color,#4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small,13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular,400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px)*.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height,13px);
  position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: #0000;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height,5px);
  -moz-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image:
    linear-gradient(
      -45deg,
      #23282f99 25%,
      #0000 0,
      #0000 50%,
      #23282f99 0,
      #23282f99 75%,
      #0000 0,
      #0000);
  background-image:
    linear-gradient(
      -45deg,
      var(--plyr-progress-loading-background,#23282f99) 25%,
      #0000 25%,
      #0000 50%,
      var(--plyr-progress-loading-background,#23282f99) 50%,
      var(--plyr-progress-loading-background,#23282f99) 75%,
      #0000 75%,
      #0000);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
  color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background,#fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width,3px);
  z-index: 3;
}
.plyr__volume {
  align-items: center;
  display: flex;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px)/2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px)/2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background,#fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color,#4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing,10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover,#fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a);
}
.plyr--audio .plyr__progress__buffer {
  color: #c1c8d199;
  color: var(--plyr-audio-progress-buffered-background,#c1c8d199);
}
.plyr--video {
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background,var(--plyr-video-background,#000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio:16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px)/2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px)*2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 3;
}
@media (min-width:480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing,10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover,#fff);
}
.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color,#fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px)*1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px #23282f26,
    0 0 0 1px #23282f33,
    0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80);
}
.plyr--video .plyr__progress__buffer {
  color: #ffffff40;
  color: var(--plyr-video-progress-buffered-background,#ffffff40);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  inset: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge,21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  cursor: pointer;
  inset: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing,10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing,10px);
  z-index: 3;
}
.plyr__ads:empty:after {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height,5px);
  left: 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background,#fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius,8px);
  bottom: 100%;
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px #00000026;
  content: "";
  pointer-events: none;
}
.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}
.plyr__preview-thumb__time-container {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
}
.plyr__preview-scrubbing {
  filter: blur(1px);
  height: 100%;
  inset: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}

/* angular:styles/global:styles */