@charset "UTF-8";.app-lite {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.app-lite__main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
:root {
  --survey-white: #ffffff;
  --survey-black: #000000;
  --survey-dark-primary: #2e2e38;
  --survey-dark-secondary: #1a1a1f;
  --survey-dark-tertiary: #1f1f28;
  --survey-gray-light: #f9fafb;
  --survey-gray-lighter: #f8f9fa;
  --survey-gray-very-light: #f3f4f6;
  --survey-gray-100: #e5e7eb;
  --survey-gray-200: #e9ecef;
  --survey-gray-300: #dee2e6;
  --survey-gray-400: #d1d5db;
  --survey-gray-500: #ced4da;
  --survey-gray-600: #adb5bd;
  --survey-gray-700: #9ca3af;
  --survey-gray-800: #6b7280;
  --survey-gray-900: #495057;
  --survey-gray-950: #374151;
  --survey-gray-light-text: #6c757d;
  --survey-gray-disabled: #c4c4cd;
  --survey-gray-muted: #9ca3af;
  --survey-text-primary: #2e2e38;
  --survey-text-secondary: #9897a6;
  --survey-text-tertiary: #6b7280;
  --survey-text-quaternary: #9ca3af;
  --survey-icon-secondary: #9897a6;
  --survey-icon-border: #c8c8d0;
  --survey-icon-default: #6b7280;
  --survey-success: #16a34a;
  --survey-success-dark: #34c749;
  --survey-error: #dc2626;
  --survey-error-hover: #dc2626;
  --survey-brand-yellow: #ffe600;
  --survey-brand-purple: #9d7cd4;
  --survey-hover-bg: #f3f3f5;
  --survey-hover-bg-light: #fafafa;
  --survey-border-light: #f0f0f2;
  --survey-bg-l1: #f9f9fa;
  --survey-bg-l2-badge: #e8e8ec;
  --survey-bg-l2-purple: #ede8f5;
  --survey-bg-l3-green: #e0f0e8;
  --survey-badge-l2-text: #7c6aac;
  --survey-badge-l3-text: #4a8c6a;
  --survey-remove-btn: #9e9eae;
  --survey-toast-success-bg: #2ecc71;
  --survey-toast-error-bg: #e74c3c;
  --survey-toast-warning-bg: #8b5e1e;
  --survey-validation-success: #27ae60;
  --survey-validation-success-bg: #eafaf1;
  --survey-validation-success-border: #2ecc71;
  --survey-validation-error: #c0392b;
  --survey-validation-error-bg: #fdedee;
  --survey-validation-error-bg-light: #fbe3e4;
  --survey-validation-error-border: #e74c3c;
  --survey-validation-error-border-light: #f5c6cb;
  --survey-validation-warning-bg: #fef9e7;
  --survey-validation-warning-border: #d4a017;
  --survey-validation-warning-text: #8b6914;
  --survey-validation-warning-fix-bg: #fdf3cd;
  --survey-validation-warning-text-muted: #9a4d1a;
  --survey-validation-warning-title: #974927;
  --survey-validation-warning-content-bg: #fffbeb;
  --survey-validation-warning-footer-bg: #fef3c7;
  --survey-validation-link: #2c3e50;
  --survey-template-icon-bg: #7b73ff;
  --survey-color-page-bg: #f9f9fa;
  --survey-color-overlay-bg: rgba(255, 255, 255, 0.72);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.08);
  --survey-color-primary: #4696ff;
  --survey-color-primary-dark: #2e2e38;
  --survey-color-primary-darker: #23232b;
  --survey-color-danger: #dc2626;
  --survey-color-danger-hover: #b91c1c;
  --survey-color-danger-dark: #991b1b;
  --survey-color-success: #197335;
  --survey-color-success-light: #2e7d32;
  --survey-color-success-lighter: #c8e6c9;
  --survey-color-success-bg: #e8f5e9;
  --survey-color-warning: #e67e22;
  --survey-color-info: #1a56db;
  --survey-color-info-light: #e8f0fe;
  --survey-color-danger-bg: #fef2f2;
  --survey-color-error-icon-bg: #fee2e2;
  --survey-color-hover-light: #f3f3f5;
  --survey-color-bg-light: #fafafa;
  --survey-color-bg-lighter: #f9f9ff;
  --survey-color-bg-lightest: #f0f4ff;
  --survey-color-bg-dark: #e8e8ec;
  --survey-color-text-primary: #2e2e38;
  --survey-color-text-secondary: #656579;
  --survey-color-text-muted: #9897a6;
  --survey-color-text-light: #7a7a8a;
  --survey-color-text-white: #ffffff;
  --survey-color-border-default: #ededf0;
  --survey-color-border-light: #e6e6e9;
  --survey-color-border-muted: #d0d0d8;
  --survey-color-border-soft: #c3c3cb;
  --survey-color-border-softer: #c8c8d0;
  --survey-color-mobile-shell-border: #d4d4d8;
  --survey-color-border-dark-muted: #3a3a4a;
  --survey-color-border-dark-strong: #2a2a38;
  --survey-color-border-dark-soft: #2e2e3c;
  --survey-color-border-dashed: #e0e0e4;
  --survey-color-border-active: #2563eb;
  --survey-color-border-primary: #7f7f91;
  --survey-color-border-purple: #7c6bff;
  --survey-color-border-purple-light: #6366f1;
  --survey-color-shadow-light: rgba(0, 0, 0, 0.01);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.02);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.03);
  --survey-color-shadow-medium: rgba(0, 0, 0, 0.04);
  --survey-color-shadow-primary: rgba(35, 35, 47, 0.06);
  --survey-color-shadow-secondary: rgba(35, 35, 47, 0.08);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.2);
  --survey-color-review-default: #c4c4cd;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #00c853;
  --survey-color-review-active-hover: #00a844;
  --survey-color-warning-icon: #d4a017;
  --survey-color-warning-icon-bg: #fdf3d7;
  --survey-color-error-field: #d32f2f;
  --survey-color-primary-dark-hover: #1a3a6b;
  --survey-color-border-hover: #a0a0ab;
  --survey-color-overlay-light: rgba(70, 150, 255, 0.04);
  --survey-color-overlay-medium: rgba(70, 150, 255, 0.06);
  --survey-color-overlay-dark: rgba(70, 150, 255, 0.08);
  --survey-color-overlay-focus: rgba(70, 150, 255, 0.1);
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.08);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.2);
  --motif-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
  --motif-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --motif-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --motif-focus-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  --motif-overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.25) 100%);
  --motif-text-white-secondary: rgba(255, 255, 255, 0.8);
  --motif-btn-white-bg: rgba(255, 255, 255, 0.15);
  --motif-btn-white-border: 1px solid rgba(255, 255, 255, 0.2);
  --motif-btn-white-bg-hover: rgba(255, 255, 255, 0.25);
  --motif-blob-1: rgba(99, 102, 241, 0.35);
  --motif-blob-2: rgba(236, 72, 153, 0.25);
  --motif-blob-3: rgba(56, 189, 248, 0.2);
  --motif-blob-4: rgba(168, 85, 247, 0.22);
  --motif-blob-5: rgba(251, 191, 36, 0.12);
  --motif-footer-blob-0-1: rgba(26, 26, 46, 0.06);
  --motif-footer-blob-0-2: rgba(15, 52, 96, 0.05);
  --motif-footer-blob-0-3: rgba(22, 33, 62, 0.04);
  --motif-footer-blob-1-1: rgba(37, 99, 235, 0.08);
  --motif-footer-blob-1-2: rgba(59, 130, 246, 0.06);
  --motif-footer-blob-1-3: rgba(26, 58, 143, 0.05);
  --motif-footer-blob-2-1: rgba(4, 120, 87, 0.07);
  --motif-footer-blob-2-2: rgba(14, 165, 160, 0.06);
  --motif-footer-blob-2-3: rgba(45, 212, 191, 0.05);
  --motif-footer-blob-3-1: rgba(124, 58, 237, 0.08);
  --motif-footer-blob-3-2: rgba(91, 33, 182, 0.06);
  --motif-footer-blob-3-3: rgba(167, 139, 250, 0.05);
  --motif-footer-blob-4-1: rgba(51, 65, 85, 0.06);
  --motif-footer-blob-4-2: rgba(30, 41, 59, 0.05);
  --motif-footer-blob-4-3: rgba(71, 85, 105, 0.04);
  --motif-footer-blob-5-1: rgba(99, 102, 241, 0.08);
  --motif-footer-blob-5-2: rgba(236, 72, 153, 0.06);
  --motif-footer-blob-5-3: rgba(56, 189, 248, 0.05);
  --motif-footer-stat-bg: rgba(255, 255, 255, 0.75);
  --motif-bg-desktop: #f9f9fa;
  --motif-browser-toolbar-bg: #e6e6e9;
  --motif-browser-light-red: #fc615d;
  --motif-browser-light-yellow: #fdbc40;
  --motif-browser-light-green: #34c749;
  --motif-browser-address-bar-bg: #f1f1f1;
  --motif-browser-address-bar-text: #888;
  --survey-color-mobile-frame-dark-bg: #1e1e2a;
  --survey-color-mobile-header-dark-bg: #13131c;
  --survey-color-statusbar-dark-bg: #f7f7fa;
  --survey-color-status-indicator: #4a4a56;
  --survey-color-status-indicator-dark: #2e2e38;
  --survey-color-text-inverse-soft: #f0f0f4;
  --survey-color-section-dark-bg: #232331;
  --survey-color-surface-deep-dark: #16161f;
  --survey-color-browser-header-bg: #eaeaee;
  --survey-color-browser-header-dark-bg: #1a1a26;
  --survey-color-browser-url-dark-bg: #252530;
  --survey-color-browser-url-text: #a0a0ae;
  --survey-color-browser-url-text-dark: #5a5a70;
  --survey-color-active-pressed-bg: #efefef;
  --survey-color-error-soft-bg: #fecaca;
  --survey-mobile-shell-ring-size: 10px;
  --survey-mobile-shell-ring-color: #e8e8ec;
  --survey-mobile-shell-shadow-primary: 0 8px 32px rgba(0, 0, 0, 0.1);
  --survey-mobile-shell-shadow-secondary: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ============================================================
   Survey Page — Full SCSS (BEM)
   1 unit = 4px
   ============================================================ */
/* ─── EY Component Overrides for inline editing ─── */
.survey-answer-choices .motif-form-field,
.survey-content-tab__search-bar .motif-form-field,
.survey-onboarding__section-card .motif-form-field,
.survey-respondents .motif-form-field,
.survey-top-bar .motif-form-field,
.survey-modal .motif-form-field {
  margin: 0;
  padding: 0;
}
.survey-answer-choices .motif-label,
.survey-content-tab__search-bar .motif-label,
.survey-onboarding__section-card .motif-label,
.survey-respondents .motif-label,
.survey-top-bar .motif-label,
.survey-modal .motif-label {
  display: none;
}

.survey-modal .motif-form-field .motif-label {
  display: block;
  font-size: 13px;
  color: var(--motif-600);
}

.import-questions-box {
  max-height: 50%;
  overflow: auto;
}

/* Keyframes */
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes loaderDot {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* ============================================================
   Root
   --survey-color-* tokens are declared globally in
   src/styles/variables.scss (:root = light, .dark = dark).
   ============================================================ */
.survey-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  background-color: var(--survey-color-page-bg);
}

/* Restore survey-page layout block (continues after dark override) */
.survey-page__overlay-loader {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--survey-color-overlay-bg);
  backdrop-filter: blur(2px);
}
.survey-page__overlay-loader-content {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--motif-surface);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  padding: 10px 14px;
  box-shadow: 0 8px 20px var(--survey-color-overlay-shadow);
}
.survey-page__overlay-loader-icon {
  color: var(--motif-600);
  animation: spin 1s linear infinite;
}
.survey-page__overlay-loader-text.customtypography-body {
  font-size: 13px !important;
  color: var(--motif-900) !important;
  font-weight: 400 !important;
}

/* ============================================================
   Top bar
   ============================================================ */
.survey-top-bar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  background-color: var(--motif-surface);
  border-bottom: 1px solid var(--motif-150);
}
.survey-top-bar__main {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 52px;
  padding: 0 12px 0 1rem;
  justify-content: start;
}
.survey-top-bar__left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-direction: row;
  gap: 12px;
  width: 32%;
}
.survey-top-bar__back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 4px;
  cursor: pointer;
  height: 24px;
  background: none;
  border: none;
  padding: 0;
  flex-direction: column;
}
.survey-top-bar__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
}
.survey-top-bar__engagement-name-wrap {
  position: relative;
}
.survey-top-bar__engagement-name-wrap:hover .survey-top-bar__engagement-tooltip {
  opacity: 1;
}
.survey-top-bar__engagement-name.customtypography-body {
  font-size: 11px !important;
  line-height: 12px !important;
  font-weight: 400 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: default;
  color: var(--motif-400) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 0.75rem !important;
}
.survey-top-bar__engagement-tooltip {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 50;
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 4px 12px var(--survey-color-shadow-darker);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.survey-top-bar__engagement-tooltip::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 16px;
  width: 8px;
  height: 8px;
  background-color: var(--survey-color-primary-dark);
  transform: rotate(45deg);
}
.survey-top-bar__survey-name-wrap {
  position: relative;
}
.survey-top-bar__survey-name-wrap:hover .survey-top-bar__survey-name-tooltip {
  opacity: 1;
}
.survey-top-bar__survey-name.customtypography-body {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: pointer;
  color: var(--motif-900);
  border-bottom: 1px dashed transparent;
}
.survey-top-bar__survey-name:hover {
  border-bottom: 1px dashed var(--survey-color-border-soft);
}
.survey-top-bar__survey-name-input {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  background: transparent;
  outline: none;
  color: var(--motif-900);
  border: none;
  border-bottom: 1.5px solid var(--survey-color-border-active);
  padding: 0 0 1px 0;
  margin: 0;
  width: 100%;
  max-width: 420px;
}
.survey-top-bar__survey-name-tooltip {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 50;
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: normal;
  width: 400px;
  box-shadow: 0 4px 12px var(--survey-color-shadow-darker);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.survey-top-bar__survey-name-tooltip span.edit-name-text {
  display: block;
  opacity: 0.65;
  margin-top: 4px;
}
.survey-top-bar__survey-name-tooltip::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 16px;
  width: 8px;
  height: 8px;
  background-color: var(--survey-color-primary-dark);
  transform: rotate(45deg);
}
.survey-top-bar__spacer {
  flex: 1;
}
.survey-top-bar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* ============================================================
   Icon button (ghost replacement for shadcn Button)
   ============================================================ */
.survey-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition: background-color 0.15s;
  color: var(--motif-600);
}
.survey-icon-btn:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-icon-btn--toggled {
  background-color: var(--survey-color-hover-light);
  color: var(--survey-color-primary-dark);
}

.survey-btn {
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 16px !important;
  font-weight: 400;
  padding: 0 16px;
  height: 36px;
  transition: background-color 0.15s, opacity 0.15s;
  white-space: nowrap;
}
.survey-btn--primary {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
}
.survey-btn--primary:hover {
  background-color: var(--survey-color-primary-darker);
}
.survey-btn--primary:disabled {
  opacity: 0.5;
  cursor: default;
}
.survey-btn--outline {
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-200);
  color: var(--motif-600);
}
.survey-btn--outline:hover {
  background-color: var(--survey-color-shadow-lighter);
}
.survey-btn--ghost {
  background: transparent;
  color: var(--motif-600);
  padding: 0 10px;
}
.survey-btn--ghost:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-btn--sm {
  height: 30px;
  font-size: 12px;
  padding: 0 12px;
}
.survey-btn--lg {
  height: 38px;
  border-radius: 6px;
}
.survey-btn--lg-padded {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
}
.survey-btn--danger {
  color: var(--survey-color-danger);
}

/* ============================================================
   Dropdown (replacement for DropdownMenu)
   ============================================================ */
.survey-dropdown {
  position: relative;
  display: inline-flex;
}
.survey-dropdown__menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 50;
  min-width: 200px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: var(--survey-color-shadow-dark), var(--survey-color-shadow-primary);
  animation: nudgeFadeIn 0.12s ease-out;
}
.survey-dropdown__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border-radius: 2px;
  padding: 8px 12px;
  font-size: 13px;
  color: var(--motif-900);
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
}
.survey-dropdown__item:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-dropdown__item--danger {
  color: var(--survey-color-danger);
}
.survey-dropdown__separator {
  height: 1px;
  background-color: var(--motif-100);
  margin: 4px 0;
}

/* ============================================================
   Stepper
   ============================================================ */
.survey-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 20px;
  border-top: 1px solid var(--motif-100);
}
.survey-stepper__inner {
  display: flex;
  align-items: center;
  gap: 4px;
}
.survey-stepper__step {
  display: flex;
  align-items: center;
}
.survey-stepper__step-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 9999px;
  padding: 4px 14px;
  transition: background-color 0.15s, color 0.15s;
  border: 1px solid transparent;
  background: transparent;
  cursor: default;
  height: 26px;
}
.survey-stepper__step-btn--active {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
  cursor: pointer;
}
.survey-stepper__step-btn--completed {
  background-color: var(--survey-color-success-bg);
  color: var(--survey-color-success-light);
  border: 1px solid var(--survey-color-success-lighter);
  cursor: pointer;
}
.survey-stepper__step-btn--accessible {
  color: var(--motif-600);
  cursor: pointer;
}
.survey-stepper__step-btn--disabled {
  color: var(--motif-300);
}
.survey-stepper__step-num {
  font-size: 11px;
  font-weight: 500;
}
.survey-stepper__step-label {
  font-size: 12px;
  font-weight: 500;
}
.survey-stepper__step-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--survey-color-success-light);
  color: var(--survey-color-text-white) !important;
  padding-top: 2px;
}
.survey-stepper__step-check .motif-icon svg {
  width: 14px !important;
  height: 14px !important;
}
.survey-stepper__step-check {
  background-color: var(--survey-color-success);
  flex-shrink: 0;
}
.survey-stepper__step-check svg {
  color: #ffffff;
  stroke-width: 2.5px;
  height: 11px;
  width: 11px;
  fill: none;
}
.survey-stepper__step-check-icon {
  color: white;
}
.survey-stepper__step-line {
  width: 24px;
  height: 1px;
  margin: 0 2px;
  background-color: var(--motif-200);
}
.survey-stepper__step-line--completed {
  background-color: var(--survey-color-success-lighter);
}

/* ============================================================
   Main body
   ============================================================ */
.survey-body {
  display: flex;
  flex: 1;
  min-height: 0;
}
.survey-body .survey-top-bar__save-draft-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 4px;
  border: none !important;
  background-color: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 12px;
  height: 28px;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
  color: var(--survey-gray-800) !important;
  width: fit-content;
  position: absolute;
  right: 32px;
  top: -40px;
}
.survey-body .survey-top-bar__save-draft-btn .motif-icon {
  width: 16px !important;
  height: 14px !important;
}
.survey-body .survey-top-bar__save-draft-btn:hover {
  background-color: var(--survey-color-page-bg);
  border-color: var(--survey-color-border-muted);
}
.survey-body .survey-top-bar__save-draft-btn:active {
  background-color: var(--survey-color-bg-dark);
}
.survey-body .survey-top-bar__save-draft-btn {
  /* Spinner icon styles */
}
.survey-body .survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--survey-color-text-muted);
  border-top-color: transparent;
  animation: spin 0.8s linear infinite;
}
.survey-body .survey-top-bar__save-draft-btn {
  /* Success icon styles */
}
.survey-body .survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__success {
  color: var(--survey-color-success) !important;
}
.survey-body .survey-top-bar__save-draft-btn {
  /* Default upload icon styles */
}
.survey-body .survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__upload {
  color: var(--survey-color-text-secondary) !important;
}

.survey-page:has(.survey-bottom-bar) .survey-body {
  padding-bottom: calc(60px + env(safe-area-inset-bottom));
}

/* ============================================================
   Left panel
   ============================================================ */
.survey-left-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow: hidden;
  border-right: 1px solid var(--survey-color-border-light);
  background-color: var(--motif-surface);
  transition: width 0.22s ease;
}
.survey-left-panel--collapsed {
  width: 36px;
}
.survey-left-panel--expanded {
  width: 300px;
}
.survey-left-panel__collapsed-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 12px;
  gap: 8px;
}
.survey-left-panel__expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--motif-600);
  transition: background-color 0.15s;
}
.survey-left-panel__expand-btn:hover {
  background-color: var(--survey-color-hover-light);
}
.survey-left-panel__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  padding: 12px 12px 12px 16px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-left-panel__header-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-left-panel__header-title {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
}
.survey-left-panel__collapse-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--motif-600);
  transition: background-color 0.15s;
}
.survey-left-panel__collapse-btn:hover {
  background-color: var(--survey-color-hover-light);
}
.survey-left-panel__fw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  position: relative;
}
.survey-left-panel__fw-chip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 9999px;
  cursor: pointer;
  padding: 3px 8px;
  height: 24px;
  background-color: var(--survey-color-hover-light);
  border: none;
  transition: background-color 0.15s;
}
.survey-left-panel__fw-chip--active {
  background-color: var(--survey-color-bg-dark);
}
.survey-left-panel__fw-chip-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.survey-left-panel__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 8px;
  min-height: 0;
}
.survey-left-panel__structure-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 8px 8px 4px 8px;
}
.survey-left-panel__structure-title span {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
}
.survey-left-panel__domain-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  gap: 4px;
}
.survey-left-panel__fw-section-label {
  padding: 6px 8px;
  border-radius: 6px;
}
.survey-left-panel__fw-section-label span {
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--survey-color-text-muted) !important;
  transition: color 0.2s ease;
}
.survey-left-panel__fw-section-label--active {
  background-color: var(--survey-color-overlay-dark);
}
.survey-left-panel__fw-section-label--active span {
  color: var(--survey-color-primary);
  font-weight: 600;
}
.survey-left-panel__domain-item {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border-radius: 6px;
  cursor: pointer;
  padding: 5px 8px;
  background: none;
  border: none;
  text-align: left;
  transition: background-color 0.3s ease;
}
.survey-left-panel__domain-item--highlighted {
  background-color: var(--survey-color-overlay-focus);
}
.survey-left-panel__domain-item:hover .survey-left-panel__domain-drag-handle {
  visibility: visible;
}
.survey-left-panel__domain-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.survey-left-panel__domain-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
}
.survey-left-panel__domain-drag-handle {
  flex-shrink: 0;
  visibility: hidden;
  cursor: grab;
  color: var(--survey-color-text-muted);
}
.survey-left-panel__domain-name {
  flex: 1;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--motif-900);
  font-weight: 300;
}
.survey-left-panel__domain-count {
  font-size: 11px;
  flex-shrink: 0;
  color: var(--survey-color-text-muted);
  font-weight: 300;
}
.survey-left-panel__fw-separator {
  margin: 4px 8px;
  height: 1px;
  background-color: var(--motif-150);
}
.survey-left-panel__subdomain-list {
  margin-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 4px;
}
.survey-left-panel__subdomain-item {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
  padding: 4px 6px;
  text-align: left;
}
.survey-left-panel__subdomain-item:hover {
  background-color: var(--survey-color-shadow-soft);
}
.survey-left-panel__subdomain-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--survey-color-border-soft);
  flex-shrink: 0;
}
.survey-left-panel__subdomain-name.customtypography-body {
  flex: 1;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: var(--motif-700) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.survey-left-panel__subdomain-count {
  font-size: 10px;
  font-weight: 300;
  color: var(--survey-color-text-muted);
  flex-shrink: 0;
}
.survey-left-panel__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 10px 12px 10px 16px;
  border-top: 1px solid var(--motif-150);
}
.survey-left-panel__footer-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.survey-left-panel__footer-info-label {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-900);
}
.survey-left-panel__footer-info-count {
  font-size: 16px;
  font-weight: 300;
  color: var(--motif-900);
  margin-top: 2px;
}
.survey-left-panel__footer-ring {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid var(--survey-color-border-light);
}

/* ============================================================
   Content area
   ============================================================ */
.survey-content-area {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  position: relative;
  background-color: var(--motif-surface);
}

/* ============================================================
   Content tab (Questions)
   ============================================================ */
.survey-content-tab {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-content-tab__toolbar {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid var(--motif-150);
  padding: 0 24px 0 0;
  height: 48px;
  overflow: visible;
  background-color: var(--motif-surface-secondary);
}
.survey-content-tab__toolbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
  padding: 8px 12px;
}
.survey-content-tab__toolbar-left span {
  font-weight: 400;
}
.survey-content-tab__toolbar-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.survey-content-tab__toolbar-text--bold {
  font-weight: 700;
}
.survey-content-tab__toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.survey-content-tab__toolbar-action {
  margin-bottom: 0;
  height: 32px;
  padding: 0 12px;
  font-size: 14px !important;
  line-height: 20px;
  flex-shrink: 0;
}
.survey-content-tab__toolbar-action--toggled {
  background-color: var(--survey-color-hover-light);
  border-color: var(--survey-color-border-soft);
  color: var(--survey-color-primary-dark);
}
.survey-content-tab__toolbar-right {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  margin-left: auto;
  padding-right: 8px;
}
.survey-content-tab__toolbar-right--readonly {
  pointer-events: none;
  opacity: 0.4;
}
.survey-content-tab__divider {
  width: 0;
  height: 20px;
  border-left: 1px solid var(--survey-color-border-light);
  margin: 0 2px;
}
.survey-content-tab__search-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  padding: 4px 8px;
  background-color: var(--motif-50);
  border: 1px solid var(--motif-200);
}
.survey-content-tab__search-input {
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 300;
  width: 160px;
  color: var(--motif-900);
}
.survey-content-tab__search-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-content-tab__no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
}
.survey-content-tab__no-results-text {
  font-size: 14px;
  color: var(--motif-500);
  text-align: center;
}
.survey-content-tab__toolbar-icon--active {
  color: var(--motif-900);
}
.survey-content-tab__toolbar-icon--inactive, .survey-content-tab__toolbar-icon--default {
  color: var(--motif-600);
}
.survey-content-tab__toolbar-icon--muted {
  color: var(--motif-400);
}
.survey-content-tab__col-headers {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-bottom: 1px solid var(--motif-150);
  height: 40px;
  padding: 0 24px;
}
.survey-content-tab__generated-banner {
  border: 0;
  border-radius: 0;
  background-color: #e8f4fd;
  min-height: 48px;
  padding: 10px 16px;
  gap: 16px;
}
.survey-content-tab__generated-banner .generated-questions-banner__content {
  gap: 12px;
  align-items: center;
}
.survey-content-tab__generated-banner .generated-questions-banner__status-badge {
  width: 22px;
  height: 22px;
  background-color: #0284c7;
}
.survey-content-tab__generated-banner .generated-questions-banner__status-icon {
  color: #ffffff;
}
.survey-content-tab__generated-banner .generated-questions-banner__message {
  font-size: 16px;
  line-height: 20px;
  color: #0284c7 !important;
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
  font-weight: 400;
}
.survey-content-tab__generated-banner .generated-questions-banner__message-emphasis {
  color: #0f69ae;
  font-weight: 700;
}
.survey-content-tab__generated-banner .generated-questions-banner__actions {
  margin-left: auto;
  align-self: center;
}
.survey-content-tab__generated-banner .generated-questions-banner__dismiss {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.survey-content-tab__generated-banner .generated-questions-banner__dismiss:hover {
  background-color: rgba(2, 132, 199, 0.08);
}
.survey-content-tab__generated-banner .generated-questions-banner__dismiss-icon {
  color: #0284c7;
}
.survey-content-tab__questions-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.survey-content-tab__questions-heading--grow {
  flex: 1;
}
.survey-content-tab__questions-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--motif-900);
}
.survey-content-tab__col-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.survey-content-tab__new-badge {
  display: inline-flex;
  gap: 6px;
  padding: 2px 8px 0px 8px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background-color: #eff6ff;
  color: #0284c7;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  white-space: nowrap;
  flex-shrink: 0;
}
.survey-content-tab__new-badge-icon {
  color: #0284c7;
  flex-shrink: 0;
  width: 16px;
}
.survey-content-tab__question-list {
  flex: 1;
  overflow-y: auto;
}
.survey-content-tab .motif-button-small {
  font-size: 12px !important;
}
.survey-content-tab .ai-refine-icon svg {
  color: var(--survey-color-border-purple);
}
.survey-content-tab .showImportQuestions svg {
  color: var(--survey-color-primary-dark);
}
.survey-content-tab .hideImportQuestions svg {
  color: var(--survey-color-text-secondary);
}

/* ============================================================
   Add question section
   ============================================================ */
.survey-add-question {
  flex-shrink: 0;
  padding: 16px 24px;
  border-bottom: 1px solid var(--motif-150);
  background-color: var(--survey-color-bg-light);
}
.survey-add-question__card {
  border-radius: 8px;
  border: 1px solid var(--motif-150);
  padding: 14px 16px;
  background-color: var(--motif-surface);
}
.survey-add-question__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.survey-add-question__header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.survey-add-question__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.survey-add-question__close-btn {
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.survey-add-question__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.survey-add-question__label {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-600);
}
.survey-add-question__textarea {
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  width: 100%;
  resize: none;
  border: 1px solid var(--survey-color-border-soft);
  padding: 8px 12px;
  color: var(--motif-900);
  background-color: var(--motif-surface);
  min-height: 64px;
}
.survey-add-question__ai-suggestions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-add-question__ai-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--survey-color-border-purple);
}
.survey-add-question__suggestions-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.survey-add-question__suggestion-btn {
  border-radius: 6px;
  font-size: 11px;
  cursor: pointer;
  text-align: left;
  padding: 5px 10px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  color: var(--motif-700);
  font-weight: 400;
  max-width: 100%;
}
.survey-add-question__suggestion-btn:hover {
  background-color: var(--survey-color-shadow-lighter);
}
.survey-add-question__row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.survey-add-question__type-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 200px;
}
.survey-add-question__select-wrap {
  position: relative;
}
.survey-add-question__select {
  width: 100%;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--survey-color-border-soft);
  padding: 8px 36px 8px 12px;
  color: var(--motif-900);
  background-color: var(--motif-surface);
}
.survey-add-question__select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--motif-600);
}
.survey-add-question__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* ============================================================
   Import questions section
   ============================================================ */
.survey-import-questions {
  flex-shrink: 0;
  padding: 16px 24px;
  border-bottom: 1px solid var(--motif-150);
  background-color: var(--survey-color-bg-light);
}
.survey-import-questions__card {
  border-radius: 8px;
  border: 1px solid var(--motif-150);
  padding: 14px 16px;
  background-color: var(--motif-surface);
}
.survey-import-questions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.survey-import-questions__desc {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 12px;
  color: var(--survey-color-text-light) !important;
  font-weight: 300;
  padding-left: 4px;
}
.survey-import-questions__dropzone {
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  cursor: pointer;
  border: 1px dashed var(--motif-200);
  background-color: var(--survey-color-bg-light);
  margin-left: 26px;
}
.survey-import-questions__file-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-left: 26px;
}
.survey-import-questions__file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  padding: 6px 10px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.survey-import-questions__file-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.survey-import-questions__file-name {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-900);
  font-weight: 400;
}
.survey-import-questions__file-size {
  font-size: 10px;
  flex-shrink: 0;
  color: var(--motif-400);
  font-weight: 300;
}

/* ============================================================
   Question row
   ============================================================ */
.survey-question-row {
  border: 1px solid var(--survey-color-border-softer);
  border-radius: 8px;
  background-color: var(--motif-surface);
}
.survey-question-row--new {
  border-color: #dbeafe;
  background-color: #eff6ff;
  box-shadow: inset 3px 0 0 #4696ff;
}
.survey-question-row__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  position: relative;
  min-height: 60px;
  padding: 16px 24px 16px 32px;
}
.survey-question-row__inner:hover .survey-question-row__drag-handle {
  visibility: visible;
}
.survey-question-row__inner:hover .survey-question-row__delete-btn {
  visibility: visible;
}
.survey-question-row__inner--new {
  min-height: 54px;
}
.survey-question-row__inner--readonly {
  cursor: default;
}
.survey-question-row__inner--indent-8 {
  padding-left: 32px;
}
.survey-question-row__inner--indent-24 {
  padding-left: 48px;
}
.survey-question-row__inner--indent-40 {
  padding-left: 64px;
}
.survey-question-row__drag-indicator {
  position: absolute;
  left: 16px;
  right: 16px;
  top: -1px;
  height: 2px;
  background-color: var(--survey-color-primary);
  border-radius: 1px;
  z-index: 10;
}
.survey-question-row__drag-handle {
  flex-shrink: 0;
  cursor: grab;
  visibility: hidden;
  color: var(--survey-color-text-muted);
}
.survey-question-row__drag-handle:active {
  cursor: grabbing;
}
.survey-question-row__drag-icon {
  color: var(--survey-color-text-muted);
}
.survey-question-row__checkbox {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 1px solid var(--survey-color-border-primary);
  background-color: var(--survey-color-text-white);
}
.survey-question-row__checkbox--checked {
  border: none;
  background-color: var(--survey-color-primary-dark);
}
.survey-question-row__checkbox--readonly {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}
.survey-question-row__text {
  font-size: 14px;
  line-height: 20px;
  min-width: 0;
  color: var(--motif-900);
  font-weight: 400;
}
.survey-question-row__text--editable {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 4px;
  margin: -2px -4px;
  transition: background-color 0.15s ease;
}
.survey-question-row__text--editable:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-question-row__content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
  word-wrap: break-word;
}
.survey-question-row__new-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 42px;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background-color: #e8f0fe;
  color: #0284c7;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-left: auto;
}
.survey-question-row__text-edit {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.survey-question-row__text-edit-input {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: inherit;
  font-weight: 400;
  color: var(--motif-900);
  border: 1px solid var(--survey-color-primary-dark);
  border-radius: 4px;
  padding: 6px 8px;
  resize: vertical;
  outline: none;
  background: var(--survey-color-text-white);
  transition: border-color 0.15s ease;
}
.survey-question-row__text-edit-input:focus {
  border-color: var(--survey-color-primary-dark);
  box-shadow: 0 0 0 2px var(--survey-color-overlay-focus);
}
.survey-question-row__text-edit-input--error {
  border-color: var(--survey-color-error-field);
}
.survey-question-row__text-edit-input--error:focus {
  border-color: var(--survey-color-error-field);
  box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.15);
}
.survey-question-row__text-edit-error {
  font-size: 12px;
  color: var(--survey-color-error-field);
  line-height: 16px;
}
.survey-question-row__text-edit-counter {
  font-size: 11px;
  color: var(--survey-color-text-muted);
  text-align: right;
  line-height: 14px;
}
.survey-question-row__condition {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 180px;
}
.survey-question-row__condition-text {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-600);
}
.survey-question-row__add-condition {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  cursor: pointer;
  color: var(--survey-color-border-purple);
  background: none;
  border: none;
  padding: 0;
}
.survey-question-row__type-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: 160px;
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  background: transparent;
  border: none;
}
.survey-question-row__type-toggle--expanded {
  background-color: var(--survey-color-hover-light);
}
.survey-question-row__type-label {
  font-size: 13px;
  flex: 1;
  color: var(--motif-900);
  font-weight: 300;
}
.survey-question-row__strength {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 84px;
  flex-shrink: 0;
}
.survey-question-row__strength-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.survey-question-row__strength-label {
  font-size: 13px;
  line-height: 18px;
  color: var(--motif-900);
  font-weight: 400;
}
.survey-question-row__strength--strong .survey-question-row__strength-label {
  color: var(--survey-color-success);
}
.survey-question-row__strength--strong .survey-question-row__strength-dot {
  background-color: var(--survey-color-success);
}
.survey-question-row__strength--moderate .survey-question-row__strength-label {
  color: var(--survey-color-info);
}
.survey-question-row__strength--moderate .survey-question-row__strength-dot {
  background-color: var(--survey-color-info);
}
.survey-question-row__strength--default .survey-question-row__strength-label {
  color: var(--survey-color-text-secondary);
}
.survey-question-row__strength--default .survey-question-row__strength-dot {
  background-color: var(--survey-color-text-secondary);
}
.survey-question-row__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.survey-question-row__meta-item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--survey-color-text-muted);
  font-size: 11px;
  font-weight: 300;
}
.survey-question-row__delete-btn {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-question-row__eye-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.survey-question-row__meta-icon--active {
  color: var(--motif-900);
}
.survey-question-row__meta-icon--inactive {
  color: var(--motif-300);
}
.survey-question-row__meta-icon--muted {
  color: var(--survey-color-text-muted);
}
.survey-question-row__review-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--survey-color-review-default);
  transition: all 0.15s ease;
}
.survey-question-row__review-btn:hover {
  color: var(--survey-color-review-hover);
}
.survey-question-row__review-btn--reviewed {
  background: none;
  border: none;
  color: var(--survey-color-review-active);
}
.survey-question-row__review-btn--reviewed:hover {
  color: var(--survey-color-review-active-hover);
}

/* ============================================================
   Answer type icon
   ============================================================ */
.survey-answer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.survey-answer-icon__letter {
  font-size: 12px;
  font-weight: 500;
}

/* ============================================================
   Progress circle
   ============================================================ */
.survey-progress-circle {
  border-radius: 50%;
  flex-shrink: 0;
  border: 2px solid var(--motif-150);
}

.survey-name-edit-input {
  display: flex;
  gap: 4px;
  margin-left: 4px;
}
.survey-name-edit-input .motif-error-message {
  font-size: 12px !important;
  color: var(--survey-color-error-field) !important;
  line-height: 1.6;
  position: absolute;
  z-index: 99;
  background: var(--survey-white);
  padding: 0 4px;
  width: 240px;
  border: 1px solid var(--survey-gray-400);
  box-shadow: 0px 4px 16px var(--motif-400);
}
.survey-name-edit-input .motif-error-message span.motif-error-icon {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-top: 2px;
  margin-right: 4px;
}
.survey-name-edit-input .motif-input-component {
  min-height: auto !important;
  outline: none !important;
  min-width: 240px;
}
.survey-name-edit-input .motif-input-component:focus-visible .motif-input {
  outline: none !important;
}
.survey-name-edit-input .motif-input-component .motif-input {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--motif-800) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.survey-name-edit-save-btn {
  width: 28px;
  height: 28px;
  color: var(--motif-info);
}
.survey-name-edit-save-btn--disabled {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
  color: var(--survey-gray-800);
}

.survey-name-edit-cancel-btn {
  width: 28px;
  height: 28px;
  color: var(--motif-500);
}

/* ============================================================
   Answer choices panel
   ============================================================ */
.survey-answer-choices {
  border-top: 1px solid var(--survey-color-hover-light);
  background-color: var(--survey-color-bg-light);
}
.survey-answer-choices__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.survey-answer-choices__type-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-600);
}
.survey-answer-choices__count {
  font-size: 11px;
  color: var(--motif-400);
}
.survey-answer-choices__col-headers {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 6px;
  padding-left: 28px;
}
.survey-answer-choices__col-choice {
  flex: 1;
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 500;
}
.survey-answer-choices__col-score {
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 500;
  width: 60px;
  text-align: center;
}
.survey-answer-choices__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.survey-answer-choices__choice-row {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  padding: 6px 10px;
  border: 1px solid transparent;
  background: transparent;
}
.survey-answer-choices__choice-row--editing {
  background-color: white;
  border: 1px solid var(--motif-200);
}
.survey-answer-choices__choice-row:hover .survey-answer-choices__delete-choice {
  visibility: visible;
}
.survey-answer-choices__choice-icon-radio {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid var(--survey-color-border-softer);
  flex-shrink: 0;
}
.survey-answer-choices__choice-icon-checkbox {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1.5px solid var(--survey-color-border-softer);
  flex-shrink: 0;
}
.survey-answer-choices__choice-icon-opinion {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid var(--survey-color-border-softer);
  flex-shrink: 0;
}
.survey-answer-choices__choice-icon-opinion span {
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-600);
}
.survey-answer-choices__choice-icon-ranking {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.survey-answer-choices__choice-text {
  flex: 1;
  font-size: 12px;
  font-weight: 300;
  cursor: pointer;
  color: var(--motif-900);
}
.survey-answer-choices__choice-score {
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  color: var(--survey-color-border-purple-light);
  width: 60px;
  font-weight: 500;
}
.survey-answer-choices__edit-input {
  flex: 1;
  font-size: 12px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border: none;
  color: var(--motif-900);
}
.survey-answer-choices__score-input {
  font-size: 12px;
  font-weight: 300;
  outline: none;
  background: transparent;
  text-align: center;
  color: var(--survey-color-border-purple-light);
  width: 60px;
  border: none;
  border-bottom: 1px solid var(--motif-200);
  font-weight: 500;
}
.survey-answer-choices__save-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-answer-choices__delete-choice {
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-answer-choices__add-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  align-self: flex-start;
  padding: 4px 8px;
  color: var(--motif-600);
  background: none;
  border: none;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
}
.survey-answer-choices__free-text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.survey-answer-choices__free-text-box {
  border-radius: 6px;
  border: 1px solid var(--motif-150);
  padding: 8px 10px;
  min-height: 36px;
}
.survey-answer-choices__placeholder {
  font-size: 11px;
  color: var(--motif-400);
}
.survey-answer-choices__new-choice-row {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  padding: 6px 10px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-200);
}

/* ============================================================
   Expandable section
   ============================================================ */
.survey-expandable-section {
  position: relative;
}
.survey-expandable-section__header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  cursor: pointer;
  height: 40px;
  border-bottom: 1px solid var(--motif-150);
  background: none;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 8px 24px 8px 16px;
  text-align: left;
  transition: background-color 0.3s ease;
}
.survey-expandable-section__header:hover {
  background-color: var(--survey-color-shadow-lighter);
}
.survey-expandable-section__header--highlighted {
  background-color: var(--survey-color-overlay-medium);
}
.survey-expandable-section__header:hover .survey-expandable-section__drag-handle {
  visibility: visible;
}
.survey-expandable-section__header:hover .survey-expandable-section__add-btn, .survey-expandable-section__header:hover .survey-expandable-section__more-btn {
  visibility: visible;
}
.survey-expandable-section__header--indent-0 {
  padding-left: 16px;
}
.survey-expandable-section__header--indent-16 {
  padding-left: 32px;
}
.survey-expandable-section__header--indent-32 {
  padding-left: 48px;
}
.survey-expandable-section__drag-handle {
  flex-shrink: 0;
  cursor: grab;
  visibility: hidden;
  color: var(--survey-color-text-muted);
}
.survey-expandable-section__drag-handle:active {
  cursor: grabbing;
}
.survey-expandable-section__drag-icon {
  color: var(--survey-color-text-muted);
}
.survey-expandable-section__select-all {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transition: all 0.15s ease;
  background: none;
  border: 1px solid var(--survey-color-text-muted);
  padding: 0;
}
.survey-expandable-section__select-all--all {
  border: none;
  background-color: var(--survey-color-primary-dark);
  color: var(--motif-surface);
}
.survey-expandable-section__select-all--some {
  border: none;
  background-color: var(--survey-color-primary-dark);
  color: var(--motif-surface);
}
.survey-expandable-section__select-all-partial {
  width: 10px;
  height: 2px;
  background-color: var(--motif-surface);
  border-radius: 1px;
}
.survey-expandable-section__arrow {
  transition: transform 0.2s;
  padding-top: 7px;
}
.survey-expandable-section__arrow--expanded {
  transform: rotate(90deg);
}
.survey-expandable-section__arrow-icon {
  color: var(--motif-600);
}
.survey-expandable-section__title {
  font-size: 13px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-900);
}
.survey-expandable-section__title--root {
  font-weight: 500;
}
.survey-expandable-section__title--nested {
  font-weight: 300;
}
.survey-expandable-section__count.motif-body {
  font-size: 12px !important;
  flex-shrink: 0;
  color: var(--survey-color-text-muted) !important;
  font-weight: 300 !important;
}
.survey-expandable-section__mark-all {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--survey-color-review-default);
  flex-shrink: 0;
  transition: all 0.15s ease;
}
.survey-expandable-section__mark-all:hover {
  color: var(--survey-color-review-hover);
}
.survey-expandable-section__mark-all--reviewed {
  background: none;
  border: none;
  color: var(--survey-color-review-active);
}
.survey-expandable-section__mark-all--reviewed:hover {
  color: var(--survey-color-review-active-hover);
}
.survey-expandable-section__content {
  overflow: hidden;
  transition: height 0.25s ease-out;
}
.survey-expandable-section__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px 16px 12px;
}
.survey-expandable-section__add-question {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: 193px;
  color: var(--motif-600);
  background: none;
  border: 1px solid var(--motif-300);
  border-radius: 7px;
  padding: 10px;
  font-size: 13px;
  font-weight: 600;
}

/* ============================================================
   Add Question Form
   ============================================================ */
.survey-add-question-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  background: var(--motif-surface);
}
.survey-add-question-form__input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--motif-200);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-900);
  outline: none;
  background: var(--motif-surface);
}
.survey-add-question-form__input::placeholder {
  color: var(--motif-300);
}
.survey-add-question-form__input:focus {
  border-color: var(--motif-400);
}
.survey-add-question-form__input--error {
  border-color: var(--survey-color-error-field);
}
.survey-add-question-form__input--error:focus {
  border-color: var(--survey-color-error-field);
  box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.15);
}
.survey-add-question-form__error {
  font-size: 12px;
  color: var(--survey-color-error-field);
  line-height: 16px;
  margin-top: -8px;
}
.survey-add-question-form__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.survey-add-question-form__type-select {
  padding: 6px 10px;
  border: 1px solid var(--motif-200);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-900);
  background: var(--motif-surface);
  outline: none;
  cursor: pointer;
  min-width: 120px;
}
.survey-add-question-form__type-select:focus {
  border-color: var(--motif-400);
}
.survey-add-question-form__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-add-question-form__cancel-btn {
  padding: 6px 16px;
  border: 1px solid var(--motif-200);
  border-radius: 6px;
  background: none;
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-700);
  cursor: pointer;
}
.survey-add-question-form__cancel-btn:hover {
  background: var(--motif-50);
}
.survey-add-question-form__submit-btn {
  padding: 6px 16px;
  border: none;
  border-radius: 6px;
  background: var(--motif-900);
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-surface);
  cursor: pointer;
}
.survey-add-question-form__submit-btn:hover {
  background: var(--motif-800);
}
.survey-add-question-form__type-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border: 1px solid var(--motif-200);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-700);
  background: var(--motif-50, var(--survey-color-bg-light));
  width: fit-content;
}

/* ============================================================
   Add question wrapper & type dropdown
   ============================================================ */
.survey-add-question-wrapper {
  position: relative;
  display: inline-block;
}

.survey-type-dropdown {
  display: flex;
  flex-direction: column;
  min-width: 240px;
  padding: 8px 0;
  background: var(--motif-surface, var(--survey-color-text-white));
  border: 1px solid var(--motif-150, var(--survey-color-border-dashed));
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}
.survey-type-dropdown--portal {
  position: fixed;
  z-index: 9999;
}
.survey-type-dropdown__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-900, var(--survey-color-text-primary));
  text-align: left;
  width: 100%;
  transition: background 0.15s ease;
}
.survey-type-dropdown__item:hover {
  background: var(--motif-50, var(--survey-color-hover-light));
}
.survey-type-dropdown__icon {
  color: var(--motif-600);
}

.bulk-action-bar__menu-item--depth-0 {
  padding-left: 16px;
}
.bulk-action-bar__menu-item--depth-1 {
  padding-left: 32px;
}
.bulk-action-bar__menu-item--depth-2 {
  padding-left: 48px;
}
.bulk-action-bar__menu-item--depth-3 {
  padding-left: 64px;
}

/* ============================================================
   Bulk action bar
   ============================================================ */
.survey-bulk-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  background-color: var(--motif-900);
  border-bottom: 1px solid var(--motif-150);
}
.survey-bulk-bar__count {
  font-size: 13px;
  font-weight: 400;
  color: white;
}
.survey-bulk-bar__clear {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}
.survey-bulk-bar__divider {
  width: 1px;
  height: 20px;
  background-color: var(--survey-color-overlay-white-medium);
}
.survey-bulk-bar__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: white;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 4px;
}
.survey-bulk-bar__action:hover {
  background-color: var(--survey-color-overlay-white-light);
}

/* ============================================================
   Mobile preview
   ============================================================ */
.survey-mobile-preview {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--motif-100);
}
.survey-mobile-preview__frame {
  position: relative;
  width: 300px;
  height: 620px;
}
.survey-mobile-preview__bezel {
  position: absolute;
  inset: 0;
  border-radius: 2.5rem;
  background-color: var(--survey-color-bg-dark);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--motif-200);
}
.survey-mobile-preview__screen {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: 2rem;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.survey-mobile-preview__content-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}
.survey-mobile-preview__nav {
  flex-shrink: 0;
  border-top: 1px solid var(--survey-color-bg-light);
}
.survey-mobile-preview__nav-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 0;
}
.survey-mobile-preview__nav-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  height: 34px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  border: none;
}
.survey-mobile-preview__nav-btn--prev {
  border: 1px solid var(--motif-150);
  background: transparent;
}
.survey-mobile-preview__nav-btn--next {
  background-color: var(--motif-900);
  color: var(--motif-surface);
}

/* ============================================================
   Desktop survey preview
   ============================================================ */
.survey-desktop-preview {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--survey-color-page-bg);
}
.survey-desktop-preview__sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 220px;
  background-color: var(--motif-surface);
  border-right: 1px solid var(--motif-100);
  overflow-y: auto;
}
.survey-desktop-preview__main {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.survey-desktop-preview__question-area {
  flex: 1;
  overflow-y: auto;
  padding: 24px 28px 16px;
}
.survey-desktop-preview__footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 28px;
  border-top: 1px solid var(--survey-color-bg-light);
  background-color: var(--motif-surface);
}

/* ============================================================
   Respondents tab
   ============================================================ */
.survey-respondents {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
}
.survey-respondents__top {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.survey-respondents__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 52px;
  padding: 0 24px;
}
.survey-respondents__title {
  font-size: 15px;
  font-weight: 400;
  color: var(--motif-900);
}
.survey-respondents__title-count {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--survey-color-text-muted);
}
.survey-respondents__search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--motif-150);
  height: 34px;
  padding: 4px 10px;
  width: 220px;
}
.survey-respondents__search-input {
  flex: 1;
  font-size: 13px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border: none;
  color: var(--motif-900);
}
.survey-respondents__col-headers {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 36px;
  padding: 0 120px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-respondents__col-select-all {
  flex-shrink: 0;
  margin-right: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--survey-color-border-soft);
  background: transparent;
  padding: 0;
}
.survey-respondents__col-select-all--all {
  border: none;
  background-color: var(--survey-color-primary-dark);
}
.survey-respondents__col-select-all--some {
  border: none;
  background-color: #7a7a8e;
}
.survey-respondents__col-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--survey-color-text-muted);
}
.survey-respondents__list {
  flex: 1;
  overflow-y: auto;
}
.survey-respondents__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 128px;
}
.survey-respondents__empty span {
  font-size: 13px;
  font-weight: 300;
  color: var(--survey-color-text-muted);
}
.survey-respondents__row {
  display: flex;
  align-items: center;
  padding: 0 120px;
  border-bottom: 1px solid var(--motif-100);
  height: 52px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.survey-respondents__row:hover {
  background-color: var(--survey-color-shadow-light);
}
.survey-respondents__row--selected {
  background-color: var(--survey-color-bg-lighter);
}
.survey-respondents__row--receiver {
  background-color: var(--survey-color-bg-lightest);
}
.survey-respondents__row:hover .survey-respondents__row-actions {
  visibility: visible;
}
.survey-respondents__row-checkbox {
  flex-shrink: 0;
  margin-right: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  transition: background-color 0.15s;
  border: 1.5px solid var(--survey-color-border-soft);
  background: transparent;
}
.survey-respondents__row-checkbox--checked {
  border: none;
  background-color: var(--survey-color-primary-dark);
}
.survey-respondents__row-checkbox--receiver {
  border: none;
  background-color: var(--survey-color-info);
}
.survey-respondents__row-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  width: 32px;
  height: 32px;
  background-color: var(--survey-color-hover-light);
}
.survey-respondents__row-avatar--selected {
  background-color: var(--survey-color-primary-dark);
}
.survey-respondents__row-avatar--receiver {
  background-color: var(--survey-color-info);
}
.survey-respondents__row-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.survey-respondents__row-name-line {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-respondents__row-name {
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-900);
}
.survey-respondents__receiver-badge {
  font-size: 9px;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 6px;
  flex-shrink: 0;
  background-color: var(--survey-color-info-light);
  color: var(--survey-color-info);
  letter-spacing: 0.3px;
}
.survey-respondents__row-email {
  font-size: 11px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--survey-color-text-muted);
}
.survey-respondents__row-company {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-600);
  width: 140px;
}
.survey-respondents__row-date {
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-600);
  width: 120px;
}
.survey-respondents__row-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.survey-respondents__row-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--survey-color-text-muted);
  transition: color 0.15s, background-color 0.15s;
}
.survey-respondents__bottom-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 56px;
  padding: 0 24px;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.survey-respondents__bottom-text {
  font-size: 13px;
  font-weight: 400;
  flex: 1;
  color: var(--motif-600);
}
.survey-respondents__success-toast {
  position: absolute;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background-color: var(--motif-900);
  padding: 10px 16px;
  box-shadow: 0 8px 24px var(--survey-color-shadow-darkest);
  animation: nudgeFadeIn 0.2s ease-out;
  z-index: 10;
}

.survey-modal {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--motif-surface);
  box-shadow: var(--survey-color-shadow-primary), var(--survey-color-shadow-secondary);
}
.survey-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-modal__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--motif-900);
}
.survey-modal__body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}
.survey-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
  padding: 16px 24px;
  border-top: 1px solid var(--motif-150);
}
.survey-modal__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.15s;
}
.survey-modal__close-btn:hover {
  background-color: var(--survey-color-hover-light);
}

/* ============================================================
   Onboarding customization tab
   ============================================================ */
.survey-onboarding {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-onboarding__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-onboarding__toolbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-onboarding__toolbar-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.survey-onboarding__main {
  flex: 1;
  overflow: hidden;
  display: flex;
}
.survey-onboarding__editor {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}
.survey-onboarding__editor-inner {
  max-width: 560px;
  margin: 0 auto;
}
.survey-onboarding__preview-panel {
  flex-shrink: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: var(--survey-color-bg-light);
  padding: 20px;
  transition: width 0.2s ease;
}
.survey-onboarding__preview-panel--sidebar {
  width: 320px;
  border-left: 1px solid var(--survey-color-border-light);
}
.survey-onboarding__preview-panel--full {
  flex: 1;
}
.survey-onboarding__section-card {
  border-radius: 8px;
  border: 1px solid var(--survey-color-border-default);
  background-color: var(--motif-surface);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.survey-onboarding__section-card--editing {
  border-color: var(--survey-color-primary);
}
.survey-onboarding__section-card:hover .survey-onboarding__section-actions {
  opacity: 1;
}
.survey-onboarding__section-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.15s;
  background-color: var(--motif-surface);
  border: 1px solid var(--survey-color-border-default);
  padding: 2px;
}
.survey-onboarding__section-action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background: none;
  border: none;
  padding: 0;
}
.survey-onboarding__add-section-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  border: 2px dashed var(--survey-color-border-dashed);
  padding: 14px;
  color: var(--motif-600);
  background: transparent;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  transition: border-color 0.15s, background-color 0.15s;
}
.survey-onboarding__add-section-btn:hover {
  border-color: var(--motif-300);
  background-color: var(--survey-color-bg-light);
}
.survey-onboarding__fmt-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--survey-color-bg-light);
}
.survey-onboarding__fmt-group {
  display: flex;
  align-items: center;
  gap: 2px;
}
.survey-onboarding__fmt-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  width: 26px;
  height: 26px;
  background: transparent;
  border: none;
  padding: 0;
  color: var(--survey-color-text-secondary);
}
.survey-onboarding__fmt-btn--active {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
}
.survey-onboarding__fmt-divider {
  width: 1px;
  height: 14px;
  background-color: var(--motif-150);
  margin: 0 4px;
}

/* ============================================================
   Review & Publish step
   ============================================================ */
.survey-review {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-review__content {
  flex: 1;
  overflow-y: auto;
  padding: 32px 48px 100px;
}
.survey-review__inner {
  max-width: 780px;
  margin: 0 auto;
}
.survey-review__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: var(--motif-900);
  margin-bottom: 4px;
}
.survey-review__subtitle {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: var(--motif-600);
  margin-bottom: 24px;
}
.survey-review__stats {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.survey-review__stat-card {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  padding: 14px 16px;
  background-color: var(--survey-color-page-bg);
  border: 1px solid var(--motif-100);
  border-radius: 12px;
  position: relative;
}
.survey-review__stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: var(--survey-color-text-white);
  border: 1px solid var(--motif-150);
}
.survey-review__stat-info {
  display: flex;
  flex-direction: column;
}
.survey-review__stat-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--survey-color-text-muted);
}
.survey-review__stat-value {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.survey-review__card {
  margin-bottom: 16px;
  border: 1px solid var(--motif-150);
  padding: 20px;
  border-radius: 12px;
}
.survey-review__card--email {
  padding: 0;
  overflow: hidden;
}
.survey-review__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.survey-review__card-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-review__card-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.survey-review__edit-link {
  font-size: 12px;
  border-radius: 4px;
  padding: 2px 8px;
  color: var(--survey-color-info);
  background: none;
  border: none;
  cursor: pointer;
}
.survey-review__edit-link:hover {
  background-color: var(--survey-color-shadow-lighter);
}
.survey-review__badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: var(--survey-color-hover-light);
  color: var(--motif-600);
}

/* ============================================================
   Send wizard (publish overlay)
   ============================================================ */
.survey-send-wizard__sending {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
  gap: 24px;
  flex: 1;
}
.survey-send-wizard__progress-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  background-color: var(--motif-100);
}
.survey-send-wizard__progress-icon--success {
  background-color: rgb(231, 252, 232);
  display: flex;
  align-items: center;
  justify-content: center;
}
.survey-send-wizard__progress-icon--success svg {
  width: 24px !important;
  height: 24px !important;
  color: var(--survey-color-success);
}
.survey-send-wizard__progress-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 320px;
}
.survey-send-wizard__progress-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.survey-send-wizard__progress-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.survey-send-wizard__success-actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px;
  max-width: 360px;
}

/* ============================================================
   Framework detail panel
   ============================================================ */
.survey-fw-detail {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background-color: var(--motif-surface);
}
.survey-fw-detail__scroll {
  flex: 1;
  overflow-y: auto;
  padding: 40px 48px;
}
.survey-fw-detail__inner {
  max-width: 800px;
  margin: 0 auto;
}
.survey-fw-detail__close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.15s;
}
.survey-fw-detail__close:hover {
  background-color: var(--survey-color-hover-light);
}
.survey-fw-detail__tree-node {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  transition: background-color 0.15s;
  cursor: pointer;
  padding: 10px 14px;
  background-color: var(--survey-color-page-bg);
  border: 1px solid var(--motif-100);
}
.survey-fw-detail__tree-level {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 500;
  width: 26px;
  height: 20px;
}
.survey-fw-detail__tree-children {
  display: grid;
  transition: grid-template-rows 0.25s ease-in-out;
}
.survey-fw-detail__tree-children--expanded {
  grid-template-rows: 1fr;
}
.survey-fw-detail__tree-children--collapsed {
  grid-template-rows: 0fr;
}
.survey-fw-detail__tree-children > div {
  overflow: hidden;
}

/* ============================================================
   Bottom bar (step navigation)
   ============================================================ */
.survey-bottom-bar {
  flex-shrink: 0;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 100;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 0 -1px 4px rgba(0, 0, 0, 0.04);
}
.survey-bottom-bar .survey-btn {
  margin-bottom: 0 !important;
}
.survey-bottom-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding: 0 24px;
  height: 60px;
}
.survey-bottom-bar__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.survey-bottom-bar__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.survey-bottom-bar {
  /* ── Button styles ── */
}
.survey-bottom-bar .survey-btn--primary, .survey-bottom-bar .survey-btn--outline {
  height: 38px;
  border-radius: 6px;
}
.survey-bottom-bar .survey-btn--primary.survey-btn--primary, .survey-bottom-bar .survey-btn--outline.survey-btn--primary {
  padding: 0 20px;
}
.survey-bottom-bar .survey-btn {
  /* Typography within buttons */
}
.survey-bottom-bar .survey-btn [variant=body] {
  font-size: 13px;
}
.survey-bottom-bar__prev-btn {
  height: 38px;
  border-radius: 6px;
}
.survey-bottom-bar__continue-btn {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .survey-bottom-bar {
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .survey-bottom-bar__inner {
    gap: 8px;
    padding: 8px 12px;
    min-height: 60px;
    height: auto;
  }
  .survey-bottom-bar__left, .survey-bottom-bar__right {
    flex: 1;
    min-width: 0;
  }
  .survey-bottom-bar__left .survey-btn, .survey-bottom-bar__right .survey-btn {
    width: 100%;
    justify-content: center;
    min-width: 0;
  }
}
/* ============================================================
   Undo toast
   ============================================================ */
.survey-undo-toast {
  position: fixed;
  z-index: 101;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--motif-900);
  padding: 10px 16px;
  box-shadow: 0 8px 24px var(--survey-color-shadow-darkest);
  animation: nudgeFadeIn 0.2s ease-out;
}
.survey-undo-toast__label {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-surface);
}
.survey-undo-toast__undo-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 6px;
  padding: 4px 12px;
  background-color: rgba(255, 255, 255, 0.12);
  color: var(--motif-surface);
  border: none;
  cursor: pointer;
  transition: background-color 0.15s;
}
.survey-undo-toast__undo-btn:hover {
  background-color: var(--survey-color-overlay-white-medium);
}
.survey-undo-toast .survey-undo-toast__label.motif-body {
  color: var(--motif-surface) !important;
}
.survey-undo-toast__dismiss {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: var(--motif-400);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* ============================================================
   Error toast
   ============================================================ */
.survey-error-toast {
  position: fixed;
  z-index: 101;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--survey-toast-error-bg);
  padding: 10px 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  animation: nudgeFadeIn 0.2s ease-out;
}
.survey-error-toast--warning {
  bottom: 105px;
  background-color: var(--survey-toast-warning-bg);
}
.survey-error-toast__icon {
  flex-shrink: 0;
  color: var(--survey-white);
}
.survey-error-toast__label {
  font-size: 13px;
  font-weight: 400;
  color: var(--survey-white);
}
.survey-error-toast__dismiss {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-error-toast__dismiss:hover {
  color: var(--survey-white);
}

/* ============================================================
   AI Sidekick panel slot
   ============================================================ */
.survey-sidekick-slot {
  flex-shrink: 0;
  transition: width 0.3s ease-in-out;
  overflow: hidden;
}
.survey-sidekick-slot--open {
  width: 364px;
}
.survey-sidekick-slot--closed {
  width: 0;
}
.survey-sidekick-slot__inner {
  height: 100%;
  padding: 0 12px 12px 12px;
}

/* ============================================================
   Utilities (animation helpers)
   ============================================================ */
.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.text-white {
  color: var(--survey-color-text-white);
}

/* ============================================================
   Form elements
   ============================================================ */
.survey-input {
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  width: 100%;
  border: 1px solid var(--survey-color-border-soft);
  padding: 8px 12px;
  color: var(--motif-900);
  background-color: var(--motif-surface);
}
.survey-input--error {
  border-color: var(--survey-color-danger);
}

.survey-select {
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--survey-color-border-soft);
  padding: 8px 36px 8px 12px;
  background-color: var(--motif-surface);
}

.survey-textarea {
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  width: 100%;
  resize: none;
  border: 1px solid var(--survey-color-border-soft);
  padding: 8px 12px;
  color: var(--motif-900);
  background-color: var(--motif-surface);
}

.survey-toggle {
  position: relative;
  flex-shrink: 0;
  border-radius: 9999px;
  width: 36px;
  height: 20px;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s;
}
.survey-toggle--on {
  background-color: var(--survey-color-primary-dark);
}
.survey-toggle--off {
  background-color: var(--survey-color-text-muted);
}
.survey-toggle__knob {
  position: absolute;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: 3px;
  background-color: white;
  transition: left 0.15s ease;
}
.survey-toggle__knob--on {
  left: 19px;
}
.survey-toggle__knob--off {
  left: 3px;
}

/* ============================================================
   Calendar popup
   ============================================================ */
.survey-calendar {
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 16px;
  width: 280px;
  border-radius: 12px;
  animation: nudgeFadeIn 0.15s ease-out;
}
.survey-calendar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.survey-calendar__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-calendar__nav-btn:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-calendar__month-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.survey-calendar__day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 4px;
}
.survey-calendar__day-name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  font-size: 11px;
  font-weight: 500;
  color: var(--motif-400);
}
.survey-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}
.survey-calendar__day-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
  height: 32px;
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  transition: background-color 0.15s;
}
.survey-calendar__day-btn--selected {
  background-color: var(--survey-color-primary-dark);
}
.survey-calendar__day-btn--today {
  border: 1px solid var(--survey-color-border-soft);
}
.survey-calendar__day-text {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-900);
}
.survey-calendar__day-text--selected {
  color: white;
  font-weight: 500;
}
.survey-calendar__day-text--other {
  color: var(--motif-300);
}
.survey-calendar__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  margin-top: 12px;
  border-top: 1px solid var(--motif-150);
}
.survey-calendar__today-btn {
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  padding: 4px 8px;
  color: var(--motif-600);
  background: none;
  border: none;
  cursor: pointer;
}
.survey-calendar__today-btn:hover {
  background-color: var(--survey-color-shadow-medium);
}
.survey-calendar__done-btn {
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  padding: 4px 12px;
  color: white;
  background-color: var(--motif-900);
  border: none;
  cursor: pointer;
}

/* ============================================================
   Workflow tab
   ============================================================ */
.survey-workflow {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-workflow__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-workflow__col-headers {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-workflow__list {
  flex: 1;
  overflow-y: auto;
}

/* ============================================================
   Documents tab
   ============================================================ */
.survey-documents {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-documents__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-documents__col-headers {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-documents__list {
  flex: 1;
  overflow-y: auto;
}
.survey-documents__row {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid var(--motif-100);
  min-height: 48px;
  cursor: pointer;
}
.survey-documents__row:hover {
  background-color: var(--survey-color-shadow-lighter);
}

/* ============================================================
   Reports tab
   ============================================================ */
.survey-reports {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.survey-reports__toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-reports__col-headers {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.survey-reports__list {
  flex: 1;
  overflow-y: auto;
}
.survey-reports__row {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid var(--motif-100);
  min-height: 48px;
  cursor: pointer;
}
.survey-reports__row:hover {
  background-color: var(--survey-color-shadow-lighter);
}

/* ============================================================
   Drop zone for respondents
   ============================================================ */
.survey-dropzone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 8px 24px;
  border-radius: 8px;
  cursor: pointer;
  height: 100px;
  border: 2px dashed var(--motif-300);
  background-color: var(--survey-color-page-bg);
  transition: all 0.15s ease;
}
.survey-dropzone--active {
  border-color: var(--survey-color-info);
  background-color: var(--survey-color-info-light);
}

/* ============================================================
   Send summary modal
   ============================================================ */
.survey-send-summary__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 520px;
  max-height: 80vh;
  border-radius: 12px;
  background-color: var(--motif-surface);
  box-shadow: var(--survey-color-shadow-primary), var(--survey-color-shadow-secondary);
}
.survey-send-summary__list {
  flex: 1;
  overflow-y: auto;
}
.survey-send-summary__row {
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-100);
  height: 52px;
  background-color: var(--survey-color-bg-lightest);
}
.survey-send-summary__row:hover .survey-send-summary__remove-btn {
  opacity: 1;
}
.survey-send-summary__remove-btn {
  flex-shrink: 0;
  padding: 4px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.15s;
  background: none;
  border: none;
  cursor: pointer;
}

/* Onboarding mobile/desktop preview frames */
.survey-preview-mobile-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 260px;
  height: 500px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, border-color 0.2s;
}

.survey-preview-desktop-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  width: 680px;
  max-width: 100%;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  transition: border-color 0.2s;
}

/* Hidden utility */
.hidden {
  display: none;
}

/* Email preview card in review */
.survey-email-preview__container {
  padding: 24px 20px;
  background-color: var(--survey-color-page-bg);
}
.survey-email-preview__card {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--motif-200);
  background-color: var(--survey-color-text-white);
  max-width: 520px;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.survey-email-preview__accent {
  height: 6px;
  background-color: var(--survey-color-primary-dark);
}
.survey-email-preview__body {
  padding: 28px 32px 24px;
}

/* Cover image section */
.survey-cover__preview {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 16/7;
}
.survey-cover__remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0;
}

/* Preview device toggle */
.survey-device-toggle {
  display: flex;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--motif-150);
  height: 28px;
}
.survey-device-toggle__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
  border: none;
  transition: all 0.15s;
}
.survey-device-toggle__btn--active {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
}
.survey-device-toggle__btn--inactive {
  background-color: var(--survey-color-text-white);
  color: var(--survey-color-text-secondary);
}
.survey-device-toggle__btn + .survey-device-toggle__btn {
  border-left: 1px solid var(--survey-color-border-light);
}

.bulk-action-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  background-color: var(--motif-surface);
  border-bottom: 1px solid var(--motif-150);
  position: relative;
}
.bulk-action-bar__info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.bulk-action-bar__count {
  font-size: 14px;
  font-weight: 500;
  color: var(--survey-color-info);
}
.bulk-action-bar__clear, .bulk-action-bar__action {
  background: none;
  border: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
}
.bulk-action-bar__clear {
  color: var(--motif-600);
}
.bulk-action-bar__divider {
  width: 1px;
  height: 20px;
  background-color: var(--motif-150);
}
.bulk-action-bar__action {
  color: var(--survey-color-info);
  font-size: 14px;
  font-weight: 500;
}
.bulk-action-bar__action:hover {
  color: var(--survey-color-info);
}
.bulk-action-bar__action svg {
  width: 16px;
  height: 16px;
  color: currentColor;
}
.bulk-action-bar__action-label {
  font-size: 14px;
  line-height: 20px;
}
.bulk-action-bar__menu {
  position: relative;
  display: flex;
  align-items: center;
}
.bulk-action-bar__menu-chevron {
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}
.bulk-action-bar__menu-chevron--open {
  transform: rotate(270deg);
}
.bulk-action-bar__menu-popover {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 20;
  min-width: 280px;
  max-width: 420px;
  max-height: 320px;
  overflow-y: auto;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(35, 35, 47, 0.12);
  padding: 8px 0;
}
.bulk-action-bar__menu-item {
  width: 100%;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  padding: 10px 16px;
  font-size: 13px;
  line-height: 18px;
  color: var(--motif-900);
  cursor: pointer;
}
.bulk-action-bar__menu-item:hover:not(:disabled) {
  background-color: var(--motif-50);
}
.bulk-action-bar__menu-item:disabled {
  cursor: default;
}
.bulk-action-bar__menu-item--disabled {
  color: var(--motif-400);
}
.bulk-action-bar__menu-item-label-group {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 6px;
}
.bulk-action-bar__menu-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bulk-action-bar__menu-item-branch {
  flex-shrink: 0;
  color: inherit;
  font-size: 12px;
  line-height: 1;
}
.bulk-action-bar__menu-item-current {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--survey-color-info);
}

/* ============================================================
   Utility Classes for Common Inline Styles
   ============================================================ */
/* Icon Colors */
.icon-gray-dark {
  color: var(--survey-color-text-muted) !important;
}

.icon-gray-light {
  color: var(--motif-400) !important;
}

.icon-gray-medium {
  color: var(--motif-600) !important;
}

.icon-dark {
  color: var(--motif-900) !important;
}

.icon-light {
  color: var(--motif-300) !important;
}

.icon-white {
  color: white !important;
}

.icon-red {
  color: var(--survey-color-danger) !important;
}

.icon-green {
  color: var(--survey-color-success-light) !important;
}

/* Layout Utilities */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gap-4 {
  gap: 4px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

/* Text Alignment */
.text-center {
  text-align: center;
}

/* Typography */
.text-heading-large {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--motif-900) !important;
}

.survey-send-wizard__progress-dot--done {
  background-color: var(--motif-600);
}

.text-heading-small {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
}

.text-label {
  font-size: 14px;
  font-weight: 300;
}

.text-sm {
  font-size: 13px;
}

.text-xs {
  font-size: 12px;
}

.text-body {
  font-weight: 400;
}

.text-light {
  font-weight: 300;
}

.text-medium {
  font-weight: 500;
}

/* Sizing */
.h-28 {
  height: 28px;
}

.h-38 {
  height: 38px;
}

.h-48 {
  height: 48px;
}

.w-160 {
  width: 160px;
}

.w-80 {
  width: 80px;
}

/* Padding */
.p-0 {
  padding: 0;
}

.px-20 {
  padding: 0 20px;
}

/* Flex Shrink */
.flex-shrink-0 {
  flex-shrink: 0;
}

/* Border Radius */
.rounded-sm {
  border-radius: 6px;
}

/* Progress Item Text Styles */
.progress-item-text {
  font-size: 14px;
  font-weight: 300;
}
.progress-item-text--done {
  color: var(--survey-color-primary-dark);
}
.progress-item-text--active {
  color: var(--survey-color-text-secondary);
}
.progress-item-text--pending {
  color: var(--motif-300);
}

/* ============================================================
   Bulk Delete Modal
   ============================================================ */
.bulk-delete-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  max-width: 440px;
  width: 90%;
  padding: 32px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.bulk-delete-modal__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--survey-color-danger-bg);
  border-radius: 50%;
}
.bulk-delete-modal__title {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--motif-900);
  line-height: 1.4;
}
.bulk-delete-modal__subtitle {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: var(--survey-color-text-muted);
  line-height: 1.5;
}
.bulk-delete-modal__buttons {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: center;
  margin-top: 8px;
}
.bulk-delete-modal__button {
  flex: 1;
  min-width: 140px;
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.bulk-delete-modal__button--cancel {
  background-color: white;
  color: var(--survey-color-text-secondary);
  border: 1px solid var(--survey-color-border-muted);
}
.bulk-delete-modal__button--cancel:hover {
  background-color: var(--survey-color-page-bg);
  border-color: var(--survey-color-border-hover);
}
.bulk-delete-modal__button--cancel:active {
  background-color: var(--survey-color-bg-dark);
}
.bulk-delete-modal__button--remove {
  background-color: var(--survey-color-danger);
  color: white;
  border: none;
}
.bulk-delete-modal__button--remove:hover {
  background-color: var(--survey-color-danger-hover);
}
.bulk-delete-modal__button--remove:active {
  background-color: var(--survey-color-danger-dark);
}

.unsaved-changes-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
}

.unsaved-changes-modal {
  width: 440px;
  background-color: var(--survey-color-text-white);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  padding: 24px;
  border-radius: 12px;
}
.unsaved-changes-modal__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.unsaved-changes-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--survey-color-warning-icon-bg);
  border-radius: 50%;
  flex-shrink: 0;
  color: var(--survey-color-warning-icon);
}
.unsaved-changes-modal__title {
  flex: 1;
  font-size: 16px;
  font-weight: 700 !important;
  color: var(--survey-color-primary-dark);
  line-height: 22px;
  margin: 0;
}
.unsaved-changes-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 0;
}
.unsaved-changes-modal__close:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.unsaved-changes-modal__message {
  font-size: 14px;
  color: var(--survey-color-text-secondary);
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 20px 0;
}
.unsaved-changes-modal__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.unsaved-changes-modal__btn {
  height: 36px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.unsaved-changes-modal__btn--secondary {
  background-color: var(--survey-color-text-white);
  color: var(--survey-color-text-secondary);
  border: 1px solid var(--survey-color-border-muted);
}
.unsaved-changes-modal__btn--secondary:hover {
  background-color: var(--survey-color-page-bg);
  border-color: var(--survey-color-border-hover);
}
.unsaved-changes-modal__btn--primary {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
  border: 1px solid var(--survey-color-primary-dark);
}
.unsaved-changes-modal__btn--primary:hover {
  background-color: var(--survey-color-primary-dark-hover);
  border-color: var(--survey-color-primary-dark-hover);
}

.publish-confirm-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
}

.publish-confirm-dialog {
  width: 440px;
  background-color: var(--motif-surface);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 60px, rgba(0, 0, 0, 0.1) 0px 4px 16px;
  animation: dialogFadeIn 0.15s ease-out;
  display: flex;
  flex-direction: column;
}
.publish-confirm-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0;
  margin-bottom: 12px;
}
.publish-confirm-dialog__header-content {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.publish-confirm-dialog__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--motif-info-bg);
  border-radius: 50%;
  flex-shrink: 0;
  color: var(--motif-900);
}
.publish-confirm-dialog__icon svg {
  width: 20px;
  height: 20px;
}
.publish-confirm-dialog__icon-svg {
  display: inline-flex;
  transform: rotate(-40deg);
  transform-origin: center;
}
.publish-confirm-dialog__icon-svg svg {
  display: block;
}
.publish-confirm-dialog__title {
  flex: 1;
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  margin: 0;
}
.publish-confirm-dialog__title.customtypography-body, .publish-confirm-dialog__title.motif-typography-text, .publish-confirm-dialog__title.motif-typography-text.customtypography-body {
  font-size: 17px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  letter-spacing: 0 !important;
}
.publish-confirm-dialog__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  padding: 0;
  flex-shrink: 0;
  color: var(--motif-400);
  transition: background-color 0.15s ease;
}
.publish-confirm-dialog__close:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.publish-confirm-dialog__close svg {
  width: 16px;
  height: 16px;
}
.publish-confirm-dialog__message {
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
  margin: 0;
  padding-left: 76px;
  padding-right: 24px;
}
.publish-confirm-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px 24px;
}
.publish-confirm-dialog__btn {
  font-size: 13px;
  font-weight: 400;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.publish-confirm-dialog__btn--cancel {
  color: var(--motif-600);
  background-color: transparent;
  border-color: var(--motif-200);
}
.publish-confirm-dialog__btn--cancel:hover {
  background-color: var(--motif-50);
}
.publish-confirm-dialog__btn--confirm {
  font-weight: 500;
  color: var(--motif-surface);
  background-color: var(--motif-900);
  border-color: var(--motif-900);
}
.publish-confirm-dialog__btn--confirm:hover {
  background-color: var(--survey-color-primary-darker);
}
.publish-confirm-dialog__btn--confirm svg {
  width: 14px;
  height: 14px;
}
.publish-confirm-dialog__confirm-icon {
  display: inline-flex;
  transform: rotate(-40deg);
  transform-origin: center;
  color: white;
}
.publish-confirm-dialog__confirm-icon svg {
  display: block;
}

.bulk-delete-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.4);
}
.bulk-delete-overlay .modal-content {
  width: 420px;
  background-color: var(--survey-color-text-white);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  padding: 28px 28px 22px;
  border-radius: 12px;
}
.bulk-delete-overlay .modal-content .modal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.bulk-delete-overlay .modal-content .modal-header .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--survey-color-danger-bg);
  border-radius: 50%;
}
.bulk-delete-overlay .modal-content .modal-header .icon-wrapper svg {
  width: 20px;
  height: 20px;
  color: var(--survey-color-danger);
}
.bulk-delete-overlay .modal-content .modal-header .header-text h3 {
  font-size: 16px;
  font-weight: 500;
  color: var(--survey-color-primary-dark);
  line-height: 22px;
  margin: 0;
}
.bulk-delete-overlay .modal-content .modal-header .header-text p {
  font-size: 13px;
  color: var(--survey-color-text-secondary);
  font-weight: 300;
  line-height: 18px;
  margin: 4px 0 0 0;
}
.bulk-delete-overlay .modal-content .button-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}
.bulk-delete-overlay .modal-content .button-group .cancel-button {
  height: 36px;
  font-size: 13px;
  border: 1px solid var(--survey-gray-400);
  padding: 0 8px;
  border-radius: 4px;
}
.bulk-delete-overlay .modal-content .button-group .confirm-button {
  height: 36px;
  font-size: 13px;
  background-color: var(--survey-color-danger);
  color: var(--survey-color-text-white);
  border: 1px solid var(--survey-gray-00);
  padding: 0 8px;
  border-radius: 4px;
}

/* ── View-mode tabs (Survey Details / Respondent Tracking) ── */
.survey-view-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Badge inside a stepper button (view-mode respondent count) */
.survey-stepper .survey-view-tab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: var(--motif-150);
  color: var(--motif-700);
  margin-left: 2px;
}
.survey-stepper .survey-view-tab__badge--success {
  background: var(--survey-color-success-bg);
  color: var(--survey-color-success);
}

/* When inside the active (dark) stepper button, invert the badge */
.survey-stepper__step-btn--active .survey-view-tab__badge--success {
  background: var(--survey-color-overlay-white-medium);
  color: var(--motif-surface);
}

.survey-view-published-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 12px;
  color: var(--survey-color-success);
  font-size: 12px;
  font-weight: 600;
}

/* Add a small filled dot to the left of the published badge */
.survey-view-published-badge::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--survey-color-success);
  margin-right: 8px;
}

/* Read-only toolbar: keep visible but non-interactive and visually subdued */
.survey-content-tab__toolbar-right--readonly {
  pointer-events: none; /* make children non-interactive */
  opacity: 0.45;
}

/* Read-only checkbox style: show the checkbox but make it appear disabled */
.survey-question-row__checkbox--readonly {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}

/* Read-only question row inner area should show default arrow cursor */
.survey-question-row__inner--readonly {
  cursor: default;
}

.survey-top-bar__back-label {
  font-size: 11px !important;
  font-weight: 400 !important;
  margin-left: 4px;
  opacity: 0.4;
  color: var(--motif-700);
  position: absolute;
  left: 3rem;
}

.survey-btn--primary {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
}

/* ─── Document Request Trigger ─── */
.survey-question-row__document-request-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  padding: 2px 4px;
}
.survey-question-row__document-request-trigger:hover {
  background-color: rgba(46, 125, 50, 0.06);
}

.survey-question-row__document-request-icon {
  width: 14px;
  height: 14px;
  margin-top: -6px;
}
.survey-question-row__document-request-icon--active {
  color: var(--survey-color-success-light);
}
.survey-question-row__document-request-icon--inactive {
  color: var(--motif-400);
}

.survey-question-row__document-request-badge {
  font-size: 10px;
  font-weight: 500;
  border-radius: 9999px;
  padding: 0 5px;
  background-color: var(--survey-color-success-light);
  color: var(--motif-surface);
  line-height: 16px;
  min-width: 16px;
  text-align: center;
}

.survey-question-row__document-request-count {
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 300;
}.motif-typography-text {
  color: var(--body-color);
}

.customtypography-hero {
  font-size: 2rem !important;
  font-family: var(--primary-font) !important;
  line-height: 40px !important;
}

.customtypography-h1 {
  font-size: 1.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 32px !important;
}

.customtypography-h2 {
  font-size: 1.5rem !important;
  font-family: var(--primary-font) !important;
  line-height: 28px !important;
}

.customtypography-h3 {
  font-size: 1.25rem !important;
  font-family: var(--primary-font) !important;
  line-height: 24px !important;
}

.customtypography-h4 {
  font-size: 1.125rem !important;
  font-family: var(--primary-font) !important;
  line-height: 24px !important;
}

.customtypography-h5 {
  font-size: 1rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-h6 {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-body-alt {
  font-size: 0.875rem !important;
  line-height: 22px !important;
}

.customtypography-text-link {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-body {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-body1 {
  font-size: 0.875rem;
  font-family: var(--primary-font);
  font-weight: lighter;
  line-height: 1.5rem;
}

.customtypography-body2 {
  font-size: 1.125rem;
  font-family: var(--primary-font);
  font-weight: lighter;
  line-height: 1.5rem;
}

.customtypography-body-sm {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 20px !important;
}

.customtypography-overline {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 20px !important;
  letter-spacing: 0.09375rem !important;
}

.customtypography-instructional-text {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 16px !important;
}

.customtypography-caption {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 16px !important;
}

.customtypography-global-header-sec-title {
  font-size: 1rem !important;
  font-family: var(--primary-font) !important;
  line-height: 24px !important;
}

.customtypography-main-navigation {
  font-size: 1rem !important;
  font-family: var(--primary-font) !important;
  line-height: 24px !important;
}

.customtypography-sub-navigation {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 1.5714285 !important;
}

.customtypography-results-page-text {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 1.5714285 !important;
}

.customtypography-results-page-sec-desc {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 20px !important;
}

.customtypography-form-data-input {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-form-data-input-text-match {
  font-size: 0.875rem !important;
  font-family: var(--primary-font) !important;
  line-height: 22px !important;
}

.customtypography-form-data-label {
  font-size: 0.75rem !important;
  font-family: var(--primary-font) !important;
  line-height: 20px !important;
}

.customtypography-label {
  font-size: 0.625rem !important;
  font-family: var(--primary-font) !important;
  line-height: 16px !important;
}

.customtypography-typography-alignleft {
  text-align: left !important;
}

.customtypography-typography-alignright {
  text-align: right !important;
}

.customtypography-typography-aligncenter {
  text-align: center !important;
}

.customtypography-typography-alignjustify {
  text-align: justify !important;
}

.customtypography-typography-noWrap {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.customtypography-typography-gutterBottom {
  margin-bottom: 0.35em !important;
}

.customtypography-typography-paragraph {
  margin-bottom: 32px !important;
}.motif-button-small {
  font-size: 0.875rem !important;
}

.motif-button-primary-alt .motif-icon svg {
  color: var(--btn-primary-alt-color);
}
.motif-button-primary-alt:disabled .motif-icon svg {
  color: var(--btn-primary-alt-disabled-icon-color);
}.ey-assess-motif-icon.motif-icon svg {
  height: 19px;
  width: 19px;
}.mobile-preview-container {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: var(--motif-100);
  overflow-y: auto;
  padding: 12px 16px 96px;
}

.mobile-device {
  position: relative;
  width: 340px;
  height: 620px;
  transform: scale(clamp(0.72, (100dvh - 260px) / 620, 0.95));
  transform-origin: top center;
}
.mobile-device__shell {
  position: absolute;
  inset: 0;
  border-radius: 2.5rem;
  background-color: #e8e8ec;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #d4d4d8;
}
.mobile-device__button {
  position: absolute;
  width: 2px;
  background-color: #d4d4d8;
}
.mobile-device__button--left-1 {
  left: -2px;
  top: 100px;
  height: 24px;
  border-radius: 2px 0 0 2px;
}
.mobile-device__button--left-2 {
  left: -2px;
  top: 140px;
  height: 36px;
  border-radius: 2px 0 0 2px;
}
.mobile-device__button--left-3 {
  left: -2px;
  top: 184px;
  height: 36px;
  border-radius: 2px 0 0 2px;
}
.mobile-device__button--right {
  right: -2px;
  top: 150px;
  height: 48px;
  border-radius: 0 2px 2px 0;
}

.mobile-screen {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: 2rem;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mobile-screen__notch {
  display: flex;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 4px;
}
.mobile-screen__notch-bar {
  width: 80px;
  height: 22px;
  background-color: #e8e8ec;
  border-radius: 11px;
}
.mobile-screen__home-indicator {
  height: 4px;
  background-color: transparent;
  padding-bottom: 10px;
}
.mobile-screen__home-bar {
  margin: 0 auto;
  margin-top: 8px;
  width: 100px;
  height: 4px;
  background-color: #c8c8d0;
  border-radius: 2px;
}

.mobile-header {
  padding: 10px 16px 8px;
  background-color: var(--motif-900);
}
.mobile-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-header__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobile-header__app-name {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-surface);
}
.mobile-header__status {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mobile-header__status-icon {
  width: 12px;
  height: 12px;
  color: #34c749;
}
.mobile-header__status-text {
  font-size: 9px;
  color: rgba(255, 255, 255, 0.55);
}
.mobile-header__info {
  margin-top: 6px;
}
.mobile-header__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-surface);
}
.mobile-header__progress {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.mobile-header__progress-track {
  flex: 1;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 1.5px;
}
.mobile-header__progress-bar {
  height: 3px;
  background-color: var(--motif-yellow);
  border-radius: 1.5px;
  transition: width 0.3s ease;
}
.mobile-header__progress-text {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
}

.mobile-sections {
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f2;
}
.mobile-sections__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.mobile-sections__indicators {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mobile-sections__dots {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mobile-sections__dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #e6e6e9;
  transition: all 0.2s;
}
.mobile-sections__dot--active {
  width: 12px;
  background-color: #2e2e38;
}
.mobile-sections__dot--completed {
  background-color: #34c749;
}
.mobile-sections__label {
  font-size: 10px;
  font-weight: 500;
  color: #656579;
}
.mobile-sections__chevron {
  color: #9897a6;
  transition: transform 0.2s;
}
.mobile-sections__chevron--open {
  transform: rotate(180deg);
}
.mobile-sections__list {
  padding: 0 12px 10px;
  animation: nudgeFadeIn 0.15s ease-out;
}
.mobile-sections__item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  border-radius: 8px;
  padding: 7px 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.mobile-sections__item--current {
  background-color: #f3f3f5;
}
.mobile-sections__item-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
  background-color: #f3f3f5;
  color: #9897a6;
  font-size: 9px;
  font-weight: 600;
}
.mobile-sections__item-badge--current {
  background-color: #2e2e38;
  color: #fff;
}
.mobile-sections__item-badge--completed {
  background-color: #34c749;
  color: #fff;
}
.mobile-sections__item-check {
  width: 10px;
  height: 10px;
  color: #fff;
}
.mobile-sections__item-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.mobile-sections__item-title {
  font-size: 11px;
  font-weight: 500;
  color: #656579;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mobile-sections__item-title--current {
  color: var(--motif-900);
}
.mobile-sections__item-count {
  font-size: 9px;
  color: #c3c3cb;
}

.mobile-content {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}

.mobile-question {
  animation: nudgeFadeIn 0.2s ease-out;
}
.mobile-question__meta {
  margin-bottom: 10px;
}
.mobile-question__section {
  font-size: 9px;
  font-weight: 600;
  color: #9897a6;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.mobile-question__position {
  display: block;
  font-size: 9px;
  color: #c3c3cb;
}
.mobile-question__subdomain {
  display: inline-block;
  font-size: 10px;
  padding: 2px 8px;
  margin-bottom: 8px;
  border-radius: 12px;
  background-color: #f0f4ff;
  color: #4696ff;
}
.mobile-question__text {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--motif-900);
  margin-bottom: 12px;
}

.mobile-answer--text {
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 70px;
}
.mobile-answer__placeholder {
  font-size: 11px;
  color: var(--motif-400);
}

.mobile-answer-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mobile-answer-option {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  padding: 9px 12px;
}
.mobile-answer-option__radio {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #c8c8d0;
  border-radius: 50%;
}
.mobile-answer-option__checkbox {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #c8c8d0;
  border-radius: 3px;
}
.mobile-answer-option__text {
  font-size: 11px;
  color: var(--motif-900);
}
.mobile-answer-option__drag {
  color: #c8c8d0;
}
.mobile-answer-option__rank {
  margin-left: auto;
  font-size: 9px;
  color: #9897a6;
}

.mobile-answer-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.mobile-answer-rating__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 2px solid #e6e6e9;
  border-radius: 50%;
  cursor: pointer;
}
.mobile-answer-rating__number {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-600);
}

.mobile-footer {
  flex-shrink: 0;
  border-top: 1px solid #f0f0f2;
}
.mobile-footer__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 0;
}
.mobile-footer__button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  border: none;
  cursor: pointer;
}
.mobile-footer__button--secondary {
  border: 1px solid var(--motif-150);
  background-color: transparent;
  color: #2e2e38;
}
.mobile-footer__button--secondary:disabled {
  color: #c8c8d0;
  cursor: not-allowed;
}
.mobile-footer__button--primary {
  background-color: var(--motif-900);
  color: var(--motif-surface);
}
.mobile-footer__button--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mobile-footer__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 16px 2px;
}
.mobile-footer__status-icon {
  color: #34c749;
}
.mobile-footer__status-text {
  font-size: 8px;
  color: #c3c3cb;
}

@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}:root {
  --survey-white: #ffffff;
  --survey-black: #000000;
  --survey-dark-primary: #2e2e38;
  --survey-dark-secondary: #1a1a1f;
  --survey-dark-tertiary: #1f1f28;
  --survey-gray-light: #f9fafb;
  --survey-gray-lighter: #f8f9fa;
  --survey-gray-very-light: #f3f4f6;
  --survey-gray-100: #e5e7eb;
  --survey-gray-200: #e9ecef;
  --survey-gray-300: #dee2e6;
  --survey-gray-400: #d1d5db;
  --survey-gray-500: #ced4da;
  --survey-gray-600: #adb5bd;
  --survey-gray-700: #9ca3af;
  --survey-gray-800: #6b7280;
  --survey-gray-900: #495057;
  --survey-gray-950: #374151;
  --survey-gray-light-text: #6c757d;
  --survey-gray-disabled: #c4c4cd;
  --survey-gray-muted: #9ca3af;
  --survey-text-primary: #2e2e38;
  --survey-text-secondary: #9897a6;
  --survey-text-tertiary: #6b7280;
  --survey-text-quaternary: #9ca3af;
  --survey-icon-secondary: #9897a6;
  --survey-icon-border: #c8c8d0;
  --survey-icon-default: #6b7280;
  --survey-success: #16a34a;
  --survey-success-dark: #34c749;
  --survey-error: #dc2626;
  --survey-error-hover: #dc2626;
  --survey-brand-yellow: #ffe600;
  --survey-brand-purple: #9d7cd4;
  --survey-hover-bg: #f3f3f5;
  --survey-hover-bg-light: #fafafa;
  --survey-border-light: #f0f0f2;
  --survey-bg-l1: #f9f9fa;
  --survey-bg-l2-badge: #e8e8ec;
  --survey-bg-l2-purple: #ede8f5;
  --survey-bg-l3-green: #e0f0e8;
  --survey-badge-l2-text: #7c6aac;
  --survey-badge-l3-text: #4a8c6a;
  --survey-remove-btn: #9e9eae;
  --survey-toast-success-bg: #2ecc71;
  --survey-toast-error-bg: #e74c3c;
  --survey-toast-warning-bg: #8b5e1e;
  --survey-validation-success: #27ae60;
  --survey-validation-success-bg: #eafaf1;
  --survey-validation-success-border: #2ecc71;
  --survey-validation-error: #c0392b;
  --survey-validation-error-bg: #fdedee;
  --survey-validation-error-bg-light: #fbe3e4;
  --survey-validation-error-border: #e74c3c;
  --survey-validation-error-border-light: #f5c6cb;
  --survey-validation-warning-bg: #fef9e7;
  --survey-validation-warning-border: #d4a017;
  --survey-validation-warning-text: #8b6914;
  --survey-validation-warning-fix-bg: #fdf3cd;
  --survey-validation-warning-text-muted: #9a4d1a;
  --survey-validation-warning-title: #974927;
  --survey-validation-warning-content-bg: #fffbeb;
  --survey-validation-warning-footer-bg: #fef3c7;
  --survey-validation-link: #2c3e50;
  --survey-template-icon-bg: #7b73ff;
  --survey-color-page-bg: #f9f9fa;
  --survey-color-overlay-bg: rgba(255, 255, 255, 0.72);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.08);
  --survey-color-primary: #4696ff;
  --survey-color-primary-dark: #2e2e38;
  --survey-color-primary-darker: #23232b;
  --survey-color-danger: #dc2626;
  --survey-color-danger-hover: #b91c1c;
  --survey-color-danger-dark: #991b1b;
  --survey-color-success: #197335;
  --survey-color-success-light: #2e7d32;
  --survey-color-success-lighter: #c8e6c9;
  --survey-color-success-bg: #e8f5e9;
  --survey-color-warning: #e67e22;
  --survey-color-info: #1a56db;
  --survey-color-info-light: #e8f0fe;
  --survey-color-danger-bg: #fef2f2;
  --survey-color-error-icon-bg: #fee2e2;
  --survey-color-hover-light: #f3f3f5;
  --survey-color-bg-light: #fafafa;
  --survey-color-bg-lighter: #f9f9ff;
  --survey-color-bg-lightest: #f0f4ff;
  --survey-color-bg-dark: #e8e8ec;
  --survey-color-text-primary: #2e2e38;
  --survey-color-text-secondary: #656579;
  --survey-color-text-muted: #9897a6;
  --survey-color-text-light: #7a7a8a;
  --survey-color-text-white: #ffffff;
  --survey-color-border-default: #ededf0;
  --survey-color-border-light: #e6e6e9;
  --survey-color-border-muted: #d0d0d8;
  --survey-color-border-soft: #c3c3cb;
  --survey-color-border-softer: #c8c8d0;
  --survey-color-mobile-shell-border: #d4d4d8;
  --survey-color-border-dark-muted: #3a3a4a;
  --survey-color-border-dark-strong: #2a2a38;
  --survey-color-border-dark-soft: #2e2e3c;
  --survey-color-border-dashed: #e0e0e4;
  --survey-color-border-active: #2563eb;
  --survey-color-border-primary: #7f7f91;
  --survey-color-border-purple: #7c6bff;
  --survey-color-border-purple-light: #6366f1;
  --survey-color-shadow-light: rgba(0, 0, 0, 0.01);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.02);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.03);
  --survey-color-shadow-medium: rgba(0, 0, 0, 0.04);
  --survey-color-shadow-primary: rgba(35, 35, 47, 0.06);
  --survey-color-shadow-secondary: rgba(35, 35, 47, 0.08);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.2);
  --survey-color-review-default: #c4c4cd;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #00c853;
  --survey-color-review-active-hover: #00a844;
  --survey-color-warning-icon: #d4a017;
  --survey-color-warning-icon-bg: #fdf3d7;
  --survey-color-error-field: #d32f2f;
  --survey-color-primary-dark-hover: #1a3a6b;
  --survey-color-border-hover: #a0a0ab;
  --survey-color-overlay-light: rgba(70, 150, 255, 0.04);
  --survey-color-overlay-medium: rgba(70, 150, 255, 0.06);
  --survey-color-overlay-dark: rgba(70, 150, 255, 0.08);
  --survey-color-overlay-focus: rgba(70, 150, 255, 0.1);
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.08);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.2);
  --motif-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
  --motif-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
  --motif-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --motif-focus-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  --motif-overlay-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.25) 100%);
  --motif-text-white-secondary: rgba(255, 255, 255, 0.8);
  --motif-btn-white-bg: rgba(255, 255, 255, 0.15);
  --motif-btn-white-border: 1px solid rgba(255, 255, 255, 0.2);
  --motif-btn-white-bg-hover: rgba(255, 255, 255, 0.25);
  --motif-blob-1: rgba(99, 102, 241, 0.35);
  --motif-blob-2: rgba(236, 72, 153, 0.25);
  --motif-blob-3: rgba(56, 189, 248, 0.2);
  --motif-blob-4: rgba(168, 85, 247, 0.22);
  --motif-blob-5: rgba(251, 191, 36, 0.12);
  --motif-footer-blob-0-1: rgba(26, 26, 46, 0.06);
  --motif-footer-blob-0-2: rgba(15, 52, 96, 0.05);
  --motif-footer-blob-0-3: rgba(22, 33, 62, 0.04);
  --motif-footer-blob-1-1: rgba(37, 99, 235, 0.08);
  --motif-footer-blob-1-2: rgba(59, 130, 246, 0.06);
  --motif-footer-blob-1-3: rgba(26, 58, 143, 0.05);
  --motif-footer-blob-2-1: rgba(4, 120, 87, 0.07);
  --motif-footer-blob-2-2: rgba(14, 165, 160, 0.06);
  --motif-footer-blob-2-3: rgba(45, 212, 191, 0.05);
  --motif-footer-blob-3-1: rgba(124, 58, 237, 0.08);
  --motif-footer-blob-3-2: rgba(91, 33, 182, 0.06);
  --motif-footer-blob-3-3: rgba(167, 139, 250, 0.05);
  --motif-footer-blob-4-1: rgba(51, 65, 85, 0.06);
  --motif-footer-blob-4-2: rgba(30, 41, 59, 0.05);
  --motif-footer-blob-4-3: rgba(71, 85, 105, 0.04);
  --motif-footer-blob-5-1: rgba(99, 102, 241, 0.08);
  --motif-footer-blob-5-2: rgba(236, 72, 153, 0.06);
  --motif-footer-blob-5-3: rgba(56, 189, 248, 0.05);
  --motif-footer-stat-bg: rgba(255, 255, 255, 0.75);
  --motif-bg-desktop: #f9f9fa;
  --motif-browser-toolbar-bg: #e6e6e9;
  --motif-browser-light-red: #fc615d;
  --motif-browser-light-yellow: #fdbc40;
  --motif-browser-light-green: #34c749;
  --motif-browser-address-bar-bg: #f1f1f1;
  --motif-browser-address-bar-text: #888;
  --survey-color-mobile-frame-dark-bg: #1e1e2a;
  --survey-color-mobile-header-dark-bg: #13131c;
  --survey-color-statusbar-dark-bg: #f7f7fa;
  --survey-color-status-indicator: #4a4a56;
  --survey-color-status-indicator-dark: #2e2e38;
  --survey-color-text-inverse-soft: #f0f0f4;
  --survey-color-section-dark-bg: #232331;
  --survey-color-surface-deep-dark: #16161f;
  --survey-color-browser-header-bg: #eaeaee;
  --survey-color-browser-header-dark-bg: #1a1a26;
  --survey-color-browser-url-dark-bg: #252530;
  --survey-color-browser-url-text: #a0a0ae;
  --survey-color-browser-url-text-dark: #5a5a70;
  --survey-color-active-pressed-bg: #efefef;
  --survey-color-error-soft-bg: #fecaca;
  --survey-mobile-shell-ring-size: 10px;
  --survey-mobile-shell-ring-color: #e8e8ec;
  --survey-mobile-shell-shadow-primary: 0 8px 32px rgba(0, 0, 0, 0.1);
  --survey-mobile-shell-shadow-secondary: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.desktop-preview {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--survey-white);
  font-family: "EYInterstate", Arial, sans-serif;
  overflow: hidden;
}
.desktop-preview--mobile .desktop-preview__black-header,
.desktop-preview--mobile .desktop-preview__header,
.desktop-preview--mobile .desktop-preview__tabs-wrapper {
  flex-shrink: 0;
}
.desktop-preview--mobile .desktop-preview__tabs-wrapper {
  position: relative;
  padding: 0 12px;
  border-bottom: 1px solid var(--survey-gray-300);
}
.desktop-preview--mobile .desktop-preview__tabs {
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  border-bottom: none;
}
.desktop-preview--mobile .desktop-preview__tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.desktop-preview--mobile .desktop-preview__content-wrapper {
  position: relative;
  flex: 1;
  overflow: hidden;
  display: flex;
}
.desktop-preview--mobile .desktop-preview__sidebar {
  position: absolute;
  background-color: #fff;
  left: -280px;
  top: 0;
  height: 100%;
  z-index: 999999;
  transition: left 0.3s ease;
  box-shadow: none;
  width: 280px;
}
.desktop-preview--mobile .desktop-preview__sidebar--mobile-open {
  left: 0;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.desktop-preview--mobile .desktop-preview__main {
  width: 100%;
  max-width: 100%;
  padding: 0;
  overflow-y: auto;
  flex: 1;
  height: 362px;
}
.desktop-preview--mobile .desktop-preview__answer-group {
  max-width: 100% !important;
  overflow: auto;
}
.desktop-preview--mobile .desktop-preview__section-header {
  padding: 12px 16px;
  background-color: var(--survey-white);
}
.desktop-preview--mobile .desktop-preview__section-title {
  font-size: 18px !important;
}
.desktop-preview--mobile .desktop-preview__section-subtitle {
  font-size: 14px;
}
.desktop-preview--mobile .desktop-preview__questions-container {
  overflow-y: visible;
  padding: 0 !important;
}
.desktop-preview--mobile .desktop-preview__question-card {
  padding: 16px 0;
  margin: 0 12px;
}
.desktop-preview--mobile .desktop-preview__question-header {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.desktop-preview--mobile .desktop-preview__footer {
  flex-wrap: nowrap;
  padding: 12px 16px;
  gap: 8px;
  flex-shrink: 0;
}
.desktop-preview--mobile .desktop-preview__footer-button {
  font-size: 14px;
}
.desktop-preview--mobile .desktop-preview__footer-button--icon {
  padding: 8px;
  min-width: 40px;
  min-height: 40px;
}
.desktop-preview--mobile .desktop-preview__footer-button--save {
  padding: 4px 12px;
  height: 40px;
}
.desktop-preview--mobile .desktop-preview__footer-section-text {
  width: 100%;
  text-align: center;
}
.desktop-preview--mobile .desktop-preview__footer-right {
  width: 100%;
  display: flex;
  gap: 8px;
}
.desktop-preview--mobile .desktop-preview__footer-right button {
  flex: 1;
}
.desktop-preview--mobile .desktop-preview__answer-input-wrapper {
  max-width: 100%;
}
.desktop-preview--mobile .desktop-preview__matrix-container {
  overflow-x: auto;
}
.desktop-preview--mobile .desktop-preview__multilist-container {
  max-width: 100%;
  width: 100%;
}
.desktop-preview__hamburger-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: var(--survey-gray-700);
  transition: background-color 0.2s;
  border-radius: 4px;
  flex-shrink: 0;
}
.desktop-preview__hamburger-btn:hover {
  background-color: var(--survey-gray-100);
}
.desktop-preview__mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.desktop-preview__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: var(--survey-gray-700);
  transition: background-color 0.2s;
  border-radius: 4px;
  margin-right: 8px;
}
.desktop-preview__close-btn:hover {
  background-color: var(--survey-gray-100);
}
.desktop-preview__black-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 24px;
  background-color: var(--survey-dark-primary);
  border-bottom: 1px solid var(--survey-dark-secondary);
  min-height: 56px;
  flex-shrink: 0;
}
.desktop-preview__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.desktop-preview__logo svg {
  display: block;
}
.desktop-preview__black-header-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--survey-white) !important;
  margin: 0;
  letter-spacing: 0.3px;
}
.desktop-preview__header {
  padding: 10px 20px;
  background-color: var(--survey-white);
  flex-shrink: 0;
}
.desktop-preview__header h1 {
  font-size: 1rem !important;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.desktop-preview__survey-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--survey-text-primary);
  margin: 0;
}
.desktop-preview__tabs-wrapper {
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.desktop-preview__tabs {
  display: flex;
  gap: 0;
  padding: 0;
  background-color: var(--survey-white);
  border-bottom: 1px solid var(--survey-gray-300);
  overflow-x: auto;
  flex-shrink: 0;
  flex: 1;
}
.desktop-preview__tabs::-webkit-scrollbar {
  height: 4px;
}
.desktop-preview__tabs::-webkit-scrollbar-track {
  background: var(--survey-gray-lighter);
}
.desktop-preview__tabs::-webkit-scrollbar-thumb {
  background: var(--survey-gray-500);
  border-radius: 2px;
}
.desktop-preview__tabs::-webkit-scrollbar-thumb:hover {
  background: var(--survey-gray-600);
}
.desktop-preview__tab {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 6px 0;
  white-space: nowrap;
  height: 43px;
  min-height: 44px;
  max-height: 46px;
  min-width: auto;
  color: var(--body-color);
  font-family: "ey_interstate";
  line-height: 20px;
  margin-right: 24px;
  font-weight: 300;
  font-size: 0.875rem;
  background: none;
  border: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.desktop-preview__tab--active {
  font-family: var(--primary-font);
  font-weight: 700 !important;
  color: var(--body-color);
  background: rgba(0, 0, 0, 0);
  border-bottom: 2px solid var(--body-color);
}
.desktop-preview__tab--active .desktop-preview__tab-check {
  opacity: 1;
}
.desktop-preview__tab--active .desktop-preview__tab-text {
  color: var(--survey-text-primary);
  font-weight: 700;
}
.desktop-preview__tab:not(.desktop-preview__tab--active) .desktop-preview__tab-check {
  color: var(--survey-text-primary);
}
.desktop-preview__tab:not(.desktop-preview__tab--active) .desktop-preview__tab-text {
  color: var(--survey-gray-light-text);
  font-weight: 500;
}
.desktop-preview__tab:not(.desktop-preview__tab--active):hover {
  background-color: var(--survey-gray-lighter);
}
.desktop-preview__tab:not(.desktop-preview__tab--active):hover .desktop-preview__tab-text {
  color: var(--survey-gray-900);
}
.desktop-preview__tab-text {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}
.desktop-preview__tab-check {
  color: var(--survey-gray-disabled) !important;
  flex-shrink: 0;
  transition: color 0.15s ease;
  width: 16px;
  height: 16px;
  opacity: 1;
}
.desktop-preview__tab-check--visible {
  color: var(--survey-success) !important;
}
.desktop-preview__comments-text {
  color: var(--body-color) !important;
}
.desktop-preview__tab--completed .desktop-preview__tab-check {
  color: var(--survey-success) !important;
}
.desktop-preview__content-wrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.desktop-preview__sidebar {
  width: 340px;
  border-right: 2px solid var(--survey-gray-100);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-shrink: 0;
}
.desktop-preview__sidebar .desktop-preview__sidebar-header .desktop-preview__sidebar-title.motif-body {
  font-size: 12px !important;
}
.desktop-preview__sidebar-header {
  padding: 16px 24px 8px 24px;
  background-color: var(--survey-white);
  border-bottom: 3px solid var(--survey-gray-100);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.desktop-preview__sidebar-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--survey-gray-800);
  letter-spacing: 1px;
  margin: 0;
  flex: 1;
}
.desktop-preview__domains-list {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.desktop-preview__domains-list::-webkit-scrollbar {
  width: 8px;
}
.desktop-preview__domains-list::-webkit-scrollbar-track {
  background: var(--survey-gray-light);
}
.desktop-preview__domains-list::-webkit-scrollbar-thumb {
  background: var(--survey-gray-400);
  border-radius: 4px;
}
.desktop-preview__domains-list::-webkit-scrollbar-thumb:hover {
  background: var(--survey-gray-700);
}
.desktop-preview__domain-wrapper {
  margin-bottom: 0;
}
.desktop-preview__domain {
  width: 100%;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  background: transparent;
  border: none;
  border-left: 4px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
.desktop-preview__domain--active {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__domain--active .desktop-preview__domain-name {
  color: var(--survey-text-primary);
}
.desktop-preview__domain--active .desktop-preview__domain-icon {
  color: var(--survey-gray-disabled) !important;
}
.desktop-preview__domain--active .desktop-preview__domain-icon--visited {
  color: var(--survey-success) !important;
}
.desktop-preview__domain--visited .desktop-preview__domain-icon--visited {
  color: var(--survey-success) !important;
}
.desktop-preview__domain:hover:not(.desktop-preview__domain--active) {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__domain-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.desktop-preview__domain-toggle {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--survey-gray-muted);
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: color 0.2s;
}
.desktop-preview__domain-toggle:hover {
  color: var(--survey-gray-800);
}
.desktop-preview__domain-toggle-icon {
  width: 16px;
  height: 16px;
}
.desktop-preview__domain-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: var(--survey-gray-disabled) !important;
}
.desktop-preview__domain-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--survey-gray-950);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.desktop-preview__domain-count {
  font-size: 12px;
  color: var(--survey-gray-muted);
  margin: 0;
  white-space: nowrap;
  flex-shrink: 0;
  font-weight: 500;
}
.desktop-preview__subdomains {
  padding-left: 28px;
}
.desktop-preview__subdomain-wrapper {
  margin-bottom: 0;
}
.desktop-preview__subdomain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px 12px 80px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.15s;
  text-align: left;
  margin-bottom: 2px;
  background-color: transparent;
}
.desktop-preview__subdomain:hover:not(.desktop-preview__subdomain--active) {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__subdomain--active {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__subdomain--visited .desktop-preview__subdomain-icon {
  color: var(--survey-success) !important;
}
.desktop-preview__subdomain-left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}
.desktop-preview__subdomain-toggle {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--survey-gray-muted);
  flex-shrink: 0;
  width: 19px;
  height: 19px;
}
.desktop-preview__subdomain-icon {
  width: 19px;
  height: 19px;
  color: var(--survey-gray-disabled) !important;
  flex-shrink: 0;
}
.desktop-preview__subdomain-icon--visited {
  color: var(--survey-success) !important;
}
.desktop-preview__subdomain-name {
  font-size: 13px;
  font-weight: 400;
  color: var(--survey-gray-800);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.desktop-preview__subdomain-count {
  font-size: 11px;
  color: var(--survey-gray-muted);
  margin: 0;
  flex-shrink: 0;
  font-weight: 500;
}
.desktop-preview__subsubdomains {
  padding-left: 28px;
}
.desktop-preview__subsubdomain-wrapper {
  margin-bottom: 0;
}
.desktop-preview__subsubdomain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 24px 10px 80px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.15s;
  text-align: left;
  margin-bottom: 2px;
  background-color: transparent;
}
.desktop-preview__subsubdomain:hover:not(.desktop-preview__subsubdomain--active) {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__subsubdomain--active {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__subsubdomain--visited .desktop-preview__subsubdomain-icon {
  color: var(--survey-success) !important;
}
.desktop-preview__subsubdomain-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.desktop-preview__subsubdomain-toggle {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--survey-gray-muted);
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.desktop-preview__subsubdomain-icon {
  width: 16px;
  height: 16px;
  color: var(--survey-gray-disabled) !important;
  flex-shrink: 0;
}
.desktop-preview__subsubdomain-icon--visited {
  color: var(--survey-success) !important;
}
.desktop-preview__subsubdomain-name {
  font-size: 12px;
  font-weight: 400;
  color: var(--survey-gray-700);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.desktop-preview__subsubdomain-count {
  font-size: 10px;
  color: var(--survey-gray-muted);
  margin: 0;
  flex-shrink: 0;
  font-weight: 500;
}
.desktop-preview__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--survey-white);
  min-width: 0;
}
.desktop-preview__section-header {
  padding: 32px 40px 24px;
  background-color: var(--survey-white);
  flex-shrink: 0;
}
.desktop-preview__section-header > p.motif-body:last-child {
  border-bottom: none !important;
  margin-top: 4px;
}
.desktop-preview__section-title {
  font-weight: 600 !important;
  margin: 0 0 8px 0;
  color: var(--survey-brand-purple);
  line-height: 1.3;
  padding-top: 0px;
  padding-bottom: 8px;
  border-bottom: var(--card-border);
  font-weight: 700;
  font-size: 20px !important;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e1e1e6;
}
.desktop-preview__section-subtitle {
  font-size: 16px;
  color: var(--survey-gray-800);
  margin: 0;
  font-weight: 600 !important;
  line-height: 1.5;
  border-bottom: 1px solid #e1e1e6;
  padding-bottom: 8px;
}
.desktop-preview__questions-container {
  flex: 1;
  padding: 0 40px 24px;
  background-color: var(--survey-white);
}
.desktop-preview__questions-container::-webkit-scrollbar {
  width: 10px;
}
.desktop-preview__questions-container::-webkit-scrollbar-track {
  background: var(--survey-gray-light);
}
.desktop-preview__questions-container::-webkit-scrollbar-thumb {
  background: var(--survey-gray-400);
  border-radius: 5px;
}
.desktop-preview__questions-container::-webkit-scrollbar-thumb:hover {
  background: var(--survey-gray-muted);
}
.desktop-preview__questions-container {
  /* Make all interactive elements read-only */
}
.desktop-preview__questions-container input,
.desktop-preview__questions-container select,
.desktop-preview__questions-container textarea,
.desktop-preview__questions-container button {
  pointer-events: none !important;
  cursor: default !important;
}
.desktop-preview__questions-container {
  /* Disable all buttons */
}
.desktop-preview__questions-container button {
  cursor: not-allowed !important;
  color: var(--survey-gray-muted);
}
.desktop-preview__questions-container {
  /* Remove hover effects from interactive elements */
}
.desktop-preview__questions-container input:hover,
.desktop-preview__questions-container select:hover,
.desktop-preview__questions-container textarea:hover,
.desktop-preview__questions-container button:hover {
  background-color: inherit !important;
  border-color: inherit !important;
  box-shadow: none !important;
}
.desktop-preview__questions-container {
  /* Remove focus effects */
}
.desktop-preview__questions-container input:focus,
.desktop-preview__questions-container select:focus,
.desktop-preview__questions-container textarea:focus,
.desktop-preview__questions-container button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.desktop-preview__questions-container {
  /* Make select dropdowns non-interactive */
}
.desktop-preview__questions-container select {
  pointer-events: none !important;
}
.desktop-preview__questions-container {
  /* Disable text selection in form elements */
}
.desktop-preview__questions-container input, .desktop-preview__questions-container textarea {
  user-select: none !important;
}
.desktop-preview__question-card {
  padding: 24px 0;
  margin: 0 24px;
  border-top: 1px solid var(--survey-gray-100);
}
.desktop-preview__question-header-row {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  align-items: flex-start;
}
.desktop-preview__question-number {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(205, 205, 196, 0.2);
  font-family: "EYInterstate";
  font-style: normal;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.desktop-preview__question-numberp.motif-body {
  font-size: 12px !important;
}
.desktop-preview .motif-button-small {
  font-size: 14px !important;
}
.desktop-preview__question-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--survey-text-primary);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}
.desktop-preview__answer-group {
  margin-bottom: 16px;
  padding-left: 40px;
  max-width: 80%;
}
.desktop-preview__answer-label {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 16px;
  display: block;
}
.desktop-preview__answer-input-wrapper {
  margin-top: 8px;
  width: 200px;
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.desktop-preview__answer-prefix {
  font-size: 14px;
  font-weight: 500;
  color: var(--survey-gray-950);
  min-width: 40px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  padding: 8px 12px;
  background-color: var(--survey-gray-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.desktop-preview__answer-input {
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  height: 38px;
}
.desktop-preview__answer-input:focus {
  outline: none;
  border-color: var(--survey-text-primary);
}
.desktop-preview__answer-input::placeholder {
  color: var(--survey-gray-muted);
}
.desktop-preview__date-input-wrapper {
  position: relative;
  margin-top: 8px;
  max-width: 300px;
}
.desktop-preview__date-input {
  width: 100%;
  padding: 8px 36px 8px 12px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
}
.desktop-preview__date-input:focus {
  outline: none;
  border-color: var(--survey-text-primary);
}
.desktop-preview__date-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--survey-gray-800);
  pointer-events: none;
}
.desktop-preview .motif-label-text-area {
  display: none !important;
}
.desktop-preview .motif-text-area {
  width: 100%;
  height: 40px;
  padding-top: 6px;
  padding-left: 4px;
  min-height: auto !important;
  font-family: inherit;
  resize: none;
  font-size: 14px;
}
.desktop-preview .motif-text-area::placeholder {
  color: var(--survey-gray-muted);
}
.desktop-preview__ranking-header {
  display: grid;
  grid-template-columns: 20px 96px 1fr;
  gap: 12px;
  padding: 4px 0;
  margin-bottom: 0;
  align-items: end;
}
.desktop-preview__ranking-header p {
  font-weight: 600 !important;
}
.desktop-preview__ranking-col {
  font-size: 13px;
  font-weight: 600;
  color: var(--survey-gray-950);
  margin: 0;
}
.desktop-preview__ranking-col:first-child {
  grid-column: 2;
  width: 96px;
}
.desktop-preview__ranking-col:last-child {
  grid-column: 3;
}
.desktop-preview__ranking-note {
  font-weight: 400;
  font-size: 12px;
  color: var(--survey-gray-muted);
}
.desktop-preview__ranking-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.desktop-preview__ranking-item {
  display: grid;
  grid-template-columns: 20px 96px 1fr;
  align-items: center;
  gap: 12px;
  padding: 0;
}
.desktop-preview__ranking-position-box {
  width: 96px;
  height: 48px;
  background-color: var(--survey-gray-very-light);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
}
.desktop-preview__ranking-arrows {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--survey-gray-800);
  align-items: center;
}
.desktop-preview__ranking-arrows .motif-icon {
  height: 16px;
}
.desktop-preview__ranking-arrows .motif-icon svg {
  height: 14px !important;
  width: 14px !important;
}
.desktop-preview__ranking-number {
  font-size: 14px;
  font-weight: 600;
  color: var(--survey-gray-950);
  margin: 0;
}
.desktop-preview__ranking-drag {
  display: none;
}
.desktop-preview__ranking-option-box {
  width: 300px;
  height: 48px;
  background-color: var(--survey-white);
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 12px;
}
.desktop-preview__ranking-text {
  font-size: 14px;
  color: var(--survey-black);
  margin: 0;
  line-height: 1.4;
}
.desktop-preview__card-sort {
  margin-top: 8px;
  min-width: 300px;
}
.desktop-preview__card-sort-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--survey-gray-950);
  margin: 0 0 4px 0;
}
.desktop-preview__card-sort-note {
  font-size: 12px;
  font-style: italic;
  color: var(--survey-gray-muted);
  margin: 0 0 12px 0;
}
.desktop-preview__card-sort-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.desktop-preview__card-sort-chip {
  padding: 8px 12px;
  background-color: var(--survey-white);
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  font-size: 13px;
  color: var(--survey-gray-950);
  cursor: grab;
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-preview__card-sort-chip svg {
  color: var(--survey-gray-800);
  width: 14px !important;
  margin-top: 4px;
}
.desktop-preview__card-sort-chip:active {
  cursor: grabbing;
}
.desktop-preview__card-sort-categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.desktop-preview__card-sort-category {
  display: flex;
  flex-direction: column;
  position: relative;
}
.desktop-preview__card-sort-category-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--survey-gray-950);
  margin: 0 !important;
  position: absolute !important;
  left: 12px !important;
  top: 8px !important;
}
.desktop-preview__card-sort-dropzone {
  min-height: 200px;
  padding: 32px;
  position: relative;
  border: 1px solid var(--survey-gray-50);
  border-radius: 4px;
  background-color: #f6f6fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.desktop-preview__card-sort-dropzone-text {
  font-size: 12px !important;
  color: var(--survey-gray-800) !important;
  margin: 0;
  line-height: 1.5;
}
.desktop-preview__radio-list, .desktop-preview__checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.desktop-preview__radio-item, .desktop-preview__checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-preview__radio, .desktop-preview__checkbox {
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
}
.desktop-preview__radio-label, .desktop-preview__checkbox-label {
  font-size: 14px;
  color: var(--survey-black);
  margin: 0;
  cursor: pointer;
}
.desktop-preview__na-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  margin-left: 40px;
  border-top: 1px solid var(--survey-gray-100);
}
.desktop-preview__na-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-preview__na-label {
  font-size: 14px;
  color: var(--survey-gray-800);
  margin: 0;
  cursor: pointer;
}
.desktop-preview__comments-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  margin-top: 16px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--survey-gray-800);
  transition: color 0.2s;
  margin-left: 40px;
}
.desktop-preview__comments-toggle:hover {
  color: var(--survey-black);
}
.desktop-preview__comments-icon {
  width: 16px;
  height: 16px;
}
.desktop-preview__comments-text {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
.desktop-preview__comments-arrow {
  width: 16px;
  height: 16px;
  margin-left: auto;
}
.desktop-preview__comments-area {
  margin-top: 12px;
}
.desktop-preview__comments-textarea {
  width: 100%;
  min-height: 80px;
  padding: 8px 12px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
}
.desktop-preview__comments-textarea:focus {
  outline: none;
  border-color: var(--survey-text-primary);
}
.desktop-preview__comments-textarea::placeholder {
  color: var(--survey-gray-muted);
}
.desktop-preview__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 32px;
  border-top: 1px solid var(--survey-gray-100);
  background-color: var(--survey-white);
  gap: 16px;
  flex-shrink: 0;
}
.desktop-preview__footer-section-text {
  font-size: 13px;
  color: var(--survey-gray-800);
  margin: 0;
}
.desktop-preview__footer-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.desktop-preview__footer-button {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid var(--survey-gray-400);
  display: flex;
  align-items: center;
  justify-content: center;
}
.desktop-preview__footer-button--icon {
  padding: 10px;
  min-width: 44px;
  min-height: 44px;
}
.desktop-preview__footer-button--save {
  padding: 8px 16px;
}
.desktop-preview__footer-button--secondary {
  background-color: var(--survey-white);
  color: var(--survey-black);
}
.desktop-preview__footer-button--secondary:hover:not(:disabled) {
  background-color: var(--survey-gray-light);
}
.desktop-preview__footer-button--secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.desktop-preview__footer-button--primary {
  background-color: var(--survey-dark-primary);
  color: var(--survey-white);
  border-color: var(--survey-dark-primary);
}
.desktop-preview__footer-button--primary svg {
  color: #f6f6fa !important;
}
.desktop-preview__footer-button--primary:hover:not(:disabled) {
  background-color: var(--survey-dark-tertiary);
}
.desktop-preview__footer-button--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.desktop-preview__scale-wrapper {
  margin-top: 32px;
  margin-bottom: 8px;
  position: relative;
}
.desktop-preview__slider {
  width: 100%;
  height: 4px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(to right, #d0d0d8 0%, #d0d0d8 100%);
  outline: none;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.desktop-preview__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: var(--survey-white);
  border: 3px solid #2e2e38;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  margin-top: -10px;
}
.desktop-preview__slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: var(--survey-white);
  border: 3px solid #2e2e38;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  margin-top: -10px;
}
.desktop-preview__slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #d0d0d8 0%, #d0d0d8 100%);
  height: 4px;
  border-radius: 2px;
  border: none;
}
.desktop-preview__slider::-moz-range-track {
  background: linear-gradient(to right, #d0d0d8 0%, #d0d0d8 100%);
  height: 4px;
  border-radius: 2px;
  border: none;
}
.desktop-preview__slider::-moz-focus-outer {
  border: none;
}
.desktop-preview__scale-container {
  position: relative;
  height: 56px;
  margin-top: 12px;
}
.desktop-preview__scale-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  transform: translateX(-50%);
  top: -18px;
}
.desktop-preview__scale-label:first-child {
  top: -36px;
}
.desktop-preview__scale-label:first-child .desktop-preview__scale-tick--large {
  height: 36px;
  background-color: #000;
  width: 2px;
}
.desktop-preview__scale-label:last-child {
  top: -36px;
}
.desktop-preview__scale-label:last-child .desktop-preview__scale-tick--large {
  height: 36px;
  background-color: #000;
  width: 2px;
}
.desktop-preview__scale-tick {
  width: 1px;
  background-color: #999999;
  flex-shrink: 0;
}
.desktop-preview__scale-tick--large {
  height: 16px;
}
.desktop-preview__scale-tick--small {
  height: 8px;
}
.desktop-preview__scale-number {
  font-size: 14px;
  opacity: 0.7;
  font-weight: 400;
  color: #666666;
  line-height: 1.2;
  margin-top: 8px;
  white-space: nowrap;
}
.desktop-preview__scale-legend {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding: 0 8px;
}
.desktop-preview__scale-legend-start {
  font-size: 12px;
  color: var(--survey-gray-950);
  font-weight: 400;
}
.desktop-preview__scale-legend-end {
  font-size: 12px;
  color: var(--survey-gray-950);
  font-weight: 400;
}
.desktop-preview__matrix-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
  width: fit-content;
}
.desktop-preview__matrix-row-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.desktop-preview__matrix-headers-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.desktop-preview__matrix-col-header {
  font-size: 14px;
  color: var(--survey-gray-700);
  font-weight: 400;
  text-align: left;
  width: 184px;
}
.desktop-preview__matrix-col-header .width0 {
  width: 0 !important;
}
.desktop-preview__matrix-inputs-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr) auto;
  gap: 12px;
  align-items: center;
}
.desktop-preview__matrix-input-wrapper {
  width: 174px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-preview__matrix-prefix-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  background-color: var(--survey-gray-50);
  flex-shrink: 0;
}
.desktop-preview__matrix-prefix {
  font-size: 16px;
  color: var(--survey-gray-700);
  font-weight: 400;
}
.desktop-preview__matrix-suffix-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  background-color: var(--survey-gray-50);
  flex-shrink: 0;
}
.desktop-preview__matrix-suffix {
  font-size: 16px;
  color: var(--survey-gray-700);
  font-weight: 400;
}
.desktop-preview__matrix-input {
  flex: 1;
}
.desktop-preview__matrix-row-label {
  font-size: 14px;
  color: var(--survey-gray-950);
  font-weight: 400;
  margin-left: 0;
  white-space: nowrap;
}
.desktop-preview__width0 {
  width: 0 !important;
}
.desktop-preview__distribution-header {
  font-size: 16px;
  font-weight: 600;
  color: var(--survey-gray-950);
  margin-bottom: 16px;
}
.desktop-preview__distribution-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.desktop-preview__distribution-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.desktop-preview__distribution-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 200px;
}
.desktop-preview__distribution-input {
  flex: 1;
}
.desktop-preview__distribution-suffix-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  background-color: var(--survey-gray-50);
  flex-shrink: 0;
}
.desktop-preview__distribution-suffix {
  font-size: 16px;
  color: var(--survey-gray-700);
  font-weight: 400;
}
.desktop-preview__distribution-label {
  font-size: 14px;
  color: var(--survey-gray-950);
  font-weight: 400;
}
.desktop-preview__multi-list-container {
  width: 100%;
  max-width: 300px;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  background-color: var(--survey-white);
  overflow: hidden;
}
.desktop-preview__multi-list-search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid var(--survey-gray-100);
  color: var(--survey-gray-muted);
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.desktop-preview__multi-list-search-box:hover {
  background-color: var(--survey-gray-light);
}
.desktop-preview__multi-list-search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: var(--survey-gray-950);
  background: transparent;
  cursor: text;
}
.desktop-preview__multi-list-search-input::placeholder {
  color: var(--survey-gray-muted);
}
.desktop-preview__multi-list-limit {
  padding: 8px 12px;
  font-size: 12px;
  color: var(--survey-gray-muted);
  border-bottom: 1px solid var(--survey-gray-100);
}
.desktop-preview__multi-list-options {
  min-height: 100px;
  max-height: 150px;
  overflow-y: auto;
  padding: 8px 0;
}
.desktop-preview__multi-list-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.desktop-preview__multi-list-option:hover {
  background-color: var(--survey-gray-very-light);
}
.desktop-preview__multi-list-option-text {
  font-size: 13px;
  color: var(--survey-gray-950);
  margin: 0;
}
.desktop-preview__multilist-container {
  width: 100%;
  border: 1px solid var(--survey-gray-400);
  border-radius: 4px;
  background: var(--survey-white);
  min-height: 11rem;
  max-width: 40rem;
  max-height: 31rem !important;
  width: 300px;
}
.desktop-preview__multilist-search-header {
  display: flex;
  align-items: center;
  padding: 12px;
  position: relative;
}
.desktop-preview__multilist-search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  width: 100%;
}
.desktop-preview__multilist-search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 14px;
  color: var(--survey-gray-950);
  background: transparent;
  padding: 0;
}
.desktop-preview__multilist-search-input::placeholder {
  color: var(--survey-gray-muted);
}
.desktop-preview__multilist-collapse-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--survey-gray-700);
  transition: all 0.15s ease;
  position: absolute;
  right: 14px;
  top: 18px;
  z-index: 2;
  cursor: pointer;
}
.desktop-preview__multilist-collapse-btn:hover {
  background: var(--survey-gray-100);
  border-radius: 4px;
}
.desktop-preview__multilist-label {
  font-size: 12px;
  color: var(--survey-gray-muted);
  padding: 8px 12px;
  margin: 0;
}
.desktop-preview__multilist-options {
  min-height: 100px;
  max-height: 200px;
  overflow-y: auto;
  padding: 8px 0;
}
.desktop-preview__multilist-option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.desktop-preview__multilist-option:hover {
  background-color: var(--survey-gray-50);
}
.desktop-preview__multilist-checkbox {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--survey-blue);
}
.desktop-preview__multilist-option-label {
  font-size: 13px;
  color: var(--survey-gray-950);
  margin: 0;
  cursor: pointer;
  flex: 1;
}
.desktop-preview .motif-input-component {
  min-height: auto !important;
  height: 44px !important;
}

.desktop-preview .desktop-preview__question-number.motif-body {
  font-size: 12px !important;
}/*
  * Neutral
  * */
.multi-select-search-field .motif-form-field-text-input .motif-search-input-icon-button:focus-visible {
  outline: 1.5px solid #000000;
}.motif-input-message-container {
  display: flex;
  justify-content: space-between;
}

.updated-free-form-textarea {
  border-top: 0 !important;
  min-height: 2.5rem !important;
  padding: 0.5rem 0.35rem 0.5rem 0.35rem !important;
}

.message-container-freeform .motif-message {
  font-style: italic !important;
  font-size: 0.75rem !important;
  line-height: 14px !important;
  width: max-content !important;
}

.motif-text-area {
  border-top: 0.072rem solid var(--text-area--border-color) !important;
  padding-right: 1.8rem !important;
}

.motif-textarea-character-counter {
  display: none !important;
}
:root {
  --motif-900: #2e2e38;
  --motif-800: #46464f;
  --motif-700: #56566a;
  --motif-600: #656579;
  --motif-500: #7a7a8e;
  --motif-400: #9e9eae;
  --motif-300: #c3c3cb;
  --motif-250: #d0d0d6;
  --motif-200: #d4d4da;
  --motif-150: #e6e6e9;
  --motif-100: #f3f3f5;
  --motif-surface: #ffffff;
  --motif-red: #e0301e;
  --motif-yellow: #ffe600;
  --motif-yellow-text: #7a6200;
  --motif-yellow-bg: #fff9e0;
  --motif-purple: #6b18d4;
  --motif-purple-bg: #f4edfe;
  --motif-green: #168736;
  --motif-green-bg: #e6f3ea;
  --motif-info: #0f69ae;
  --motif-info-bg: #f4f7fc;
  --motif-warning: #975100;
  --motif-warning-bg: #fcf5f0;
  --motif-error: #c70117;
  --motif-error-bg: #fcf5f3;
  --motif-success: #197335;
  --motif-success-bg: #e7fce8;
  --motif-badge-default-border: #d7d7dc;
  --motif-primary: #2e2e38;
  --motif-primary-light: #656579;
  --motif-primary-lighter: #9897a6;
  --motif-primary-lightest: #c3c3cb;
  --motif-surface-secondary: #f9f9fa;
  --motif-surface-tertiary: #fafafa;
  --motif-surface-elevated: #f3f3f5;
  --motif-border: #e6e6e9;
  --motif-border-light: #f3f3f5;
  --motif-border-lighter: #e0e0e5;
  --motif-accent: #0f69ae;
  --motif-accent-light: #4a9bd5;
  --motif-accent-bg: #f4f7fc;
  --motif-accent-border: #dce8f8;
  --motif-success-light: #dcfce7;
  --motif-warning-light: #fbbf24;
  --motif-warning-dark: #92400e;
  --motif-error-light: #fecaca;
  --motif-dropzone-border: #dcdce0;
  --motif-gradient-start: #fafafe;
  --motif-import-template-note-border: #e8e5f0;
  --survey-color-page-bg: #f9f9fa;
  --survey-color-overlay-bg: rgba(255, 255, 255, 0.72);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.08);
  /* Primary */
  --survey-color-primary: #4696ff;
  --survey-color-primary-dark: #2e2e38;
  --survey-color-primary-darker: #23232b;
  --survey-color-primary-dark-hover: #1a3a6b;
  /* Status */
  --survey-color-danger: #dc2626;
  --survey-color-danger-hover: #b91c1c;
  --survey-color-danger-dark: #991b1b;
  --survey-color-danger-bg: #fef2f2;
  --survey-color-success: #197335;
  --survey-color-success-light: #2e7d32;
  --survey-color-success-lighter: #c8e6c9;
  --survey-color-success-bg: #e8f5e9;
  --survey-color-warning: #e67e22;
  --survey-color-info: #1a56db;
  --survey-color-info-light: #e8f0fe;
  /* Backgrounds */
  --survey-color-hover-light: #f3f3f5;
  --survey-color-bg-light: #fafafa;
  --survey-color-bg-lighter: #f9f9ff;
  --survey-color-bg-lightest: #f0f4ff;
  --survey-color-bg-dark: #e8e8ec;
  /* Text */
  --survey-color-text-primary: #2e2e38;
  --survey-color-text-secondary: #656579;
  --survey-color-text-muted: #9897a6;
  --survey-color-text-light: #7a7a8a;
  --survey-color-text-white: #ffffff;
  /* Borders */
  --survey-color-border-default: #ededf0;
  --survey-color-border-light: #e6e6e9;
  --survey-color-border-muted: #d0d0d8;
  --survey-color-border-soft: #c3c3cb;
  --survey-color-border-softer: #c8c8d0;
  --survey-color-border-dashed: #e0e0e4;
  --survey-color-border-active: #2563eb;
  --survey-color-border-primary: #7f7f91;
  --survey-color-border-purple: #7c6bff;
  --survey-color-border-purple-light: #6366f1;
  --survey-color-border-hover: #a0a0ab;
  /* Shadows */
  --survey-color-shadow-light: rgba(0, 0, 0, 0.01);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.02);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.03);
  --survey-color-shadow-medium: rgba(0, 0, 0, 0.04);
  --survey-color-shadow-primary: rgba(35, 35, 47, 0.06);
  --survey-color-shadow-secondary: rgba(35, 35, 47, 0.08);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.2);
  --survey-color-shadow-modal: rgba(0, 0, 0, 0.18);
  /* Review / AI */
  --survey-color-review-default: #c4c4cd;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #00c853;
  --survey-color-review-active-hover: #00a844;
  --survey-color-warning-icon: #d4a017;
  --survey-color-warning-icon-bg: #fdf3d7;
  --survey-color-error-field: #d32f2f;
  /* Overlays */
  --survey-color-overlay-light: rgba(70, 150, 255, 0.04);
  --survey-color-overlay-medium: rgba(70, 150, 255, 0.06);
  --survey-color-overlay-dark: rgba(70, 150, 255, 0.08);
  --survey-color-overlay-focus: rgba(70, 150, 255, 0.1);
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.08);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.2);
  --survey-color-overlay-backdrop: rgba(0, 0, 0, 0.4);
  --survey-color-white-30: rgba(255, 255, 255, 0.3);
  /* Surface / chrome */
  --im-dialog-bg: var(--motif-surface);
  --im-border: var(--motif-border);
  --im-close-color: var(--motif-600);
  --im-close-hover: var(--motif-900);
  /* Dropzone */
  --im-dropzone-bg: var(--motif-surface-elevated);
  --im-dropzone-border: var(--motif-200);
  --im-dropzone-icon-bg: var(--motif-150);
  /* Template section */
  --im-template-bg: var(--motif-purple-bg);
  --im-template-icon-bg: var(--motif-purple);
  --im-template-btn-bg: #2e2e38;
  --im-template-btn-hover: #46464f;
  --im-template-btn-color: #ffffff;
  /* Validation — warning */
  --im-warn-bg: var(--motif-yellow-bg);
  --im-warn-footer-bg: var(--motif-yellow-bg);
  --im-warn-title: var(--motif-warning);
  --im-warn-border: #fde68a;
  --im-warn-content-bg: #fff7ed;
  --im-warn-text: #92400e;
  /* Validation — error */
  --im-error-bg: #fef2f2;
  --im-error-border: #ffdddd;
  --im-error-border-light: #fecaca;
  --im-error-bg-light: #fee2e2;
  --im-error-color: #dc2626;
  /* Validation — success */
  --im-success-bg: #f0fdf4;
  --im-success-border: #bbf7d0;
  --im-success-color: #15803d;
  --button-outline: rgba(0, 0, 0, 0.1);
  --badge-outline: rgba(0, 0, 0, 0.05);
  --opaque-button-border-intensity: -8;
  --elevate-1: rgba(0, 0, 0, 0.03);
  --elevate-2: rgba(0, 0, 0, 0.08);
  --background: 240 5% 96%;
  --foreground: 240 10% 20%;
  --border: 240 5% 88%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 20%;
  --card-border: 240 5% 91%;
  --sidebar: 240 5% 96%;
  --sidebar-foreground: 240 10% 30%;
  --sidebar-border: 240 5% 91%;
  --sidebar-primary: 240 10% 20%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 4% 91%;
  --sidebar-accent-foreground: 240 10% 20%;
  --sidebar-ring: 240 10% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 20%;
  --popover-border: 240 5% 88%;
  --primary: 240 10% 20%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 5% 92%;
  --secondary-foreground: 240 10% 20%;
  --muted: 240 5% 93%;
  --muted-foreground: 240 10% 43%;
  --accent: 240 5% 95%;
  --accent-foreground: 240 10% 20%;
  --destructive: 0 84% 45%;
  --destructive-foreground: 0 0% 100%;
  --input: 240 5% 82%;
  --ring: 240 10% 20%;
  --chart-1: 0 0% 30%;
  --chart-2: 200 70% 45%;
  --chart-3: 270 60% 50%;
  --chart-4: 150 55% 40%;
  --chart-5: 25 75% 50%;
  --font-sans: 'ey_interstate', 'EYInterstate', 'Inter', sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 0.5rem;
  --spacing: 0.25rem;
  --tracking-normal: 0em;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --primary-border: hsl(var(--primary));
  --secondary-border: hsl(var(--secondary));
  --muted-border: hsl(var(--muted));
  --accent-border: hsl(var(--accent));
  --destructive-border: hsl(var(--destructive));
}

.dark {
  --motif-900: #e8e8ec;
  --motif-800: #d0d0d8;
  --motif-700: #b8b8c4;
  --motif-600: #a0a0b0;
  --motif-500: #8a8a9a;
  --motif-400: #6a6a7a;
  --motif-300: #4a4a56;
  --motif-250: #3f3f4a;
  --motif-200: #363640;
  --motif-150: #2c2c35;
  --motif-100: #1a1a22;
  --motif-surface: #222229;
  --motif-red: #f04e3e;
  --motif-yellow: #ffe600;
  --motif-yellow-text: #ffe066;
  --motif-yellow-bg: #2e2a1a;
  --motif-purple: #9b6dff;
  --motif-purple-bg: #2a1f3d;
  --motif-green: #34c759;
  --motif-green-bg: #1a2e20;
  --motif-info: #5ba3d9;
  --motif-info-bg: #1a2230;
  --motif-warning: #d4a04a;
  --motif-warning-bg: #2e2518;
  --motif-error: #f04e3e;
  --motif-error-bg: #2e1a18;
  --motif-success: #34c759;
  --motif-success-bg: #1a2e20;
  --motif-badge-default-border: #4a4a56;
  --motif-surface-secondary: #2c2c35;
  --motif-surface-tertiary: #363640;
  --motif-surface-elevated: #2e2e38;
  --motif-border: #3f3f4a;
  --motif-border-light: #2c2c35;
  --motif-border-lighter: #4a4a56;
  --motif-accent: #5ba3d9;
  --motif-accent-light: #7eb8e0;
  --motif-accent-bg: #1a2230;
  --motif-accent-border: #364a5a;
  --motif-success-light: #1a4d25;
  --motif-warning-light: #2e2518;
  --motif-warning-dark: #d4a04a;
  --motif-error-light: #2e1a18;
  --motif-dropzone-border: #3f3f4a;
  --motif-gradient-start: #1a1a22;
  --motif-import-template-note-border: #4a4a56;
  --survey-color-page-bg: #1a1a22;
  --survey-color-overlay-bg: rgba(26, 26, 34, 0.88);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.35);
  --survey-color-primary-dark: #e8e8ec;
  --survey-color-primary-darker: #d0d0d8;
  --survey-color-primary-dark-hover: #d0d0d8;
  --survey-color-danger: #f04e3e;
  --survey-color-danger-hover: #e03d2d;
  --survey-color-danger-dark: #c0301e;
  --survey-color-danger-bg: #2e1a18;
  --survey-color-success: #34c759;
  --survey-color-success-light: #2db54e;
  --survey-color-success-lighter: #1a4d25;
  --survey-color-success-bg: #1a2e20;
  --survey-color-warning: #d4a04a;
  --survey-color-info: #5ba3d9;
  --survey-color-info-light: #1a2230;
  --survey-color-hover-light: #2c2c35;
  --survey-color-bg-light: #1e1e26;
  --survey-color-bg-lighter: #1e1e28;
  --survey-color-bg-lightest: #1a2030;
  --survey-color-bg-dark: #3f3f4a;
  --survey-color-text-primary: #e8e8ec;
  --survey-color-text-secondary: #a0a0b0;
  --survey-color-text-muted: #8a8a9a;
  --survey-color-text-light: #8a8a9a;
  --survey-color-text-white: #1a1a22;
  --survey-color-border-default: #2c2c35;
  --survey-color-border-light: #2c2c35;
  --survey-color-border-muted: #3f3f4a;
  --survey-color-border-soft: #4a4a56;
  --survey-color-border-softer: #4a4a56;
  --survey-color-border-dashed: #363640;
  --survey-color-border-active: #5ba3d9;
  --survey-color-border-primary: #6a6a7a;
  --survey-color-border-hover: #6a6a7a;
  --survey-color-shadow-light: rgba(0, 0, 0, 0.06);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-medium: rgba(255, 255, 255, 0.05);
  --survey-color-shadow-primary: rgba(0, 0, 0, 0.2);
  --survey-color-shadow-secondary: rgba(0, 0, 0, 0.25);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.3);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.45);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.55);
  --survey-color-shadow-modal: rgba(0, 0, 0, 0.5);
  --survey-color-review-default: #4a4a56;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #34c759;
  --survey-color-review-active-hover: #2db54e;
  --survey-color-warning-icon: #d4a04a;
  --survey-color-warning-icon-bg: #2e2518;
  --survey-color-error-field: #f04e3e;
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.04);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.1);
  --survey-color-white-30: rgba(255, 255, 255, 0.15);
  --im-template-btn-bg: #e8e8ec;
  --im-template-btn-hover: #d0d0d8;
  --im-template-btn-color: #1a1a22;
  --im-warn-border: #5a4a20;
  --im-warn-content-bg: #262018;
  --im-warn-text: #c49040;
  --im-error-bg: #2e1a18;
  --im-error-border: #5a2820;
  --im-error-border-light: #7a3028;
  --im-error-bg-light: #3a201e;
  --im-error-color: #f04e3e;
  --im-success-bg: #1a2e20;
  --im-success-border: #1a4d25;
  --im-success-color: #34c759;
  --button-outline: rgba(255, 255, 255, 0.1);
  --badge-outline: rgba(255, 255, 255, 0.05);
  --opaque-button-border-intensity: 9;
  --elevate-1: rgba(255, 255, 255, 0.04);
  --elevate-2: rgba(255, 255, 255, 0.09);
  --background: 240 12% 12%;
  --foreground: 240 5% 90%;
  --border: 240 8% 20%;
  --card: 240 10% 14%;
  --card-foreground: 240 5% 90%;
  --card-border: 240 8% 18%;
  --sidebar: 240 10% 14%;
  --sidebar-foreground: 240 5% 85%;
  --sidebar-border: 240 8% 18%;
  --sidebar-primary: 240 5% 85%;
  --sidebar-primary-foreground: 240 10% 13%;
  --sidebar-accent: 240 8% 18%;
  --sidebar-accent-foreground: 240 5% 85%;
  --sidebar-ring: 240 5% 85%;
  --popover: 240 10% 16%;
  --popover-foreground: 240 5% 90%;
  --popover-border: 240 8% 22%;
  --primary: 240 5% 85%;
  --primary-foreground: 240 10% 13%;
  --secondary: 240 8% 20%;
  --secondary-foreground: 240 5% 90%;
  --muted: 240 8% 18%;
  --muted-foreground: 240 5% 60%;
  --accent: 240 8% 18%;
  --accent-foreground: 240 5% 90%;
  --destructive: 0 84% 50%;
  --destructive-foreground: 0 0% 100%;
  --input: 240 8% 25%;
  --ring: 240 5% 85%;
  --chart-1: 0 0% 70%;
  --chart-2: 200 70% 60%;
  --chart-3: 270 60% 65%;
  --chart-4: 150 55% 55%;
  --chart-5: 25 75% 60%;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --primary-border: hsl(var(--primary));
  --secondary-border: hsl(var(--secondary));
  --muted-border: hsl(var(--muted));
  --accent-border: hsl(var(--accent));
  --destructive-border: hsl(var(--destructive));
}

@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: -300% 50%;
  }
}
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes gradientFlow135 {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes confidenceArcFill {
  0% {
    stroke-dashoffset: 95;
  }
  100% {
    stroke-dashoffset: 19;
  }
}
@keyframes confidenceBarGrow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes confidenceFadeIn {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes draftLoadingBar {
  0% {
    width: 10%;
    margin-left: 0;
  }
  50% {
    width: 60%;
    margin-left: 20%;
  }
  100% {
    width: 10%;
    margin-left: 90%;
  }
}
@keyframes gradientShimmer {
  0%, 100% {
    background-position: 150% 0;
    opacity: 0;
  }
  50% {
    background-position: -50% 0;
    opacity: 1;
  }
}
@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  25% {
    transform: scale(1.1) rotate(4deg);
    opacity: 0.85;
  }
  50% {
    transform: scale(0.95) rotate(-3deg);
    opacity: 1;
  }
  75% {
    transform: scale(1.08) rotate(2deg);
    opacity: 0.9;
  }
}
@keyframes aiStarsPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(124, 107, 255, 0.15);
  }
  50% {
    transform: scale(1.06);
    box-shadow: 0 0 0 10px rgba(124, 107, 255, 0);
  }
}
@keyframes nudgePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.5;
  }
}
@keyframes loaderDot {
  0%, 80%, 100% {
    opacity: 0.25;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dialogFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes accordionDown {
  from {
    height: 0;
  }
  to {
    height: var(--content-height);
  }
}
@keyframes accordionUp {
  from {
    height: var(--content-height);
  }
  to {
    height: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes activityPulse {
  0% {
    transform: scale(1);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes bellRing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-12deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bell-ring {
  animation: bellRing 0.8s ease-in-out 2;
  transform-origin: top center;
}

@keyframes frameworkTableFadeIn {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes engagementContentFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes draftItemAppear {
  0% {
    opacity: 0;
    transform: translateY(8px);
    background-color: rgba(37, 99, 235, 0.08);
  }
  40% {
    opacity: 1;
    transform: translateY(0);
    background-color: rgba(37, 99, 235, 0.08);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    background-color: transparent;
  }
}
.new-respondent {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-respondent [class*=EYTypographyMotif],
.new-respondent [class*=ey-typography] {
  margin: 0;
  padding: 0;
  font-family: inherit;
  line-height: inherit;
}
.new-respondent__main {
  flex: 1;
  overflow-y: auto;
  padding: 32px 24px 48px;
  background-color: #f9f9fa;
}
.new-respondent__main::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.new-respondent__main::-webkit-scrollbar-track {
  background: transparent;
}
.new-respondent__main::-webkit-scrollbar-thumb {
  background: rgba(46, 46, 56, 0.2);
  border-radius: 9999px;
}
.new-respondent__main::-webkit-scrollbar-thumb:hover {
  background: rgba(46, 46, 56, 0.3);
}
.new-respondent__container {
  max-width: 1024px;
  margin: 0 auto;
}
.new-respondent__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.new-respondent__title {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400 !important;
  color: #2e2e38;
}
.new-respondent__title > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__count {
  display: inline;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #9897a6;
}
.new-respondent__count > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__actions {
  display: flex;
  flex: 1;
  gap: 12px;
  justify-content: flex-end;
}
.new-respondent__search {
  display: flex;
  align-items: unset;
  gap: 8px;
  width: 220px;
  height: 34px;
  padding: 4px 10px;
  background-color: #ffffff;
  border: 1px solid #e6e6e9;
  border-radius: 6px;
}
.new-respondent__search:focus-within {
  border-color: #0f69ae;
  box-shadow: 0 0 0 1px #0f69ae;
}
.new-respondent__search-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #656579;
}
.new-respondent__search-input {
  flex: 1;
  font-size: 13px;
  font-weight: 300;
  color: #2e2e38;
  background: transparent;
  border: none;
  outline: none;
}
.new-respondent__search-input::placeholder {
  color: #9897a6;
}
.new-respondent__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 34px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 200ms ease;
  white-space: nowrap;
}
.new-respondent__button:focus-visible {
  outline: 2px solid #0f69ae;
  outline-offset: 2px;
}
.new-respondent__button--ghost {
  color: #656579;
  background-color: transparent;
}
.new-respondent__button--ghost:hover {
  background-color: rgba(46, 46, 56, 0.06);
}
.new-respondent__button--ghost:active {
  background-color: rgba(46, 46, 56, 0.1);
}
.new-respondent__button--primary {
  color: #ffffff;
  background-color: #2e2e38;
}
.new-respondent__button--primary:hover {
  background-color: #656579;
}
.new-respondent__button--primary:active {
  background-color: #2e2e38;
}
.new-respondent__button--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.new-respondent__button--primary:disabled:hover {
  background-color: #2e2e38;
}
.new-respondent__button--outline {
  color: #2e2e38;
  background-color: transparent;
  border: 1px solid #e6e6e9;
}
.new-respondent__button--outline:hover {
  background-color: #f3f3f5;
}
.new-respondent__button--outline:active {
  background-color: #e6e6e9;
}
.new-respondent__button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.new-respondent__button:disabled:hover {
  background-color: initial;
}
.new-respondent__button-icon {
  width: 16px;
  height: 16px;
}
.new-respondent__table {
  border: 1px solid #e6e6e9;
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffffff;
}
.new-respondent__selection-bar {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 24px;
  background-color: #f4f7fc;
  border-bottom: 1px solid #dce8f8;
}
.new-respondent__selection-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.new-respondent__selection-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-color: #0f69ae;
  border-radius: 9999px;
}
.new-respondent__check-icon {
  width: 12px;
  height: 12px;
  color: #ffffff;
  stroke-width: 2.5;
}
.new-respondent__check-icon svg {
  vertical-align: super;
}
.new-respondent__selection-text {
  display: inline;
  font-size: 13px;
  font-weight: 500;
  color: #0f69ae;
}
.new-respondent__selection-text > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__selection-action {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: none;
  border: none;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.new-respondent__selection-action:hover {
  background-color: rgba(46, 46, 56, 0.04);
}
.new-respondent__selection-action:active {
  transform: scale(0.98);
}
.new-respondent__separator {
  display: inline;
  color: #d0d5dd;
  margin: 0 2px;
}
.new-respondent__separator > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__bulk-delete {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  background: none;
  border: none;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.new-respondent__bulk-delete:hover {
  background-color: rgba(46, 46, 56, 0.04);
}
.new-respondent__bulk-delete:active {
  transform: scale(0.98);
}
.new-respondent__bulk-delete-icon {
  width: 14px;
  height: 14px;
}
.new-respondent__table-header {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 24px;
  background-color: #fafafa;
  border-bottom: 1px solid #e6e6e9;
}
.new-respondent__table-header-cell {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #9897a6;
}
.new-respondent__table-header-cell > * {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  width: 100%;
}
.new-respondent__table-header-cell--name {
  flex: 1;
}
.new-respondent__table-header-cell--company {
  width: 138px;
}
.new-respondent__table-header-cell--date {
  width: 111px;
}
.new-respondent__table-header-spacer {
  width: 70px;
}
.new-respondent__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 12px;
  flex-shrink: 0;
  border: 1.5px solid #c3c3cb;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  transition: all 150ms ease;
}
.new-respondent__checkbox--checked {
  border: none;
  background-color: #0f69ae;
}
.new-respondent__checkbox:hover {
  border-color: #0f69ae;
}
.new-respondent__checkbox-icon {
  width: 12px;
  height: 12px;
  color: #ffffff;
  stroke-width: 2.5;
}
.new-respondent__checkbox-icon svg {
  vertical-align: super;
}
.new-respondent__checkbox-indeterminate {
  width: 8px;
  height: 2px;
  background-color: #656579;
  border-radius: 1px;
}
.new-respondent__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 128px;
}
.new-respondent__empty--upload {
  height: auto;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 16px;
  padding: 32px;
  background-color: #ffffff;
}
.new-respondent__empty-state-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}
.new-respondent__empty-state-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  border-radius: 9999px;
  background-color: var(--motif-surface-elevated);
}
.new-respondent__empty-state-icon-svg {
  width: 20px;
  height: 20px;
  color: #9897a6;
  stroke-width: 1.5;
}
.new-respondent__empty-state-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2e2e38 !important;
  line-height: 1.3 !important;
}
.new-respondent__empty-state-title > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__empty-state-subtitle {
  max-width: 460px;
  font-size: 12px;
  font-weight: 300;
  color: #9897a6;
  line-height: 1.5;
}
.new-respondent__empty-state-subtitle > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__empty-state-add-manual {
  font-size: inherit;
  font-weight: 500;
  color: #656579;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}
.new-respondent__empty-state-add-manual:hover {
  text-decoration: underline;
}
.new-respondent__empty-text {
  display: inline;
  font-size: 13px;
  font-weight: 300;
  color: #9897a6;
}
.new-respondent__empty-text > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__row {
  display: flex;
  align-items: center;
  padding: 0 24px;
  height: 52px;
  border-bottom: 1px solid #f3f3f5;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.new-respondent__row:hover {
  background-color: rgba(15, 105, 174, 0.02);
}
.new-respondent__row--selected {
  background-color: #f4f7fc;
}
.new-respondent__row--selected:hover {
  background-color: #f4f7fc;
}
.new-respondent__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  flex-shrink: 0;
  background-color: #f3f3f5;
  border-radius: 9999px;
  transition: background-color 150ms ease;
}
.new-respondent__avatar--selected {
  background-color: #0f69ae;
}
.new-respondent__avatar-text {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: #656579;
}
.new-respondent__avatar-text > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__avatar--selected .new-respondent__avatar-text {
  color: #ffffff;
}
.new-respondent__avatar--selected .new-respondent__avatar-text > * {
  color: inherit;
}
.new-respondent__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.new-respondent__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-respondent__name {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #2e2e38;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__name > * {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  width: 100%;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.new-respondent__email {
  display: inline-block;
  font-size: 11px;
  font-weight: 300;
  color: #9897a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__email > * {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  width: 100%;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.new-respondent__company {
  display: inline-block;
  width: 140px;
  font-size: 12px;
  font-weight: 300;
  color: #656579;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__company > * {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  width: 100%;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.new-respondent__date {
  display: inline-block;
  width: 120px;
  font-size: 12px;
  font-weight: 300;
  color: #656579;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__date > * {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  width: 100%;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.new-respondent__row-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.new-respondent__action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #9897a6;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 150ms ease;
}
.new-respondent__action-button:hover {
  color: #0f69ae;
  background-color: rgba(15, 105, 174, 0.1);
}
.new-respondent__action-button--delete:hover {
  color: #dc2626;
  background-color: #fee8e8;
}
.new-respondent__action-icon {
  width: 14px;
  height: 14px;
}
.new-respondent__toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: #2e2e38;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(35, 35, 47, 0.06);
  z-index: 100;
  animation: nudgeFadeIn 0.2s ease-out;
}
.new-respondent__toast-icon {
  width: 16px;
  height: 16px;
  color: #ffffff;
  flex-shrink: 0;
}
.new-respondent__toast-text {
  display: inline;
  font-size: 13px;
  font-weight: 400;
  color: #ffffff !important;
}
.new-respondent__toast-text > * {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__toast-undo {
  font-size: 13px;
  font-weight: 600;
  color: #fbbf24;
  background-color: rgba(251, 191, 36, 0.12);
  border: none;
  padding: 2px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease;
  margin-left: 4px;
  flex-shrink: 0;
}
.new-respondent__toast-undo:hover {
  background-color: rgba(251, 191, 36, 0.25);
}
.new-respondent__toast-dismiss {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 0 0 8px;
  line-height: 1;
  opacity: 0.7;
  flex-shrink: 0;
}
.new-respondent__toast-dismiss:hover {
  opacity: 1;
}
.new-respondent__modal-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 50;
  animation: fadeIn 0.2s ease-out;
}
.new-respondent__modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 520px;
  max-height: 90vh;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  z-index: 60;
  animation: slideUp 0.3s ease-out;
}
@media screen and (max-height: 750px) {
  .new-respondent__modal {
    max-height: 70vh;
  }
}
.new-respondent__modal--wide {
  max-width: 620px;
}
.new-respondent__modal--detail {
  max-width: 480px;
}
.new-respondent__modal--import {
  max-width: 600px;
}
.new-respondent__modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e6e6e9;
  flex-shrink: 0;
}
.new-respondent .name_header {
  justify-content: left !important;
}
.new-respondent .name_header .new-respondent__modal-close {
  margin-left: auto;
}
.new-respondent__modal-title {
  font-size: 18px;
  font-weight: 600;
  color: #2e2e38;
}
.new-respondent__modal-subtitle {
  font-size: 13px;
  font-weight: 300;
  color: #656579;
  margin-top: 4px;
}
.new-respondent__modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.new-respondent__modal-close:hover {
  background-color: rgba(46, 46, 56, 0.04);
}
.new-respondent__modal-close:active {
  transform: scale(0.98);
}
.new-respondent__modal-close-icon {
  width: 16px;
  height: 16px;
  color: #656579;
}
.new-respondent__modal-body {
  flex: 1;
  padding: 20px 24px;
}
.new-respondent__modal-body--scrollable {
  overflow-y: auto;
}
.new-respondent__modal-body--scrollable::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.new-respondent__modal-body--scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.new-respondent__modal-body--scrollable::-webkit-scrollbar-thumb {
  background: rgba(46, 46, 56, 0.2);
  border-radius: 9999px;
}
.new-respondent__modal-body--scrollable::-webkit-scrollbar-thumb:hover {
  background: rgba(46, 46, 56, 0.3);
}
.new-respondent__modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e6e6e9;
  flex-shrink: 0;
}
.new-respondent__label {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #656579;
  margin-bottom: 8px;
}
.new-respondent__label-optional {
  color: #9897a6;
}
.new-respondent__main_search {
  padding: 4px 13px !important;
}
.new-respondent__main_search input {
  border: 0px !important;
  padding-left: 0px;
}
.new-respondent__input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #c3c3cb;
  border-radius: 6px;
  background-color: #ffffff;
}
.new-respondent__input-wrapper:focus-visible {
  outline: none !important;
}
.new-respondent__input-wrapper:focus-within {
  border-color: 0px;
  box-shadow: none;
}
.new-respondent__input-icon {
  width: 16px;
  height: 16px;
  color: #656579;
  flex-shrink: 0;
}
.new-respondent__input {
  flex: 1;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2e2e38;
  background: transparent;
  border: 1px solid #c3c3cb;
  border-radius: 6px;
  padding: 8px 12px;
  outline: none;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.new-respondent__input::placeholder {
  color: #9897a6;
}
.new-respondent__input:focus {
  border-color: inherit !important;
  box-shadow: none !important;
}
.new-respondent__input--error {
  border-color: #dc2626;
}
.new-respondent__input--error:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 1px #dc2626;
}
.new-respondent__input--disabled {
  background-color: #fafafa;
  color: #9897a6;
  cursor: not-allowed;
  opacity: 0.7;
}
.new-respondent__select-wrapper {
  position: relative;
}
.new-respondent__select {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #2e2e38;
  background-color: #ffffff;
  border: 1px solid #c3c3cb;
  border-radius: 6px;
  padding: 8px 32px 8px 12px;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
.new-respondent__select:focus {
  border-color: #0f69ae;
  box-shadow: 0 0 0 1px #0f69ae;
}
.new-respondent__select option {
  color: #2e2e38;
}
.new-respondent__select:invalid {
  color: #9897a6;
}
.new-respondent__select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #656579;
  pointer-events: none;
}
.new-respondent__error {
  display: block;
  font-size: 12px;
  color: #dc2626 !important;
  margin-top: 4px;
}
.new-respondent__error > * {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.new-respondent__note {
  font-size: 13px;
  font-style: italic;
  color: #656579;
  margin-top: 16px;
}
.new-respondent__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.new-respondent__form-row {
  display: flex;
  gap: 16px;
}
.new-respondent__form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.new-respondent__detail-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex-shrink: 0;
  background-color: #f3f3f5;
  border-radius: 9999px;
}
.new-respondent__detail-avatar-text {
  font-size: 14px;
  font-weight: 500;
  color: #656579;
}
.new-respondent__detail-header-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.new-respondent__detail-email {
  font-size: 12px;
  font-weight: 300;
  color: #9897a6;
}
.new-respondent__detail-fields {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.new-respondent__detail-field {
  display: flex;
  align-items: center;
  padding: 10px 24px;
  border-bottom: 1px solid #e6e6e9;
}
.new-respondent__detail-field:last-child {
  border-bottom: none;
}
.new-respondent__detail-label {
  font-size: 12px;
  font-weight: 500;
  color: #9897a6;
  width: 140px;
  flex-shrink: 0;
}
.new-respondent__detail-value {
  font-size: 13px;
  font-weight: 400;
  color: #2e2e38;
}
.new-respondent__search-results {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  border: 1px solid #e6e6e9;
  border-radius: 8px;
  overflow: hidden;
  max-height: 240px;
  overflow-y: auto;
}
.new-respondent__search-results::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.new-respondent__search-results::-webkit-scrollbar-track {
  background: transparent;
}
.new-respondent__search-results::-webkit-scrollbar-thumb {
  background: rgba(46, 46, 56, 0.2);
  border-radius: 9999px;
}
.new-respondent__search-results::-webkit-scrollbar-thumb:hover {
  background: rgba(46, 46, 56, 0.3);
}
.new-respondent__search-result {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  border-bottom: 1px solid #e6e6e9;
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.new-respondent__search-result:hover {
  background-color: rgba(15, 105, 174, 0.04);
}
.new-respondent__search-result:last-child {
  border-bottom: none;
}
.new-respondent__search-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: #f3f3f5;
  border-radius: 9999px;
}
.new-respondent__search-avatar--ey {
  background-color: #2e2e38;
}
.new-respondent__search-avatar-text {
  font-size: 11px;
  font-weight: 500;
  color: #656579;
}
.new-respondent__search-avatar--ey .new-respondent__search-avatar-text {
  color: #ffffff;
}
.new-respondent__search-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.new-respondent__search-name {
  font-size: 13px;
  font-weight: 400;
  color: #2e2e38;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__search-email {
  font-size: 11px;
  font-weight: 300;
  color: #9897a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__search-company {
  font-size: 11px;
  font-weight: 300;
  color: #656579;
  flex-shrink: 0;
}
.new-respondent__no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px;
}
.new-respondent__no-results-text {
  font-size: 13px;
  font-weight: 300;
  color: #9897a6;
}
.new-respondent__add-manual-button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 14px;
  background-color: #fafafa;
  border: none;
  border-top: 1px solid #e6e6e9;
  text-align: left;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.new-respondent__add-manual-button:hover {
  background-color: #f3f3f5;
}
.new-respondent__add-manual-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.new-respondent__add-manual-button:disabled:hover {
  background-color: #fafafa;
}
.new-respondent__add-manual-icon {
  width: 16px;
  height: 16px;
  color: #2e2e38;
}
.new-respondent__add-manual-text {
  font-size: 13px;
  font-weight: 500;
  color: #2e2e38;
}
.new-respondent__file-input {
  display: none;
}
.new-respondent__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  border: 2px dashed #c3c3cb;
  border-radius: 8px;
  background-color: #fafafa;
  cursor: pointer;
  transition: all 200ms ease;
}
.new-respondent__dropzone--active {
  border-color: #2e2e38;
  background-color: #f3f3f5;
}
.new-respondent__dropzone:hover {
  border-color: #0f69ae;
}
.new-respondent__dropzone--empty {
  width: 100%;
  min-height: 186px;
  padding: 28px 20px;
  border: 1.5px dashed var(--motif-dropzone-border);
  background-color: var(--motif-surface-tertiary);
}
.new-respondent__dropzone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #f3f3f5;
  border-radius: 9999px;
  margin-bottom: 12px;
}
.new-respondent__dropzone-icon-svg {
  width: 18px;
  height: 18px;
  color: #656579;
  stroke-width: 1.5;
}
.new-respondent__dropzone-title {
  font-size: 14px;
  font-weight: 500;
  color: #2e2e38;
  margin-bottom: 4px;
}
.new-respondent__dropzone-link {
  text-decoration: underline;
}
.new-respondent__dropzone-subtitle {
  font-size: 12px;
  font-weight: 300;
  color: #656579;
}
.new-respondent__import-preview {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.new-respondent__import-file-info {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background-color: #f3f3f5;
  border: 1px solid #e6e6e9;
  border-radius: 8px;
}
.new-respondent__import-file-icon {
  width: 20px;
  height: 20px;
  color: #656579;
  flex-shrink: 0;
}
.new-respondent__import-file-details {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.new-respondent__import-file-name {
  font-size: 13px;
  font-weight: 500;
  color: #2e2e38;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-respondent__import-file-count {
  font-size: 11px;
  font-weight: 300;
  color: #656579;
}
.new-respondent__import-remove {
  font-size: 12px;
  font-weight: 500;
  color: #656579;
  background: none;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.new-respondent__import-remove:hover {
  background-color: rgba(46, 46, 56, 0.06);
}
.new-respondent__import-errors {
  display: flex;
  flex-direction: column;
  border: 1px solid #fbbf24;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff8e6;
}
.new-respondent__import-error-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
}
.new-respondent__import-error-icon {
  width: 16px;
  height: 16px;
  color: #b45309;
  flex-shrink: 0;
  stroke-width: 1.5;
}
.new-respondent__import-error-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-warning-dark);
}
.new-respondent__import-error-item {
  display: flex;
  align-items: start;
  gap: 8px;
  padding: 8px 14px 8px 32px;
  border-top: 1px solid #fff8e6;
}
.new-respondent__import-error-text {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-warning-dark);
}
.new-respondent__import-template {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  border: 1px solid #e0e0e5;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--motif-gradient-start) 0%, var(--motif-info-bg) 100%);
}
.new-respondent__import-template--empty {
  margin-top: 0;
}
.new-respondent__import-template-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px 12px;
}
.new-respondent__import-template-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.25);
}
.new-respondent__import-template-icon-svg {
  width: 18px;
  height: 18px;
  color: #ffffff;
  stroke-width: 2;
}
.new-respondent__import-template-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.new-respondent__import-template-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2e2e38 !important;
}
.new-respondent__import-template-subtitle {
  font-size: 12px;
  font-weight: 300;
  color: #656579;
  line-height: 1.4;
}
.new-respondent__import-template-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  margin: 0 18px;
  background-color: #2e2e38;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 200ms ease;
}
.new-respondent__import-template-button:hover {
  background-color: #656579;
}
.new-respondent__import-template-button-icon {
  width: 14px;
  height: 14px;
  stroke-width: 2;
}
.new-respondent__import-template-note {
  display: flex;
  gap: 8px;
  padding: 10px 18px;
  margin-top: 14px;
  border-top: 1px solid var(--motif-import-template-note-border) !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.new-respondent__import-template-note-icon {
  width: 14px;
  height: 14px;
  color: #656579;
  flex-shrink: 0;
  stroke-width: 1.5;
}
.new-respondent__import-template-note-text {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #656579 !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.survey-error-toast {
  position: fixed;
  z-index: 101;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--survey-toast-error-bg);
  padding: 10px 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  animation: nudgeFadeIn 0.2s ease-out;
}
.survey-error-toast--warning {
  background-color: var(--survey-toast-warning-bg);
}
.survey-error-toast__label {
  font-size: 13px;
  font-weight: 400;
  color: var(--survey-white);
}
.survey-error-toast__dismiss {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.survey-error-toast__dismiss:hover {
  color: var(--survey-white);
}.import-modal__overlay {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
  animation: import-modal-fadeIn 0.15s ease;
}
.import-modal__dialog {
  background: var(--im-dialog-bg);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  width: 90%;
  animation: import-modal-slideUp 0.2s ease;
}
.import-modal__dialog--md {
  max-width: 640px;
}
.import-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px 12px;
  border-bottom: 1px solid var(--im-border);
}
.import-modal__close-btn {
  background: none;
  border: none;
  font-size: 24px;
  line-height: 1;
  color: var(--im-close-color);
  cursor: pointer;
  padding: 0 4px;
  margin-left: 12px;
}
.import-modal__close-btn:hover {
  color: var(--im-close-hover);
}
.import-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 12px 24px 20px;
  border-top: 1px solid var(--im-border);
}
.import-modal__header-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: var(--motif-900);
  margin-bottom: 4px;
}
.import-modal__header-subtitle {
  display: block;
  font-size: 13px;
  color: var(--motif-500);
  font-weight: 400;
}
.import-modal__body {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
  overflow-y: auto;
}
.import-modal__container {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 14px;
}
.import-modal__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 24px 20px 20px;
  cursor: pointer;
  position: relative;
  border: 1.5px dashed var(--im-dropzone-border);
  border-radius: 10px;
  background: var(--im-dropzone-bg);
  transition: all 0.15s ease;
}
.import-modal__dropzone:hover, .import-modal__dropzone--active {
  border-color: var(--motif-300);
  background: var(--im-dropzone-bg);
}
.import-modal__dropzone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--im-dropzone-icon-bg);
  margin-bottom: 8px;
}
.import-modal__dropzone-icon svg {
  color: var(--motif-400);
}
.import-modal__dropzone-text {
  font-size: 15px;
  font-weight: 500;
  color: var(--motif-900);
  text-align: center;
}
.import-modal__dropzone-link {
  color: var(--motif-900);
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.import-modal__dropzone-hint {
  font-size: 13px;
  color: var(--motif-400);
  text-align: center;
  margin-top: 2px;
}
.import-modal__file-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.import-modal__file-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--motif-200);
  border-radius: 10px;
  background: var(--motif-surface);
}
.import-modal__file-preview-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--motif-100);
  flex-shrink: 0;
}
.import-modal__file-preview-icon svg {
  color: var(--motif-500);
}
.import-modal__file-preview-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.import-modal__file-preview-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-modal__file-preview-meta {
  font-size: 12px;
  color: var(--motif-500);
}
.import-modal__file-remove {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-700);
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  flex-shrink: 0;
}
.import-modal__file-remove:hover {
  color: var(--motif-900);
}
.import-modal__validation {
  border-radius: 10px;
  border: 1px solid;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.import-modal__validation--error {
  background: var(--im-warn-bg);
  border-color: var(--im-warn-border);
  padding: 0;
}
.import-modal__validation--success {
  background: var(--im-success-bg);
  border-color: var(--im-success-border);
  padding: 14px 16px;
}
.import-modal__validation--warning {
  background: var(--im-error-bg);
  border-color: var(--im-error-border);
  padding: 0;
}
.import-modal__validation-content {
  padding: 14px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--im-warn-content-bg);
}
.import-modal__validation-footer {
  padding: 14px 16px;
  background-color: var(--im-warn-footer-bg);
  border-top: 1px solid var(--im-warn-border);
}
.import-modal__validation-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.import-modal__validation-message-wrapper {
  padding-left: 30px;
  padding-top: 5px;
  border-top: 1px solid var(--im-warn-border);
}
.import-modal__validation-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.import-modal__validation-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
  margin-top: 0;
}
.import-modal__validation-icon--warning {
  color: var(--im-warn-title);
  background: none;
  font-size: 20px;
}
.import-modal__validation-icon--success {
  color: var(--im-success-color);
  background: none;
  font-size: 20px;
}
.import-modal__validation-title {
  font-size: 15px;
  font-weight: 600 !important;
  line-height: 1.4;
}
.import-modal__validation-title--error {
  color: var(--im-warn-title) !important;
}
.import-modal__validation-title--success {
  color: var(--im-success-color);
}
.import-modal__validation-subtitle {
  font-size: 13px;
  color: var(--motif-600);
  line-height: 1.4;
}
.import-modal__validation-subtitle--error {
  color: var(--im-error-color) !important;
}
.import-modal__validation-msg {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: block;
  font-weight: 400;
}
.import-modal__validation-msg--error {
  color: var(--im-warn-text) !important;
}
.import-modal__validation-fix {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  font-weight: 400 !important;
  color: var(--im-warn-text) !important;
}
.import-modal__validation-link {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.import-modal__validation-link:hover {
  color: var(--motif-900);
}
.import-modal__badges {
  display: flex;
  align-items: center;
  gap: 10px;
}
.import-modal__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid;
}
.import-modal__badge--valid {
  color: var(--im-success-color);
  border-color: var(--im-success-color);
  background: var(--motif-surface);
}
.import-modal__badge--invalid {
  color: var(--im-error-color);
  border-color: var(--im-error-color);
  background: var(--motif-surface);
}
.import-modal__badge-icon {
  font-size: 11px;
  font-weight: 700;
}
.import-modal__badge-icon--valid {
  color: var(--im-success-color);
}
.import-modal__badge-icon--invalid {
  color: var(--im-error-color);
}
.import-modal__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.import-modal__row-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid;
}
.import-modal__row-card--valid {
  background: var(--motif-surface);
  border-color: var(--motif-200);
}
.import-modal__row-card--invalid {
  background: var(--im-error-bg);
  border-color: var(--im-error-border-light);
}
.import-modal__row-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 12px;
}
.import-modal__row-icon--valid {
  background: var(--im-success-bg);
  color: var(--im-success-color);
}
.import-modal__row-icon--invalid {
  background: var(--im-error-bg-light);
  color: var(--im-error-color);
}
.import-modal__row-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.import-modal__row-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.import-modal__row-name--invalid {
  color: var(--im-error-color) !important;
}
.import-modal__row-email {
  font-size: 12px;
  color: var(--motif-500);
}
.import-modal__row-errors {
  font-size: 12px;
  color: var(--im-error-color) !important;
  line-height: 1.4;
}
.import-modal__row-company {
  font-size: 13px;
  color: var(--motif-500);
  flex-shrink: 0;
}
.import-modal__error {
  font-size: 12px;
  color: var(--motif-red);
  padding: 0 8px;
}
.import-modal__template-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  background: var(--im-template-bg);
  border-radius: 10px;
}
.import-modal__template-info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.import-modal__template-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: var(--im-template-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.import-modal__template-icon svg {
  color: var(--motif-surface) !important;
}
.import-modal__template-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 2px;
}
.import-modal__template-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--motif-900);
}
.import-modal__template-desc {
  font-size: 13px;
  color: var(--motif-600);
  line-height: 1.4;
}
.import-modal__template-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  background: var(--im-template-btn-bg) !important;
  color: var(--im-template-btn-color) !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.15s ease !important;
  width: 100% !important;
  justify-content: center !important;
}
.import-modal__template-btn:hover {
  background: var(--im-template-btn-hover) !important;
}
.import-modal__template-btn-icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 0;
}
.import-modal__template-btn-icon svg {
  color: var(--im-template-btn-color) !important;
}
.import-modal__note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 2px;
}
.import-modal__note-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid var(--motif-300);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-400);
  font-style: italic;
}
.import-modal__note-text {
  font-size: 12px;
  color: var(--motif-400);
  line-height: 1.4;
}

@keyframes import-modal-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes import-modal-slideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.answer-type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.answer-type-icon__letter {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}.progress-circle {
  border-radius: 50%;
  flex-shrink: 0;
  box-sizing: border-box;
}
.progress-circle--complete {
  background: var(--survey-color-primary) !important;
}.framework-detail-panel {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background-color: var(--motif-surface);
}
.framework-detail-panel__content {
  flex: 1;
  overflow-y: auto;
  padding: 40px 48px;
}
.framework-detail-panel__inner {
  max-width: 800px;
  margin: 0 auto;
}
.framework-detail-panel__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--motif-900);
}
.framework-detail-panel__description {
  font-size: 13px;
  font-weight: 300;
  line-height: 1.7;
  color: var(--motif-600);
  margin-top: 12px;
}
.framework-detail-panel__divider {
  height: 1px;
  background-color: var(--motif-150);
  margin: 28px 0;
}
.framework-detail-panel__section-title {
  font-size: 18px;
  font-weight: 400;
  color: var(--motif-900);
}
.framework-detail-panel__section-subtitle {
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-400);
  margin-top: 4px;
}
.framework-detail-panel__tree {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 20px;
}
.framework-detail-panel__domain {
  display: flex;
  flex-direction: column;
}
.framework-detail-panel__domain-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background-color: var(--survey-bg-l1);
  border: 1px solid var(--survey-border-light);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.framework-detail-panel__domain-header:hover {
  background-color: var(--survey-hover-bg);
}
.framework-detail-panel__subdomain {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}
.framework-detail-panel__subdomain-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--survey-border-light);
  border-radius: 8px;
  margin-top: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.framework-detail-panel__subdomain-header:hover {
  background-color: var(--survey-hover-bg-light);
}
.framework-detail-panel__subsubdomain {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  padding-left: 38px;
  border: 1px solid var(--survey-border-light);
  border-radius: 8px;
  margin-top: 4px;
}
.framework-detail-panel__expand-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.framework-detail-panel__chevron {
  width: 16px;
  height: 16px;
  color: var(--motif-600);
  transition: transform 0.2s ease;
}
.framework-detail-panel__level-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 500;
  width: 26px;
  height: 20px;
}
.framework-detail-panel__level-badge--l1 {
  background-color: var(--survey-bg-l2-badge);
  color: var(--motif-600);
}
.framework-detail-panel__level-badge--l2 {
  background-color: var(--survey-bg-l2-purple);
  color: var(--survey-badge-l2-text);
}
.framework-detail-panel__level-badge--l3 {
  background-color: var(--survey-bg-l3-green);
  color: var(--survey-badge-l3-text);
}
.framework-detail-panel__domain-name {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
}
.framework-detail-panel__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.framework-detail-panel__action-btn--add {
  border: 1px solid var(--motif-150);
  border-radius: 6px;
}
.framework-detail-panel__action-btn--remove {
  color: var(--survey-remove-btn);
}
.framework-detail-panel__icon {
  width: 14px;
  height: 14px;
  color: var(--motif-600);
}
.framework-detail-panel__icon--gray {
  color: var(--motif-400);
}
.framework-detail-panel__expandable {
  display: grid;
  transition: grid-template-rows 0.25s ease-in-out;
}
.framework-detail-panel__expandable-content {
  overflow: hidden;
}
.framework-detail-panel__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.framework-detail-panel__close-icon {
  width: 20px;
  height: 20px;
  color: var(--motif-600);
}.unsaved-changes-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background-color: var(--survey-color-overlay-backdrop);
}

.unsaved-changes-modal {
  width: 440px;
  background-color: var(--survey-color-text-white);
  box-shadow: 0 8px 30px var(--survey-color-shadow-modal);
  padding: 24px;
  border-radius: 12px;
}
.unsaved-changes-modal__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.unsaved-changes-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: var(--survey-color-warning-icon-bg);
  border-radius: 50%;
  flex-shrink: 0;
  color: var(--survey-color-warning-icon);
}
.unsaved-changes-modal__title {
  flex: 1;
  font-size: 16px;
  font-weight: 700 !important;
  color: var(--survey-color-primary-dark);
  line-height: 22px;
  margin: 0;
}
.unsaved-changes-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
  padding: 0;
}
.unsaved-changes-modal__close:hover {
  background-color: var(--survey-color-shadow-medium);
}
.unsaved-changes-modal__message {
  font-size: 14px;
  color: var(--survey-color-text-secondary);
  font-weight: 300;
  line-height: 20px;
  margin: 0 0 20px 0;
}
.unsaved-changes-modal__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.unsaved-changes-modal__btn {
  height: 36px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.unsaved-changes-modal__btn--secondary {
  background-color: var(--survey-color-text-white);
  color: var(--survey-color-text-secondary);
  border: 1px solid var(--survey-color-border-muted);
}
.unsaved-changes-modal__btn--secondary:hover {
  background-color: var(--survey-color-page-bg);
  border-color: var(--survey-color-border-hover);
}
.unsaved-changes-modal__btn--secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.unsaved-changes-modal__btn--primary {
  background-color: var(--survey-color-primary-dark);
  color: var(--survey-color-text-white);
  border: 1px solid var(--survey-color-primary-dark);
  display: flex;
  align-items: center;
  gap: 6px;
}
.unsaved-changes-modal__btn--primary:hover {
  background-color: var(--survey-color-primary-dark-hover);
  border-color: var(--survey-color-primary-dark-hover);
}
.unsaved-changes-modal__btn--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.unsaved-changes-modal__spinner {
  width: 14px;
  height: 14px;
  border: 2px solid var(--survey-color-white-30);
  border-top-color: var(--survey-color-text-white);
  border-radius: 50%;
  animation: unsaved-modal-spin 0.6s linear infinite;
}

@keyframes unsaved-modal-spin {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Styles for Onboarding Customization Component
 */
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes centeredToastFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@keyframes loaderDot {
  0%, 60%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-8px);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.onboarding-customization {
  --onboarding-color-muted: var(--onboarding-color-muted);
  --onboarding-color-preview-bg: var(--onboarding-color-preview-bg);
  --onboarding-color-border-soft: var(--onboarding-color-border-soft);
  --onboarding-color-surface: var(--onboarding-color-surface);
  --onboarding-color-surface-dark: var(--onboarding-color-surface-dark);
  --onboarding-color-text-secondary: var(--onboarding-color-text-secondary);
  --onboarding-color-accent-yellow: var(--onboarding-color-accent-yellow);
  --onboarding-color-accent-primary: var(--onboarding-color-accent-primary);
  --onboarding-color-hover-surface: var(--onboarding-color-hover-surface);
  --onboarding-color-overlay: rgba(35, 35, 47, 0.45);
  --onboarding-color-shadow-primary: rgba(35, 35, 47, 0.18);
  --onboarding-color-shadow-secondary: rgba(35, 35, 47, 0.08);
  --onboarding-color-cover-remove-bg: rgba(0, 0, 0, 0.5);
  --onboarding-color-cover-default-overlay: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
  --onboarding-color-cover-default-text: rgba(255, 255, 255, 0.8);
  --onboarding-color-drop-bg: var(--onboarding-color-preview-bg);
  --onboarding-color-drop-bg-active: rgba(70, 150, 255, 0.04);
  --onboarding-color-drop-icon-bg-active: rgba(70, 150, 255, 0.1);
  --onboarding-color-error-bg: var(--survey-color-danger-bg);
  --onboarding-color-error-border: var(--survey-color-error-soft-bg);
  --onboarding-color-error-icon-bg: var(--survey-color-error-icon-bg);
  --onboarding-color-error-title: var(--survey-color-danger-dark);
  --onboarding-color-error-text: var(--survey-error);
  --onboarding-color-border-default: var(--survey-color-border-default);
  --onboarding-color-border-active: var(--onboarding-color-accent-primary);
  --onboarding-color-border-dashed: var(--onboarding-color-border-dashed);
  --onboarding-color-border-dashed-hover: var(--onboarding-color-border-dashed-hover);
  --onboarding-color-section-divider: var(--onboarding-color-section-divider);
  --onboarding-color-text-main-icon: var(--onboarding-color-text-secondary);
  --onboarding-color-text-white: var(--onboarding-color-surface);
  --onboarding-color-ai-border: var(--onboarding-color-ai-border);
  --onboarding-color-ai-bg: var(--onboarding-color-ai-bg);
  --onboarding-color-ai-bg-expanded: var(--onboarding-color-ai-bg-expanded);
  --onboarding-color-warning: var(--survey-color-warning);
  --onboarding-color-border-muted: var(--onboarding-color-border-soft);
  --onboarding-color-accent-purple: var(--onboarding-color-accent-purple);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.onboarding-customization__header {
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.onboarding-customization__header-icon {
  color: var(--motif-600);
}
.onboarding-customization__header-title {
  color: var(--motif-900);
}
.onboarding-customization__header-counter {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__content-area {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.onboarding-customization__content-area--hidden {
  display: none;
}
.onboarding-customization__content-wrapper {
  max-width: 560px;
  margin: 0 auto;
}
.onboarding-customization__hidden-input {
  display: none;
}
.onboarding-customization__preview-panel {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background-color: var(--onboarding-color-preview-bg);
  padding: 20px;
  transition: width 0.2s ease;
}
.onboarding-customization__preview-panel--mobile {
  width: 320px;
  border-left: 1px solid var(--onboarding-color-border-soft);
  flex-shrink: 0;
}
.onboarding-customization__preview-panel--desktop {
  flex: 1;
}
.onboarding-customization__preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.onboarding-customization__preview-title {
  color: var(--motif-900);
  flex: 1 1 auto;
  min-width: 0;
}
.onboarding-customization__preview-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.onboarding-customization__theme-toggle {
  width: 28px;
  height: 28px;
  background-color: var(--onboarding-color-surface);
  border: 1px solid var(--motif-150);
  color: var(--onboarding-color-text-secondary);
  transition: all 0.15s;
}
.onboarding-customization__theme-toggle--dark {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-accent-yellow);
}
.onboarding-customization__device-selector {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.onboarding-customization__device-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  height: 28px;
  border: 1px solid var(--motif-150);
  border-radius: 6px;
  background-color: var(--motif-surface);
  color: var(--motif-600);
  font-size: 9px !important;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  flex: 0 0 auto;
  appearance: none;
  box-shadow: 0 1px 2px rgba(35, 35, 47, 0.04);
  transition: all 0.15s;
}
.onboarding-customization__device-button:hover {
  background-color: var(--motif-100);
  border-color: var(--motif-250);
}
.onboarding-customization__device-button {
  line-height: 1;
}
.onboarding-customization__device-button--active {
  background-color: var(--motif-900);
  color: var(--motif-surface);
  border-color: var(--motif-900);
  box-shadow: none;
}
.onboarding-customization__device-button--active:hover {
  background-color: var(--motif-900);
  border-color: var(--motif-900);
}
.onboarding-customization__preview-hint {
  color: var(--onboarding-color-muted);
  margin-bottom: 16px;
}
.onboarding-customization__cover-section {
  margin-bottom: 32px;
}
.onboarding-customization__cover-header {
  margin-bottom: 12px;
}
.onboarding-customization__cover-title {
  color: var(--motif-900);
}
.onboarding-customization__cover-reset {
  color: var(--onboarding-color-muted);
  padding: 4px 10px;
}
.onboarding-customization__cover-upload {
  color: var(--motif-600);
  padding: 4px 10px;
  border: 1px solid var(--motif-150);
}
.onboarding-customization__cover-frame {
  aspect-ratio: 16/7;
}
.onboarding-customization__cover-remove {
  width: 28px;
  height: 28px;
  background-color: var(--onboarding-color-cover-remove-bg);
}
.onboarding-customization__cover-remove-icon {
  color: var(--motif-surface);
}
.onboarding-customization__cover-default {
  padding: 8px;
  background: var(--onboarding-color-cover-default-overlay);
}
.onboarding-customization__cover-default-text {
  color: var(--onboarding-color-cover-default-text);
}
.onboarding-customization__cover-modal-overlay {
  background-color: var(--onboarding-color-overlay);
}
.onboarding-customization__cover-modal {
  width: 480px;
  background-color: var(--motif-surface);
  box-shadow: 0 8px 32px var(--onboarding-color-shadow-primary), 0 2px 8px var(--onboarding-color-shadow-secondary);
  border: 1px solid var(--motif-150);
  animation: nudgeFadeIn 0.18s ease-out;
}
.onboarding-customization__cover-modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--motif-100);
}
.onboarding-customization__cover-modal-title {
  color: var(--motif-900);
}
.onboarding-customization__cover-modal-close {
  width: 28px;
  height: 28px;
  background-color: transparent;
}
.onboarding-customization__cover-modal-close:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.onboarding-customization__cover-modal-close-icon {
  color: var(--motif-600);
}
.onboarding-customization__cover-modal-body {
  padding: 24px 20px;
}
.onboarding-customization__cover-drop-zone {
  border: 2px dashed var(--motif-200);
  background-color: var(--onboarding-color-drop-bg);
  padding: 40px 24px;
  transition: border-color 0.15s, background-color 0.15s;
}
.onboarding-customization__cover-drop-zone--active {
  border-color: var(--onboarding-color-accent-primary);
  background-color: var(--onboarding-color-drop-bg-active);
}
.onboarding-customization__cover-drop-icon-wrap {
  width: 48px;
  height: 48px;
  background-color: var(--motif-100);
  margin-bottom: 14px;
  transition: background-color 0.15s;
}
.onboarding-customization__cover-drop-icon-wrap--active {
  background-color: var(--onboarding-color-drop-icon-bg-active);
}
.onboarding-customization__cover-drop-icon {
  color: var(--motif-600);
}
.onboarding-customization__cover-drop-icon--active {
  color: var(--onboarding-color-accent-primary);
}
.onboarding-customization__cover-drop-title {
  color: var(--motif-900);
  margin-bottom: 4px;
}
.onboarding-customization__cover-drop-subtitle {
  color: var(--motif-400);
  margin-bottom: 14px;
}
.onboarding-customization__cover-upload-error {
  margin-top: 12px;
  padding: 12px 14px;
  background-color: var(--onboarding-color-error-bg);
  border: 1px solid var(--onboarding-color-error-border);
}
.onboarding-customization__cover-upload-error-icon-wrap {
  width: 28px;
  height: 28px;
  background-color: var(--onboarding-color-error-icon-bg);
  margin-top: 1px;
}
.onboarding-customization__cover-upload-error-icon {
  color: var(--onboarding-color-error-text);
}
.onboarding-customization__cover-upload-error-title {
  color: var(--onboarding-color-error-title);
}
.onboarding-customization__cover-upload-error-text {
  color: var(--onboarding-color-error-text);
  line-height: 1.4;
}
.onboarding-customization__cover-upload-error-dismiss {
  background: transparent;
  border: none;
}
.onboarding-customization__cover-meta {
  margin-top: 16px;
}
.onboarding-customization__cover-meta-label {
  color: var(--motif-400);
}
.onboarding-customization__cover-meta-value {
  color: var(--motif-600);
}
.onboarding-customization__cover-modal-footer {
  padding: 12px 20px;
  border-top: 1px solid var(--motif-100);
}
.onboarding-customization__cover-modal-cancel {
  padding: 8px 16px;
  color: var(--motif-600);
}
.onboarding-customization__sections-editor {
  margin-bottom: 0;
}
.onboarding-customization__sections-header {
  margin-bottom: 16px;
}
.onboarding-customization__sections-title {
  color: var(--motif-900);
}
.onboarding-customization__sections-subtitle {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__section-card {
  position: relative;
  border: 1px solid var(--onboarding-color-border-default);
  background-color: var(--motif-surface);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.onboarding-customization__section-card[draggable=true] {
  cursor: default;
}
.onboarding-customization__section-drag-indicator {
  position: absolute;
  left: 8px;
  right: 8px;
  top: -1px;
  height: 2px;
  background-color: var(--onboarding-color-accent-primary);
  border-radius: 1px;
  z-index: 10;
}
.onboarding-customization__section-drag-handle {
  cursor: grab;
  visibility: hidden;
  color: var(--onboarding-color-muted);
  display: flex;
  align-items: center;
  padding-top: 2px;
}
.onboarding-customization__section-drag-handle:active {
  cursor: grabbing;
}
.onboarding-customization__section-card:hover .onboarding-customization__section-drag-handle {
  visibility: visible;
}
.onboarding-customization__section-card--active {
  border-color: var(--onboarding-color-border-active);
}
.onboarding-customization__add-section-btn {
  border: 2px dashed var(--onboarding-color-border-dashed);
  padding: 14px;
  color: var(--motif-600);
  transition: border-color 0.15s, background-color 0.15s;
}
.onboarding-customization__add-section-btn:hover {
  border-color: var(--onboarding-color-border-dashed-hover);
  background-color: var(--onboarding-color-preview-bg);
}
.onboarding-customization__section-editor {
  padding: 14px 16px;
}
.onboarding-customization__section-title-error {
  display: block;
  color: var(--survey-color-error-field);
  margin-bottom: 4px;
}
.onboarding-customization__section-title-input--size-sm {
  font-size: 13px;
}
.onboarding-customization__section-title-input--size-md {
  font-size: 15px;
}
.onboarding-customization__section-title-input--size-lg {
  font-size: 18px;
}
.onboarding-customization__section-title-input--align-left {
  text-align: left;
}
.onboarding-customization__section-title-input--align-center {
  text-align: center;
}
.onboarding-customization__section-title-input--align-right {
  text-align: right;
}
.onboarding-customization__section-body-input {
  color: var(--onboarding-color-text-secondary);
  padding: 0;
  min-height: 60px;
  border: none;
  background-color: transparent;
  line-height: 1.55;
}
.onboarding-customization__section-body-input--size-sm {
  font-size: 12px;
}
.onboarding-customization__section-body-input--size-md {
  font-size: 13px;
}
.onboarding-customization__section-body-input--size-lg {
  font-size: 15px;
}
.onboarding-customization__section-body-input--align-left {
  text-align: left;
}
.onboarding-customization__section-body-input--align-center {
  text-align: center;
}
.onboarding-customization__section-body-input--align-right {
  text-align: right;
}
.onboarding-customization__section-body-input--bold {
  font-weight: bold;
}
.onboarding-customization__section-body-input--italic {
  font-style: italic;
}
.onboarding-customization__section-body-input--underline {
  text-decoration: underline;
}
.onboarding-customization__section-editor-footer {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--onboarding-color-section-divider);
}
.onboarding-customization__section-media-preview {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  background-color: var(--motif-surface);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.onboarding-customization__section-media-thumbnail-wrap {
  position: relative;
  width: 100%;
  max-width: 220px;
}
.onboarding-customization__section-media-thumbnail {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--motif-150);
}
.onboarding-customization__section-media-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 999px;
  background-color: var(--onboarding-color-cover-remove-bg);
  color: var(--motif-surface);
  cursor: pointer;
  z-index: 1;
}
.onboarding-customization__section-media-remove-icon {
  color: currentColor;
}
.onboarding-customization__section-doc-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.onboarding-customization__section-doc-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.onboarding-customization__section-doc-link {
  flex: 1;
  color: var(--onboarding-color-accent-primary);
  font-size: 12px;
  text-decoration: underline;
  word-break: break-word;
}
.onboarding-customization__section-doc-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  color: var(--motif-600);
  cursor: pointer;
  flex-shrink: 0;
}
.onboarding-customization__section-doc-remove-icon {
  color: currentColor;
}
.onboarding-customization__upload-error {
  color: var(--onboarding-color-error-text);
  background-color: var(--onboarding-color-error-bg);
  border: 1px solid var(--onboarding-color-error-border);
  border-radius: 6px;
  padding: 6px 8px;
  line-height: 1.35;
}
.onboarding-customization .motif-rich-text-editor .ql-snow.ql-toolbar button.ql-document {
  position: relative;
  font-size: 0;
  color: inherit;
}
.onboarding-customization .motif-rich-text-editor .ql-snow.ql-toolbar button.ql-document::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M20 16v4H4v-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3Cpath d='M20 16v4H4v-4'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.onboarding-customization__section-editor-cancel {
  color: var(--onboarding-color-muted);
  padding: 4px 10px;
}
.onboarding-customization__section-editor-save {
  color: var(--onboarding-color-text-white);
  background-color: var(--onboarding-color-surface-dark);
  padding: 4px 12px;
}
.onboarding-customization__section-editor-save--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.onboarding-customization__fmt-btn {
  width: 26px;
  height: 26px;
  color: var(--onboarding-color-text-main-icon);
}
.onboarding-customization__fmt-btn--active {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-text-white);
}
.onboarding-customization__fmt-option-btn {
  width: 20px;
  height: 20px;
  color: var(--onboarding-color-muted);
  background-color: transparent;
}
.onboarding-customization__fmt-option-btn--active {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-text-white);
}
.onboarding-customization__fmt-divider {
  width: 1px;
  height: 14px;
  background-color: var(--onboarding-color-border-muted);
  margin: 0 4px;
}
.onboarding-customization__toolbar-tooltip-target {
  position: relative;
}
.onboarding-customization__toolbar-tooltip-target[data-onb-tooltip]:hover::after {
  content: attr(data-onb-tooltip);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 8px);
  background-color: rgba(20, 20, 24, 0.94);
  color: var(--survey-white);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  z-index: 30;
  pointer-events: none;
}
.onboarding-customization__section-preview {
  padding: 14px 16px;
}
.onboarding-customization__section-preview-index {
  width: 22px;
  height: 22px;
  background-color: var(--onboarding-color-hover-surface);
  margin-top: 1px;
}
.onboarding-customization__section-preview-index-text {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__section-uploading-text {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__section-preview-title {
  color: var(--motif-900);
  margin-bottom: 3px;
}
.onboarding-customization__section-preview-title--rich .onboarding-customization__render-html p {
  margin: 0;
}
.onboarding-customization__section-preview-title--size-sm {
  font-size: 13px;
}
.onboarding-customization__section-preview-title--size-md {
  font-size: 14px;
}
.onboarding-customization__section-preview-title--size-lg {
  font-size: 17px;
}
.onboarding-customization__section-preview-title--align-left {
  text-align: left;
}
.onboarding-customization__section-preview-title--align-center {
  text-align: center;
}
.onboarding-customization__section-preview-title--align-right {
  text-align: right;
}
.onboarding-customization__section-preview-body {
  font-size: 12px;
  line-height: 1.5;
}
.onboarding-customization__section-preview-actions {
  background-color: var(--motif-surface);
  border: 1px solid var(--onboarding-color-border-default);
  padding: 2px;
}
.onboarding-customization__section-preview-action-btn {
  width: 26px;
  height: 26px;
}
.onboarding-customization__section-preview-edit-icon {
  color: var(--onboarding-color-text-main-icon);
}
.onboarding-customization__section-preview-delete-icon {
  color: var(--onboarding-color-border-dashed-hover);
}
.onboarding-customization__ai {
  margin-top: 20px;
  border: 1px solid var(--onboarding-color-section-divider);
  background-color: var(--onboarding-color-ai-bg);
  overflow: hidden;
  transition: border-color 0.2s, background-color 0.2s;
}
.onboarding-customization__ai--expanded {
  border-color: var(--onboarding-color-ai-border);
  background-color: var(--onboarding-color-ai-bg-expanded);
}
.onboarding-customization__ai-toggle {
  padding: 14px 16px;
}
.onboarding-customization__ai-spark-icon {
  color: var(--onboarding-color-accent-purple);
}
.onboarding-customization__ai-title {
  color: var(--motif-900);
}
.onboarding-customization__ai-toggle-text {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__ai-chevron {
  color: var(--onboarding-color-muted);
  transform: rotate(0deg);
}
.onboarding-customization__ai-chevron--expanded {
  transform: rotate(180deg);
}
.onboarding-customization__ai-content {
  padding: 0 16px 16px;
}
.onboarding-customization__ai-content-top {
  margin-bottom: 12px;
}
.onboarding-customization__ai-description {
  color: var(--motif-600);
  margin-bottom: 8px;
}
.onboarding-customization__ai-input {
  color: var(--motif-900);
  border: 1px solid var(--motif-150);
  padding: 8px 12px;
  background-color: var(--motif-surface);
}
.onboarding-customization__ai-generate {
  padding: 8px 14px;
  background-color: var(--onboarding-color-surface-dark);
  color: var(--motif-surface);
}
.onboarding-customization__ai-generate--loading {
  background-color: var(--onboarding-color-border-muted);
}
.onboarding-customization__ai-generate--disabled {
  opacity: 0.6;
}
.onboarding-customization__ai-suggestions {
  margin-top: 12px;
}
.onboarding-customization__ai-suggestions-title {
  color: var(--onboarding-color-accent-purple);
}
.onboarding-customization__ai-suggestion-card {
  border: 1px solid var(--onboarding-color-ai-border);
  background-color: var(--motif-surface);
  padding: 12px 14px;
}
.onboarding-customization__ai-suggestion-title {
  color: var(--motif-900);
  margin-bottom: 4px;
}
.onboarding-customization__ai-suggestion-body {
  color: var(--motif-600);
}
.onboarding-customization__ai-suggestion-actions {
  margin-top: 2px;
}
.onboarding-customization__ai-add-btn {
  padding: 5px 10px;
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-text-white);
}
.onboarding-customization__ai-add-btn--disabled {
  background-color: var(--onboarding-color-hover-surface);
  color: var(--onboarding-color-muted);
}
.onboarding-customization__ai-dismiss-btn {
  width: 26px;
  height: 26px;
}
.onboarding-customization__ai-dismiss-icon {
  color: var(--onboarding-color-muted);
}
.onboarding-customization__ai-max-warning {
  color: var(--onboarding-color-warning);
}
.onboarding-customization__delete-modal {
  width: 400px;
  background-color: var(--motif-surface);
  box-shadow: 0 8px 32px var(--onboarding-color-shadow-primary), 0 2px 8px var(--onboarding-color-shadow-secondary);
  border: 1px solid var(--motif-150);
  animation: nudgeFadeIn 0.18s ease-out;
}
.onboarding-customization__delete-modal-body {
  padding: 24px 24px 16px;
}
.onboarding-customization__delete-modal-icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--onboarding-color-error-bg);
  margin-top: 2px;
}
.onboarding-customization__delete-modal-icon {
  color: var(--onboarding-color-error-text);
}
.onboarding-customization__delete-modal-title {
  color: var(--motif-900);
}
.onboarding-customization__delete-modal-desc {
  color: var(--onboarding-color-text-secondary);
  line-height: 1.45;
}
.onboarding-customization__delete-modal-footer {
  padding: 16px 24px;
  border-top: 1px solid var(--motif-100);
}
.onboarding-customization__delete-modal-cancel {
  padding: 8px 16px;
  color: var(--motif-600);
  background-color: transparent;
  border: 1px solid var(--motif-150);
}
.onboarding-customization__delete-modal-remove {
  padding: 8px 16px;
  color: var(--onboarding-color-text-white);
  background-color: var(--onboarding-color-error-text);
}
.onboarding-customization {
  /* ── Toast (section removed / undo) ── */
}
.onboarding-customization__toast {
  position: fixed;
  z-index: 50;
  bottom: 72px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background-color: var(--motif-900);
  padding: 10px 14px;
  box-shadow: 0 4px 16px var(--onboarding-color-shadow-primary);
  animation: centeredToastFadeIn 0.2s ease-out;
}
.onboarding-customization__toast-icon {
  color: var(--motif-400);
  flex-shrink: 0;
}
.onboarding-customization__toast-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-surface);
  white-space: nowrap;
}
.onboarding-customization__toast-undo {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--survey-brand-yellow);
  color: var(--motif-900);
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
}
.onboarding-customization__toast-undo:hover {
  opacity: 0.85;
}
.onboarding-customization {
  /* Rendered formatted body styles (used by utils.tsx) */
}
.onboarding-customization__render-link {
  color: var(--onboarding-color-accent-primary, var(--onboarding-color-accent-primary));
  text-decoration: underline;
}
.onboarding-customization__render-text {
  font-family: inherit;
  line-height: 1.55;
}
.onboarding-customization__render-text--align-left {
  text-align: left;
}
.onboarding-customization__render-text--align-center {
  text-align: center;
}
.onboarding-customization__render-text--align-right {
  text-align: right;
}
.onboarding-customization__render-text--bold {
  font-weight: bold;
}
.onboarding-customization__render-text--italic {
  font-style: italic;
}
.onboarding-customization__render-text--underline {
  text-decoration: underline;
}
.onboarding-customization__render-text--block {
  display: block;
}
.onboarding-customization__render-ul {
  padding-left: 18px;
  margin: 2px 0;
  list-style: disc;
}
.onboarding-customization__render-ol {
  padding-left: 18px;
  margin: 2px 0;
  list-style: decimal;
}
.onboarding-customization__render-li {
  display: list-item;
  margin-bottom: 1px;
}
.onboarding-customization__render-li--disc {
  list-style: disc;
}
.onboarding-customization__render-li--decimal {
  list-style: decimal;
}
.onboarding-customization__render-spacer {
  display: block;
  height: 0.4em;
}
.onboarding-customization .header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.onboarding-customization .header .header-icon {
  width: 16px;
  height: 16px;
  color: var(--motif-600);
}
.onboarding-customization .header .header-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.onboarding-customization .header .header-spacer {
  flex: 1;
}
.onboarding-customization .header .section-counter {
  font-size: 12px;
  font-weight: 300;
  color: var(--onboarding-color-muted);
}
.onboarding-customization .main-container {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.onboarding-customization .content-area {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}
.onboarding-customization .content-area .content-wrapper {
  max-width: 560px;
  margin: 0 auto;
}
.onboarding-customization .preview-panel {
  display: flex;
  flex-direction: column;
  width: 320px;
  overflow-y: auto;
  background-color: var(--onboarding-color-preview-bg);
  padding: 20px;
  border-left: 1px solid var(--onboarding-color-border-soft);
  transition: width 0.2s ease;
}
.onboarding-customization .preview-panel .preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.onboarding-customization .preview-panel .preview-header .preview-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.onboarding-customization .preview-panel .preview-header .preview-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}
.onboarding-customization .preview-panel .preview-header .preview-controls .theme-toggle {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: 1px solid var(--motif-150);
  background-color: var(--onboarding-color-surface);
  cursor: pointer;
  transition: all 0.15s;
  color: var(--onboarding-color-text-secondary);
}
.onboarding-customization .preview-panel .preview-header .preview-controls .theme-toggle.dark {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-accent-yellow);
}
.onboarding-customization .preview-panel .preview-header .preview-controls .theme-toggle:hover {
  opacity: 0.8;
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector {
  display: flex;
  align-items: center;
  border-radius: 0.375rem;
  border: 1px solid var(--motif-150);
  height: 28px;
  overflow: hidden;
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector .device-button {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 10px;
  height: 100%;
  border: none;
  background-color: var(--onboarding-color-surface);
  color: var(--onboarding-color-text-secondary);
  transition: all 0.15s;
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector .device-button.active {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-surface);
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector .device-button:not(:last-child) {
  border-right: 1px solid var(--onboarding-color-border-soft);
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector .device-button:hover:not(.active) {
  background-color: var(--onboarding-color-hover-surface);
}
.onboarding-customization .preview-panel .preview-header .preview-controls .device-selector .device-button .device-icon {
  width: 14px;
  height: 14px;
}
.onboarding-customization .preview-panel .preview-hint {
  font-size: 11px;
  font-weight: 300;
  color: var(--onboarding-color-muted);
  margin-bottom: 16px;
  display: block;
}
.onboarding-customization .preview-panel .preview-content {
  display: flex;
  justify-content: center;
}

/* ============================================
   Cover Image Section
   ============================================ */
.cover-image-section {
  margin-bottom: 32px;
}
.cover-image-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.cover-image-section .section-header .section-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.cover-image-section .section-header .header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cover-image-section .section-header .header-actions .reset-button,
.cover-image-section .section-header .header-actions .upload-button {
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 0.375rem;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.15s;
}
.cover-image-section .section-header .header-actions .reset-button.reset-button,
.cover-image-section .section-header .header-actions .upload-button.reset-button {
  color: var(--onboarding-color-muted);
}
.cover-image-section .section-header .header-actions .reset-button.upload-button,
.cover-image-section .section-header .header-actions .upload-button.upload-button {
  color: var(--motif-600);
  border: 1px solid var(--motif-150);
  display: flex;
  align-items: center;
  gap: 6px;
}
.cover-image-section .section-header .header-actions .reset-button.upload-button:hover,
.cover-image-section .section-header .header-actions .upload-button.upload-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.cover-image-section .section-header .header-actions .reset-button:hover,
.cover-image-section .section-header .header-actions .upload-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.cover-image-section .cover-image-preview {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  aspect-ratio: 16/7;
  background-color: var(--onboarding-color-section-divider);
}
.cover-image-section .cover-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cover-image-section .cover-image-preview .remove-cover-button {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  cursor: pointer;
  transition: all 0.15s;
}
.cover-image-section .cover-image-preview .remove-cover-button:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.cover-image-section .cover-image-preview .remove-cover-button .icon {
  width: 16px;
  height: 16px;
  color: var(--motif-surface);
}
.cover-image-section .cover-image-preview .default-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
  font-size: 11px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}

/* ============================================
   Cover Upload Modal
   ============================================ */
.cover-upload-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(35, 35, 47, 0.45);
}

.cover-upload-modal {
  display: flex;
  flex-direction: column;
  width: 480px;
  background-color: var(--motif-surface);
  box-shadow: 0 8px 32px rgba(35, 35, 47, 0.18), 0 2px 8px rgba(35, 35, 47, 0.08);
  border: 1px solid var(--motif-150);
  border-radius: 0.5rem;
  animation: nudgeFadeIn 0.18s ease-out;
}
.cover-upload-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--motif-100);
}
.cover-upload-modal .modal-header .modal-title {
  font-size: 15px;
  font-weight: 500;
  color: var(--motif-900);
}
.cover-upload-modal .modal-header .modal-close-button {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  background: transparent;
  transition: all 0.15s;
}
.cover-upload-modal .modal-header .modal-close-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.cover-upload-modal .modal-header .modal-close-button .close-icon {
  width: 16px;
  height: 16px;
  color: var(--motif-600);
}
.cover-upload-modal .modal-content {
  padding: 24px 20px;
}
.cover-upload-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid var(--motif-100);
}
.cover-upload-modal .modal-footer .cancel-button {
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  color: var(--motif-600);
  cursor: pointer;
  transition: all 0.15s;
}
.cover-upload-modal .modal-footer .cancel-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}

.cover-drop-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--motif-200);
  background-color: var(--onboarding-color-preview-bg);
  border-radius: 0.5rem;
  padding: 40px 24px;
  cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s;
}
.cover-drop-zone.drag-over {
  border-color: var(--onboarding-color-accent-primary);
  background-color: rgba(70, 150, 255, 0.04);
}
.cover-drop-zone .drop-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--motif-100);
  margin-bottom: 14px;
  transition: background-color 0.15s;
  color: var(--motif-600);
}
.cover-drop-zone .drop-icon.drag-over {
  background-color: rgba(70, 150, 255, 0.1);
  color: var(--onboarding-color-accent-primary);
}
.cover-drop-zone .drop-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
  margin-bottom: 4px;
}
.cover-drop-zone .drop-subtitle {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-400);
  margin-bottom: 14px;
}
.cover-drop-zone .file-input {
  display: none;
}

.upload-error-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 0.375rem;
  background-color: var(--onboarding-color-error-bg);
  border: 1px solid var(--onboarding-color-error-border);
}
.upload-error-alert .error-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background-color: var(--onboarding-color-error-icon-bg);
  flex-shrink: 0;
  margin-top: 1px;
}
.upload-error-alert .error-icon-wrapper .error-icon {
  width: 14px;
  height: 14px;
  color: var(--onboarding-color-error-text);
}
.upload-error-alert .error-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.upload-error-alert .error-content .error-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--onboarding-color-error-title);
}
.upload-error-alert .error-content .error-message {
  font-size: 12px;
  font-weight: 400;
  color: var(--onboarding-color-error-text);
  line-height: 1.4;
}
.upload-error-alert .error-dismiss-button {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.15s;
  margin-top: 1px;
}
.upload-error-alert .error-dismiss-button:hover {
  background-color: var(--survey-color-error-soft-bg);
}
.upload-error-alert .error-dismiss-button .icon {
  width: 14px;
  height: 14px;
  color: var(--onboarding-color-error-text);
}

.upload-specs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 16px;
}
.upload-specs .spec-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.upload-specs .spec-item .spec-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--motif-400);
}
.upload-specs .spec-item .spec-value {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-600);
}

/* ============================================
   Onboarding Sections
   ============================================ */
.sections-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.sections-header .sections-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.sections-header .sections-hint {
  font-size: 11px;
  font-weight: 300;
  color: var(--onboarding-color-muted);
}

.sections-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sections-list .section-item {
  position: relative;
  border: 1px solid var(--onboarding-color-border-default);
  background-color: var(--motif-surface);
  border-radius: 0.5rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.sections-list .section-item.editing {
  border-color: var(--onboarding-color-accent-primary);
}
.sections-list .section-item:hover .section-actions {
  opacity: 1;
}
.sections-list .section-item .section-view-content {
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.sections-list .section-item .section-view-content .section-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  background-color: var(--onboarding-color-hover-surface);
  flex-shrink: 0;
  margin-top: 1px;
}
.sections-list .section-item .section-view-content .section-number .number-text {
  font-size: 10px;
  font-weight: 600;
  color: var(--onboarding-color-muted);
}
.sections-list .section-item .section-view-content .section-info {
  flex: 1;
  min-width: 0;
}
.sections-list .section-item .section-view-content .section-info .section-title {
  font-weight: 600;
  color: var(--motif-900);
  margin-bottom: 3px;
  word-break: break-word;
}
.sections-list .section-item .section-view-content .section-info .section-title.title-sm {
  font-size: 13px;
}
.sections-list .section-item .section-view-content .section-info .section-title.title-md {
  font-size: 14px;
}
.sections-list .section-item .section-view-content .section-info .section-title.title-lg {
  font-size: 17px;
}
.sections-list .section-item .section-view-content .section-info .section-title.align-left {
  text-align: left;
}
.sections-list .section-item .section-view-content .section-info .section-title.align-center {
  text-align: center;
}
.sections-list .section-item .section-view-content .section-info .section-title.align-right {
  text-align: right;
}
.sections-list .section-item .section-view-content .section-info .section-body {
  font-size: 12px;
  line-height: 1.5;
}
.sections-list .section-item .section-edit-content {
  padding: 14px 16px;
}
.sections-list .section-item .section-edit-content .edit-title-input {
  width: 100%;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  color: var(--motif-900);
  font-weight: 600;
  margin-bottom: 6px;
}
.sections-list .section-item .section-edit-content .edit-title-input.size-sm {
  font-size: 13px;
}
.sections-list .section-item .section-edit-content .edit-title-input.size-md {
  font-size: 15px;
}
.sections-list .section-item .section-edit-content .edit-title-input.size-lg {
  font-size: 18px;
}
.sections-list .section-item .section-edit-content .edit-title-input.align-left {
  text-align: left;
}
.sections-list .section-item .section-edit-content .edit-title-input.align-center {
  text-align: center;
}
.sections-list .section-item .section-edit-content .edit-title-input.align-right {
  text-align: right;
}
.sections-list .section-item .section-edit-content .edit-title-input::placeholder {
  color: var(--motif-400);
}
.sections-list .section-item .section-edit-content .edit-body-textarea {
  width: 100%;
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
  min-height: 60px;
  resize: none;
  color: var(--onboarding-color-text-secondary);
  font-family: inherit;
  line-height: 1.55;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.size-sm {
  font-size: 12px;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.size-md {
  font-size: 13px;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.size-lg {
  font-size: 15px;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.font-sans {
  font-family: inherit;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.font-serif {
  font-family: Georgia, serif;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.font-mono {
  font-family: monospace;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.align-left {
  text-align: left;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.align-center {
  text-align: center;
}
.sections-list .section-item .section-edit-content .edit-body-textarea.align-right {
  text-align: right;
}
.sections-list .section-item .section-edit-content .edit-body-textarea::placeholder {
  color: var(--motif-400);
}
.sections-list .section-item .section-edit-content .edit-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--onboarding-color-section-divider);
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--onboarding-color-text-secondary);
  transition: all 0.15s;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-button .icon {
  width: 14px;
  height: 14px;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-options {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 2px;
  padding: 2px;
  background-color: var(--onboarding-color-surface);
  border: 1px solid var(--onboarding-color-border-soft);
  border-radius: 0.375rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s, visibility 0.15s;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-options .format-option {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 10px;
  font-weight: 600;
  color: var(--onboarding-color-muted);
  transition: all 0.15s;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-options .format-option.active {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-surface);
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group .format-options .format-option:hover:not(.active) {
  background-color: var(--onboarding-color-hover-surface);
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-group:hover .format-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.sections-list .section-item .section-edit-content .edit-controls .formatting-toolbar .format-divider {
  width: 1px;
  height: 14px;
  background-color: var(--onboarding-color-border-soft);
  margin: 0 4px;
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .cancel-button,
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .save-button {
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: all 0.15s;
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .cancel-button.cancel-button,
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .save-button.cancel-button {
  color: var(--onboarding-color-muted);
  background: transparent;
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .cancel-button.cancel-button:hover,
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .save-button.cancel-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .cancel-button.save-button,
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .save-button.save-button {
  color: var(--onboarding-color-surface);
  background-color: var(--onboarding-color-surface-dark);
}
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .cancel-button.save-button:hover,
.sections-list .section-item .section-edit-content .edit-controls .edit-actions .save-button.save-button:hover {
  opacity: 0.9;
}
.sections-list .section-item .section-actions {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 2px;
  border-radius: 0.375rem;
  border: 1px solid var(--onboarding-color-border-default);
  background-color: var(--motif-surface);
  padding: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.sections-list .section-item .section-actions .action-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.15s;
}
.sections-list .section-item .section-actions .action-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.sections-list .section-item .section-actions .action-button .icon {
  width: 14px;
  height: 14px;
}
.sections-list .section-item .section-actions .action-button .icon.edit-icon {
  color: var(--onboarding-color-text-secondary);
}
.sections-list .section-item .section-actions .action-button .icon.delete-icon {
  color: var(--onboarding-color-border-dashed-hover);
}

.add-section-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px dashed var(--onboarding-color-border-dashed);
  padding: 14px;
  border-radius: 0.5rem;
  background: transparent;
  cursor: pointer;
  color: var(--motif-600);
  font-size: 13px;
  font-weight: 500;
  transition: border-color 0.15s, background-color 0.15s;
}
.add-section-button:hover {
  border-color: var(--onboarding-color-border-dashed-hover);
  background-color: var(--onboarding-color-preview-bg);
}
.add-section-button .add-icon {
  width: 16px;
  height: 16px;
}

/* ============================================
   AI Refine Section
   ============================================ */
.ai-refine-section {
  border: 1px solid var(--onboarding-color-section-divider);
  background-color: var(--onboarding-color-ai-bg);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 20px;
  transition: border-color 0.2s, background-color 0.2s;
}
.ai-refine-section.expanded {
  border-color: var(--onboarding-color-ai-border);
  background-color: var(--onboarding-color-ai-bg-expanded);
}
.ai-refine-section .ai-toggle-button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s;
}
.ai-refine-section .ai-toggle-button:hover {
  background-color: rgba(124, 107, 255, 0.04);
}
.ai-refine-section .ai-toggle-button .ai-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--onboarding-color-accent-purple);
}
.ai-refine-section .ai-toggle-button .ai-label {
  flex: 1;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.ai-refine-section .ai-toggle-button .ai-hint {
  font-size: 11px;
  font-weight: 300;
  color: var(--onboarding-color-muted);
}
.ai-refine-section .ai-toggle-button .chevron-icon {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: var(--onboarding-color-muted);
  transition: transform 0.2s;
}
.ai-refine-section .ai-toggle-button .chevron-icon.expanded {
  transform: rotate(180deg);
}
.ai-refine-section .ai-content {
  padding: 0 16px 16px;
}
.ai-refine-section .ai-content .ai-prompt-section {
  margin-bottom: 12px;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-label {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-600);
  margin-bottom: 8px;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group {
  display: flex;
  gap: 8px;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-prompt-input {
  flex: 1;
  font-size: 13px;
  font-weight: 300;
  outline: none;
  border-radius: 0.375rem;
  border: 1px solid var(--motif-150);
  padding: 8px 12px;
  background-color: var(--motif-surface);
  color: var(--motif-900);
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-prompt-input::placeholder {
  color: var(--motif-400);
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-prompt-input:focus {
  border-color: var(--onboarding-color-accent-primary);
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-generate-button {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 0.375rem;
  border: none;
  background-color: var(--onboarding-color-surface-dark);
  color: var(--motif-surface);
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-generate-button:hover:not(:disabled) {
  opacity: 0.9;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-generate-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.ai-refine-section .ai-content .ai-prompt-section .ai-prompt-group .ai-generate-button .spinner {
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
}
.ai-refine-section .ai-content .ai-suggestions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestions-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--onboarding-color-accent-purple);
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item {
  border: 1px solid var(--onboarding-color-ai-border);
  background-color: var(--motif-surface);
  border-radius: 0.5rem;
  padding: 12px 14px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-body {
  flex: 1;
  min-width: 0;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-body .suggestion-title {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
  margin-bottom: 4px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-body .suggestion-text {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--motif-600);
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-top: 2px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .accept-button {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 0.375rem;
  border: none;
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-surface);
  cursor: pointer;
  transition: all 0.15s;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .accept-button:hover:not(:disabled) {
  opacity: 0.9;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .accept-button:disabled {
  background-color: var(--onboarding-color-hover-surface);
  color: var(--onboarding-color-muted);
  cursor: not-allowed;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .accept-button .icon {
  width: 12px;
  height: 12px;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .dismiss-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 0.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.15s;
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .dismiss-button:hover {
  background-color: var(--onboarding-color-hover-surface);
}
.ai-refine-section .ai-content .ai-suggestions .suggestion-item .suggestion-wrapper .suggestion-actions .dismiss-button .icon {
  width: 14px;
  height: 14px;
  color: var(--onboarding-color-muted);
}
.ai-refine-section .ai-content .ai-suggestions .max-sections-warning {
  font-size: 11px;
  font-weight: 300;
  color: var(--onboarding-color-warning);
}

/* ============================================
   Preview Components
   ============================================ */
.preview-ey-loader {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: var(--motif-900);
}
.preview-ey-loader .loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.preview-ey-loader .loader-content .loader-brand {
  display: flex;
  align-items: center;
  gap: 8px;
}
.preview-ey-loader .loader-content .loader-brand .ey-badge {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: var(--motif-yellow);
  color: var(--motif-900);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.preview-ey-loader .loader-content .loader-brand .brand-text {
  font-weight: 300;
  color: var(--motif-surface);
  font-size: 13px;
  letter-spacing: 0.5px;
}
.preview-ey-loader .loader-content .loader-dots {
  display: flex;
  align-items: center;
  gap: 6px;
}
.preview-ey-loader .loader-content .loader-dots .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--motif-yellow);
  animation: loaderDot 1.2s ease-in-out infinite;
}
.preview-ey-loader .loader-content .loader-dots .dot:nth-child(1) {
  animation-delay: 0s;
}
.preview-ey-loader .loader-content .loader-dots .dot:nth-child(2) {
  animation-delay: 0.2s;
}
.preview-ey-loader .loader-content .loader-dots .dot:nth-child(3) {
  animation-delay: 0.4s;
}

.mobile-preview-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 260px;
  height: 500px;
  border-radius: 2.5rem;
  border: 1px solid var(--survey-color-mobile-shell-border);
  background-color: var(--onboarding-color-surface);
  overflow: hidden;
  box-shadow: 0 0 0 var(--survey-mobile-shell-ring-size) var(--survey-mobile-shell-ring-color), var(--survey-mobile-shell-shadow-primary), var(--survey-mobile-shell-shadow-secondary);
  transition: background-color 0.2s, border-color 0.2s;
}
.mobile-preview-frame.dark {
  background-color: var(--survey-color-mobile-frame-dark-bg);
  border-color: var(--survey-color-mobile-header-dark-bg);
}
.mobile-preview-frame .status-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 28px;
  background-color: var(--motif-surface);
}
.mobile-preview-frame .status-bar.dark {
  background-color: var(--survey-color-statusbar-dark-bg);
}
.mobile-preview-frame .status-bar .status-indicator {
  width: 60px;
  height: 6px;
  border-radius: 3px;
  background-color: var(--survey-color-status-indicator);
}
.mobile-preview-frame .status-bar .status-indicator.dark {
  background-color: var(--survey-color-status-indicator-dark);
}
.mobile-preview-frame .app-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-height: 52px;
  padding: 0 14px;
  background-color: var(--survey-dark-primary);
}
.mobile-preview-frame .app-header .app-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}
.mobile-preview-frame .app-header .app-title {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-surface);
}
.mobile-preview-frame .app-header.dark {
  background-color: var(--survey-color-mobile-header-dark-bg);
}
.mobile-preview-frame .app-header.dark .app-title {
  color: var(--survey-color-text-inverse-soft);
}
.mobile-preview-frame .survey-name-header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 48px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--onboarding-color-section-divider);
  background-color: var(--motif-surface);
}
.mobile-preview-frame .survey-name-header .survey-name-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.mobile-preview-frame .survey-name-header.dark {
  border-bottom-color: var(--survey-color-border-dark-muted);
}
.mobile-preview-frame .survey-name-header.dark .survey-name-title {
  color: var(--survey-color-text-inverse-soft);
}
.mobile-preview-frame .onboarding-mobile-tabs-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  margin-bottom: 14px;
  background-color: var(--motif-surface);
}
.mobile-preview-frame .onboarding-mobile-tabs {
  display: flex;
  gap: 0;
  width: 100%;
  overflow-x: auto;
  flex-shrink: 0;
  border-bottom: 1px solid var(--onboarding-color-section-divider);
  background-color: var(--motif-surface);
}
.mobile-preview-frame .onboarding-mobile-tab {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 43px;
  min-height: 44px;
  padding: 6px 0;
  margin-right: 24px;
  color: var(--motif-600);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: default;
}
.mobile-preview-frame .onboarding-mobile-tab--active {
  color: var(--motif-900);
  font-weight: 700;
  border-bottom-color: var(--motif-900);
}
.mobile-preview-frame .preview-image {
  flex-shrink: 0;
  height: 100px;
  margin-bottom: 10px;
}
.mobile-preview-frame .preview-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-preview-frame .preview-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-y: auto;
  padding: 14px;
}
.mobile-preview-frame .preview-body .empty-state {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-preview-frame .preview-body .empty-state .empty-text {
  font-size: 10px;
  font-weight: 300;
  color: var(--onboarding-color-border-dashed-hover);
}
.mobile-preview-frame .preview-body .empty-state.dark .empty-text {
  color: var(--onboarding-color-muted);
}
.mobile-preview-frame .preview-body .preview-sections {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mobile-preview-frame .preview-body .preview-section {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--onboarding-color-section-divider);
  border-radius: 0.75rem;
  background-color: var(--onboarding-color-surface);
  overflow: hidden;
}
.mobile-preview-frame .preview-body .preview-section.dark {
  background-color: var(--survey-color-section-dark-bg);
  border-color: var(--survey-color-border-dark-muted);
}
.mobile-preview-frame .preview-body .preview-section .preview-section__header {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.mobile-preview-frame .preview-body .preview-section .preview-section__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--survey-color-text-secondary);
  transition: transform 0.2s;
}
.mobile-preview-frame .preview-body .preview-section .preview-section__chevron.open {
  transform: rotate(180deg);
}
.mobile-preview-frame .preview-body .preview-section .section-title {
  font-weight: 600;
  color: var(--onboarding-color-surface-dark);
  font-size: 12px;
  flex: 1;
  min-width: 0;
}
.mobile-preview-frame .preview-body .preview-section .section-title.rich .onboarding-customization__render-html {
  display: block;
  color: inherit;
}
.mobile-preview-frame .preview-body .preview-section .section-title.rich .onboarding-customization__render-html p {
  margin: 0;
}
.mobile-preview-frame .preview-body .preview-section .section-title.title-sm {
  font-size: 10px;
}
.mobile-preview-frame .preview-body .preview-section .section-title.title-md {
  font-size: 12px;
}
.mobile-preview-frame .preview-body .preview-section .section-title.title-lg {
  font-size: 14px;
}
.mobile-preview-frame .preview-body .preview-section .section-title.align-left {
  text-align: left;
}
.mobile-preview-frame .preview-body .preview-section .section-title.align-center {
  text-align: center;
}
.mobile-preview-frame .preview-body .preview-section .section-title.align-right {
  text-align: right;
}
.mobile-preview-frame .preview-body .preview-section .section-title.dark {
  color: var(--survey-color-text-inverse-soft);
}
.mobile-preview-frame .preview-body .preview-section .preview-section__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 12px 12px 38px;
  min-height: 0;
  color: var(--onboarding-color-text-secondary);
}
.mobile-preview-frame .preview-body .preview-section .preview-section__body.dark {
  color: var(--onboarding-color-muted);
}
.mobile-preview-frame .preview-body .preview-section .section-image {
  flex-shrink: 0;
  border-radius: 0.375rem;
  overflow: hidden;
  max-height: 70px;
}
.mobile-preview-frame .preview-body .preview-section .section-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-preview-frame .preview-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 14px 12px;
  border-top: 1px solid var(--onboarding-color-section-divider);
}
.mobile-preview-frame .preview-footer.dark {
  border-top-color: var(--survey-color-border-dark-muted);
}
.mobile-preview-frame .preview-footer .nav-button {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 0.375rem;
  border: 1px solid var(--onboarding-color-border-soft);
  background-color: var(--onboarding-color-surface);
  color: var(--onboarding-color-text-secondary);
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.mobile-preview-frame .preview-footer .nav-button:hover:not(:disabled) {
  background-color: var(--onboarding-color-hover-surface);
}
.mobile-preview-frame .preview-footer .nav-button.primary {
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-surface);
  border-color: var(--onboarding-color-surface-dark);
}
.mobile-preview-frame .preview-footer .nav-button.primary:hover:not(:disabled) {
  opacity: 0.9;
}
.mobile-preview-frame .preview-footer .nav-button.dark {
  background-color: var(--survey-color-mobile-frame-dark-bg);
  border-color: var(--survey-color-border-dark-muted);
  color: var(--onboarding-color-muted);
}
.mobile-preview-frame .preview-footer .nav-button.dark.primary {
  background-color: var(--onboarding-color-accent-yellow);
  color: var(--survey-color-mobile-frame-dark-bg);
  border-color: var(--onboarding-color-accent-yellow);
}
.mobile-preview-frame .preview-footer .nav-icon-button {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background-color: var(--survey-dark-primary);
  color: var(--survey-white);
  cursor: pointer;
}
.mobile-preview-frame .preview-footer .nav-icon-button:hover {
  background-color: var(--survey-dark-tertiary);
}
.mobile-preview-frame .preview-footer .nav-icon-button svg {
  color: var(--survey-white) !important;
}
.mobile-preview-frame .bottom-notch {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 14px;
  background-color: var(--onboarding-color-preview-bg);
}
.mobile-preview-frame .bottom-notch.dark {
  background-color: var(--survey-color-surface-deep-dark);
}
.mobile-preview-frame .bottom-notch .notch-bar {
  width: 70px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--onboarding-color-border-dashed);
}
.mobile-preview-frame .bottom-notch .notch-bar.dark {
  background-color: var(--survey-color-border-dark-muted);
}

.desktop-preview-frame {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 680px;
  max-width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  border: 1px solid var(--survey-color-border-muted);
  transition: border-color 0.2s;
}
.desktop-preview-frame.dark {
  border-color: var(--survey-color-border-dark-strong);
}
.desktop-preview-frame .browser-header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  height: 30px;
  padding: 0 12px;
  background-color: var(--survey-color-browser-header-bg);
  border-bottom: 1px solid var(--survey-color-border-muted);
  transition: all 0.2s;
}
.desktop-preview-frame .browser-header.dark {
  background-color: var(--survey-color-browser-header-dark-bg);
  border-bottom-color: var(--survey-color-border-dark-strong);
}
.desktop-preview-frame .browser-header .browser-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.desktop-preview-frame .browser-header .browser-buttons .browser-button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.desktop-preview-frame .browser-header .browser-buttons .browser-button.close {
  background-color: var(--motif-browser-light-red);
}
.desktop-preview-frame .browser-header .browser-buttons .browser-button.minimize {
  background-color: var(--motif-browser-light-yellow);
}
.desktop-preview-frame .browser-header .browser-buttons .browser-button.maximize {
  background-color: var(--motif-browser-light-green);
}
.desktop-preview-frame .browser-header .url-bar {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 220px;
  margin: 0 auto;
  height: 18px;
  border-radius: 0.375rem;
  background-color: var(--motif-browser-address-bar-bg);
}
.desktop-preview-frame .browser-header .url-bar.dark {
  background-color: var(--survey-color-browser-url-dark-bg);
}
.desktop-preview-frame .browser-header .url-bar .url-text {
  font-size: 10px;
  color: var(--survey-color-browser-url-text);
}
.desktop-preview-frame .browser-header .url-bar .url-text.dark {
  color: var(--survey-color-browser-url-text-dark);
}
.desktop-preview-frame .browser-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--onboarding-color-surface);
  transition: background-color 0.2s;
}
.desktop-preview-frame .browser-content.dark {
  background-color: var(--survey-color-mobile-frame-dark-bg);
}
.desktop-preview-frame .browser-content .desktop-app-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-height: 52px;
  padding: 0 16px;
  background-color: var(--survey-dark-primary);
}
.desktop-preview-frame .browser-content .desktop-app-header .desktop-app-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}
.desktop-preview-frame .browser-content .desktop-app-header .desktop-app-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--survey-white);
}
.desktop-preview-frame .browser-content .desktop-survey-name-header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 48px;
  padding: 10px 16px;
  border-bottom: none;
  background-color: var(--survey-white);
}
.desktop-preview-frame .browser-content .desktop-survey-name-header .desktop-survey-name-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--survey-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.desktop-preview-frame .browser-content .onboarding-desktop-tabs-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  margin-bottom: 12px;
  background-color: var(--survey-white);
}
.desktop-preview-frame .browser-content .onboarding-desktop-tabs {
  display: flex;
  gap: 0;
  width: 100%;
  overflow-x: auto;
  flex-shrink: 0;
  border-bottom: none;
  background-color: var(--survey-white);
}
.desktop-preview-frame .browser-content .onboarding-desktop-tab {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 43px;
  min-height: 44px;
  padding: 6px 0;
  margin-right: 24px;
  color: var(--survey-gray-light-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: default;
}
.desktop-preview-frame .browser-content .onboarding-desktop-tab--active {
  color: var(--survey-text-primary);
  font-weight: 700;
  border-bottom: 2px solid var(--survey-text-primary);
}
.desktop-preview-frame .browser-content .cover-section {
  position: relative;
  flex-shrink: 0;
  height: 120px;
}
.desktop-preview-frame .browser-content .cover-section img,
.desktop-preview-frame .browser-content .cover-section .cover-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.desktop-preview-frame .browser-content .cover-section .cover-placeholder {
  background-color: var(--motif-900);
}
.desktop-preview-frame .browser-content .cover-section .cover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.desktop-preview-frame .browser-content .cover-section .cover-branding {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.desktop-preview-frame .browser-content .cover-section .cover-branding .brand-badge {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: var(--motif-yellow);
  color: var(--motif-900);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: -0.2px;
  flex-shrink: 0;
}
.desktop-preview-frame .browser-content .cover-section .cover-branding .brand-name {
  color: var(--motif-surface);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.desktop-preview-frame .browser-content .content-area {
  flex: 1;
  overflow-y: auto;
  padding: 20px 32px;
}
.desktop-preview-frame .browser-content .content-area .content-wrapper {
  width: 100%;
  max-width: 100%;
}
.desktop-preview-frame .browser-content .content-area .intro-header {
  margin-bottom: 16px;
}
.desktop-preview-frame .browser-content .content-area .intro-header .intro-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--onboarding-color-surface-dark);
  display: block;
  margin-bottom: 4px;
}
.desktop-preview-frame .browser-content .content-area .intro-header .intro-title.dark {
  color: var(--survey-color-text-inverse-soft);
}
.desktop-preview-frame .browser-content .content-area .intro-header .intro-subtitle {
  font-size: 11px;
  color: var(--onboarding-color-muted);
}
.desktop-preview-frame .browser-content .content-area .intro-header .intro-subtitle.dark {
  color: var(--onboarding-color-muted);
}
.desktop-preview-frame .browser-content .content-area .sections-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(100%, 720px);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--onboarding-color-hover-surface);
  width: 100%;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section:last-child {
  border-bottom: none;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section.dark {
  border-bottom-color: var(--survey-color-border-dark-soft);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 0;
  cursor: pointer;
  user-select: none;
  justify-content: flex-start;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--onboarding-color-section-divider);
  flex-shrink: 0;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-counter.dark {
  background-color: var(--survey-color-border-dark-strong);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-counter .counter-text {
  font-size: 11px;
  font-weight: 600;
  color: var(--onboarding-color-muted);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  color: var(--onboarding-color-surface-dark);
  text-align: left;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.rich .onboarding-customization__render-html {
  color: inherit;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.rich .onboarding-customization__render-html p {
  margin: 0;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.title-sm {
  font-size: 14px;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.title-lg {
  font-size: 18px;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.align-left {
  text-align: left;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.align-center {
  text-align: center;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.align-right {
  text-align: right;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .section-title.dark {
  color: var(--survey-color-text-inverse-soft);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .accordion-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform 0.2s;
  color: var(--onboarding-color-muted);
  color: var(--survey-color-text-secondary);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-header .accordion-chevron.open {
  transform: rotate(180deg);
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-body {
  padding-bottom: 16px;
  padding-left: 30px;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-body .section-image {
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 8px;
  max-height: 96px;
}
.desktop-preview-frame .browser-content .content-area .sections-container .section .accordion-body .section-image img {
  width: 100%;
  object-fit: cover;
  max-height: 96px;
}
.desktop-preview-frame .browser-content .content-area .sections-container .empty-sections {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
}
.desktop-preview-frame .browser-content .content-area .sections-container .empty-sections .empty-text {
  font-size: 11px;
  color: var(--onboarding-color-border-dashed-hover);
}
.desktop-preview-frame .browser-content .content-footer {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  padding: 14px 48px 16px;
}
.desktop-preview-frame .browser-content .content-footer .start-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 20px;
  border-radius: 0.375rem;
  border: none;
  background-color: var(--onboarding-color-surface-dark);
  color: var(--onboarding-color-surface);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}
.desktop-preview-frame .browser-content .content-footer .start-button:hover {
  opacity: 0.9;
}
.desktop-preview-frame .browser-content .content-footer .start-button.dark {
  background-color: var(--onboarding-color-accent-yellow);
  color: var(--survey-color-mobile-frame-dark-bg);
}

/* ============================================
   Utility Classes
   ============================================ */
@media (max-width: 768px) {
  .hidden-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .hidden-desktop {
    display: flex;
  }
}
@media (min-width: 769px) {
  .hidden-desktop {
    display: none;
  }
}

.mobile-preview-scrollable-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mobile-preview-scrollable-body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* ============================================
   Local Utility Classes (Tailwind replacement)
   ============================================ */
.oc-absolute {
  position: absolute;
}

.oc-fixed {
  position: fixed;
}

.oc-relative {
  position: relative;
}

.oc-inset-0 {
  inset: 0;
}

.oc-top-0 {
  top: 0;
}

.oc-top-2 {
  top: 0.5rem;
}

.oc-right-0 {
  right: 0;
}

.oc-right-2 {
  right: 0.5rem;
}

.oc-bottom-0 {
  bottom: 0;
}

.oc-left-0 {
  left: 0;
}

.oc-z-10 {
  z-index: 10;
}

.oc-z-100 {
  z-index: 100;
}

.oc-flex {
  display: flex;
}

.oc-block {
  display: block;
}

.oc-hidden {
  display: none;
}

.oc-flex-1 {
  flex: 1 1 0%;
}

.oc-flex-col {
  flex-direction: column;
}

.oc-flex-shrink-0 {
  flex-shrink: 0;
}

.oc-items-center {
  align-items: center;
}

.oc-items-start {
  align-items: flex-start;
}

.oc-justify-center {
  justify-content: center;
}

.oc-justify-between {
  justify-content: space-between;
}

.oc-justify-end {
  justify-content: flex-end;
}

.oc-gap-0-5 {
  gap: 0.125rem;
}

.oc-gap-1 {
  gap: 0.25rem;
}

.oc-gap-1-5 {
  gap: 0.375rem;
}

.oc-gap-2 {
  gap: 0.5rem;
}

.oc-gap-2-5 {
  gap: 0.625rem;
}

.oc-gap-3 {
  gap: 0.75rem;
}

.oc-gap-4 {
  gap: 1rem;
}

.oc-min-h-0 {
  min-height: 0;
}

.oc-min-w-0 {
  min-width: 0;
}

.oc-max-w-0 {
  max-width: 0;
}

.oc-w-full {
  width: 100%;
}

.oc-h-full {
  height: 100%;
}

.oc-w-3 {
  width: 0.75rem;
}

.oc-h-3 {
  height: 0.75rem;
}

.oc-w-3-5 {
  width: 0.875rem;
}

.oc-h-3-5 {
  height: 0.875rem;
}

.oc-w-4 {
  width: 1rem;
}

.oc-h-4 {
  height: 1rem;
}

.oc-w-5 {
  width: 1.25rem;
}

.oc-h-5 {
  height: 1.25rem;
}

.oc-overflow-hidden {
  overflow: hidden;
}

.oc-overflow-y-auto {
  overflow-y: auto;
}

.oc-object-cover {
  object-fit: cover;
}

.oc-resize-none {
  resize: none;
}

.oc-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.oc-rounded {
  border-radius: 0.25rem;
}

.oc-rounded-md {
  border-radius: 0.375rem;
}

.oc-rounded-lg {
  border-radius: 0.5rem;
}

.oc-rounded-full {
  border-radius: 9999px;
}

.oc-font-light {
  font-weight: 300;
}

.oc-font-normal {
  font-weight: 400;
}

.oc-font-medium {
  font-weight: 500;
}

.oc-font-semibold {
  font-weight: 600;
}

.oc-font-bold {
  font-weight: 700;
}

.oc-text-left {
  text-align: left;
}

.oc-text-10px {
  font-size: 10px;
}

.oc-text-11px {
  font-size: 11px;
}

.oc-text-12px {
  font-size: 12px;
}

.oc-text-13px {
  font-size: 13px;
}

.oc-text-14px {
  font-size: 14px;
}

.oc-text-15px {
  font-size: 15px;
}

.oc-leading-relaxed {
  line-height: 1.625;
}

.oc-opacity-0 {
  opacity: 0;
}

.oc-cursor-pointer {
  cursor: pointer;
}

.oc-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.oc-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.oc-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.oc-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.oc-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.oc-duration-150 {
  transition-duration: 150ms;
}

.oc-duration-200 {
  transition-duration: 200ms;
}

.oc-animate-spin {
  animation: spin 1s linear infinite;
}

.oc-hover-bg-red-100:hover {
  background-color: var(--onboarding-color-error-icon-bg);
}

.oc-group-tsize:hover .oc-group-hover-tsize-max-w-80px {
  max-width: 80px;
}

.oc-group-talign:hover .oc-group-hover-talign-max-w-80px {
  max-width: 80px;
}

.oc-group-bsize:hover .oc-group-hover-bsize-max-w-80px {
  max-width: 80px;
}

.oc-group-bfont:hover .oc-group-hover-bfont-max-w-120px {
  max-width: 120px;
}

.oc-group-balign:hover .oc-group-hover-balign-max-w-80px {
  max-width: 80px;
}

.oc-group-onb:hover .oc-group-hover-onb-opacity-100 {
  opacity: 1;
}

/* ============================================
   Save Draft Button Styles
   ============================================ */
.survey-top-bar__save-draft-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 4px;
  border: none !important;
  background-color: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 12px;
  height: 28px;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
  color: var(--survey-gray-800) !important;
  width: fit-content;
  position: absolute;
  right: 32px;
  top: -40px;
}
.survey-top-bar__save-draft-btn .motif-icon {
  width: 16px !important;
  height: 14px !important;
}
.survey-top-bar__save-draft-btn:hover {
  background-color: var(--onboarding-color-ai-bg);
  border-color: var(--survey-color-border-muted);
}
.survey-top-bar__save-draft-btn:active {
  background-color: var(--survey-color-active-pressed-bg);
}
.survey-top-bar__save-draft-btn {
  /* Spinner icon styles */
}
.survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--onboarding-color-muted);
  border-top-color: transparent;
  animation: spin 0.8s linear infinite;
}
.survey-top-bar__save-draft-btn {
  /* Success icon styles */
}
.survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__success {
  color: var(--survey-color-success) !important;
}
.survey-top-bar__save-draft-btn {
  /* Default upload icon styles */
}
.survey-top-bar__save-draft-btn .survey-top-bar__save-draft-btn__upload {
  color: var(--onboarding-color-text-secondary) !important;
}

/* ============================================
   EYEditor / Quill Overrides
   ============================================ */
.motif-quill-container .ql-tooltip {
  left: -10px !important;
}
.motif-quill-container .motif-rich-text-editor .ql-snow .ql-picker-label::before {
  line-height: 1.57143rem;
  font-size: 14px;
  line-height: 22px;
  font-family: "ey_interstate", sans-serif;
}
.motif-quill-container .motif-rich-text-editor .ql-snow:focus {
  box-shadow: none;
  outline: none;
}
.motif-quill-container .motif-rich-text-editor .ql-snow:focus-visible {
  box-shadow: none;
  outline: none;
}
.motif-quill-container .motif-rich-text-editor .ql-snow.ql-toolbar button svg {
  width: 1.1rem;
  height: 1.1rem;
}
.motif-quill-container .motif-rich-text-editor .ql-editor::before {
  font-family: "ey_interstate", sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin-top: -9px;
  padding-left: 5px;
  line-height: 1.5714285;
  opacity: 0.9;
}
.motif-quill-container .ql-editor {
  font-family: var(--primary-font);
  font-size: var(--body-font-size);
  font-weight: var(--weight-light);
  color: var(--body-color);
  min-height: 100px;
  max-height: 200px;
  overflow-y: auto;
}
.motif-quill-container .ql-editor:focus {
  box-shadow: none;
  outline: none;
}

.onboarding-section-title-editor {
  margin-bottom: 6px;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--size-sm .motif-rich-text-editor .ql-editor {
  font-size: 13px;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--size-md .motif-rich-text-editor .ql-editor {
  font-size: 15px;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--size-lg .motif-rich-text-editor .ql-editor {
  font-size: 18px;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--align-left .motif-rich-text-editor .ql-editor {
  text-align: left;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--align-center .motif-rich-text-editor .ql-editor {
  text-align: center;
}
.onboarding-section-title-editor.onboarding-customization__section-title-editor--align-right .motif-rich-text-editor .ql-editor {
  text-align: right;
}
.onboarding-section-title-editor .motif-rich-text-editor {
  border: none;
  border-radius: 0;
  overflow: visible;
  background-color: transparent;
  box-shadow: none;
}
.onboarding-section-title-editor .motif-rich-text-editor:focus-within {
  box-shadow: none;
}
.onboarding-section-title-editor .motif-rich-text-editor .ql-snow.ql-toolbar {
  padding: 8px 12px;
  border: 1px solid var(--onboarding-color-section-divider);
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background-color: var(--onboarding-color-preview-bg);
}
.onboarding-section-title-editor .motif-rich-text-editor .ql-container.ql-snow {
  border: 1px solid var(--onboarding-color-section-divider);
  border-radius: 0 0 6px 6px;
  background-color: var(--motif-white);
}
.onboarding-section-title-editor .motif-rich-text-editor .ql-editor {
  min-height: 54px;
  max-height: 54px;
  padding: 14px 16px 12px;
  overflow-y: hidden;
  color: var(--motif-900);
  font-weight: 600;
  white-space: nowrap;
}
.onboarding-section-title-editor .motif-rich-text-editor:focus-within .ql-snow.ql-toolbar,
.onboarding-section-title-editor .motif-rich-text-editor:focus-within .ql-container.ql-snow {
  border-color: var(--onboarding-color-surface-dark);
}
.onboarding-section-title-editor .motif-rich-text-editor .ql-editor::before {
  margin-top: 0;
  padding-left: 0;
  font-weight: 600;
  color: var(--onboarding-color-muted);
}
.onboarding-section-title-editor.onboarding-section-title-editor--draft .motif-rich-text-editor .ql-editor::before {
  font-weight: 300;
  font-size: 14px;
  color: var(--motif-400);
  opacity: 0.9;
}
.onboarding-section-title-editor .motif-rich-text-editor .ql-editor p {
  margin: 0;
}

.onboarding-section-body-editor .motif-rich-text-editor .ql-editor::before {
  font-weight: 300;
  font-size: 14px;
  color: var(--motif-400);
  opacity: 0.9;
}

.onboarding-customization__render-html {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  color: inherit;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.onboarding-customization__render-html p,
.onboarding-customization__render-html span,
.onboarding-customization__render-html strong,
.onboarding-customization__render-html em,
.onboarding-customization__render-html u {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
}
.onboarding-customization__render-html .ql-size-small {
  font-size: 0.75em;
}
.onboarding-customization__render-html .ql-size-large {
  font-size: 1.5em;
}
.onboarding-customization__render-html .ql-size-huge {
  font-size: 2.5em;
}
.onboarding-customization__render-html .ql-align-center {
  text-align: center;
}
.onboarding-customization__render-html .ql-align-right {
  text-align: right;
}
.onboarding-customization__render-html .ql-align-justify {
  text-align: justify;
}
.onboarding-customization__render-html .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.onboarding-customization__render-html .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.onboarding-customization__render-html .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.onboarding-customization__render-html .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.onboarding-customization__render-html .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.onboarding-customization__render-html p {
  margin: 0 0 0.25em;
}
.onboarding-customization__render-html ul,
.onboarding-customization__render-html ol {
  padding-left: 1.5em;
  margin: 0 0 0.25em;
}
.onboarding-customization__render-html li {
  margin-bottom: 0.1em;
}
.onboarding-customization__render-html a {
  color: var(--onboarding-color-accent-primary);
  text-decoration: underline;
}
.onboarding-customization__render-html strong {
  font-weight: 600;
}
.onboarding-customization__render-html em {
  font-style: italic;
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}
@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton-block {
  display: block;
  background: linear-gradient(90deg, var(--motif-150) 25%, var(--motif-100) 50%, var(--motif-150) 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}

.skeleton-loader {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.skeleton-pills {
  display: flex;
  gap: 6px;
  align-items: center;
}
.skeleton-pills__item {
  flex-shrink: 0;
}

.skeleton-table {
  border-radius: 12px;
  border: 1px solid var(--motif-150);
  background: var(--motif-surface);
  overflow: hidden;
}
.skeleton-table__head {
  display: grid;
  grid-template-columns: var(--rt-grid-cols, 1.6fr 1fr 1.4fr 1fr 0.7fr 176px);
  gap: var(--rt-grid-gap, 16px);
  padding: var(--rt-grid-padding, 0 24px);
  height: 40px;
  border-bottom: 1px solid var(--motif-150);
  background: var(--motif-100);
  align-items: center;
}
.skeleton-table__row {
  display: grid;
  grid-template-columns: var(--rt-grid-cols, 1.6fr 1fr 1.4fr 1fr 0.7fr 176px);
  gap: var(--rt-grid-gap, 16px);
  padding: var(--rt-grid-padding, 0 24px);
  height: 56px;
  align-items: center;
  border-bottom: 1px solid var(--motif-100);
}
.skeleton-table__row:last-child {
  border-bottom: none;
}
.skeleton-table__cell {
  display: flex;
  align-items: center;
  min-width: 0;
}
.skeleton-table__cell--respondent {
  gap: 12px;
}
.skeleton-table__cell--actions {
  justify-content: flex-end;
}
.skeleton-table__avatar {
  flex-shrink: 0;
}
.skeleton-table__text-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.skeleton-responses {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.skeleton-resp-toggle {
  display: flex;
  gap: 4px;
}

.skeleton-resp-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.skeleton-resp-stats__card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--motif-surface);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
}
.skeleton-resp-stats__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.skeleton-resp-layout {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.skeleton-resp-sidebar {
  flex-shrink: 0;
  width: 260px;
  border: 1px solid var(--motif-150);
  border-radius: 12px;
  background: var(--motif-surface);
  overflow: hidden;
}
.skeleton-resp-sidebar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--motif-100);
}
.skeleton-resp-sidebar__item:last-child {
  border-bottom: none;
}
.skeleton-resp-sidebar__avatar {
  flex-shrink: 0;
}
.skeleton-resp-sidebar__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.skeleton-resp-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.skeleton-resp-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--motif-150);
  border-radius: 12px;
  background: var(--motif-surface);
}
.skeleton-resp-profile__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.skeleton-resp-profile__completion {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 120px;
  align-items: flex-end;
}

.skeleton-resp-domain {
  border: 1px solid var(--motif-150);
  border-radius: 10px;
  background: var(--motif-surface);
  overflow: hidden;
}
.skeleton-resp-domain__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}.respondent-tracking {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 32px 8rem 64px;
  background-color: var(--motif-50);
  min-height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  --rt-progress-complete: #22c55e;
  --rt-progress-in-progress: #d97706;
  --rt-progress-empty: #e6e6e9;
  --rt-progress-text: #656579;
  --rt-info-tint-06: color-mix(in srgb, var(--motif-info) 6%, var(--motif-surface));
  --rt-info-tint-12: color-mix(in srgb, var(--motif-info) 12%, var(--motif-surface));
  --rt-info-tint-15: color-mix(in srgb, var(--motif-info) 15%, var(--motif-surface));
  --rt-error-tint-06: color-mix(in srgb, var(--motif-error) 6%, var(--motif-surface));
  --rt-error-tint-12: color-mix(in srgb, var(--motif-error) 12%, var(--motif-surface));
  --rt-error-tint-15: color-mix(in srgb, var(--motif-error) 15%, var(--motif-surface));
}

.rt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.rt-header__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rt-header__right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.rt-header__right .motif-input-component {
  height: 2rem;
  min-height: 2rem;
}

.rt-title {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--motif-900) !important;
  margin: 0 !important;
}

.rt-count {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-500);
}

.rt-add-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 14px;
  border-radius: 6px;
  background-color: var(--motif-900);
  color: var(--motif-surface);
  font-size: 13px;
  font-weight: 400;
  border: none;
  cursor: pointer;
}
.rt-add-btn:hover {
  background-color: var(--motif-800);
}

.rt-filters {
  display: flex;
  align-items: center;
  gap: 16px;
}
.rt-filters__list {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.rt-pill {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  background: var(--motif-surface);
  border: 1px solid var(--motif-150);
  color: var(--motif-600);
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.15s;
}
.rt-pill:hover:not(.rt-pill--active) {
  background: var(--motif-100);
}
.rt-pill--active {
  background-color: var(--motif-900);
  border-color: var(--motif-900);
  color: var(--motif-surface);
}
.rt-pill--active .rt-pill__count {
  opacity: 0.7;
  color: var(--motif-surface);
}
.rt-pill__count {
  font-size: 11px;
  opacity: 0.7;
}

.rt-refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--motif-surface);
  border: 1px solid var(--motif-150);
  color: var(--motif-500);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s;
  padding: 0;
}
.rt-refresh:hover:not(.rt-refresh--spinning) {
  background: var(--motif-100);
  color: var(--motif-600);
}
.rt-refresh--spinning {
  color: var(--motif-400);
  cursor: default;
}

.icon-spin {
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.rt-ag-table {
  height: calc(100vh - 320px);
  min-height: 400px;
  --ag-border-color: var(--motif-150);
  --ag-row-border-color: var(--motif-100);
  --ag-header-background-color: var(--motif-surface-tertiary);
  --ag-background-color: var(--motif-surface);
  --ag-odd-row-background-color: var(--motif-surface);
  --ag-row-hover-color: var(--motif-50);
  --ag-border-radius: 12px;
  --ag-header-column-separator-display: none;
  --ag-cell-horizontal-padding: 16px;
  --ag-font-size: 13px;
  --ag-row-group-indent-size: 0px;
}
.rt-ag-table .ag-cell {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}
.rt-ag-table .ag-row {
  margin-top: 0;
  border-bottom: 1px solid var(--motif-100);
}
.rt-ag-table .ag-header-cell-text {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-500);
}
.rt-ag-table .ag-full-width-row {
  border-bottom: 1px solid var(--motif-100);
}
.rt-ag-table .ag-full-width-row .ag-cell-wrapper {
  width: 100%;
}
.rt-ag-table .ag-full-width-row:not(:has(.rt-loading-more-row)) {
  background: var(--motif-50);
}

.rt-table__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 128px;
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-500);
}

.rt-cell {
  display: flex;
  align-items: center;
  min-width: 0;
}
.rt-cell--respondent {
  gap: 12px;
}
.rt-cell--actions {
  justify-content: flex-end;
  gap: 6px;
}

.rt-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  background-color: var(--motif-100);
  color: var(--motif-600);
  transition: background-color 0.15s, color 0.15s;
}
.rt-avatar--failed {
  background-color: #fee8e8;
  color: var(--motif-error, #dc2626);
}

.rt-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.rt-info__name {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rt-info__email {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rt-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.rt-status__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.rt-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.rt-bar {
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: var(--motif-150);
}
.rt-bar__fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s;
}

.rt-pct {
  font-size: 11px;
  font-weight: 400;
  flex-shrink: 0;
  width: 28px;
  text-align: right;
}

.rt-fail-reason {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-error, #b91c1c);
}

.rt-empty {
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-300);
}

.rt-last-activity {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-300);
}
.rt-last-activity--has-value {
  color: var(--motif-600);
}

.rt-docs-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 6px;
  border-radius: 6px;
  background: transparent;
  border: none;
  color: var(--motif-500);
  cursor: pointer;
  transition: background 0.15s;
}
.rt-docs-btn:hover {
  background: var(--motif-100);
}
.rt-docs-btn__count {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-600);
}

.rt-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px !important;
  font-weight: 400;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}
.rt-btn--view {
  color: var(--motif-info);
  background: var(--rt-info-tint-06);
  border: 1px solid var(--rt-info-tint-15);
  pointer-events: none;
}
.rt-btn--view:hover {
  background: var(--rt-info-tint-12);
}
.rt-btn--resend {
  color: var(--motif-error, #dc2626);
  background: var(--rt-error-tint-06);
  border: 1px solid var(--rt-error-tint-15);
}
.rt-btn--resend:hover {
  background: var(--rt-error-tint-12);
}

.rt-error-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid var(--motif-error);
  border-radius: 8px;
  background: var(--rt-error-tint-06);
  color: var(--motif-error);
  font-size: 13px;
}

.rt-expanded-content {
  padding: 16px 0;
  transition: opacity 0.2s ease-in-out 0.1s;
}

.rt-expanded__title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  margin: 0 0 12px 0 !important;
}

.rt-documents-table {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  background: var(--motif-surface);
  overflow: hidden;
  animation: slideInUp 0.3s ease-out;
}

.rt-documents-header {
  display: grid;
  grid-template-columns: 2fr 2fr 0.8fr 0.8fr 48px;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--motif-150);
}

.rt-doc-header {
  font-size: 11px;
  font-weight: 500;
  color: var(--motif-600);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: right;
}
.rt-doc-header--name, .rt-doc-header--request {
  text-align: left;
}

.rt-documents-list {
  display: flex;
  flex-direction: column;
}

.rt-document-row {
  display: grid;
  grid-template-columns: 2fr 2fr 0.8fr 0.8fr 48px;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--motif-150);
  transition: all 0.2s ease-in-out;
}
.rt-document-row:last-child {
  border-bottom: none;
}
.rt-document-row:hover {
  background: var(--motif-100);
  transform: translateX(2px);
}

.rt-doc-cell {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: var(--motif-900);
}
.rt-doc-cell--name {
  gap: 8px;
  font-weight: 400;
}
.rt-doc-cell--request {
  font-weight: 300;
  color: var(--motif-600);
  opacity: 0.5;
}
.rt-doc-cell--size {
  font-weight: 400;
  color: var(--motif-700);
  opacity: 0.5;
}
.rt-doc-cell--type {
  font-weight: 500;
  color: var(--motif-800);
  opacity: 0.5;
}
.rt-doc-cell--action {
  justify-content: center;
}

.rt-document__name {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
}

.rt-document__download {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  color: var(--motif-600) !important;
  background: transparent !important;
  border: 1px solid var(--motif-200) !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
.rt-document__download:hover {
  color: var(--motif-info) !important;
  background: var(--rt-info-tint-06) !important;
  border-color: var(--rt-info-tint-15) !important;
}
.rt-document__download--loading {
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: var(--motif-200) !important;
  background: var(--motif-100) !important;
  opacity: 1 !important;
}

.rt-document__icon {
  display: inline-flex;
}

.rt-shared-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 16px;
  min-height: 88px;
  color: var(--motif-500);
}
.rt-shared-empty-state__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rt-shared-empty-state__icon svg {
  color: var(--motif-400);
  opacity: 0.7;
}
.rt-shared-empty-state__title {
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-500);
  line-height: 1.4;
}

.rt-loading-more-row {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.rt-loading-more-row .skeleton-table__row {
  border-bottom: none;
  background: var(--motif-surface);
}

#rt-search-input {
  padding: 0;
}.survey-import-questions {
  flex-shrink: 0;
  padding: 10px 24px 14px;
  border-bottom: 1px solid var(--motif-150);
  background-color: #fafafa;
}
.survey-import-questions__card {
  border-radius: 8px;
  border: 1px solid var(--motif-150);
  padding: 10px 12px;
  background-color: var(--motif-surface);
}
.survey-import-questions__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.survey-import-questions__header-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.survey-import-questions__header-icon {
  padding-top: 4px;
}
.survey-import-questions__header-icon svg {
  color: #7c6bff;
}
.survey-import-questions__header-title {
  margin: 0;
  font-size: 13px;
  font-weight: 500 !important;
  color: var(--motif-900);
}
.survey-import-questions__close-btn {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.survey-import-questions__close-btn:hover {
  background-color: var(--motif-100);
}
.survey-import-questions__close-icon {
  color: var(--motif-400);
}
.survey-import-questions__desc {
  margin: 0 24px 8px;
  font-size: 12px;
  line-height: 15px;
  color: var(--motif-600);
  font-weight: 300;
}
.survey-import-questions__dropzone {
  border-radius: 6px;
  margin-left: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 12px 0 10px;
  cursor: pointer;
  border: 1px dashed var(--motif-200);
  background-color: #fafafa;
  transition: border-color 0.15s, background-color 0.15s;
}
.survey-import-questions__dropzone--active {
  border-color: var(--motif-400);
  background-color: var(--motif-50, #f0f0f2);
}
.survey-import-questions__dropzone:hover {
  border-color: var(--motif-300);
}
.survey-import-questions__dropzone-icon {
  color: var(--motif-400);
  margin-bottom: 4px;
}
.survey-import-questions__dropzone-text {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  color: var(--motif-600);
  font-weight: 400;
}
.survey-import-questions__dropzone-hint {
  margin: 1px 0 0;
  font-size: 12px !important;
  line-height: 14px;
  color: var(--motif-400) !important;
  font-weight: 300;
}
.survey-import-questions__file-input {
  display: none;
}
.survey-import-questions__errors {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 24px 0;
}
.survey-import-questions__error {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #f3c7c3;
  border-radius: 6px;
  background-color: #fdf1f0;
}
.survey-import-questions__error-icon {
  flex-shrink: 0;
  color: #c0392b;
  margin-top: 1px;
}
.survey-import-questions__error-text {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #c0392b;
  font-weight: 400;
}
.survey-import-questions__file-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}
.survey-import-questions__file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding: 5px 10px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.survey-import-questions__file-info {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.survey-import-questions__file-name {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-900);
  font-weight: 400;
}
.survey-import-questions__file-icon {
  color: var(--motif-400);
  flex-shrink: 0;
}
.survey-import-questions__file-size {
  font-size: 12px !important;
  flex-shrink: 0;
  color: var(--motif-400) !important;
  font-weight: 300;
}
.survey-import-questions__remove-btn {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.survey-import-questions__remove-btn:hover {
  background-color: var(--motif-100);
}
.survey-import-questions__remove-icon {
  color: var(--motif-400);
  width: 14px;
}
.survey-import-questions__generate-wrap {
  margin-top: 8px;
}
.survey-import-questions__generate-btn {
  all: unset;
  margin-left: 24px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 12px;
  min-width: 142px;
  border-radius: 6px;
  background-color: var(--motif-900);
  color: var(--motif-surface);
  border: 1px solid transparent;
  transition: background-color 0.15s;
}
.survey-import-questions__generate-btn:hover {
  background-color: var(--motif-800, #46464f);
}
.survey-import-questions__generate-btn:disabled {
  cursor: not-allowed;
}
.survey-import-questions__generate-btn--disabled {
  background-color: var(--motif-300);
  color: var(--motif-500);
  cursor: not-allowed;
  pointer-events: none;
}
.survey-import-questions__generate-icon {
  color: inherit !important;
}
.survey-import-questions__generate-label {
  font-size: 12px;
  font-weight: 500;
  color: inherit !important;
}.motif-modal-takeover {
  animation-name: modal-slidout-animation;
  animation-duration: 0.25s;
}

.motif-modal-overlay {
  z-index: 1300 !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

.motif-modal {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
}
.motif-modal .motif-modal-header {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin: 0 !important;
  height: 70px !important;
  border-radius: inherit;
}
.motif-modal .motif-modal-header .motif-modal--header-icon-button {
  height: 44px !important;
}
.motif-modal .motif-modal-body {
  overflow: auto;
  padding: 1.2rem;
}
.motif-modal.motif-modal-content {
  overflow: hidden;
}
.motif-modal .motif-modal-footer {
  border-top: 1px solid var(--footer-border-color);
}

.custom-modal-close-button-container {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-modal-close-button-container .modal-close-icon-button {
  color: var(--modal-header-close-btn-color);
  height: 28px !important;
  width: 28px !important;
  padding: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-modal-close-button-container .modal-close-icon-button .modal-close-icon {
  height: 24px !important;
  width: 24px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-modal-header {
  min-height: 60px !important;
}
.custom-modal-header.motif-modal-header .motif-modal-headline {
  padding: 0;
  margin-left: 20px;
}
.custom-modal-header .custom-modal-close-button {
  height: 24px;
  margin-right: 20px;
}
.custom-modal-header .custom-modal-close-button:focus-visible {
  outline: 2px solid var(--focus-visible-color);
}
.custom-modal-header .custom-modal-close-button svg {
  height: 24px !important;
  width: 24px !important;
}

.custom-modal-footer {
  height: 76px;
  padding: 16px !important;
}
.custom-modal-footer .custom-modal-footer-button {
  padding: 11px 32px;
  margin-right: 16px;
}

.motif-modal-size-lg {
  min-width: 640px !important;
}
.motif-modal-size-lg .motif-modal-footer {
  height: 76px;
  padding: 15.5px 1.42857rem;
  flex-direction: row;
}
.motif-modal-size-lg .motif-modal-footer .actionBtn {
  height: 44px;
  width: 96px;
  box-sizing: border-box;
  text-transform: none;
}
.motif-modal-size-lg .motif-modal-footer .saveButtonActive:disabled {
  background-color: var(--btn-primary-alt-disabled-bg-color);
  border-color: var(--btn-primary-alt-disabled-border-color);
  color: var(--btn-primary-alt-disabled-color);
}
.motif-modal-size-lg .motif-modal-footer .saveButtonActive {
  background-color: var(--btn-primary-alt-bg-color);
  border-color: var(--btn-primary-alt-border-color);
  color: var(--btn-primary-alt-color);
}

.motif-modal-size-md .motif-modal-footer {
  height: 76px;
  padding: 15.5px 1.42857rem;
  flex-direction: row;
}
.motif-modal-size-md .motif-modal-footer .actionBtn {
  height: 44px;
  width: fit-content;
  box-sizing: border-box;
  text-transform: none;
}
.motif-modal-size-md .motif-modal-footer .saveButtonActive:disabled {
  background-color: var(--btn-primary-alt-disabled-bg-color);
  border-color: var(--btn-primary-alt-disabled-border-color);
  color: var(--btn-primary-alt-disabled-color);
}
.motif-modal-size-md .motif-modal-footer .saveButtonActive {
  background-color: var(--btn-primary-alt-bg-color);
  border-color: var(--btn-primary-alt-border-color);
  color: var(--btn-primary-alt-color);
}

.motif-modal-footer button + button {
  margin-top: 0 !important;
}.motif-icon-button:focus {
  box-shadow: none;
}
.motif-icon-button:hover {
  box-shadow: none;
}.survey-generating-loader-open,
.survey-generating-loader-modal,
.survey-generating-loader {
  --survey-generating-loader-overlay: color-mix(in srgb, var(--motif-900) 52%, transparent);
  --survey-generating-loader-shadow: color-mix(in srgb, var(--motif-900) 18%, transparent);
  --survey-generating-loader-spinner-shell-start: var(--motif-25, var(--motif-surface));
  --survey-generating-loader-spinner-shell-end: var(--motif-50, var(--motif-100));
  --survey-generating-loader-spinner-ring: var(--motif-100);
  --survey-generating-loader-spinner-ring-active: var(--motif-500);
  --survey-generating-loader-title: var(--motif-900);
  --survey-generating-loader-subtitle: var(--motif-600);
  --survey-generating-loader-progress-label: var(--motif-500);
  --survey-generating-loader-progress-track: var(--motif-100);
  --survey-generating-loader-progress-fill: var(--motif-900);
  --survey-generating-loader-step-border: var(--motif-150);
  --survey-generating-loader-step-bg: var(--motif-50);
  --survey-generating-loader-step-done-bg: var(--motif-900);
  --survey-generating-loader-step-active-bg: var(--motif-surface);
  --survey-generating-loader-step-active-border: var(--motif-200);
  --survey-generating-loader-step-spinner-ring: var(--motif-100);
  --survey-generating-loader-step-spinner-active: var(--motif-500);
  --survey-generating-loader-step-pending: var(--motif-300);
  --survey-generating-loader-step-done: var(--motif-700);
  --survey-generating-loader-step-active: var(--motif-400);
  --survey-generating-loader-step-failed: var(--motif-error);
  --survey-generating-loader-step-failed-border: color-mix(in srgb, var(--motif-error) 18%, var(--motif-surface));
  --survey-generating-loader-step-failed-bg: var(--motif-surface);
  --survey-generating-loader-note-border: color-mix(in srgb, var(--motif-200) 85%, var(--motif-surface));
  --survey-generating-loader-note-bg: color-mix(in srgb, var(--motif-50) 60%, var(--motif-surface));
  --survey-generating-loader-note-text: var(--motif-700);
  --survey-generating-loader-failure-shell-bg: color-mix(in srgb, var(--motif-error-bg) 92%, var(--motif-surface));
  --survey-generating-loader-failure-icon: var(--motif-error);
  --survey-generating-loader-action-border: var(--motif-150);
  --survey-generating-loader-action-text: var(--motif-700);
  --survey-generating-loader-action-primary-bg: var(--motif-900);
  --survey-generating-loader-action-primary-bg-hover: color-mix(in srgb, var(--motif-900) 92%, black);
  --survey-generating-loader-action-primary-text: var(--motif-surface);
}

.survey-generating-loader-open {
  overflow: hidden;
}

.survey-generating-loader-open .motif-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: var(--survey-generating-loader-overlay) !important;
  backdrop-filter: blur(1px);
  pointer-events: auto !important;
}

.survey-generating-loader-modal.motif-modal.motif-modal-content {
  width: min(100%, 508px) !important;
  max-width: 508px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
.survey-generating-loader-modal.motif-modal.motif-modal-content .motif-modal-header {
  display: none !important;
}
.survey-generating-loader-modal.motif-modal.motif-modal-content .motif-modal-body {
  margin-top: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.survey-generating-loader-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.survey-generating-loader-modal__body {
  padding: 0 !important;
  background: transparent !important;
}
.survey-generating-loader-modal .survey-generating-loader {
  padding: 0;
  background-color: transparent;
  display: flex;
  justify-content: center;
}

.survey-generating-loader {
  width: 100%;
}
.survey-generating-loader--failed {
  --survey-generating-loader-progress-label: var(--motif-error);
  --survey-generating-loader-progress-fill: var(--motif-error);
  --survey-generating-loader-step-active: var(--motif-error);
}
.survey-generating-loader__card {
  width: 508px;
  max-width: 508px;
  margin: 0 auto;
  border-radius: 14px;
  border: none;
  background-color: var(--motif-surface);
  box-shadow: 0 12px 40px var(--survey-generating-loader-shadow);
  padding: 52px 34px 54px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.survey-generating-loader__spinner-shell {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--survey-generating-loader-spinner-shell-start) 0%, var(--survey-generating-loader-spinner-shell-end) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-bottom: 36px;
}
.survey-generating-loader__failure-shell {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background-color: var(--survey-generating-loader-failure-shell-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-bottom: 12px;
}
.survey-generating-loader__failure-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--survey-generating-loader-failure-icon);
  line-height: 0;
}
.survey-generating-loader__spinner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 3px solid var(--survey-generating-loader-spinner-ring);
  border-top-color: var(--survey-generating-loader-spinner-ring-active);
  animation: survey-generating-loader-spin 0.9s linear infinite;
}
.survey-generating-loader__title {
  width: 100%;
  text-align: center;
  margin-bottom: 26px;
}
.survey-generating-loader__title.customtypography-body {
  color: var(--survey-generating-loader-title) !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 400 !important;
  margin-bottom: 0.5rem;
}
.survey-generating-loader__subtitle {
  width: 100%;
  text-align: center;
  margin: 0 auto 36px;
  max-width: 380px;
}
.survey-generating-loader__subtitle.customtypography-body {
  color: var(--survey-generating-loader-subtitle) !important;
  font-size: 14px !important;
  line-height: 22px !important;
  font-weight: 200 !important;
}
.survey-generating-loader__progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.survey-generating-loader__progress-label {
  margin-top: 0;
}
.survey-generating-loader__progress-label.customtypography-body {
  color: var(--survey-generating-loader-progress-label) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
}
.survey-generating-loader__progress-track {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background-color: var(--survey-generating-loader-progress-track);
  overflow: hidden;
  margin-bottom: 24px;
  display: flex;
}
.survey-generating-loader__progress-segment {
  flex: 1 1 0;
  height: 100%;
  background-color: var(--survey-generating-loader-progress-track);
  transition: background-color 0.25s ease;
}
.survey-generating-loader__progress-segment:first-child {
  border-radius: 999px 0 0 999px;
}
.survey-generating-loader__progress-segment:last-child {
  border-radius: 0 999px 999px 0;
}
.survey-generating-loader__progress-segment--filled {
  background-color: var(--survey-generating-loader-progress-fill);
}
.survey-generating-loader__steps {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-top: 0;
  margin-bottom: 36px;
}
.survey-generating-loader__step-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.survey-generating-loader__step-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid var(--survey-generating-loader-step-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--motif-surface);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  background-color: var(--survey-generating-loader-step-bg);
}
.survey-generating-loader__step-icon--done {
  background-color: var(--survey-generating-loader-step-done-bg);
  border-color: var(--survey-generating-loader-step-done-bg);
}
.survey-generating-loader__step-icon--active {
  background-color: var(--survey-generating-loader-step-active-bg);
  border-color: var(--survey-generating-loader-step-active-border);
}
.survey-generating-loader__step-icon--failed {
  background-color: var(--survey-generating-loader-step-failed-bg);
  border-color: var(--survey-generating-loader-step-failed-border);
  color: var(--survey-generating-loader-step-failed);
}
.survey-generating-loader__step-failure-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.survey-generating-loader__step-spinner {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid var(--survey-generating-loader-step-spinner-ring);
  border-top-color: var(--survey-generating-loader-step-spinner-active);
  animation: survey-generating-loader-spin 0.8s linear infinite;
}
.survey-generating-loader__step-label.customtypography-body {
  color: var(--survey-generating-loader-step-pending) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}
.survey-generating-loader__step-label--done.customtypography-body {
  color: var(--survey-generating-loader-step-done) !important;
}
.survey-generating-loader__step-label--active.customtypography-body {
  color: var(--survey-generating-loader-step-active) !important;
}
.survey-generating-loader__step-label--failed.customtypography-body {
  color: var(--survey-generating-loader-step-failed) !important;
  font-weight: 200 !important;
}
.survey-generating-loader__note {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--survey-generating-loader-note-border);
  background-color: #eff6ff;
  padding: 17px 16px;
}
.survey-generating-loader__note-text.customtypography-body {
  color: #0284c7 !important;
  font-size: 13px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}
.survey-generating-loader__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
}
.survey-generating-loader__action, .survey-generating-loader__action.motif-button {
  flex: 1 1 0;
  min-height: 52px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.survey-generating-loader__action--secondary, .survey-generating-loader__action--secondary.motif-button {
  border: 1px solid var(--survey-generating-loader-action-border);
  background-color: var(--motif-surface);
  color: var(--survey-generating-loader-action-text);
}
.survey-generating-loader__action--secondary:hover, .survey-generating-loader__action--secondary.motif-button:hover {
  background-color: var(--motif-50);
}
.survey-generating-loader__action--primary, .survey-generating-loader__action--primary.motif-button {
  border: 1px solid var(--survey-generating-loader-action-primary-bg);
  background-color: var(--survey-generating-loader-action-primary-bg);
  color: var(--survey-generating-loader-action-primary-text);
}
.survey-generating-loader__action--primary:hover, .survey-generating-loader__action--primary.motif-button:hover {
  background-color: var(--survey-generating-loader-action-primary-bg-hover);
  border-color: var(--survey-generating-loader-action-primary-bg-hover);
}

@keyframes survey-generating-loader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.acp-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.acp-row--mb2 {
  margin-bottom: 8px;
}
.acp-row--mb3 {
  margin-bottom: 12px;
}

.acp-type-icon {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.acp-type-icon__label {
  font-size: 12px;
  font-weight: 500;
}

.acp-type-glyph {
  width: 14px;
  height: 14px;
  color: #9897a6;
}

.acp-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-600);
}

.acp-meta {
  font-size: 11px;
  color: var(--motif-400);
}

.acp-input-shell {
  border: 1px solid var(--motif-150);
  border-radius: 6px;
  padding: 8px 10px;
  min-height: 36px;
}

.acp-placeholder {
  font-size: 11px;
  color: var(--motif-400);
}

.acp-choice-icon {
  flex-shrink: 0;
  border: 1.5px solid #c8c8d0;
  width: 14px;
  height: 14px;
}
.acp-choice-icon--multiple {
  border-radius: 9999px;
}
.acp-choice-icon--checkbox {
  border-radius: 2px;
}

.acp-ranking {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.acp-ranking__grip {
  width: 12px;
  height: 12px;
  color: #c8c8d0;
}
.acp-ranking__index {
  font-size: 10px;
  font-weight: 500;
  color: #9897a6;
}

.acp-slider-config {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
.acp-slider-config__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.acp-slider-config__label {
  font-size: 11px;
  font-weight: 500;
  color: var(--motif-400);
}
.acp-slider-config__input {
  width: 80px;
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid #c8c8d0;
  border-radius: 4px;
  outline: none;
  background: transparent;
  color: var(--motif-900);
}
.acp-slider-config__input:focus {
  border-color: #6366f1;
}

.acp-slider-wrap {
  padding: 0 12px;
}
.acp-slider-wrap--disabled {
  pointer-events: none;
}

.acp-slider-track-area {
  position: relative;
  height: 32px;
  margin-bottom: 4px;
  cursor: pointer;
  touch-action: none;
}

.acp-slider-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  height: 4px;
  background-color: #e6e6e9;
  border-radius: 2px;
}

.acp-slider-fill {
  position: absolute;
  left: 0;
  top: 14px;
  height: 4px;
  background: linear-gradient(90deg, #e67e22, #f5a623);
  border-radius: 2px;
  transition: width 0.15s ease;
}
.acp-slider-fill--dragging {
  transition: none;
}

.acp-slider-thumb {
  position: absolute;
  top: 6px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  border: 2.5px solid #e67e22;
  transform: translateX(-50%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  cursor: grab;
  transition: left 0.15s ease;
  z-index: 2;
}
.acp-slider-thumb--dragging {
  transition: none;
  box-shadow: 0 0 0 4px rgba(230, 126, 34, 0.15), 0 2px 6px rgba(0, 0, 0, 0.18);
}
.acp-slider-thumb--disabled {
  pointer-events: none;
}

.acp-slider-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.acp-slider-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.acp-slider-tick {
  width: 1px;
  height: 6px;
  margin-bottom: 4px;
  background-color: #d0d0d8;
}
.acp-slider-tick--active {
  background-color: #e67e22;
}

.acp-slider-score {
  font-size: 10px;
  font-weight: 500;
  color: #9897a6;
}
.acp-slider-score--active {
  color: #e67e22;
}

.acp-slider-text {
  font-size: 9px;
  text-align: center;
  color: #9897a6;
  max-width: 60px;
  line-height: 1.2;
  font-weight: 400;
}
.acp-slider-text--active {
  color: #e67e22;
  font-weight: 600;
}

.acp-header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 6px;
  padding-left: 28px;
}
.acp-header__choice {
  flex: 1;
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 500;
}
.acp-header__score {
  width: 60px;
  text-align: center;
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 500;
}
.acp-header__spacer {
  width: 20px;
}

.acp-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.acp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  padding: 6px 10px;
  border: 1px solid transparent;
  word-break: break-word;
}
.acp-item--editing {
  background-color: #fff;
  border-color: #c8c8d0;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
}
.acp-item:hover .acp-delete-btn {
  visibility: visible;
}

.acp-edit-wrap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.acp-edit-text-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.acp-input-text {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  font-weight: 300;
  outline: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--motif-900);
  padding: 2px 4px;
}
.acp-input-text--error {
  border-color: var(--survey-error);
}

.acp-input-score {
  width: 60px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  outline: none;
  border: none;
  border-bottom: 1px solid #c8c8d0;
  background: transparent;
  color: #6366f1;
  margin-top: 4px;
}

.acp-save-btn {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 4px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  margin-top: 4px;
}
.acp-save-btn__icon {
  width: 12px;
  height: 12px;
  color: #16a34a;
}

.acp-edit-spacer {
  width: 20px;
  margin-top: 4px;
}

.acp-choice-text {
  flex: 1;
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-900);
  cursor: pointer;
}

.acp-choice-score {
  width: 60px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #6366f1;
  cursor: pointer;
}

.acp-delete-btn {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 4px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  visibility: hidden;
}
.acp-delete-btn__icon {
  width: 12px;
  height: 12px;
  color: #9897a6;
}

.acp-error {
  font-size: 11px;
  color: var(--survey-error);
  line-height: 1.2;
}

.acp-add-choice {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 4px 28px;
  cursor: pointer;
  color: var(--motif-600);
}
.acp-add-choice:hover {
  color: var(--motif-900);
}
.acp-add-choice__icon {
  width: 14px;
  height: 14px;
}
.acp-add-choice__label {
  font-size: 12px;
  font-weight: 400;
}.review-idle-content {
  flex: 1;
  overflow-y: auto;
  padding: 32px 48px 100px;
}
.review-idle-content__container {
  max-width: 780px;
  margin: 0 auto;
}
.review-idle-content__title {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 8px;
  color: var(--motif-900);
  font-weight: 400;
}
.review-idle-content__subtitle {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 24px;
  color: var(--motif-600);
  font-weight: 300;
}
.review-idle-content__due-date-section {
  position: relative;
  margin-bottom: 24px;
  border: none;
  border-radius: 16px;
  overflow: visible;
  background-color: var(--motif-100);
  box-shadow: var(--motif-shadow-sm);
  transition: box-shadow 0.2s ease;
}
.review-idle-content__due-date-section.focus {
  box-shadow: 0 0 0 2px var(--motif-300), 0 4px 16px var(--motif-shadow-md);
}
.review-idle-content__due-date-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
}
.review-idle-content__due-date-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: var(--motif-info-bg);
  border: 1px solid var(--motif-info-border);
}
.review-idle-content__icon {
  width: 20px;
  height: 20px;
}
.review-idle-content__icon--sm {
  width: 16px;
  height: 16px;
}
.review-idle-content__due-date-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.review-idle-content__label {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--motif-600);
  letter-spacing: 0.5px;
}
.review-idle-content__label--complete {
  color: var(--motif-success);
  display: flex;
  gap: 4px;
}
.review-idle-content__label--complete .review-idle-content__icon {
  width: 14px !important;
  height: 14px !important;
  display: inline-block;
}
.review-idle-content__label--complete .review-idle-content__icon .motif-icon {
  color: var(--motif-success) !important;
}
.review-idle-content__due-date-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--motif-900);
}
.review-idle-content__due-date-subtitle {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-500);
}
.review-idle-content__due-date-text {
  display: flex;
  align-items: center;
  color: var(--motif-surface);
}
.review-idle-content__due-date-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  padding: 10px 18px;
  background-color: var(--motif-900);
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-surface);
}
.review-idle-content__due-date-btn--success {
  background-color: var(--motif-success-bg);
  color: var(--motif-success);
}
.review-idle-content__due-date-btn--success .review-idle-content__due-date-text {
  color: var(--motif-success);
}
.review-idle-content__due-date-btn--warning {
  background-color: var(--motif-warning-bg);
  color: var(--motif-warning);
}
.review-idle-content__due-date-btn--warning .review-idle-content__due-date-text {
  color: var(--motif-warning);
}
.review-idle-content__due-date-btn--error {
  background-color: var(--motif-error-bg);
  color: var(--motif-error);
}
.review-idle-content__due-date-btn--error .review-idle-content__due-date-text {
  color: var(--motif-error);
}
.review-idle-content__due-date-btn.date-selected {
  background-color: var(--motif-surface) !important;
  color: var(--motif-900) !important;
}
.review-idle-content__due-date-btn.date-selected .review-idle-content__due-date-text {
  color: var(--motif-900) !important;
}
.review-idle-content__days-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 10px;
  border-radius: 999px;
  margin-left: auto;
}
.review-idle-content__days-badge.success {
  background-color: var(--motif-success-bg);
  color: var(--motif-success);
}
.review-idle-content__days-badge.warning {
  background-color: var(--motif-warning-bg);
  color: var(--motif-warning);
}
.review-idle-content__days-badge.error {
  background-color: var(--motif-error-bg);
  color: var(--motif-error);
}
.review-idle-content__calendar {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: var(--motif-shadow-lg);
  padding: 16px;
  width: 280px;
  z-index: 30;
  border-radius: 12px;
  animation: nudgeFadeIn 0.15s ease-out;
}
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.review-idle-content__calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.review-idle-content__calendar-nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  transition: background-color 0.2s ease;
}
.review-idle-content__calendar-nav-btn:hover {
  background-color: var(--motif-100);
}
.review-idle-content__calendar-month {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.review-idle-content__calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  margin-bottom: 8px;
}
.review-idle-content__calendar-weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
}
.review-idle-content__calendar-weekday-label {
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-400);
}
.review-idle-content__calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
}
.review-idle-content__calendar-day {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0;
  font-size: 11px;
  color: var(--motif-900);
  font-weight: 400;
}
.review-idle-content__calendar-day:hover {
  background-color: var(--motif-100);
}
.review-idle-content__calendar-day--selected {
  background-color: var(--motif-900);
  color: var(--motif-surface);
  font-weight: 400;
  border-color: transparent;
}
.review-idle-content__calendar-day--today {
  border-color: var(--motif-300);
}
.review-idle-content__calendar-day--disabled {
  color: var(--motif-300);
  cursor: default;
}
.review-idle-content__calendar-day--disabled:hover {
  background-color: transparent;
}
.review-idle-content__calendar-day-text {
  display: block;
}
.review-idle-content__stats {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.review-idle-content__stat-item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  padding: 10px 12px;
  background-color: var(--motif-100);
  border: none;
  border-radius: 8px;
}
.review-idle-content__stat-icon {
  width: 16px;
  height: 16px;
  color: var(--motif-900);
  flex-shrink: 0;
  margin-top: -2px;
}
.review-idle-content__stat-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-400);
}
.review-idle-content__stat-value {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
  margin-left: auto;
}
.review-idle-content__card {
  margin-bottom: 16px;
  border: none;
  border-radius: 12px;
  background-color: var(--motif-surface);
  box-shadow: var(--motif-shadow-sm);
}
.review-idle-content__card--framework {
  padding: 20px;
}
.review-idle-content__card--framework .review-idle-content__framework-accordion .motif-icon {
  width: 14px !important;
  height: 14px !important;
  margin-top: 2px;
}
.review-idle-content__card--email {
  border-radius: 12px;
  overflow: hidden;
}
.review-idle-content__card--respondents {
  padding: 20px;
}
.review-idle-content__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.review-idle-content__email-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--motif-150);
}
.review-idle-content__card-title-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.review-idle-content__card-icon {
  width: 16px;
  height: 16px;
  color: var(--motif-600);
}
.review-idle-content__card-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-900);
}
.review-idle-content__pencil-icon {
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.review-idle-content__edit-text {
  font-size: 12px;
}
.review-idle-content__framework-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.review-idle-content__framework-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.review-idle-content__framework-name {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.review-idle-content__domains-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 12px;
}
.review-idle-content__domain-badge {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-600);
  background-color: var(--motif-100);
  padding: 4px 12px;
  border-radius: 6px;
}
.review-idle-content__domain-count {
  color: var(--motif-400);
  margin-left: 3px;
  font-size: 12px;
}
.review-idle-content__email-preview-container {
  padding: 24px 20px;
  background-color: var(--motif-100);
}
.review-idle-content__email-card {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  max-width: 520px;
  margin: 0 auto;
  box-shadow: var(--motif-shadow-md);
}
.review-idle-content__email-banner {
  position: relative;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.review-idle-content__banner-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(30px);
}
.review-idle-content__banner-blob--1 {
  top: -60px;
  left: -40px;
  width: 220px;
  height: 220px;
  background: var(--motif-blob-1);
}
.review-idle-content__banner-blob--2 {
  bottom: -70px;
  right: -30px;
  width: 260px;
  height: 260px;
  background: var(--motif-blob-2);
}
.review-idle-content__banner-blob--3 {
  top: -10px;
  right: 10%;
  width: 180px;
  height: 180px;
  background: var(--motif-blob-3);
  filter: blur(45px);
}
.review-idle-content__banner-blob--4 {
  bottom: -30px;
  left: 15%;
  width: 200px;
  height: 140px;
  background: var(--motif-blob-4);
  filter: blur(45px);
}
.review-idle-content__banner-blob--5 {
  top: 20%;
  left: 50%;
  width: 140px;
  height: 140px;
  background: var(--motif-blob-5);
  filter: blur(40px);
  transform: translateX(-50%);
}
.review-idle-content__banner-overlay {
  position: absolute;
  inset: 0;
  background: var(--motif-overlay-gradient);
}
.review-idle-content__banner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 10;
}
.review-idle-content__banner-label {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--motif-text-white-secondary);
  letter-spacing: 2px;
}
.review-idle-content__banner-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--motif-surface);
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  max-width: 360px;
  line-height: 22px;
}
.review-idle-content__banner-change-btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 4px 10px;
  background-color: var(--motif-btn-white-bg);
  backdrop-filter: blur(4px);
  border: var(--motif-btn-white-border);
}
.review-idle-content__banner-change-btn:hover {
  background-color: var(--motif-btn-white-bg-hover);
}
.review-idle-content__banner-icon {
  width: 12px;
  height: 12px;
  color: var(--motif-text-white-secondary);
}
.review-idle-content__banner-change-text {
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-text-white-secondary);
}
.review-idle-content__banner-picker {
  padding: 12px 16px;
  border-bottom: 1px solid var(--motif-150);
  background-color: var(--motif-100);
}
.review-idle-content__banner-picker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.review-idle-content__banner-picker-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--motif-400);
}
.review-idle-content__banner-picker-import-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  color: var(--motif-600);
  background-color: var(--motif-100);
  border: none;
}
.review-idle-content__banner-picker-import-btn:hover {
  background-color: var(--motif-200);
}
.review-idle-content__hidden-input {
  display: none;
}
.review-idle-content__banner-options {
  display: flex;
  gap: 8px;
}
.review-idle-content__banner-option {
  position: relative;
  flex: 1;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 40px;
  box-shadow: var(--motif-shadow-sm);
  opacity: 0.85;
  border: none;
  padding: 0;
}
.review-idle-content__banner-option:hover {
  box-shadow: var(--motif-shadow-md);
}
.review-idle-content__banner-option--selected {
  box-shadow: 0 0 0 2px var(--motif-900), var(--motif-shadow-md);
  transform: scale(1.04);
  opacity: 1;
}
.review-idle-content__banner-checkmark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-idle-content__checkmark-icon {
  width: 12px;
  height: 12px;
  color: var(--motif-900);
  stroke-width: 3;
  flex-shrink: 0;
}
.review-idle-content__email-body {
  padding: 24px 28px 20px;
}
.review-idle-content__email-body .motif-input-component .motif-text-area {
  font-size: 13px !important;
  padding: 8px;
}
.review-idle-content__email-sender {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.review-idle-content__sender-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  background-color: var(--motif-900);
  font-size: 12px;
  font-weight: 700;
  color: var(--motif-surface);
}
.review-idle-content__sender-info {
  display: flex;
  flex-direction: column;
}
.review-idle-content__sender-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
}
.review-idle-content__sender-email {
  font-size: 10px;
  font-weight: 300;
  color: var(--motif-400);
}
.review-idle-content__email-subject-section {
  margin-bottom: 16px;
}
.review-idle-content__email-section-label {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--motif-400);
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 4px;
}
.review-idle-content__email-subject-input {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  border-radius: 4px;
  padding: 6px 10px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  color: var(--motif-900);
}
.review-idle-content__email-subject-input:focus {
  border-color: var(--motif-400);
  box-shadow: var(--motif-focus-shadow);
}
.review-idle-content__email-subject-display {
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
  color: var(--motif-900);
}
.review-idle-content__email-divider {
  width: 100%;
  height: 1px;
  background-color: var(--motif-150);
  margin: 0 0 16px;
}
.review-idle-content__email-body-input {
  width: 100%;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  outline: none;
  border-radius: 4px;
  padding: 10px 12px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  color: var(--motif-900);
  resize: none;
}
.review-idle-content__email-body-input:focus {
  border-color: var(--motif-400);
  box-shadow: var(--motif-focus-shadow);
}
.review-idle-content__email-body-display {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  white-space: pre-line;
  margin-bottom: 8px;
  color: var(--motif-900);
}
.review-idle-content__email-footer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 10px;
  border: none;
  box-shadow: var(--motif-shadow-sm);
  overflow: hidden;
}
.review-idle-content__email-footer--banner-0 {
  background-color: var(--motif-100);
  box-shadow: var(--motif-shadow-sm);
}
.review-idle-content__email-footer--banner-0 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-0-1);
}
.review-idle-content__email-footer--banner-0 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-0-2);
}
.review-idle-content__email-footer--banner-0 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-0-3);
}
.review-idle-content__email-footer--banner-1 {
  background: linear-gradient(135deg, var(--motif-100) 0%, var(--motif-150) 40%, var(--motif-100) 70%, var(--motif-150) 100%);
}
.review-idle-content__email-footer--banner-1 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-1-1);
}
.review-idle-content__email-footer--banner-1 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-1-2);
}
.review-idle-content__email-footer--banner-1 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-1-3);
}
.review-idle-content__email-footer--banner-2 {
  background: linear-gradient(135deg, var(--motif-100) 0%, var(--motif-150) 40%, var(--motif-100) 70%, var(--motif-150) 100%);
}
.review-idle-content__email-footer--banner-2 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-2-1);
}
.review-idle-content__email-footer--banner-2 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-2-2);
}
.review-idle-content__email-footer--banner-2 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-2-3);
}
.review-idle-content__email-footer--banner-3 {
  background: linear-gradient(135deg, var(--motif-100) 0%, var(--motif-150) 40%, var(--motif-100) 70%, var(--motif-150) 100%);
}
.review-idle-content__email-footer--banner-3 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-3-1);
}
.review-idle-content__email-footer--banner-3 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-3-2);
}
.review-idle-content__email-footer--banner-3 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-3-3);
}
.review-idle-content__email-footer--banner-4 {
  background: linear-gradient(135deg, var(--motif-100) 0%, var(--motif-150) 40%, var(--motif-100) 70%, var(--motif-150) 100%);
}
.review-idle-content__email-footer--banner-4 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-4-1);
}
.review-idle-content__email-footer--banner-4 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-4-2);
}
.review-idle-content__email-footer--banner-4 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-4-3);
}
.review-idle-content__email-footer--banner-5 {
  background: linear-gradient(135deg, var(--motif-100) 0%, var(--motif-150) 40%, var(--motif-100) 70%, var(--motif-150) 100%);
}
.review-idle-content__email-footer--banner-5 .review-idle-content__footer-blob--1 {
  background: var(--motif-footer-blob-5-1);
}
.review-idle-content__email-footer--banner-5 .review-idle-content__footer-blob--2 {
  background: var(--motif-footer-blob-5-2);
}
.review-idle-content__email-footer--banner-5 .review-idle-content__footer-blob--3 {
  background: var(--motif-footer-blob-5-3);
}
.review-idle-content__footer-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(30px);
}
.review-idle-content__footer-blob--1 {
  top: -30px;
  left: -20px;
  width: 120px;
  height: 120px;
}
.review-idle-content__footer-blob--2 {
  bottom: -30px;
  right: -20px;
  width: 140px;
  height: 140px;
}
.review-idle-content__footer-blob--3 {
  top: 10px;
  right: 30%;
  width: 100px;
  height: 100px;
  filter: blur(25px);
}
.review-idle-content__footer-stats {
  display: contents;
}
.review-idle-content__footer-stat {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background-color: var(--motif-footer-stat-bg);
  border-radius: 8px;
  backdrop-filter: blur(8px);
}
.review-idle-content__footer-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: rgba(var(--motif-surface-rgb), 0.8);
}
.review-idle-content__footer-icon {
  width: 16px;
  height: 16px;
  color: var(--motif-600);
}
.review-idle-content__footer-stat-info {
  display: flex;
  flex-direction: column;
}
.review-idle-content__footer-stat-label {
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-400);
}
.review-idle-content__footer-stat-value {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-900);
  display: flex;
  align-items: center;
  gap: 4px;
}
.review-idle-content__footer-days-badge {
  font-size: 11px;
  font-weight: 400;
  border-radius: 999px;
  padding: 1px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 4px;
}
.review-idle-content__footer-days-badge .motif-icon svg {
  width: 12px !important;
  height: 12px !important;
  margin-top: 1px;
}
.review-idle-content__footer-days-badge--success {
  background-color: var(--motif-success-bg);
  color: var(--motif-success);
}
.review-idle-content__footer-days-badge--warning {
  background-color: var(--motif-warning-bg);
  color: var(--motif-warning);
}
.review-idle-content__footer-days-badge--error {
  background-color: var(--motif-error-bg);
  color: var(--motif-error);
}
.review-idle-content__start-survey-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  height: 38px;
  padding: 0 24px;
  background-color: var(--motif-900);
  cursor: default;
  margin-bottom: 16px;
  width: fit-content;
  margin-top: 12px;
}
.review-idle-content__start-survey-text {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-surface);
}
.review-idle-content__auto-save-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background-color: var(--motif-100);
  border-radius: 8px;
  border: none;
  margin-bottom: 16px;
}
.review-idle-content__auto-save-icon {
  width: 14px;
  height: 14px;
  color: var(--motif-600);
  flex-shrink: 0;
}
.review-idle-content__auto-save-text {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-600);
}
.review-idle-content__email-footer-divider {
  width: 100%;
  height: 1px;
  background-color: var(--motif-150);
  margin: 0 0 12px;
}
.review-idle-content__email-footer-text {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-400);
}
.review-idle-content__respondents-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.review-idle-content__respondents-badge {
  font-size: 11px;
  margin-left: 8px;
}
.review-idle-content__edit-respondents-btn {
  font-size: 12px;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  color: var(--motif-600);
  background: none;
  border: none;
}
.review-idle-content__edit-respondents-btn:hover {
  background-color: var(--motif-100);
}
.review-idle-content__respondents-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.review-idle-content__respondent-item {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px 3px 4px;
  background-color: var(--motif-100);
  border-radius: 14px;
}
.review-idle-content__respondent-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background-color: var(--motif-150);
}
.review-idle-content__respondent-initials {
  font-size: 8px;
  font-weight: 400;
  color: var(--motif-600);
}
.review-idle-content__respondent-name {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-900);
}
.review-idle-content__edit-email-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 8px 12px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  background-color: var(--motif-surface);
  color: var(--motif-600);
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.review-idle-content__edit-email-btn--active {
  background-color: var(--motif-900);
  color: var(--motif-surface);
}
.review-idle-content__edit-email-btn:hover {
  background-color: var(--motif-150);
}
.review-idle-content__edit-email-btn:hover.review-idle-content__edit-email-btn--active {
  background-color: var(--motif-900);
}
.review-idle-content__no-respondents-text {
  color: var(--motif-400);
  text-align: center;
  padding: 16px;
}
.review-idle-content__hierarchy-viewer {
  padding: 8px;
}
.review-idle-content__framework-accordion {
  margin-bottom: 12px;
}
.review-idle-content__framework-button {
  width: 100%;
  padding: 8px 4px;
  background: var(--motif-surface);
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  border-radius: 6px;
}
.review-idle-content__framework-button:hover {
  background-color: var(--motif-100);
}
.review-idle-content__framework-button--expanded {
  background-color: var(--motif-100);
}
.review-idle-content__framework-chevron {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.review-idle-content__framework-name {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
  text-align: left;
}
.review-idle-content__framework-count {
  font-size: 13px;
  color: var(--motif-400);
}
.review-idle-content__domain-wrapper {
  padding-left: 24px;
}
.review-idle-content__domain-item {
  padding-left: 0;
}
.review-idle-content__domain-row {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin: 0 -12px;
  cursor: pointer;
  border-radius: 4px;
  background-color: transparent;
  transition: background-color 0.15s ease;
}
.review-idle-content__domain-row:hover {
  background-color: var(--motif-100);
}
.review-idle-content__domain-row--no-children {
  cursor: default;
}
.review-idle-content__domain-row--no-children:hover {
  background-color: transparent;
}
.review-idle-content__domain-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.review-idle-content__domain-name {
  flex: 1;
  font-size: 13px;
  color: var(--motif-900);
}
.review-idle-content__domain-wrapper--level-0 {
  padding-left: 24px;
}
.review-idle-content__domain-wrapper--level-1 {
  padding-left: 40px;
}
.review-idle-content__domain-wrapper--level-2 {
  padding-left: 56px;
}
.review-idle-content__domain-wrapper--level-3 {
  padding-left: 72px;
}
.review-idle-content__domain-wrapper--level-4 {
  padding-left: 88px;
}
.review-idle-content__domain-wrapper--level-5 {
  padding-left: 104px;
}
.review-idle-content__domain-spacer {
  width: 24px;
  flex-shrink: 0;
}
.review-idle-content__expand-all-icon {
  width: 16px;
  height: 16px;
}
.review-idle-content__email-banner--0 {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);
}
.review-idle-content__email-banner--1 {
  background: linear-gradient(135deg, #0c1445 0%, #1a3a8f 35%, #2563eb 65%, #3b82f6 100%);
}
.review-idle-content__email-banner--2 {
  background: linear-gradient(135deg, #064e3b 0%, #047857 35%, #0ea5a0 70%, #2dd4bf 100%);
}
.review-idle-content__email-banner--3 {
  background: linear-gradient(135deg, #2d1b69 0%, #5b21b6 35%, #7c3aed 65%, #a78bfa 100%);
}
.review-idle-content__email-banner--4 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #334155 60%, #475569 100%);
}
.review-idle-content__email-banner--5 {
  background: linear-gradient(135deg, #f8f7ff 0%, #f0f4ff 40%, #f7f0ff 70%, #fdf2f8 100%);
}
.review-idle-content__banner-option--gradient-0 {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%);
}
.review-idle-content__banner-option--gradient-1 {
  background: linear-gradient(135deg, #0c1445 0%, #1a3a8f 35%, #2563eb 65%, #3b82f6 100%);
}
.review-idle-content__banner-option--gradient-2 {
  background: linear-gradient(135deg, #064e3b 0%, #047857 35%, #0ea5a0 70%, #2dd4bf 100%);
}
.review-idle-content__banner-option--gradient-3 {
  background: linear-gradient(135deg, #2d1b69 0%, #5b21b6 35%, #7c3aed 65%, #a78bfa 100%);
}
.review-idle-content__banner-option--gradient-4 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #334155 60%, #475569 100%);
}
.review-idle-content__banner-option--gradient-5 {
  background: linear-gradient(135deg, #f8f7ff 0%, #f0f4ff 40%, #f7f0ff 70%, #fdf2f8 100%);
}

.desktop-browser-wrapper {
  border: 1px solid var(--motif-200);
  zoom: 75%;
  border-radius: 4px;
}
.desktop-browser-wrapper .desktop-preview {
  height: 570px;
}

.review-idle-content__preview-card {
  border: none;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 16px;
  background-color: var(--motif-surface);
  box-shadow: var(--motif-shadow-sm);
}
.review-idle-content__preview-card .desktop-preview {
  zoom: 80%;
  height: 585px !important;
}
.review-idle-content__preview-card .mobile-preview-container {
  padding-bottom: 16px !important;
}
.review-idle-content__preview-card .mobile-preview-container .mobile-device {
  height: 620px !important;
}
.review-idle-content__preview-card .mobile-preview-container .mobile-device .desktop-preview {
  zoom: 85%;
  height: 650px !important;
}
.review-idle-content__preview-card .mobile-preview-container .mobile-device .desktop-preview__main {
  height: inherit !important;
}

.review-idle-content__preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 0;
}
.review-idle-content__preview-header--expanded {
  margin-bottom: 12px;
}

.review-idle-content__preview-toggle-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}
.review-idle-content__preview-toggle-btn:hover {
  background-color: var(--motif-100);
}

.review-idle-content__preview-toggle-icon {
  color: var(--motif-400);
  width: 16px;
  height: 16px;
}

.review-idle-content__preview-toggle-text {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}

.review-idle-content__preview-mode-buttons {
  display: flex;
  align-items: center;
  gap: 4px;
}

.review-idle-content__preview-mode-btn {
  width: 28px;
  height: 28px;
  padding: 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-idle-content__preview-mode-btn--active {
  background-color: var(--motif-150);
}
.review-idle-content__preview-mode-btn--inactive {
  background-color: transparent;
}

.review-idle-content__preview-mode-icon {
  width: 16px;
  height: 16px;
}
.review-idle-content__preview-mode-icon--active {
  color: var(--motif-900);
}
.review-idle-content__preview-mode-icon--inactive {
  color: var(--motif-600);
}

.review-idle-content__preview-content {
  border-radius: 8px;
  overflow: hidden;
  padding: 16px 0;
}

.review-idle-content__preview-content--mobile {
  background-color: var(--motif-100);
}

.review-idle-content__preview-content--desktop {
  background-color: var(--motif-bg-desktop);
}

.review-idle-content__desktop-browser {
  border: 1px solid var(--motif-200);
  border-radius: 4px;
  overflow: hidden;
}

.review-idle-content__browser-toolbar {
  height: 30px;
  padding: 0 12px;
  background-color: var(--motif-browser-toolbar-bg);
  border-bottom: 1px solid var(--motif-200);
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.review-idle-content__browser-lights {
  display: flex;
  align-items: center;
  gap: 6px;
}

.review-idle-content__browser-light {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.review-idle-content__browser-light--red {
  background-color: var(--motif-browser-light-red);
}
.review-idle-content__browser-light--yellow {
  background-color: var(--motif-browser-light-yellow);
}
.review-idle-content__browser-light--green {
  background-color: var(--motif-browser-light-green);
}

.review-idle-content__browser-address-bar {
  flex: 1;
  height: 18px;
  background-color: var(--motif-browser-address-bar-bg);
  border-radius: 4px;
  max-width: 220px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--motif-browser-address-bar-text);
}

.review-idle-content__preview-tab-buttons {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.review-idle-content__tab-button {
  font-size: 10px;
  font-weight: 500;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 3px 12px;
  border: 1px solid;
}
.review-idle-content__tab-button--active {
  background-color: var(--motif-900);
  color: var(--motif-surface);
  border-color: var(--motif-900);
}
.review-idle-content__tab-button--inactive {
  background-color: transparent;
  color: var(--motif-600);
  border-color: var(--motif-150);
}

.end-button-wrpper-framework {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.end-button-wrpper-framework .review-idle-content__edit-email-btn {
  font-size: 12px !important;
}
.end-button-wrpper-framework .review-idle-content__expand-all-btn {
  margin-top: 3px !important;
}.publish-modal__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 16px;
}
.publish-modal__dialog {
  width: 480px;
  background-color: var(--motif-surface);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 60px, rgba(0, 0, 0, 0.1) 0px 4px 16px;
  animation: dialogFadeIn 0.15s ease-out;
}
.publish-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 40px 32px;
}
.publish-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  flex-shrink: 0;
}
.publish-modal__icon--success {
  background-color: var(--motif-success-bg);
}
.publish-modal__icon--success svg {
  color: var(--motif-green);
}
.publish-modal__icon--loading {
  background-color: var(--motif-100);
}
.publish-modal__hero-check-icon {
  color: var(--motif-green);
}
.publish-modal__hero-check-icon svg {
  width: 30px !important;
  height: 30px !important;
}
.publish-modal__hero-loader {
  width: 30px !important;
  height: 30px !important;
}
.publish-modal__loader {
  color: var(--motif-600);
}
.publish-modal__text-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  width: 100%;
}
.publish-modal__title {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--motif-900) !important;
}
.publish-modal__description {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
}
.publish-modal__progress-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 320px;
}
.publish-modal__progress-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.publish-modal__progress-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.publish-modal__progress-dot--done {
  background-color: var(--motif-900);
}
.publish-modal__progress-dot--done svg {
  color: var(--motif-surface);
  width: 14px;
  height: 14px;
}
.publish-modal__progress-dot--loading {
  background-color: transparent;
}
.publish-modal__progress-dot--loading svg {
  color: var(--motif-600);
  width: 14px;
  height: 14px;
}
.publish-modal__progress-label {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: var(--motif-900) !important;
}
.publish-modal__actions {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  max-width: 360px;
}
.publish-modal__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  border-radius: 4px;
  font-size: 16px !important;
  font-weight: 500;
  height: 44px;
  padding: 0 16px;
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.15s ease;
}
.publish-modal__button--primary {
  background-color: var(--motif-900);
  color: var(--motif-surface);
  border-color: var(--motif-900);
}
.publish-modal__button--primary:hover {
  background-color: var(--motif-800);
  border-color: var(--motif-800);
}
.publish-modal__button--outline {
  background-color: transparent;
  color: var(--motif-900);
  border-color: var(--motif-200);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.publish-modal__button--outline:hover {
  background-color: var(--motif-50);
}
.publish-modal__button--ghost {
  background-color: transparent;
  color: var(--motif-900);
  border-color: transparent;
}
.publish-modal__button--ghost:hover {
  background-color: var(--motif-50);
}
.publish-modal__button--ghost svg {
  width: 16px;
  height: 16px;
  margin-top: 5px;
}
.publish-modal__error-icon {
  color: var(--motif-error);
  width: 56px;
  height: 56px;
}.generated-questions-banner {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--motif-150);
  border-radius: 10px;
  background-color: #eff6ff;
  padding: 14px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.generated-questions-banner__content {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.generated-questions-banner__status-badge {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--motif-green);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.generated-questions-banner__status-icon {
  color: var(--motif-surface);
  padding-top: 6px;
}
.generated-questions-banner__message {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  color: var(--motif-900) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.generated-questions-banner__message-emphasis {
  font-weight: 600;
}
.generated-questions-banner__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.generated-questions-banner__change-domain {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  background-color: var(--motif-surface);
  padding: 6px 10px;
  cursor: pointer;
}
.generated-questions-banner__change-domain-label {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--motif-700);
}
.generated-questions-banner__change-domain-icon {
  color: var(--motif-500);
}
.generated-questions-banner__dismiss {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 4px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.generated-questions-banner__dismiss-icon {
  color: var(--motif-500);
}.default-motif-tooltip .motif-tooltip {
  z-index: 1305;
  padding: 0px;
}
.default-motif-tooltip .motif-tooltip .motif-tooltip-inner {
  align-items: center;
}
.default-motif-tooltip .motif-tooltip .motif-tooltip-inner p {
  color: var(--header-title--color);
}
.default-motif-tooltip .motif-tooltip .motif-tooltip-inner .motif-tooltip-content-children {
  padding: 0px;
  margin: 0px;
  word-wrap: break-word;
  white-space: normal;
  font-size: 0.75rem !important;
  line-height: 1.25rem !important;
  font-family: "ey_interstate" !important;
}
.default-motif-tooltip .motif-tooltip .motif-tooltip-inner .motif-icon-button {
  padding: 0px;
  margin: 0px;
}
.default-motif-tooltip.motif-tooltip-alternate .motif-tooltip-inner .motif-tooltip-content-children {
  color: var(--tooltip-alt--color) !important;
}
.default-motif-tooltip.motif-tooltip-alternate .motif-tooltip-inner .motif-tooltip-content-children p {
  color: var(--tooltip-alt--color) !important;
  line-height: 1.25rem !important;
}
.default-motif-tooltip.motif-tooltip-alternate .motif-tooltip-inner .motif-tooltip-content-children * {
  color: var(--tooltip-alt--color) !important;
}

.hide-tooltip-close-button .motif-tooltip .motif-tooltip-inner .motif-icon-button {
  display: none;
}

.tooltip-info-response-icon {
  height: 18px !important;
  width: 18x !important;
  color: var(--btn-icon-color) !important;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tooltip-info-response-icon svg {
  height: 18px !important;
  width: 18px !important;
  color: var(--btn-icon-color) !important;
}

.tooltip-info-response-button {
  height: 18px !important;
  width: 18px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.tooltip-info-response-button:focus-visible {
  outline: 1.5px solid var(--btn-icon-focus-color) !important;
  border-radius: 50%;
}
.tooltip-info-response-button:hover {
  outline: 1.5px solid var(--btn-icon-hover-color) !important;
  border-radius: 50%;
}
.tooltip-info-response-button:focus {
  outline: 1.5px solid var(--btn-icon-focus-color) !important;
  border-radius: 50%;
}.request-doc-section {
  border-top: 1px solid var(--motif-150);
  padding: 8px 24px 10px 80px;
}

.request-doc-empty {
  padding: 12px 14px;
  background: var(--motif-surface-tertiary);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
}

.request-doc-empty-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.request-doc-icon {
  width: 14px;
  height: 14px;
  color: var(--motif-400);
  margin-top: -6px;
}

.request-doc-empty-text {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-primary-lighter);
}

.request-doc-list-container {
  padding: 12px 14px;
  background: var(--motif-surface-tertiary);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
}

.request-doc-list-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.request-doc-icon-green {
  width: 14px;
  height: 14px;
  color: var(--motif-success);
  margin-top: -6px;
}

.request-doc-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-700);
}

.request-doc-count {
  font-size: 10px;
  font-weight: 500;
  border-radius: 999px;
  padding: 1px 7px;
  background: var(--motif-success);
  color: var(--motif-surface);
  line-height: 16px;
}

.request-doc-auto {
  font-size: 10px;
  font-weight: 300;
  margin-left: auto;
  color: var(--motif-primary-lighter);
}

.request-doc-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.request-doc-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 6px;
  background: var(--motif-surface);
  border: 1px solid var(--motif-150);
  padding: 8px 12px;
}

.request-doc-file-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--motif-success);
}

.request-doc-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 2px;
}

.request-doc-item-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.request-doc-item-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
}

.request-doc-item-desc {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-500);
  line-height: 16px;
  margin: 0;
}
/* ─── EY Component Overrides ─── */
.sp-wizard__field .motif-form-field {
  margin: 0;
  padding: 0;
}
.sp-wizard__field .motif-form-field > .motif-label {
  display: none;
}

/* ─── SurveyPremium Page ─── */
.sp-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  background-color: #f9f9fa;
}

/* ─── Spin animation ─── */
.sp-spin {
  animation: sp-spin 1s linear infinite;
}

@keyframes sp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ─── Top Bar ─── */
.sp-topbar {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 60px;
  padding: 0 12px 0 20px;
  border-bottom: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.sp-topbar__left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  min-width: 240px;
}
.sp-topbar__back {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
.sp-topbar__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.sp-topbar__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-topbar__title {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-topbar__subtitle {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-topbar__center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-topbar__tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--motif-100);
  padding: 3px;
  border-radius: 6px;
}
.sp-topbar__tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.sp-topbar__tab span {
  font-size: 13px;
  color: #656579;
  font-weight: 400;
}
.sp-topbar__tab--active {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.sp-topbar__tab--active span {
  color: #2e2e38;
  font-weight: 500;
}
.sp-topbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.sp-topbar__status-pill {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background-color: var(--motif-100);
  cursor: pointer;
}
.sp-topbar__status-pill span {
  font-size: 12px;
  font-weight: 400;
}
.sp-topbar__more-wrap {
  position: relative;
}

/* ─── Premium Tag ─── */
.sp-premium-tag {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 999px;
  padding: 2px 6px;
  font-weight: 500;
  color: white;
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  flex-shrink: 0;
  white-space: nowrap;
}

/* ─── Buttons ─── */
.sp-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.sp-icon-btn:hover {
  background-color: var(--motif-100);
}

.sp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 12px;
  height: 36px;
  white-space: nowrap;
}
.sp-btn--primary {
  background-color: #2e2e38;
  color: white;
}
.sp-btn--primary:hover {
  background-color: #23232b;
}
.sp-btn--ghost {
  background: none;
}
.sp-btn--ghost:hover {
  background-color: var(--motif-100);
}
.sp-btn--ai {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: white;
  border: none;
}
.sp-btn--sm {
  height: 32px;
  padding: 4px 10px;
  font-size: 13px;
}
.sp-btn--full {
  width: 100%;
}
.sp-btn--gap {
  gap: 6px;
}

/* ─── Badge ─── */
.sp-badge {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: var(--motif-100);
  color: var(--motif-600);
  font-weight: 400;
}

/* ─── Dropdown ─── */
.sp-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 50;
  min-width: 180px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 4px;
}
.sp-dropdown__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 13px;
  color: var(--motif-900);
  border-radius: 4px;
  cursor: pointer;
}
.sp-dropdown__item:hover {
  background-color: var(--motif-100);
}
.sp-dropdown__item--danger {
  color: #dc2626;
}
.sp-dropdown__sep {
  height: 1px;
  background-color: var(--motif-150);
  margin: 4px 0;
}

/* ─── Main Layout ─── */
.sp-main {
  display: flex;
  flex: 1;
  min-height: 0;
}

/* ─── Left Panel ─── */
.sp-left-panel {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 300px;
  border-right: 1px solid #e6e6e9;
  background-color: var(--motif-surface);
  overflow: hidden;
}
.sp-left-panel__fw-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  padding: 12px 12px 12px 16px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-left-panel__fw-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-left-panel__fw-header span {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
}
.sp-left-panel__fw-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sp-left-panel__fw-tag {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--motif-100);
  padding: 3px 8px;
  height: 24px;
  border-radius: 999px;
}
.sp-left-panel__fw-tag span {
  font-size: 12px;
  font-weight: 400;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-left-panel__questions {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.sp-left-panel__q-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 4px 8px;
}
.sp-left-panel__q-header span {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
}
.sp-left-panel__q-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  gap: 4px;
}
.sp-left-panel__section {
  display: flex;
  flex-direction: column;
}
.sp-left-panel__section-label {
  padding: 6px 8px;
}
.sp-left-panel__section-label span {
  font-size: 10px;
  text-transform: uppercase;
  color: #9897a6;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.sp-left-panel__domain {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  border-radius: 6px;
  padding: 5px 8px;
  cursor: pointer;
}
.sp-left-panel__domain-name {
  flex: 1;
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.sp-left-panel__domain-count {
  font-size: 11px;
  flex-shrink: 0;
  color: #9897a6;
  font-weight: 300;
}
.sp-left-panel__sep {
  margin: 4px 8px;
  height: 1px;
  background-color: var(--motif-150);
}
.sp-left-panel__completion {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  padding: 16px;
  border-top: 1px solid var(--motif-150);
}
.sp-left-panel__completion-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sp-left-panel__completion-label {
  font-size: 13px;
  font-weight: 400;
}
.sp-left-panel__completion-due {
  font-size: 11px;
  font-weight: 300;
}
.sp-left-panel__completion-nums {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
}
.sp-left-panel__completion-nums span {
  font-size: 22px;
  font-weight: 300;
}
.sp-left-panel__premium-insights {
  font-size: 10px;
  margin-top: 4px;
  color: #8b5cf6;
  font-weight: 500;
}
.sp-left-panel__completion-circle {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 4px solid #e6e6e9;
}

/* ─── Content Area ─── */
.sp-content-area {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  background-color: var(--motif-surface);
}

/* ─── Tab Content (shared) ─── */
.sp-tab-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* ─── Toolbar ─── */
.sp-toolbar {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px 0 0;
  border-bottom: 1px solid var(--motif-150);
}
.sp-toolbar__left {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}
.sp-toolbar__divider {
  width: 0;
  height: 32px;
  border-left: 1px solid #e6e6e9;
}
.sp-toolbar__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
}

/* ─── Column Header ─── */
.sp-col-header {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-col-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.sp-col-header__checkbox {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #9897a6;
  border-radius: 3px;
}
.sp-col-header__label {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.sp-col-header__label span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-col-header__answer {
  display: flex;
  align-items: center;
  width: 140px;
}
.sp-col-header__answer span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-col-header__status {
  display: flex;
  align-items: center;
  width: 90px;
}
.sp-col-header__status span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-col-header__condition {
  display: flex;
  align-items: center;
  width: 180px;
}
.sp-col-header__condition span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-col-header__spacer {
  width: 80px;
}

/* ─── Questions Scroll ─── */
.sp-questions-scroll {
  flex: 1;
  overflow-y: auto;
}

/* ─── Answer Icon ─── */
.sp-answer-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.sp-answer-icon__letter {
  font-size: 12px;
  font-weight: 500;
}

/* ─── Status Badge ─── */
.sp-status-badge {
  font-size: 12px;
  white-space: nowrap;
}

/* ─── Progress Circle ─── */
.sp-progress-circle {
  border-radius: 50%;
  flex-shrink: 0;
}

/* ─── Question Row ─── */
.sp-question-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 24px;
  border-bottom: 1px solid #f3f3f5;
  min-height: 48px;
  cursor: pointer;
}
.sp-question-row__checkbox {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sp-question-row__text {
  flex: 1;
  font-size: 13px;
  line-height: 20px;
  min-width: 0;
  margin: 0;
}
.sp-question-row__answer-col {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  width: 140px;
}
.sp-question-row__answer-text {
  font-size: 13px;
}
.sp-question-row__status-col {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 90px;
}
.sp-question-row__condition-col {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 180px;
}
.sp-question-row__condition-text {
  font-size: 12px;
  font-weight: 300;
}
.sp-question-row__add-condition {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 300;
  cursor: pointer;
}
.sp-question-row__meta-col {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.sp-question-row__meta-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sp-question-row__meta-count {
  font-size: 11px;
  color: #9897a6;
  font-weight: 300;
}

/* ─── Expandable Section ─── */
.sp-expandable-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 24px;
  height: 40px;
  cursor: pointer;
}
.sp-expandable-header__arrow {
  transition: transform 0.2s;
  flex-shrink: 0;
}
.sp-expandable-header__title {
  font-size: 13px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-expandable-header__count {
  font-size: 12px;
  flex-shrink: 0;
  color: #9897a6;
  font-weight: 300;
}

/* ─── Add question row ─── */
.sp-add-question-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  cursor: pointer;
  width: 100%;
}
.sp-add-question-row__text {
  font-size: 13px;
  font-weight: 300;
}

/* ─── Bulk Action Bar ─── */
.sp-bulk-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  background-color: var(--motif-900);
  border-bottom: 1px solid var(--motif-150);
}
.sp-bulk-bar__info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-bulk-bar__count {
  font-size: 13px;
  font-weight: 400;
  color: white;
}
.sp-bulk-bar__clear {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.sp-bulk-bar__divider {
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.2);
}
.sp-bulk-bar__action {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
}
.sp-bulk-bar__action span {
  font-size: 12px;
}
.sp-bulk-bar__action:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* ─── Workflow Header ─── */
.sp-workflow-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-workflow-header__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-workflow-header__title {
  font-size: 13px;
  font-weight: 400;
}
.sp-workflow-header__desc {
  flex: 1;
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  color: #9897a6;
}

/* ─── Documents Tab ─── */
.sp-docs-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-docs-header__spacer {
  flex: 1;
}
.sp-docs-header__count {
  font-size: 12px;
  font-weight: 300;
  color: #9897a6;
}

.sp-docs-colheader {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-docs-colheader__name {
  flex: 1;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__type {
  width: 80px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__status {
  width: 90px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__size {
  width: 80px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__uploaded {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__date {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-docs-colheader__actions {
  width: 36px;
}

.sp-doc-row {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid #f3f3f5;
  min-height: 48px;
  cursor: pointer;
}
.sp-doc-row__name {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.sp-doc-row__name span {
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-doc-row__type {
  width: 80px;
  font-size: 12px;
  font-weight: 300;
}
.sp-doc-row__status {
  width: 90px;
  font-size: 12px;
  font-weight: 300;
}
.sp-doc-row__size {
  width: 80px;
  font-size: 12px;
  font-weight: 300;
}
.sp-doc-row__uploaded {
  width: 100px;
  font-size: 12px;
  font-weight: 300;
}
.sp-doc-row__date {
  width: 100px;
  font-size: 12px;
  font-weight: 300;
}
.sp-doc-row__actions {
  width: 36px;
  position: relative;
}

/* ─── Reports Tab ─── */
.sp-reports-colheader {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-reports-colheader__name {
  flex: 1;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-reports-colheader__type {
  width: 100px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-reports-colheader__generated {
  width: 120px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-reports-colheader__status {
  width: 90px;
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-900);
}
.sp-reports-colheader__actions {
  width: 36px;
}

.sp-report-row {
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid #f3f3f5;
  min-height: 48px;
  cursor: pointer;
}
.sp-report-row__name {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.sp-report-row__name span {
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sp-report-row__type {
  width: 100px;
  font-size: 12px;
  font-weight: 300;
}
.sp-report-row__generated {
  width: 120px;
  font-size: 12px;
  font-weight: 300;
}
.sp-report-row__status {
  width: 90px;
  font-size: 12px;
  font-weight: 300;
}
.sp-report-row__actions {
  width: 36px;
  position: relative;
}

/* ─── Analytics Tab ─── */
.sp-analytics-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-bottom: 1px solid var(--motif-150);
}
.sp-analytics-header__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-analytics-header__left span {
  font-size: 13px;
  font-weight: 400;
}

.sp-analytics-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
}

.sp-analytics-metrics {
  display: flex;
  gap: 16px;
}

.sp-metric-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  border-radius: 6px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
}
.sp-metric-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-metric-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.sp-metric-card__label {
  font-size: 12px;
  font-weight: 400;
}
.sp-metric-card__value {
  font-size: 28px;
  font-weight: 300;
}

.sp-analytics-advanced {
  margin-top: 24px;
  padding: 24px;
  border-radius: 6px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
}
.sp-analytics-advanced__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.sp-analytics-advanced__header span {
  font-size: 14px;
  font-weight: 500;
}
.sp-analytics-advanced__desc {
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
}

.sp-modal {
  background-color: var(--motif-surface);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
  padding: 32px 36px;
  overflow: hidden;
}
.sp-modal--narrow {
  max-width: 560px;
  padding: 48px;
}
.sp-modal__scroll {
  flex: 1;
  overflow-y: auto;
}

/* ─── Wizard ─── */
.sp-wizard__steps {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 32px;
}
.sp-wizard__step-item {
  display: flex;
  align-items: center;
  flex: 1;
}
.sp-wizard__step-content {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.sp-wizard__step-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.sp-wizard__step-label {
  font-size: 13px;
  white-space: nowrap;
}
.sp-wizard__step-line {
  flex: 1;
  height: 1px;
  margin: 0 12px;
}
.sp-wizard__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sp-wizard__section-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.sp-wizard__section-title {
  font-size: 18px;
  font-weight: 400;
}
.sp-wizard__section-desc {
  font-size: 13px;
  font-weight: 300;
}
.sp-wizard__card {
  border-radius: 8px;
  border: 1px solid var(--motif-150);
  padding: 16px;
}
.sp-wizard__card--half {
  flex: 1;
}
.sp-wizard__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.sp-wizard__card-header span {
  font-size: 14px;
  font-weight: 500;
}
.sp-wizard__card-header--icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.sp-wizard__card-header--icon span {
  font-size: 13px;
  font-weight: 500;
}
.sp-wizard__card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sp-wizard__card-label {
  font-size: 14px;
  font-weight: 500;
}
.sp-wizard__card-text {
  font-size: 13px;
  font-weight: 300;
}
.sp-wizard__card-text--clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sp-wizard__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.sp-wizard__fw-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sp-wizard__fw-title {
  font-size: 12px;
  font-weight: 500;
}
.sp-wizard__fw-domain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
}
.sp-wizard__fw-domain span {
  font-size: 12px;
  font-weight: 300;
}
.sp-wizard__fw-domain-count {
  font-size: 11px;
  font-weight: 300;
}
.sp-wizard__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sp-wizard__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sp-wizard__field-label {
  font-size: 12px;
  font-weight: 500;
}
.sp-wizard__field-label-inner {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.sp-wizard__search-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sp-wizard__search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  border: 1px solid var(--motif-150);
  border-radius: 6px;
  height: 40px;
  padding: 4px 12px;
}
.sp-wizard__search-input {
  flex: 1;
  font-size: 13px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border: none;
}
.sp-wizard__selected-badge {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sp-wizard__respondent-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 240px;
  overflow-y: auto;
}
.sp-wizard__respondent {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  transition: background-color 0.15s;
  height: 56px;
  border-radius: 8px;
  gap: 12px;
  text-align: left;
  background: none;
  font-family: inherit;
}
.sp-wizard__respondent-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.sp-wizard__respondent-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sp-wizard__respondent-name {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}
.sp-wizard__respondent-role {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  text-align: left;
}
.sp-wizard__summary-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sp-wizard__summary-row {
  display: flex;
  gap: 12px;
}
.sp-wizard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
.sp-wizard__center-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
  gap: 24px;
}
.sp-wizard__icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.sp-wizard__center-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}
.sp-wizard__center-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.sp-wizard__center-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.sp-wizard__progress-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 320px;
}
.sp-wizard__progress-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sp-wizard__progress-item span {
  font-size: 14px;
}
.sp-wizard__progress-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--motif-150);
}
.sp-wizard__progress-dot--done {
  background-color: var(--motif-900);
}
.sp-wizard__progress-dot--active {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.sp-wizard__final-actions {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 360px;
  margin-top: 16px;
}

/* ─── Input & Textarea ─── */
.sp-input {
  font-size: 14px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border: 1px solid var(--motif-150);
  border-radius: 6px;
  height: 40px;
  padding: 8px 12px;
}

.sp-textarea {
  font-size: 13px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border: 1px solid var(--motif-150);
  border-radius: 6px;
  padding: 10px 12px;
  min-height: 100px;
  resize: none;
  font-family: inherit;
}

/* ─── Pulse animation ─── */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.fp-scale-phase-title {
  font-size: 22px;
  line-height: 30px;
}

.fp-scale-badge--0 {
  width: 32px;
  height: 32px;
  background-color: #fef2f2;
  border: 1px solid #f87171;
  color: #b91c1c;
}

.fp-scale-badge--1 {
  width: 32px;
  height: 32px;
  background-color: #fffbeb;
  border: 1px solid #f59e0b;
  color: #92400e;
}

.fp-scale-badge--2 {
  width: 32px;
  height: 32px;
  background-color: #eff6ff;
  border: 1px solid #3b82f6;
  color: #1d4ed8;
}

.fp-scale-badge--3 {
  width: 32px;
  height: 32px;
  background-color: #f5f3ff;
  border: 1px solid #8b5cf6;
  color: #6d28d9;
}

.fp-scale-badge--4 {
  width: 32px;
  height: 32px;
  background-color: #ecfdf5;
  border: 1px solid #10b981;
  color: #065f46;
}

.fp-scale-phase-subtitle {
  font-size: 14px;
  line-height: 22px;
}

.fp-scale-updating-text {
  font-size: 11px;
}

.fp-scale-header-cell {
  font-size: 12px;
}
.fp-scale-header-cell--left {
  text-align: left;
}
.fp-scale-header-cell--center {
  text-align: center;
}

.fp-scale-range-label {
  font-size: 10px;
}

.fp-scale-score-text {
  font-size: 14px;
  font-weight: 600;
}

.fp-scale-input {
  font-size: 13px;
  background: transparent;
  outline: none;
  border: none;
  border-radius: 4px;
  padding: 0;
}
.fp-scale-input--full {
  width: 100%;
}
.fp-scale-input--center {
  text-align: center;
}
.fp-scale-input--number {
  width: 48px;
}
.fp-scale-input--mx-auto {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fp-scale-char-count {
  font-size: 10px;
  margin-top: 2px;
}

.fp-scale-editable-value {
  font-size: 13px;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 8px;
  transition: background-color 0.2s;
}
.fp-scale-editable-value:hover {
  background-color: #f0f0f5;
}
.fp-scale-editable-value--inline {
  display: inline-block;
}

.fp-scale-section-label {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.fp-scale-textarea {
  width: 100%;
  margin-top: 4px;
  font-size: 13px;
  line-height: 20px;
  outline: none;
  background: transparent;
  resize: none;
  border: none;
  border-radius: 4px;
  padding: 0;
}

.fp-scale-description-text {
  margin-top: 4px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 4px;
  transition: background-color 0.2s;
}
.fp-scale-description-text:hover {
  background-color: #f0f0f5;
}

.fp-scale-characteristics-input {
  width: 100%;
  font-size: 12px;
  outline: none;
  background: transparent;
  border: none;
  border-radius: 4px;
  padding: 0;
}

.fp-scale-tags-hint {
  display: block;
  margin-top: 4px;
  font-size: 10px;
}

.fp-scale-tags-editor {
  margin-top: 6px;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  transition: background-color 0.2s;
}
.fp-scale-tags-editor:hover {
  background-color: #f0f0f5;
}

.fp-scale-tag-chip {
  font-size: 11px;
  border-radius: 9999px;
  padding: 2px 10px;
}
.fp-scale-tag-chip--0 {
  background-color: #fef2f2 !important;
  border: 1px solid #f87171 !important;
  color: #b91c1c !important;
}
.fp-scale-tag-chip--1 {
  background-color: #fffbeb !important;
  border: 1px solid #f59e0b !important;
  color: #92400e !important;
}
.fp-scale-tag-chip--2 {
  background-color: #eff6ff !important;
  border: 1px solid #3b82f6 !important;
  color: #1d4ed8 !important;
}
.fp-scale-tag-chip--3 {
  background-color: #f5f3ff !important;
  border: 1px solid #8b5cf6 !important;
  color: #6d28d9 !important;
}
.fp-scale-tag-chip--4 {
  background-color: #ecfdf5 !important;
  border: 1px solid #10b981 !important;
  color: #065f46 !important;
}

.fp-scale-add-btn-text {
  font-size: 13px;
  font-weight: 500;
}

.fp-scale-info-text {
  font-size: 13px;
  line-height: 20px;
}

.fp-scale-phase-header {
  margin-bottom: 40px;
}
.fp-scale-phase-header__title {
  margin-bottom: 16px;
}

.fp-scale-table-wrap {
  position: relative;
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-scale-table-regen-anim {
  animation: draftItemAppear 0.6s ease-out 0.15s both;
}

.fp-scale-row {
  border-bottom: 1px solid var(--motif-100);
  border-top: 2px solid transparent;
}
.fp-scale-row--expanded {
  border-bottom: none;
  background-color: #fafbff;
}
.fp-scale-row--last {
  border-bottom: none;
}
.fp-scale-row--dragging {
  opacity: 0.4;
}
.fp-scale-row--dragover {
  border-top-color: #2563eb;
}
.fp-scale-row--anim {
  animation: draftItemAppear 0.6s ease-out both;
}

.fp-scale-row--anim-delay-0 {
  animation-delay: 0s;
}

.fp-scale-row--anim-delay-1 {
  animation-delay: 0.08s;
}

.fp-scale-row--anim-delay-2 {
  animation-delay: 0.16s;
}

.fp-scale-row--anim-delay-3 {
  animation-delay: 0.24s;
}

.fp-scale-row--anim-delay-4 {
  animation-delay: 0.32s;
}

.fp-scale-row--anim-delay-5 {
  animation-delay: 0.4s;
}

.fp-scale-row--anim-delay-6 {
  animation-delay: 0.48s;
}

.fp-scale-row--anim-delay-7 {
  animation-delay: 0.56s;
}

.fp-scale-row--anim-delay-8 {
  animation-delay: 0.64s;
}

.fp-scale-row--anim-delay-9 {
  animation-delay: 0.72s;
}

.fp-scale-row--anim-delay-10 {
  animation-delay: 0.8s;
}

.fp-scale-row--anim-delay-11 {
  animation-delay: 0.88s;
}

.fp-scale-expanded-row {
  border-bottom: 1px solid var(--motif-100);
}
.fp-scale-expanded-row--last {
  border-bottom: none;
}

.fp-scale-expand-btn {
  color: var(--motif-400);
}
.fp-scale-expand-btn--expanded {
  color: #2563eb;
}

.fp-section-mt {
  margin-top: 32px;
}.fp-def-phase-content {
  padding: 32px 40px 96px;
}

.fp-def-header-wrap {
  margin-bottom: 24px;
}

.fp-def-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.fp-def-title-row h2 {
  margin: 0;
}

.fp-def-info-box {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 12px;
  padding: 12px 16px;
}

.fp-def-info-icon {
  flex-shrink: 0;
}

.fp-def-info-text {
  margin: 0;
  flex: 1;
}

.fp-fs-11 {
  font-size: 11px;
}

.fp-fs-13 {
  font-size: 13px;
}

.fp-def-tab-switcher {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  background-color: var(--motif-100);
  margin-bottom: 20px;
}

.fp-def-tab-switcher--spaced {
  margin-bottom: 20px;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.fp-def-tab-btn {
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.15s;
  border: none;
  cursor: pointer;
  background: transparent;
  color: var(--motif-500);
  font-family: inherit;
}
.fp-def-tab-btn--active {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fp-def-tab-btn--padded {
  padding: 6px 16px;
}

.fp-def-tab-btn-alt {
  background-color: transparent;
  color: var(--motif-500);
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-def-tab-btn-alt--active-sm {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fp-grid-th-level {
  padding: 12px 10px 15px;
  font-weight: 600;
  border-right: 1px solid var(--motif-150);
  min-width: 200px;
  position: sticky;
  top: 0;
  z-index: 2;
  box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level:last-child {
  border-right: none;
}

.fp-grid-th-domain {
  padding: 12px 16px 15px;
  color: #44445a;
  font-weight: 600;
  border-right: 1px solid var(--motif-150);
  width: 140px;
  min-width: 140px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f0f1f3;
  box-shadow: inset 0 -3px 0 #c8c8d0, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}

.fp-grid-th-main {
  padding: 12px 16px 15px;
  color: #44445a;
  font-weight: 600;
  border-right: 1px solid var(--motif-150);
  width: 160px;
  min-width: 160px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f0f1f3;
  box-shadow: inset 0 -3px 0 #c8c8d0, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}

.fp-save-draft-btn {
  color: #656579;
  background-color: transparent;
  cursor: pointer;
  opacity: 1;
}
.fp-save-draft-btn--saving {
  color: #656579;
  background-color: #f3f3f5;
  cursor: default;
  opacity: 0.7;
}
.fp-save-draft-btn--saved {
  color: #197335;
  background-color: transparent;
}

.fp-save-draft-spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #9897a6;
  border-top-color: transparent;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.fp-grid-td-cell {
  padding: 0;
  vertical-align: top;
  border-right: 1px solid var(--motif-100);
}
.fp-grid-td-cell:last-child {
  border-right: none;
}

.fp-grid-td-cell--padded {
  padding: 10px 14px;
  vertical-align: top;
  border-right: 1px solid var(--motif-100);
}
.fp-grid-td-cell--padded:last-child {
  border-right: none;
}

.fp-fs-10 {
  font-size: 10px;
}

.fp-fs-12 {
  font-size: 12px;
}

.fp-fs-14 {
  font-size: 14px;
}

.fp-fs-16 {
  font-size: 16px;
}

.fp-fs-22 {
  font-size: 22px;
}

.fp-def-lh-16 {
  line-height: 16px;
}

.fp-lh-22 {
  line-height: 22px;
}

.fp-lh-30 {
  line-height: 30px;
}

.fp-z-200 {
  z-index: 200;
}

.fp-def-editable-surface {
  transition: background-color 0.15s;
}
.fp-def-editable-surface:hover {
  background-color: #f0f0f5;
}

.fp-def-draft-item {
  animation: draftItemAppear 0.4s ease-out both;
}

.fp-def-draft-item--delay-0 {
  animation-delay: 0s;
}

.fp-def-draft-item--delay-1 {
  animation-delay: 0.06s;
}

.fp-def-draft-item--delay-2 {
  animation-delay: 0.12s;
}

.fp-def-draft-item--delay-3 {
  animation-delay: 0.18s;
}

.fp-def-draft-item--delay-4 {
  animation-delay: 0.24s;
}

.fp-def-draft-item--delay-5 {
  animation-delay: 0.3s;
}

.fp-def-draft-item--delay-6 {
  animation-delay: 0.36s;
}

.fp-def-draft-item--delay-7 {
  animation-delay: 0.42s;
}

.fp-def-draft-item--delay-8 {
  animation-delay: 0.48s;
}

.fp-def-draft-item--delay-9 {
  animation-delay: 0.54s;
}

.fp-def-card-with-strip {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

.fp-def-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  cursor: pointer;
  transition: background-color 0.15s;
}
.fp-def-expand-btn:hover {
  background-color: var(--motif-100);
}

.fp-def-domain-strip--0 {
  background-color: transparent;
}

.fp-def-domain-strip--1 {
  background-color: transparent;
}

.fp-def-domain-strip--2 {
  background-color: transparent;
}

.fp-def-domain-strip--3 {
  background-color: transparent;
}

.fp-def-domain-strip--4 {
  background-color: transparent;
}

.fp-def-level-badge--0 {
  background-color: #fef2f2 !important;
  border-color: #f87171 !important;
  color: #b91c1c !important;
}

.fp-def-level-row--0 {
  border-left: 4px solid #f87171 !important;
}

.fp-def-level-badge--1 {
  background-color: #fffbeb !important;
  border-color: #f59e0b !important;
  color: #92400e !important;
}

.fp-def-level-row--1 {
  border-left: 4px solid #f59e0b !important;
}

.fp-def-level-badge--2 {
  background-color: #eff6ff !important;
  border-color: #3b82f6 !important;
  color: #1d4ed8 !important;
}

.fp-def-level-row--2 {
  border-left: 4px solid #3b82f6 !important;
}

.fp-def-level-badge--3 {
  background-color: #f5f3ff !important;
  border-color: #8b5cf6 !important;
  color: #6d28d9 !important;
}

.fp-def-level-row--3 {
  border-left: 4px solid #8b5cf6 !important;
}

.fp-def-level-badge--4 {
  background-color: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #065f46 !important;
}

.fp-def-level-row--4 {
  border-left: 4px solid #10b981 !important;
}

.fp-def-level-name--0 {
  color: #b91c1c !important;
  font-weight: 600;
}

.fp-def-level-name--1 {
  color: #92400e !important;
  font-weight: 600;
}

.fp-def-level-name--2 {
  color: #1d4ed8 !important;
  font-weight: 600;
}

.fp-def-level-name--3 {
  color: #6d28d9 !important;
  font-weight: 600;
}

.fp-def-level-name--4 {
  color: #065f46 !important;
  font-weight: 600;
}

.fp-grid-th-level--0 {
  background-color: #fef2f2;
  color: #b91c1c;
  box-shadow: inset 0 -3px 0 #f87171, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level--0 span {
  color: #b91c1c;
}
.fp-grid-th-level--0 .fp-grid-th-score {
  background-color: #fee2e2;
  color: #b91c1c;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}

.fp-grid-th-level--1 {
  background-color: #fffbeb;
  color: #92400e;
  box-shadow: inset 0 -3px 0 #f59e0b, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level--1 span {
  color: #92400e;
}
.fp-grid-th-level--1 .fp-grid-th-score {
  background-color: #fef3c7;
  color: #92400e;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}

.fp-grid-th-level--2 {
  background-color: #eff6ff;
  color: #1d4ed8;
  box-shadow: inset 0 -3px 0 #3b82f6, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level--2 span {
  color: #1d4ed8;
}
.fp-grid-th-level--2 .fp-grid-th-score {
  background-color: #dbeafe;
  color: #1d4ed8;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}

.fp-grid-th-level--3 {
  background-color: #f5f3ff;
  color: #6d28d9;
  box-shadow: inset 0 -3px 0 #8b5cf6, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level--3 span {
  color: #6d28d9;
}
.fp-grid-th-level--3 .fp-grid-th-score {
  background-color: #ede9fe;
  color: #6d28d9;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}

.fp-grid-th-level--4 {
  background-color: #ecfdf5;
  color: #065f46;
  box-shadow: inset 0 -3px 0 #10b981, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-level--4 span {
  color: #065f46;
}
.fp-grid-th-level--4 .fp-grid-th-score {
  background-color: #d1fae5;
  color: #065f46;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
}

.fp-def-textarea-grid,
.fp-def-textarea-l1,
.fp-def-textarea-l2,
.fp-def-textarea-l3 {
  border: 2px solid var(--motif-primary) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  resize: vertical;
}
.fp-def-textarea-grid:focus,
.fp-def-textarea-l1:focus,
.fp-def-textarea-l2:focus,
.fp-def-textarea-l3:focus {
  outline: none;
  border-color: var(--motif-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--motif-primary), 0.1);
}

.fp-card-16 {
  padding-top: 10px;
  display: flex;
  margin-top: 15px;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
}

.tabsdetails {
  padding: 5px;
}
.tabsdetails button {
  padding: 4px;
}

.fp-def-tab-switcher--spaced {
  margin-bottom: 0;
}

.fp-grid-th-hierarchy {
  padding: 12px 16px 15px;
  color: #44445a;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: left;
  border-right: 1px solid var(--motif-150);
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #f0f1f3;
  box-shadow: inset 0 -3px 0 #c8c8d0, 0 6px 12px -2px rgba(0, 0, 0, 0.15);
}
.fp-grid-th-hierarchy--140 {
  width: 140px;
  min-width: 140px;
}
.fp-grid-th-hierarchy--160 {
  width: 160px;
  min-width: 160px;
}.fp-structure-preview {
  max-width: 980px;
  margin: 0 auto;
  padding: 32px 24px 48px;
}
.fp-structure-preview__header {
  margin-bottom: 24px;
}
.fp-structure-preview__title {
  font-size: 22px;
  line-height: 30px;
  color: var(--motif-900);
  font-weight: 600;
  margin: 0 0 8px;
}
.fp-structure-preview__subtitle {
  font-size: 14px;
  line-height: 22px;
  color: var(--motif-600);
  font-weight: 300;
  margin: 0;
}
.fp-structure-preview__info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  border-radius: 8px;
  border: 1px solid #dbeafe;
  background-color: #f4f7fc;
  padding: 12px 16px;
  margin-bottom: 20px;
}
.fp-structure-preview__info-icon {
  width: 16px;
  height: 16px;
  color: #2563eb;
  margin-top: 2px;
  flex-shrink: 0;
}
.fp-structure-preview__info-text {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  color: #1e3a5f;
  font-weight: 400;
}
.fp-structure-preview__card {
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.fp-structure-preview__card-body {
  padding: 0 16px 16px;
}
.fp-structure-preview__domain:last-child .fp-structure-preview__subdomain:last-child {
  border-bottom: 1px solid var(--motif-100);
}
.fp-structure-preview__row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--motif-100);
  border-radius: 4px;
  transition: background-color 0.15s ease;
}
.fp-structure-preview__row:hover {
  background-color: var(--motif-25);
}
.fp-structure-preview__row:hover .fp-structure-preview__edit-button, .fp-structure-preview__row:focus-within .fp-structure-preview__edit-button {
  opacity: 1;
}
.fp-structure-preview__row--domain {
  padding-right: 6px;
}
.fp-structure-preview__row--subdomain {
  padding: 10px 12px 10px 48px;
}
.fp-structure-preview__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  flex: 1;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 10px 12px;
  font-family: inherit;
}
.fp-structure-preview__caret {
  width: 14px;
  height: 14px;
  color: var(--motif-400);
  flex-shrink: 0;
}
.fp-structure-preview__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #eaeafe;
  color: #5b6abf;
  min-width: 24px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  padding: 2px 6px;
  flex-shrink: 0;
}
.fp-structure-preview__name {
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-900);
  min-width: 0;
  flex: 1;
}
.fp-structure-preview__item-label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.fp-structure-preview__edit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}
.fp-structure-preview__edit-icon {
  width: 14px;
  height: 14px;
  color: var(--motif-400);
}
.fp-structure-preview__description {
  padding: 4px 12px 8px 52px;
}
.fp-structure-preview__description--subdomain {
  padding-left: 84px;
}
.fp-structure-preview__description-text {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--motif-500);
  font-weight: 300;
}
.fp-structure-preview__description-editor {
  width: 100%;
  min-height: 64px;
  resize: vertical;
  border-radius: 6px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  padding: 8px 10px;
  font-size: 12px;
  line-height: 18px;
  color: var(--motif-700);
  outline: none;
  font-family: inherit;
}
.fp-structure-preview__subdomain-list .fp-structure-preview__subdomain {
  border-bottom: 1px solid var(--motif-100);
}
.fp-structure-preview__l3-list .fp-structure-preview__l3-item {
  border-bottom: 1px solid var(--motif-100);
}
.fp-structure-preview__row--subdomain .fp-structure-preview__name {
  font-size: 13px;
}
.fp-structure-preview__row--l3 {
  padding: 10px 12px 10px 80px;
}
.fp-structure-preview__row--l3 .fp-structure-preview__name {
  font-size: 12px;
}
.fp-structure-preview__description--l3 {
  padding: 0 12px 10px 80px;
}

.fp-edit-tree__title {
  font-size: 18px;
  line-height: 24px;
}
.fp-edit-tree__badge {
  font-size: 11px;
  border-radius: 9999px;
}
.fp-edit-tree__desc {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 16px;
}
.fp-edit-tree__confidence-text {
  font-size: 13px;
}
.fp-edit-tree__confidence-link {
  font-size: 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-edit-tree__ai-btn-label {
  font-size: 12px;
}
.fp-edit-tree__drag-handle {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-right: 12px;
  opacity: 0;
  transition: opacity 0.15s ease;
  cursor: grab;
  color: var(--motif-400);
}
.fp-edit-tree__level-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 10px;
  flex-shrink: 0;
  margin-right: 10px;
}
.fp-edit-tree__name-input {
  flex: 1;
  background: transparent;
  outline: none;
  border-radius: 4px;
  padding: 0 4px;
  font-family: inherit;
  border: none;
}
.fp-edit-tree__name-input--l1 {
  font-size: 14px;
}
.fp-edit-tree__name-input--l2 {
  font-size: 13px;
}
.fp-edit-tree__name-input--l3 {
  font-size: 12px;
}
.fp-edit-tree__name-display {
  flex: 1;
  cursor: text;
  border-radius: 4px;
  padding: 0 4px;
  transition: background-color 0.15s ease;
}
.fp-edit-tree__name-display:hover {
  background-color: var(--motif-50);
}
.fp-edit-tree__name-display--l1 {
  font-size: 14px;
}
.fp-edit-tree__name-display--l2 {
  font-size: 13px;
}
.fp-edit-tree__name-display--l3 {
  font-size: 12px;
}
.fp-edit-tree__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.fp-edit-tree__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: none;
  cursor: pointer;
}
.fp-edit-tree__add-domain-label {
  font-size: 13px;
}
.fp-edit-tree__continue-hint {
  font-size: 13px;
}
.fp-edit-tree__continue-btn-label {
  font-size: 13px;
}

.group\/row:hover .fp-edit-tree__drag-handle,
.group\/row:hover .fp-edit-tree__actions {
  opacity: 1;
}/* Extracted Tailwind utility fallbacks for FrameworkPreview.
   Uses :where(...) to keep specificity low and avoid overriding existing generated Tailwind styles. */

:where(.block) { display: block; }
:where(.hidden) { display: none; }

:where(.fixed) { position: fixed; }
:where(.absolute) { position: absolute; }
:where(.relative) { position: relative; }
:where(.inset-0) { inset: 0; }
:where(.left-1\/2) { left: 50%; }
:where(.top-full) { top: 100%; }
:where(.bottom-full) { bottom: 100%; }
:where(.z-10) { z-index: 10; }
:where(.z-\[200\]) { z-index: 200; }

:where(.flex) { display: flex; }
:where(.flex-1) { flex: 1 1 0%; }
:where(.flex-col) { flex-direction: column; }
:where(.flex-wrap) { flex-wrap: wrap; }
:where(.flex-shrink-0) { flex-shrink: 0; }
:where(.items-center) { align-items: center; }
:where(.items-start) { align-items: flex-start; }
:where(.justify-center) { justify-content: center; }
:where(.justify-between) { justify-content: space-between; }
:where(.justify-start) { justify-content: flex-start; }
:where(.justify-end) { justify-content: flex-end; }

:where(.min-w-0) { min-width: 0; }
:where(.max-w-\[240px\]) { max-width: 240px; }
:where(.max-w-\[90\%\]) { max-width: 90%; }

:where(.w-0) { width: 0; }
:where(.w-1) { width: 0.25rem; }
:where(.w-1\.5) { width: 0.375rem; }
:where(.w-2) { width: 0.5rem; }
:where(.w-2\.5) { width: 0.625rem; }
:where(.w-3) { width: 0.75rem; }
:where(.w-3\.5) { width: 0.875rem; }
:where(.w-4) { width: 1rem; }
:where(.w-5) { width: 1.25rem; }
:where(.w-6) { width: 1.5rem; }
:where(.w-7) { width: 1.75rem; }
:where(.w-8) { width: 2rem; }
:where(.w-9) { width: 2.25rem; }
:where(.w-16) { width: 4rem; }
:where(.w-\[18px\]) { width: 18px; }
:where(.w-full) { width: 100%; }
:where(.w-px) { width: 1px; }

:where(.h-0) { height: 0; }
:where(.h-1) { height: 0.25rem; }
:where(.h-1\.5) { height: 0.375rem; }
:where(.h-2) { height: 0.5rem; }
:where(.h-2\.5) { height: 0.625rem; }
:where(.h-3) { height: 0.75rem; }
:where(.h-3\.5) { height: 0.875rem; }
:where(.h-4) { height: 1rem; }
:where(.h-5) { height: 1.25rem; }
:where(.h-6) { height: 1.5rem; }
:where(.h-7) { height: 1.75rem; }
:where(.h-8) { height: 2rem; }
:where(.h-9) { height: 2.25rem; }
:where(.h-\[18px\]) { height: 18px; }
:where(.h-full) { height: 100%; }

:where(.m-0) { margin: 0; }
:where(.mt-0\.5) { margin-top: 0.125rem; }
:where(.mt-1) { margin-top: 0.25rem; }
:where(.mt-1\.5) { margin-top: 0.375rem; }
:where(.mt-2) { margin-top: 0.5rem; }
:where(.mt-4) { margin-top: 1rem; }
:where(.mt-5) { margin-top: 1.25rem; }
:where(.mt-6) { margin-top: 1.5rem; }
:where(.mb-1) { margin-bottom: 0.25rem; }
:where(.mb-1\.5) { margin-bottom: 0.375rem; }
:where(.mb-2) { margin-bottom: 0.5rem; }
:where(.mb-3) { margin-bottom: 0.75rem; }
:where(.mb-5) { margin-bottom: 1.25rem; }
:where(.mb-6) { margin-bottom: 1.5rem; }
:where(.ml-3) { margin-left: 0.75rem; }
:where(.ml-4) { margin-left: 1rem; }
:where(.ml-auto) { margin-left: auto; }

:where(.p-0\.5) { padding: 0.125rem; }
:where(.p-1) { padding: 0.25rem; }
:where(.p-1\.5) { padding: 0.375rem; }
:where(.p-2) { padding: 0.5rem; }
:where(.p-3) { padding: 0.75rem; }
:where(.px-1) { padding-left: 0.25rem; padding-right: 0.25rem; }
:where(.px-2) { padding-left: 0.5rem; padding-right: 0.5rem; }
:where(.px-2\.5) { padding-left: 0.625rem; padding-right: 0.625rem; }
:where(.px-3) { padding-left: 0.75rem; padding-right: 0.75rem; }
:where(.px-3\.5) { padding-left: 0.875rem; padding-right: 0.875rem; }
:where(.px-4) { padding-left: 1rem; padding-right: 1rem; }
:where(.px-5) { padding-left: 1.25rem; padding-right: 1.25rem; }
:where(.px-6) { padding-left: 1.5rem; padding-right: 1.5rem; }
:where(.px-10) { padding-left: 2.5rem; padding-right: 2.5rem; }
:where(.py-0\.5) { padding-top: 0.125rem; padding-bottom: 0.125rem; }
:where(.py-1) { padding-top: 0.25rem; padding-bottom: 0.25rem; }
:where(.py-1\.5) { padding-top: 0.375rem; padding-bottom: 0.375rem; }
:where(.py-2) { padding-top: 0.5rem; padding-bottom: 0.5rem; }
:where(.py-3) { padding-top: 0.75rem; padding-bottom: 0.75rem; }
:where(.py-8) { padding-top: 2rem; padding-bottom: 2rem; }
:where(.pb-3) { padding-bottom: 0.75rem; }
:where(.pb-24) { padding-bottom: 6rem; }

:where(.gap-0\.5) { gap: 0.125rem; }
:where(.gap-1) { gap: 0.25rem; }
:where(.gap-1\.5) { gap: 0.375rem; }
:where(.gap-2) { gap: 0.5rem; }
:where(.gap-2\.5) { gap: 0.625rem; }
:where(.gap-3) { gap: 0.75rem; }
:where(.gap-4) { gap: 1rem; }
:where(.gap-6) { gap: 1.5rem; }

:where(.rounded) { border-radius: 0.25rem; }
:where(.rounded-md) { border-radius: 0.375rem; }
:where(.rounded-lg) { border-radius: 0.5rem; }
:where(.rounded-xl) { border-radius: 0.75rem; }
:where(.rounded-full) { border-radius: 9999px; }

:where(.text-left) { text-align: left; }
:where(.text-center) { text-align: center; }
:where(.text-white) { color: #fff; }
:where(.font-medium) { font-weight: 500; }
:where(.font-semibold) { font-weight: 600; }
:where(.uppercase) { text-transform: uppercase; }
:where(.tracking-wider) { letter-spacing: 0.05em; }
:where(.whitespace-nowrap) { white-space: nowrap; }
:where(.whitespace-pre-line) { white-space: pre-line; }

:where(.text-\[9px\]) { font-size: 9px; }
:where(.text-\[10px\]) { font-size: 10px; }
:where(.text-\[11px\]) { font-size: 11px; }
:where(.text-\[12px\]) { font-size: 12px; }
:where(.text-\[13px\]) { font-size: 13px; }
:where(.text-\[14px\]) { font-size: 14px; }
:where(.text-\[15px\]) { font-size: 15px; }
:where(.text-\[16px\]) { font-size: 16px; }
:where(.text-\[18px\]) { font-size: 18px; }
:where(.text-\[20px\]) { font-size: 20px; }
:where(.text-\[26px\]) { font-size: 26px; }

:where(.leading-4) { line-height: 1rem; }
:where(.leading-5) { line-height: 1.25rem; }
:where(.leading-7) { line-height: 1.75rem; }
:where(.leading-\[17px\]) { line-height: 17px; }
:where(.leading-\[18px\]) { line-height: 18px; }

:where(.truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(.bg-transparent) { background-color: transparent; }
:where(.opacity-0) { opacity: 0; }
:where(.pointer-events-none) { pointer-events: none; }
:where(.outline-none) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

:where(.overflow-hidden) { overflow: hidden; }
:where(.overflow-auto) { overflow: auto; }
:where(.overflow-y-auto) { overflow-y: auto; }

:where(.cursor-help) { cursor: help; }
:where(.cursor-pointer) { cursor: pointer; }
:where(.cursor-grab) { cursor: grab; }

:where(.transition-colors) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:where(.transition-opacity) {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:where(.duration-300) { transition-duration: 300ms; }

:where(.-translate-x-1\/2) {
  --fw-tw-translate-x: -50%;
  transform: translate(var(--fw-tw-translate-x, 0), var(--fw-tw-translate-y, 0)) rotate(var(--fw-tw-rotate, 0));
}
:where(.rotate-180) {
  --fw-tw-rotate: 180deg;
  transform: translate(var(--fw-tw-translate-x, 0), var(--fw-tw-translate-y, 0)) rotate(var(--fw-tw-rotate, 0));
}

@keyframes fw-tw-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fw-tw-pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes fw-tw-bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
:where(.animate-spin) { animation: fw-tw-spin 1s linear infinite; }
:where(.animate-pulse) { animation: fw-tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
:where(.animate-bounce) { animation: fw-tw-bounce 1s infinite; }

:where(.disabled\:opacity-50:disabled) { opacity: 0.5; }
:where(.group\/info:hover) :where(.group-hover\/info\:opacity-100) { opacity: 1; }
:where(.group\/row:hover) :where(.group-hover\/row\:opacity-100) { opacity: 1; }

/* ─── FrameworkPreview Page ─── */
.fp-page {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
  font-family: var(--font-sans);
}

/* ─── Spin animation ─── */
.fp-spin {
  animation: fp-spin 1s linear infinite;
}

@keyframes fp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ─── Top Bar ─── */
.fp-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  flex-shrink: 0;
  height: 52px;
  background-color: #f3f3f5;
  border-bottom: 1px solid var(--motif-150);
}
.fp-topbar__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fp-topbar__back {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--motif-600);
  border-radius: 4px;
  padding: 4px 8px;
  background: none;
  border: none;
  cursor: pointer;
}
.fp-topbar__sep {
  width: 1px;
  height: 20px;
  background-color: var(--motif-200);
}
.fp-topbar__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-topbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.fp-topbar__divider {
  width: 1px;
  height: 16px;
  background-color: var(--motif-200);
  flex-shrink: 0;
}
.fp-topbar__sidekick-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}

.fp-save-draft-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background-color: transparent;
  color: rgb(101, 101, 121);
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 12px;
  transition: background-color 0.2s ease;
  font-family: inherit;
  white-space: nowrap;
  flex-shrink: 0;
}
.fp-save-draft-btn:hover {
  background-color: var(--motif-100);
}
.fp-save-draft-btn__icon {
  width: 14px;
  height: 14px;
  color: rgb(101, 101, 121);
  flex-shrink: 0;
}

/* ─── Buttons ─── */
.fp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 12px;
  height: 36px;
  white-space: nowrap;
  font-family: inherit;
}
.fp-btn--primary {
  background-color: #2e2e38;
  color: white;
}
.fp-btn--primary:hover {
  background-color: #23232b;
}
.fp-btn--outline {
  background: none;
  border: 1px solid var(--motif-200);
  color: var(--motif-600);
}
.fp-btn--outline:hover {
  background-color: var(--motif-100);
}
.fp-btn--ghost {
  background: none;
}
.fp-btn--ghost:hover {
  background-color: var(--motif-100);
}
.fp-btn--sm {
  height: 32px;
  padding: 4px 10px;
}
.fp-btn--full {
  width: 100%;
}
.fp-btn--gap {
  gap: 6px;
}

/* ─── Phase Stepper ─── */
.fp-stepper {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 1;
  min-width: 0;
  overflow-x: auto;
}
.fp-stepper__item {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.fp-stepper__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 6px 14px;
  transition: background-color 0.15s;
  font-family: inherit;
  white-space: nowrap;
  background-color: transparent;
  color: var(--motif-300);
  cursor: default;
  border: 1px solid transparent;
}
.fp-stepper__btn--active {
  background-color: #2e2e38;
  color: #ffffff;
  cursor: default;
  border: none;
}
.fp-stepper__btn--completed {
  background-color: #e8f5e9;
  color: #2e7d32;
  cursor: default;
  border: 1px solid #c8e6c9;
}
.fp-stepper__btn--accessible {
  color: var(--motif-600);
  cursor: pointer;
}
.fp-stepper__btn--clickable {
  cursor: pointer;
}
.fp-stepper__check-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #2e7d32;
}
.fp-stepper__check-icon {
  width: 10px;
  height: 10px;
  color: #ffffff;
}
.fp-stepper__num {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.7;
}
.fp-stepper__num--active {
  opacity: 1;
}
.fp-stepper__label {
  font-size: 12px;
  font-weight: 500;
}
.fp-stepper__line {
  width: 24px;
  height: 1px;
  margin: 0 2px;
  background-color: var(--motif-200);
}
.fp-stepper__line--completed {
  background-color: #c8e6c9;
}

/* ─── Main Layout ─── */
.fp-main {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.fp-main__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ─── Generation Phase ─── */
.fp-generation {
  flex: 1;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9fa;
}
.fp-generation__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 440px;
  padding: 0 24px;
}
.fp-generation__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(124, 107, 255, 0.08);
  margin-bottom: 24px;
}
.fp-generation__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  margin-bottom: 32px;
}
.fp-generation__title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}
.fp-generation__desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.fp-generation__progress-bar {
  width: 100%;
  margin-bottom: 32px;
}
.fp-generation__progress-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.fp-generation__progress-info span {
  font-size: 12px;
  font-weight: 400;
}
.fp-generation__bar-track {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background-color: var(--motif-150);
  overflow: hidden;
}
.fp-generation__bar-fill {
  height: 100%;
  border-radius: 999px;
  background-color: var(--motif-900);
  transition: width 1.2s ease-in-out;
}
.fp-generation__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 32px;
}
.fp-generation__step {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fp-generation__step span {
  font-size: 14px;
}
.fp-generation__step-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--motif-150);
  transition: background-color 0.3s;
}
.fp-generation__step-dot--done {
  background-color: var(--motif-900);
}
.fp-generation__step-dot--active {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.fp-generation__complete {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  align-items: center;
}
.fp-generation__success-box {
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.fp-generation__success-title {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #166534;
}
.fp-generation__success-desc {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #15803d;
}

/* ─── Phase Scroll / Content ─── */
.fp-phase-scroll {
  flex: 1;
  overflow-y: auto;
  background-color: #f9f9fa;
}

.fp-phase-content {
  padding: 32px 40px 96px;
  max-width: 820px;
  margin: 0 auto;
}

.fp-phase-header {
  margin-bottom: 24px;
}
.fp-phase-header__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: var(--motif-900);
  margin-bottom: 8px;
}
.fp-phase-header__desc {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: var(--motif-600);
}

/* ─── Info Box ─── */
.fp-info-box {
  margin-top: 24px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background-color: #f4f7fc;
  border: 1px solid #dbeafe;
}
.fp-info-box p {
  font-size: 13px;
  line-height: 20px;
  color: #1e3a5f;
  font-weight: 400;
  margin: 0;
}
.fp-info-box strong {
  font-weight: 600;
}

.fp-divider {
  height: 1px;
  background-color: var(--motif-150);
  margin: 32px 0;
}

/* ─── Maturity Levels ─── */
.fp-levels-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fp-level-card {
  border-radius: 8px;
  background-color: var(--motif-surface);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.fp-level-card__body {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
}
.fp-level-card__score-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
}
.fp-level-card__score-badge span {
  font-size: 16px;
  font-weight: 600;
  color: #2563eb;
}
.fp-level-card__info {
  flex: 1;
  min-width: 0;
}
.fp-level-card__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.fp-level-card__name {
  font-size: 15px;
  font-weight: 500;
  color: var(--motif-900);
  cursor: pointer;
}
.fp-level-card__name-input {
  font-size: 15px;
  font-weight: 500;
  color: var(--motif-900);
  outline: none;
  background: transparent;
  border: none;
  border-bottom: 1px solid #2563eb;
  width: 200px;
  font-family: inherit;
}
.fp-level-card__desc {
  font-size: 13px;
  line-height: 20px;
  color: var(--motif-600);
  font-weight: 300;
  cursor: pointer;
  margin: 0;
}
.fp-level-card__desc-edit {
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  color: var(--motif-600);
  font-weight: 300;
  outline: none;
  background: transparent;
  resize: none;
  border-radius: 6px;
  border: 1px solid var(--motif-200);
  padding: 8px 10px;
  min-height: 60px;
  margin-top: 4px;
  font-family: inherit;
}
.fp-level-card__chars {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.fp-level-card__char-tag {
  font-size: 11px;
  border-radius: 999px;
  padding: 2px 10px;
  background-color: var(--motif-100);
  color: var(--motif-600);
  font-weight: 400;
}
.fp-level-card__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.15s;
}
.fp-level-card:hover .fp-level-card__actions {
  opacity: 1;
}
.fp-level-card__action-btn {
  padding: 6px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.fp-level-card__action-btn:hover {
  background-color: var(--motif-100);
}

/* ─── Definitions Phase Layout ─── */
.fp-def-phase-content {
  padding: 32px 40px 96px;
}

.fp-def-header-wrap {
  margin-bottom: 24px;
}

.fp-def-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.fp-def-title-row h2 {
  margin: 0;
}

.fp-def-info-box {
  display: flex;
  align-items: flex-start;
  margin-top: 16px;
  gap: 12px;
  padding: 12px 16px;
}

.fp-def-info-icon {
  flex-shrink: 0;
  margin-top: 1px;
}

.fp-def-info-text {
  margin: 0;
  flex: 1;
}

.fp-def-tab-switcher--spaced {
  margin-bottom: 20px;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.fp-def-tab-btn--padded {
  padding: 6px 16px;
}

/* ─── Sidekick Layout ─── */
.fp-sk-tabs {
  padding: 12px 12px 4px;
  gap: 4px;
}

.fp-sk-tab-btn {
  padding: 6px 16px;
}

.fp-sk-chat-scroll {
  padding: 16px;
}

.fp-sk-msg-row {
  gap: 10px;
  margin-bottom: 16px;
}

.fp-sk-suggestions {
  gap: 10px;
  border-top: 1px solid #e0e0e5;
  padding-top: 10px;
  margin-top: 10px;
}

.fp-sk-suggestions-label {
  color: #9897a6 !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  margin: 0;
}

.fp-sk-suggestion-btn {
  padding: 8px 12px !important;
  background-color: #ffffff !important;
  border: 1px solid #e0e0e5 !important;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px !important;
  color: #4e4e5d !important;
  font-weight: 400 !important;
  border-radius: 6px;
  font-size: 12px !important;
}

.fp-sk-followups-wrap {
  margin-top: 10px;
}

.fp-sk-followups-label {
  color: #9897a6 !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  margin-bottom: 0.375rem !important;
  margin-top: 0;
}

.fp-sk-followups {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fp-sk-followup-btn {
  padding: 7px 11px !important;
  border-radius: 0.5625rem !important;
  background-color: #ffffff !important;
  border: 1px solid #e0e0e5 !important;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 3px !important;
  color: #4e4e5d !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  text-align: left !important;
  transition: background-color 0.15s;
}
.fp-sk-followup-btn:hover {
  background-color: var(--motif-50);
}

.fp-sk-input-area {
  padding: 8px 16px 16px;
}

.fp-sk-input-box {
  gap: 8px;
  padding: 8px 10px 8px 14px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
}

.fp-sk-input {
  flex: 1;
  background: transparent;
  font-size: 13px;
  outline: none;
  border: none;
  color: var(--motif-900);
  padding: 0;
}
.fp-sk-input::placeholder {
  color: #9897a6;
  opacity: 1;
}

.fp-add-level-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  border-radius: 8px;
  transition: background-color 0.15s;
  width: 100%;
  justify-content: center;
  padding: 12px 16px;
  border: 1px dashed var(--motif-200);
  background: transparent;
  color: var(--motif-600);
  cursor: pointer;
  font-family: inherit;
}
.fp-add-level-btn span {
  font-size: 13px;
  font-weight: 500;
}

/* ─── Scale Table ─── */
.fp-scale-table-wrap {
  position: relative;
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-scale-table {
  width: 100%;
  border-collapse: collapse;
}
.fp-scale-table__th {
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-600);
  padding: 12px 20px;
  border-bottom: 1px solid var(--motif-150);
}
.fp-scale-table__th--center {
  text-align: center;
}
.fp-scale-table__sub-headers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-top: 4px;
}
.fp-scale-table__sub-headers span {
  font-size: 11px;
  color: #2563eb;
  font-weight: 500;
}
.fp-scale-table__td {
  padding: 10px 20px;
}
.fp-scale-table__td--center {
  text-align: center;
}
.fp-scale-table__name {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
  cursor: pointer;
}
.fp-scale-table__name:hover {
  text-decoration: underline;
}
.fp-scale-table__range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.fp-scale-table__range-val {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-700);
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 6px;
}
.fp-scale-table__edit-input {
  font-size: 13px;
  background: transparent;
  outline: none;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #2563eb;
  padding: 4px 8px;
  color: var(--motif-900);
  font-weight: 500;
  font-family: inherit;
}
.fp-scale-table__edit-input--center {
  text-align: center;
  width: 64px;
}
.fp-scale-table__row {
  transition: background-color 0.15s;
}
.fp-scale-table__row:hover .fp-scale-table__row-actions {
  opacity: 1;
}
.fp-scale-table__name-cell {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fp-scale-table__name-text {
  flex: 1;
  min-width: 0;
}
.fp-scale-table__expand-btn {
  flex-shrink: 0;
  padding: 2px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.fp-scale-table__expand-btn:hover {
  background-color: var(--motif-100);
}
.fp-scale-table__expanded-wrap {
  border-radius: 8px;
  border: 1px solid var(--motif-100);
  padding: 14px 16px;
  background-color: var(--motif-surface);
}
.fp-scale-table__expanded-field {
  margin-bottom: 12px;
}
.fp-scale-table__expanded-field:last-of-type {
  margin-bottom: 0;
}
.fp-scale-table__expanded-label {
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--motif-400);
  margin-bottom: 4px;
}
.fp-scale-table__expanded-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--motif-50);
}

.fp-level-card__score-badge--sm {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
}
.fp-level-card__score-badge--sm span {
  font-size: 14px;
}

/* ─── Definitions ─── */
.fp-def-tab-switcher {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 8px;
  background-color: var(--motif-100);
  margin-bottom: 20px;
}

.fp-def-tab-btn {
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.15s;
  border: none;
  cursor: pointer;
  background: transparent;
  color: var(--motif-500);
  font-family: inherit;
}
.fp-def-tab-btn--active {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fp-def-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fp-def-card {
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-def-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 14px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-def-card__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.fp-def-card__name {
  flex: 1;
  min-width: 0;
}
.fp-def-card__name span:first-child {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-def-card__badge {
  font-size: 11px;
  margin-left: 8px;
  color: var(--motif-400);
  font-weight: 400;
}
.fp-def-card__level-count {
  font-size: 11px;
  flex-shrink: 0;
  border-radius: 999px;
  padding: 2px 10px;
  background-color: var(--motif-100);
  color: var(--motif-500);
  font-weight: 500;
}
.fp-def-card__body {
  border-top: 1px solid var(--motif-100);
}

.fp-def-domain-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 4px;
}
.fp-def-domain-label__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.fp-def-domain-label span {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}

.fp-def-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--motif-50);
}
.fp-def-row__score {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 24px;
  border-radius: 4px;
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
  margin-top: 2px;
}
.fp-def-row__score span {
  font-size: 11px;
  font-weight: 600;
  color: #2563eb;
}
.fp-def-row__score--l2 {
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}
.fp-def-row__score--l2 span {
  color: #059669;
}
.fp-def-row__content {
  flex: 1;
  min-width: 0;
}
.fp-def-row__level-name {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
  margin-bottom: 2px;
}
.fp-def-row__desc {
  font-size: 12px;
  line-height: 18px;
  color: var(--motif-600);
  font-weight: 300;
  cursor: pointer;
  margin: 0;
}
.fp-def-row__placeholder {
  color: var(--motif-300);
  font-style: italic;
}
.fp-def-row__edit-area {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: var(--motif-600);
  font-weight: 300;
  outline: none;
  background: transparent;
  resize: none;
  border-radius: 6px;
  border: 1px solid var(--motif-200);
  padding: 6px 8px;
  min-height: 56px;
  font-family: inherit;
}
.fp-def-row__edit-btn {
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s;
  flex-shrink: 0;
}
.fp-def-row__edit-btn:hover {
  background-color: var(--motif-100);
}
.fp-def-row:hover .fp-def-row__edit-btn {
  opacity: 1;
}

/* ─── Questions Phase ─── */
.fp-q-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.fp-q-summary__pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 500;
}
.fp-q-summary__pill--blue {
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
  color: #2563eb;
}
.fp-q-summary__pill--green {
  background-color: #e8f5e9;
  border: 1px solid #c8e6c9;
  color: #2e7d32;
}
.fp-q-summary__pill--amber {
  background-color: #fef3c7;
  border: 1px solid #fde68a;
  color: #d97706;
}

.fp-import-banner {
  border-radius: 8px;
  padding: 14px 18px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.fp-import-banner__left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fp-import-banner__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #fef3c7;
  border: 1px solid #fde68a;
  flex-shrink: 0;
}
.fp-import-banner__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-import-banner__desc {
  font-size: 11px;
  line-height: 16px;
  color: var(--motif-500);
  font-weight: 300;
}

.fp-q-categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fp-q-cat {
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-q-cat__header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-q-cat__name {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.fp-q-cat__domain-tag {
  font-size: 11px;
  border-radius: 999px;
  padding: 2px 8px;
  background-color: var(--motif-100);
  color: var(--motif-500);
  font-weight: 500;
}
.fp-q-cat__cat-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-q-cat__count {
  font-size: 11px;
  flex-shrink: 0;
  color: var(--motif-500);
  font-weight: 400;
}
.fp-q-cat__body {
  border-top: 1px solid var(--motif-100);
}
.fp-q-cat__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--motif-400);
}
.fp-q-cat__empty p {
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.fp-q-cat__add {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px 10px 40px;
  color: var(--motif-600);
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  font-family: inherit;
}
.fp-q-cat__add span {
  font-size: 11px;
  font-weight: 500;
}

.fp-q-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px 12px 40px;
}
.fp-q-item__num {
  font-size: 11px;
  flex-shrink: 0;
  margin-top: 2px;
  font-family: monospace;
  color: var(--motif-400);
}
.fp-q-item__content {
  flex: 1;
  min-width: 0;
}
.fp-q-item__text {
  font-size: 13px;
  line-height: 20px;
  color: var(--motif-900);
  font-weight: 400;
  margin: 0;
}
.fp-q-item__tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}
.fp-q-item__tag {
  font-size: 10px;
  border-radius: 999px;
  padding: 2px 8px;
  font-weight: 500;
}
.fp-q-item__tag--green {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.fp-q-item__tag--amber {
  background-color: #fef3c7;
  color: #d97706;
}
.fp-q-item__tag--blue {
  background-color: #eef2ff;
  color: #2563eb;
}
.fp-q-item__remove {
  opacity: 0;
  transition: opacity 0.15s;
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.fp-q-item__remove:hover {
  background-color: var(--motif-100);
}
.fp-q-item:hover .fp-q-item__remove {
  opacity: 1;
}

/* ─── Review Phase ─── */
.fp-review-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fp-review-card {
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-review-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid var(--motif-100);
}
.fp-review-card__header span {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-review-card__edit-link {
  font-size: 12px;
  color: #2563eb;
  border-radius: 4px;
  padding: 2px 8px;
  background: none;
  border: none;
  cursor: pointer;
}
.fp-review-card__edit-link:hover {
  background-color: var(--motif-100);
}
.fp-review-card__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 16px 20px;
}
.fp-review-card__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.fp-review-card__stat-value {
  font-size: 24px;
  font-weight: 600;
}
.fp-review-card__stat-label {
  font-size: 11px;
  color: var(--motif-600);
  font-weight: 400;
}
.fp-review-card__pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 20px;
}
.fp-review-card__pill {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 6px 12px;
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
}
.fp-review-card__pill span {
  font-size: 12px;
  color: var(--motif-900);
  font-weight: 500;
}
.fp-review-card__pill-score {
  font-size: 12px;
  font-weight: 600;
  color: #2563eb;
}
.fp-review-card__scoring-table {
  padding: 14px 20px;
}
.fp-review-card__rows {
  padding: 14px 20px;
}
.fp-review-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.fp-review-card__row span {
  font-size: 12px;
  color: var(--motif-900);
  font-weight: 400;
}
.fp-review-card__row span:last-child {
  color: var(--motif-600);
}

.fp-review-table {
  width: 100%;
  border-collapse: collapse;
}
.fp-review-table th {
  text-align: left;
  font-size: 11px;
  color: var(--motif-500);
  font-weight: 500;
  padding-bottom: 8px;
}
.fp-review-table th:nth-child(2), .fp-review-table th:nth-child(3) {
  text-align: center;
}
.fp-review-table td {
  font-size: 12px;
  padding: 4px 0;
  color: var(--motif-900);
  font-weight: 400;
}
.fp-review-table td:nth-child(2) {
  text-align: center;
  color: var(--motif-600);
}
.fp-review-table td:nth-child(3) {
  text-align: center;
  color: var(--motif-700);
  font-weight: 500;
}

/* ─── Bottom Bar ─── */
.fp-bottom-bar {
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 0 -1px 4px rgba(0, 0, 0, 0.04);
}
.fp-bottom-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
  height: 60px;
}
.fp-bottom-bar__left, .fp-bottom-bar__right {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ─── Sidekick ─── */
.fp-sidekick {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 320px;
  border-left: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.fp-sidekick__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--motif-150);
}
.fp-sidekick__header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fp-sidekick__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fp-sidekick__title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
}
.fp-sidekick__close {
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.fp-sidekick__close:hover {
  background-color: var(--motif-100);
}
.fp-sidekick__chat {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.fp-sidekick__msg {
  margin-bottom: 16px;
}
.fp-sidekick__msg-text {
  font-size: 13px;
  line-height: 20px;
  color: var(--motif-800);
  font-weight: 400;
  margin: 0 0 12px;
}
.fp-sidekick__accept-btns {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.fp-sidekick__suggestions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fp-sidekick__suggestion {
  text-align: left;
  font-size: 12px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  color: var(--motif-700);
  font-weight: 400;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.15s;
}
.fp-sidekick__bubble {
  margin-bottom: 12px;
}
.fp-sidekick__bubble--user {
  display: flex;
  justify-content: flex-end;
}
.fp-sidekick__bubble--user .fp-sidekick__bubble-text {
  background-color: #2e2e38;
  color: white;
  border-radius: 12px;
  padding: 10px 14px;
  max-width: 90%;
}
.fp-sidekick__bubble--ai {
  display: flex;
  justify-content: flex-start;
}
.fp-sidekick__bubble--ai .fp-sidekick__bubble-text {
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  padding: 10px 14px;
  max-width: 90%;
  color: var(--motif-700);
}
.fp-sidekick__bubble-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}
.fp-sidekick__followups {
  margin-top: 10px;
}
.fp-sidekick__followups-label {
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 400;
  margin: 0 0 6px;
}
.fp-sidekick__typing {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  border-radius: 12px;
  padding: 10px 14px;
}
.fp-sidekick__typing span {
  font-size: 12px;
  color: var(--motif-700);
  font-weight: 400;
}
.fp-sidekick__typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  border-radius: 12px;
  padding: 10px 14px;
}
.fp-sidekick__typing-dots div {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #9e9eae;
  animation: fp-bounce 1s ease-in-out infinite;
}
.fp-sidekick__typing-dots div:nth-child(2) {
  animation-delay: 0.15s;
}
.fp-sidekick__typing-dots div:nth-child(3) {
  animation-delay: 0.3s;
}
.fp-sidekick__input-area {
  padding: 8px 16px 16px;
  flex-shrink: 0;
}
.fp-sidekick__input-box {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  padding: 10px 14px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-sidekick__input {
  flex: 1;
  background: transparent;
  font-size: 13px;
  outline: none;
  border: none;
  color: var(--motif-900);
  font-family: inherit;
}
.fp-sidekick__input:disabled {
  opacity: 0.5;
}
.fp-sidekick__send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
}
.fp-sidekick__send-btn:disabled {
  cursor: default;
}

/* ─── Modal ─── */
.fp-modal {
  background-color: var(--motif-surface);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
  padding: 40px 36px 28px;
  align-items: center;
}
.fp-modal--wide {
  max-width: 520px;
  max-height: 90vh;
  padding: 28px 32px 24px;
  align-items: stretch;
}
.fp-modal__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fafafa;
  margin-bottom: 20px;
}
.fp-modal__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: var(--motif-900);
  margin: 0 0 4px;
}
.fp-modal__desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: var(--motif-600);
  text-align: center;
  margin: 0 0 24px;
}
.fp-modal__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.fp-modal__step {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fp-modal__step span {
  font-size: 14px;
}
.fp-modal__step-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--motif-150);
  transition: background-color 0.3s;
}
.fp-modal__step-dot--done {
  background-color: var(--motif-900);
}
.fp-modal__step-dot--active {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.fp-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.fp-modal__importing {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
}
.fp-modal__top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}
.fp-modal__close-btn {
  flex-shrink: 0;
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  margin-top: 4px;
}
.fp-modal__close-btn:hover {
  background-color: var(--motif-100);
}
.fp-modal__dropzone {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px;
  cursor: pointer;
  transition: background-color 0.15s;
  border: 1.5px dashed var(--motif-200);
  background-color: #fafafa;
  margin-bottom: 16px;
}
.fp-modal__dropzone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #fef3c7;
  margin-bottom: 12px;
}
.fp-modal__dropzone-title {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
  margin: 0 0 4px;
}
.fp-modal__dropzone-desc {
  font-size: 11px;
  color: var(--motif-500);
  font-weight: 300;
  margin: 0;
}
.fp-modal__file-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
.fp-modal__file-list-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--motif-400);
  font-weight: 600;
}
.fp-modal__file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  padding: 10px 14px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}
.fp-modal__file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: #eef2ff;
  flex-shrink: 0;
  margin-right: 12px;
}
.fp-modal__file-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.fp-modal__file-name {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fp-modal__file-size {
  font-size: 10px;
  color: var(--motif-400);
  font-weight: 300;
}
.fp-modal__file-remove {
  padding: 4px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}
.fp-modal__footer {
  display: flex;
  gap: 8px;
}

/* ─── Animations ─── */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes fp-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
/* ─── Extracted Inline Styles ─── */
.fp-txt-1 {
  /* 2x */
  color: #656579;
  font-weight: 300;
  line-height: 20px;
}

.fp-txt-2 {
  /* 2x */
  color: #656579;
  font-weight: 400;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.fp-bg-1 {
  /* 1x */
  background-color: #2e7d32;
}

.fp-bg-2 {
  /* 1x */
  background-color: #f9f9fa;
  overflow: hidden;
}

.fp-is-1 {
  /* 1x */
  overflow-y: scroll;
}

.fp-pad-1 {
  /* 1x */
  max-width: 980px;
  margin: 0 auto;
  padding: 32px 24px 48px 24px;
}

.fp-is-2 {
  /* 1x */
  gap: 10px;
  margin-bottom: 24px;
}

.fp-txt-3 {
  /* 1x */
  color: #2e2e38;
  font-weight: 400;
  line-height: 32px;
}

.fp-txt-4 {
  /* 1x */
  background-color: #e7fce8;
  color: #197335;
  font-weight: 500;
  border: 1px solid #bbf7d0;
}

.fp-clr-1 {
  /* 5x */
  color: #9897a6;
}

.fp-txt-5 {
  /* 1x */
  background-color: #2e2e38;
  color: #ffffff;
  font-weight: 400;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.fp-bdr-1 {
  /* 1x */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2e2e38;
}

.fp-txt-6 {
  /* 1x */
  color: #2e2e38;
  font-weight: 300;
  line-height: 20px;
}

.fp-bdr-2 {
  /* 1x */
  border-bottom: 1px solid #d7d7dc;
  margin-bottom: 32px;
}

.fp-is-3 {
  /* 2x */
  gap: 16px;
}

.fp-is-4 {
  /* 1x */
  gap: 8px;
}

.fp-bdr-3 {
  /* 2x */
  border: 1px solid #d7d7dc;
  padding: 12px 24px;
  gap: 12px;
}

.fp-dim-1 {
  /* 2x */
  width: 24px;
  height: 24px;
}

.fp-clr-2 {
  /* 6x */
  color: #2e2e38;
}

.fp-txt-7 {
  /* 3x */
  background-color: #e6e6e9;
  color: #656579;
  font-weight: 400;
  line-height: 20px;
}

.fp-txt-8 {
  /* 3x */
  color: #2e2e38;
  font-weight: 300;
  line-height: 24px;
}

.fp-is-5 {
  /* 1x */
  gap: 8px;
  padding-left: 24px;
}

.fp-bdr-4 {
  /* 1x */
  border: 1px solid #d7d7dc;
  padding: 12px 24px;
  gap: 12px;
  margin-left: 36px;
}

.fp-bdr-5 {
  /* 1x */
  border: 1px solid #d7d7dc;
}

.fp-bdr-6 {
  /* 3x */
  border-collapse: collapse;
}

.fp-card-1 {
  /* 1x */
  border-bottom: 1px solid #d7d7dc;
  background-color: #f4f4f6;
}

.fp-txt-9 {
  /* 1x */
  padding: 10px 16px;
  color: #656579;
  font-weight: 500;
}

.fp-txt-10 {
  /* 1x */
  padding: 10px 12px;
  color: #656579;
  font-weight: 500;
  width: 160;
}

.fp-txt-11 {
  /* 2x */
  color: #656579;
  font-weight: 500;
}

.fp-txt-12 {
  /* 1x */
  padding: 10px 12px;
  color: #656579;
  font-weight: 500;
  width: 80;
}

.fp-pad-2 {
  /* 1x */
  padding: 12px 16px;
  vertical-align: middle;
}

.fp-card-2 {
  /* 1x */
  width: 32px;
  height: 32px;
  background-color: #e6e6e9;
  border: 1px solid #d7d7dc;
}

.fp-txt-13 {
  /* 2x */
  color: #2e2e38;
  font-weight: 500;
}

.fp-pad-3 {
  /* 1x */
  padding: 12px 12px;
  vertical-align: middle;
}

.fp-is-6 {
  /* 4x */
  width: 56px;
}

.fp-txt-14 {
  /* 2x */
  color: #656579;
  font-weight: 400;
}

.fp-pad-4 {
  /* 1x */
  padding: 12px 12px;
  vertical-align: middle;
  text-align: center;
}

.fp-bg-3 {
  /* 1x */
  padding: 0 16px 14px 54px;
  background-color: #ffffff;
}

.fp-card-3 {
  /* 1x */
  border: 1px solid #d7d7dc;
  padding: 14px 16px;
  background-color: #f9f9fa;
}

.fp-txt-15 {
  /* 1x */
  color: #2e2e38;
  font-weight: 300;
}

.fp-txt-16 {
  /* 1x */
  background-color: #f4f4f6;
  color: #656579;
  font-weight: 400;
  border: 1px solid #d7d7dc;
}

.fp-is-7 {
  /* 1x */
  gap: 0;
}

.fp-txt-17 {
  /* 8x */
  color: var(--motif-900);
  font-weight: 600;
}

.fp-card-4 {
  /* 3x */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  padding: 7px 14px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  color: var(--motif-600);
}

.fp-txt-18 {
  /* 16x */
  color: var(--motif-600);
  font-weight: 300;
}

.fp-bg-4 {
  /* 3x */
  background-color: var(--motif-100);
}

.fp-card-5 {
  /* 14x */
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-pad-5 {
  /* 9x */
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}

.fp-bg-5 {
  /* 10x */
  background-color: #9897a6;
  width: 4px;
  border-radius: 2px;
  align-self: stretch;
  flex-shrink: 0;
  background-color: var(--motif-200);
}

.fp-clr-3 {
  /* 35x */
  color: var(--motif-400);
}

.fp-txt-19 {
  /* 21x */
  color: var(--motif-900);
  font-weight: 500;
}

.fp-txt-20 {
  /* 21x */
  color: var(--motif-400);
  font-weight: 400;
}

.fp-txt-21 {
  /* 7x */
  background-color: var(--motif-100);
  color: var(--motif-500);
  font-weight: 500;
  padding: 2px 10px;
  border-radius: 9999px;
  flex-shrink: 0;
  white-space: nowrap;
}

.fp-bdr-7 {
  /* 7x */
  border-top: 1px solid var(--motif-100);
}

.fp-bdr-8 {
  /* 2x */
  padding: 12px 20px 12px 48px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 20px 14px 20px;
  border-bottom: 1px solid var(--motif-50);
}

.fp-card-6 {
  /* 6x */
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--motif-100);
  border: 1px solid var(--motif-150);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fp-clr-4 {
  /* 17x */
  color: var(--motif-600);
}

.fp-clr-5 {
  /* 24x */
  color: var(--motif-900);
}

.fp-pad-6 {
  /* 5x */
  padding: 4px 0;
}

.fp-bdr-9 {
  /* 3x */
  padding: 12px 20px 12px 40px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--motif-50);
}

.fp-is-8 {
  /* 2x */
  padding-left: 18px;
}

.fp-bg-6 {
  /* 2x */
  background-color: #9897a6;
  opacity: 0.5;
}

.fp-txt-22 {
  /* 3x */
  color: var(--motif-600);
  font-weight: 500;
}

.fp-txt-23 {
  /* 2x */
  color: var(--motif-400);
  font-weight: 300;
  padding: 4px 0 4px 20px;
}

.fp-bg-7 {
  /* 1x */
  border-top: 1px solid #d7d7dc;
  background-color: #ffffff;
  padding: 16px 24px;
}

.fp-mw-1 {
  /* 4x */
  max-width: 980px;
  margin: 0 auto;
}

.fp-txt-24 {
  /* 1x */
  padding: 10px 24px;
  background-color: #2e2e38;
  color: #ffffff;
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.fp-pad-7 {
  /* 1x */
  padding: 32px 0;
}

.fp-pad-8 {
  /* 1x */
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

.fp-bdr-10 {
  /* 1x */
  border: 1px solid var(--motif-150);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.02);
}

.fp-pad-9 {
  /* 1x */
  padding: 24px 28px 0 28px;
}

.fp-txt-25 {
  /* 1x */
  padding: 3px 10px;
  background-color: var(--motif-100);
  color: var(--motif-600);
  font-weight: 500;
}

.fp-txt-26 {
  /* 6x */
  color: var(--motif-500);
  font-weight: 300;
}

.fp-card-7 {
  /* 2x */
  padding: 10px 14px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
}

.fp-card-success {
  padding: 10px 14px;
  margin-top: 12px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
}

.fp-clr-6 {
  /* 3x */
  color: #2e7d32;
}

.fp-txt-27 {
  /* 1x */
  color: #2e7d32;
  font-weight: 500;
}

.fp-txt-28 {
  /* 1x */
  color: #2e7d32;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fp-txt-29 {
  /* 1x */
  height: 32px !important;
  border-radius: 6px !important;
  padding: 0 14px !important;
  border-color: #2e2e38;
  color: #2e2e38;
  font-weight: 500;
}

.fp-pad-10 {
  /* 1x */
  padding: 0 16px 16px 16px;
}

.fp-clr-7 {
  /* 4x */
  color: var(--motif-300);
}

.fp-txt-30 {
  /* 3x */
  background-color: #eaeafe;
  color: #5b6abf;
  min-width: 24px;
  padding: 2px 6px;
  line-height: 16px;
  font-weight: 600;
}

.fp-txt-31 {
  /* 3x */
  color: var(--motif-900);
  font-weight: 400;
  border: 1px solid #5b6abf;
}

.fp-txt-32 {
  /* 9x */
  color: var(--motif-900);
  font-weight: 400;
}

.fp-pad-11 {
  /* 1x */
  padding: 10px 12px;
  margin-top: 4px;
}

.fp-clr-8 {
  /* 5x */
  color: var(--motif-500);
}

.fp-txt-33 {
  /* 4x */
  color: var(--motif-500);
  font-weight: 500;
}

.fp-bg-8 {
  /* 2x */
  position: relative;
  z-index: 10;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 0 -1px 4px rgba(0, 0, 0, 0.04);
}

.fp-pad-12 {
  /* 2x */
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
  height: 60px;
}

.fp-txt-34 {
  /* 10x */
  color: var(--motif-600);
  font-weight: 400;
}

.fp-bdr-11 {
  /* 2x */
  height: 38px !important;
  border-radius: 6px !important;
  padding: 0 20px !important;
}

.fp-bg-9 {
  /* 5x */
  background-color: #f9f9fa;
}

.fp-pad-13 {
  /* 1x */
  max-width: 440px;
  padding: 0 24px;
}

.fp-bg-10 {
  /* 1x */
  width: 56px;
  height: 56px;
  background-color: rgba(124, 107, 255, 0.08);
}

.fp-clr-9 {
  /* 2x */
  color: #7c6bff;
}

.fp-bg-11 {
  /* 1x */
  height: 6px;
  background-color: var(--motif-150);
}

.fp-card-8 {
  /* 1x */
  padding: 14px 16px;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
}

.fp-clr-10 {
  /* 4x */
  color: #22c55e;
}

.fp-clr-11 {
  /* 1x */
  color: #166534;
}

.fp-txt-35 {
  /* 1x */
  color: #15803d;
  font-weight: 300;
}

.fp-card-9 {
  /* 1x */
  padding: 14px 16px;
  background-color: #f4f7fc;
  border: 1px solid #dbeafe;
}

.fp-clr-12 {
  /* 19x */
  color: #2563eb;
}

.fp-txt-36 {
  /* 4x */
  color: #1e3a5f;
  font-weight: 400;
}

.fp-is-9 {
  /* 5x */
  font-weight: 600;
}

.fp-bdr-12 {
  /* 1x */
  height: 42px !important;
  border-radius: 6px !important;
  padding: 0 28px !important;
}

.fp-mw-2 {
  /* 1x */
  max-width: 960px;
  margin: 0 auto;
}

.fp-bg-12 {
  /* 1x */
  background-color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(2px);
}

.fp-bg-13 {
  /* 1x */
  height: 3px;
  background-color: var(--motif-100);
}

.fp-bg-14 {
  /* 1x */
  background-color: #2563eb;
  animation: draftLoadingBar 2.5s ease-in-out infinite;
  width: 60%;
}

.fp-card-10 {
  /* 1x */
  border-bottom: 1px solid var(--motif-150);
  background-color: #fafbfc;
}

.fp-pad-14 {
  /* 1x */
  width: 32;
  padding: 10px 0 10px 10px;
}

.fp-txt-37 {
  /* 1x */
  padding: 10px 16px;
  color: var(--motif-600);
  font-weight: 500;
}

.fp-txt-38 {
  /* 1x */
  padding: 10px 12px;
  color: var(--motif-600);
  font-weight: 500;
  width: 90;
}

.fp-txt-39 {
  /* 2x */
  color: #2563eb;
  font-weight: 500;
}

.fp-txt-40 {
  /* 1x */
  padding: 10px 12px;
  color: var(--motif-600);
  font-weight: 500;
  width: 80;
}

.fp-pad-15 {
  /* 1x */
  width: 52;
  padding: 10px 10px 10px 0;
}

.fp-pad-16 {
  /* 1x */
  padding: 10px 0 10px 10px;
  vertical-align: middle;
}

.fp-pad-17 {
  /* 1x */
  padding: 10px 16px;
  vertical-align: middle;
}

.fp-card-11 {
  /* 1x */
  width: 32px;
  height: 32px;
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
}

.fp-txt-41 {
  /* 1x */
  color: var(--motif-900);
  font-weight: 500;
  border: 1px solid #2563eb;
  padding: 3px 8px;
}

.fp-pad-18 {
  /* 1x */
  padding: 10px 12px;
  vertical-align: middle;
}

.fp-txt-42 {
  /* 2x */
  color: var(--motif-700);
  font-weight: 400;
  border: 1px solid #2563eb;
  padding: 3px 4px;
}

.fp-txt-43 {
  /* 10x */
  color: #4e4e5d !important;
  font-weight: 400 !important;
  line-height: 1rem !important;
  font-size: 11px !important;
}

.fp-pad-19 {
  /* 1x */
  padding: 10px 12px;
  vertical-align: middle;
  text-align: center;
}

.fp-txt-44 {
  /* 1x */
  color: var(--motif-700);
  font-weight: 500;
  border: 1px solid #2563eb;
  padding: 3px 4px;
  display: block;
}

.fp-txt-45 {
  /* 2x */
  color: var(--motif-700);
  font-weight: 500;
}

.fp-pad-20 {
  /* 1x */
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}

.fp-bg-15 {
  /* 1x */
  padding: 0 16px 14px 54px;
  background-color: #fafbff;
}

.fp-card-12 {
  /* 1x */
  border: 1px solid var(--motif-100);
  padding: 14px 16px;
  background-color: var(--motif-surface);
}

.fp-txt-46 {
  /* 1x */
  color: var(--motif-700);
  font-weight: 300;
  min-height: 52px;
  border: 1px solid #2563eb;
  padding: 8px 10px;
}

.fp-txt-47 {
  /* 1x */
  color: var(--motif-700);
  font-weight: 300;
}

.fp-txt-48 {
  /* 1x */
  color: var(--motif-700);
  font-weight: 400;
  border: 1px solid #2563eb;
  padding: 6px 10px;
}

.fp-txt-49 {
  /* 1x */
  background-color: #eef2ff;
  color: #2563eb;
  font-weight: 400;
  border: 1px solid #dbeafe;
}

.fp-card-13 {
  /* 1x */
  padding: 12px 16px;
  border: 1px dashed var(--motif-200);
  background-color: transparent;
  color: var(--motif-600);
}

.fp-card-14 {
  /* 1x */
  padding: 12px 16px;
  background-color: #fcf5f3;
  border: 1px solid #fdd;
}

.fp-clr-13 {
  /* 1x */
  color: #c70117;
}

.fp-txt-50 {
  /* 1x */
  color: #7f1d1d;
  font-weight: 400;
}

.fp-card-15 {
  /* 3x */
  padding: 12px 16px;
  background-color: #f4f7fc;
  border: 1px solid #dbeafe;
}

.fp-txt-51 {
  /* 3x */
  color: #656579;
  font-weight: 300;
  line-height: 20px;
  border: 1px solid #5b6abf;
  padding: 8px 10px;
  min-height: 100px;
  background-color: #fafafe;
}

.fp-pad-21 {
  /* 6x */
  padding: 2px 4px;
  margin: -2px -4px;
}

.fp-pad-22 {
  /* 1x */
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}

.fp-bdr-13 {
  /* 1x */
  padding: 10px 20px 10px 40px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--motif-50);
}

.fp-card-16 {
  /* 1x */
  padding: 12px 16px;
  background-color: var(--motif-50);
  border: 1px solid var(--motif-150);
}

.fp-bg-16 {
  /* 1x */
  height: 1px;
  background-color: var(--motif-150);
  margin: 32px 0;
}

.fp-pad-23 {
  /* 2x */
  padding: 14px 18px 6px 18px;
}

.fp-txt-52 {
  /* 3x */
  color: var(--motif-400);
  font-weight: 600;
}

.fp-pad-24 {
  /* 2x */
  display: flex;
  flex-direction: column;
  padding: 0 10px 12px 10px;
}

.fp-pad-25 {
  /* 2x */
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
}

.fp-txt-53 {
  /* 2x */
  background-color: var(--motif-100);
  color: var(--motif-500);
  font-weight: 400;
  margin-left: auto;
  flex-shrink: 0;
}

.fp-pad-26 {
  /* 2x */
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 6px 10px 6px 30px;
}

.fp-bg-17 {
  /* 2x */
  background-color: var(--motif-300);
}

.fp-txt-54 {
  /* 2x */
  background-color: var(--motif-50);
  color: var(--motif-400);
  font-weight: 400;
  margin-left: auto;
  flex-shrink: 0;
}

.fp-pad-27 {
  /* 1x */
  padding: 5px 10px 5px 54px;
}

.fp-bg-18 {
  /* 2x */
  background-color: var(--motif-200);
}

.fp-txt-55 {
  /* 1x */
  background-color: var(--motif-50);
  color: var(--motif-300);
  font-weight: 400;
}

.fp-bdr-14 {
  /* 2x */
  border-top: 1px solid var(--motif-100);
  padding: 10px 18px;
}
.fp-bdr-14 > div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.fp-txt-56 {
  /* 6x */
  font-weight: 600;
  color: var(--motif-600);
}

.fp-card-17 {
  /* 2x */
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
}

.fp-card-18 {
  /* 1x */
  background-color: #e8f5e9;
  border: 1px solid #c8e6c9;
}

.fp-card-19 {
  /* 2x */
  background-color: #fef3c7;
  border: 1px solid #fde68a;
}

.fp-clr-14 {
  /* 4x */
  color: #d97706;
}

.fp-card-20 {
  /* 1x */
  padding: 14px 18px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-bdr-15 {
  /* 1x */
  height: 34px;
  border-radius: 6px;
  border-color: var(--motif-200);
  color: var(--motif-600);
}

.fp-pad-28 {
  /* 1x */
  padding: 12px 16px;
}

.fp-txt-57 {
  /* 1x */
  color: var(--motif-500);
  font-weight: 400;
}

.fp-is-10 {
  /* 1x */
  font-weight: 300;
}

.fp-txt-58 {
  /* 1x */
  background-color: #eef2ff;
  color: #2563eb;
  font-weight: 500;
}

.fp-pad-29 {
  /* 1x */
  padding: 10px 16px 10px 40px;
  color: var(--motif-600);
}

.fp-bdr-16 {
  /* 9x */
  border-bottom: 1px solid var(--motif-100);
}

.fp-pad-30 {
  /* 1x */
  padding: 16px 20px;
}

.fp-txt-59 {
  /* 3x */
  color: var(--motif-500);
  font-weight: 500;
  padding-bottom: 8px;
}

.fp-bg-19 {
  /* 1x */
  width: 340px;
  border-radius: 12px;
  background-color: #f9f9fa;
  box-shadow: -8px -16px 16px rgba(0, 0, 0, 0.02), -16px -16px 80px rgba(0, 0, 0, 0.01);
  margin: 12px;
}

.fp-is-11 {
  /* 1x */
  top: 4px;
  right: calc(50% - 16px);
}

.fp-bg-20 {
  /* 1x */
  width: 10px;
  height: 10px;
  background-color: #7c6bff;
  animation: activityPulse 1.5s ease-in-out infinite;
}

.fp-bg-21 {
  /* 1x */
  width: 6px;
  height: 6px;
  background-color: #7c6bff;
}

.fp-txt-60 {
  /* 1x */
  color: #656579;
  font-weight: 300;
}

.fp-txt-61 {
  /* 1x */
  color: #22c55e;
  font-weight: 500;
}

.fp-clr-15 {
  /* 1x */
  color: #c3c3cb;
}

.fp-clr-16 {
  /* 1x */
  color: #d0d0d6;
}

.fp-txt-62 {
  /* 5x */
  color: var(--motif-400);
  font-weight: 300;
}

.fp-pad-31 {
  /* 1x */
  padding: 1.5px;
}

.fp-is-12 {
  /* 1x */
  background: linear-gradient(135deg, #ffe600 0%, #b400ff 50%, #4696ff 100%);
  background-size: 300% 300%;
  animation: gradientFlow135 6s ease-in-out infinite;
  mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px));
}

.fp-txt-63 {
  /* 1x */
  color: #46464f;
  color: var(--motif-800);
  font-weight: 400;
  font-size: 13px !important;
  line-height: 1.25rem !important;
}

.fp-txt-64 {
  /* 1x */
  padding: 8px 12px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  color: var(--motif-700);
  font-weight: 400;
}

.fp-is-13 {
  /* 1x */
  animation: confidenceFadeIn 0.5s ease-out 0.2s both;
}

.fp-txt-65 {
  /* 1x */
  color: #2e7d32 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.fp-bg-22 {
  /* 1x */
  background-color: #22c55e;
}

.fp-success-bullet {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #22c55e;
  flex-shrink: 0;
  margin-top: 6px;
}

.fp-txt-66 {
  /* 1x */
  padding: 7px 11px;
  color: var(--motif-700);
  font-weight: 400;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-card-21 {
  /* 1x */
  padding: 12px 14px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-bg-23 {
  /* 1x */
  width: 18px;
  height: 18px;
  background-color: var(--motif-900);
}

.fp-bg-24 {
  /* 2x */
  width: 18px;
  height: 18px;
  background-color: var(--motif-100);
}

.fp-card-22 {
  /* 1x */
  padding: 10px 14px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
}

.fp-bg-25 {
  /* 1x */
  background-color: #9e9eae;
  animation-delay: 0ms;
}

.fp-bg-26 {
  /* 1x */
  background-color: #9e9eae;
  animation-delay: 150ms;
}

.fp-bg-27 {
  /* 1x */
  background-color: #9e9eae;
  animation-delay: 300ms;
}

.fp-clr-17 {
  /* 5x */
  color: #6366f1;
}

.fp-bdr-17 {
  /* 1x */
  font-size: 12px;
  font-weight: 300;
  color: #2e2e38;
  background-color: #ffffff;
  color: var(--motif-900);
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 72px;
  resize: none;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-bdr-17:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px #e8e8fc;
}
.fp-bdr-17::placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-17::-webkit-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-17::-moz-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-17:-ms-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-17 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-bdr-18 {
  /* 3x */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 34px !important;
  border-radius: 6px !important;
  background-color: #2e2e38 !important;
  color: #ffffff !important;
}
.fp-bdr-18:hover {
  background-color: #23232b !important;
}

.fp-bdr-19 {
  /* 1x */
  font-size: 12px;
  font-weight: 300;
  color: #2e2e38;
  background-color: #ffffff;
  color: var(--motif-900);
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 60px;
  resize: none;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-bdr-19:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px #e8e8fc;
}
.fp-bdr-19::placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-19::-webkit-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-19::-moz-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-19:-ms-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-bdr-19 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-card-23 {
  /* 1x */
  padding: 20px 14px;
  border: 2px dashed #c4b5fd;
  background-color: #faf8ff;
}

.fp-bg-28 {
  /* 1x */
  background-color: #ede9fe;
}

.fp-card-24 {
  /* 1x */
  padding: 8px 10px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
}

.fp-card-25 {
  /* 1x */
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-bdr-20 {
  /* 1x */
  height: 3px;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.fp-is-14 {
  /* 1x */
  background: linear-gradient(90deg, #ffe600 0%, #b400ff 33%, #4696ff 66%, #ffe600 100%);
  background-size: 300% 100%;
  animation: gradientFlow 3s linear infinite;
}

.fp-is-15 {
  /* 1x */
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%);
  background-size: 50% 100%;
  animation: gradientShimmer 2s ease-in-out infinite;
}

.fp-bg-29 {
  /* 1x */
  background-color: #f9f9fa;
  z-index: 100;
}

.fp-card-26 {
  /* 1x */
  height: 52px;
  background-color: #f3f3f5;
  border-bottom: 1px solid var(--motif-150);
}

.fp-bdr-21 {
  /* 1x */
  height: 38px !important;
  border-radius: 6px !important;
  border-color: var(--motif-200);
  color: var(--motif-600) !important;
  background-color: transparent !important;
}
.fp-bdr-21:hover, .fp-bdr-21:focus-visible, .fp-bdr-21:active {
  color: var(--motif-700) !important;
  background-color: var(--motif-100) !important;
  border-color: var(--motif-200) !important;
}
.fp-bdr-21 span,
.fp-bdr-21 svg {
  color: inherit !important;
}

.fp-bg-30 {
  /* 3x */
  background-color: rgba(0, 0, 0, 0.3);
}

.fp-bdr-22 {
  /* 1x */
  max-width: 560px;
  max-height: calc(100vh - 80px);
  width: 90%;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
  background-color: var(--motif-surface);
  overflow: hidden;
}

.fp-bdr-23 {
  /* 1x */
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--motif-150);
}

.fp-pad-32 {
  /* 1x */
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 24px;
}

.fp-bdr-24 {
  /* 1x */
  padding: 16px 24px;
  border-top: 1px solid var(--motif-150);
}

.fp-bdr-25 {
  /* 1x */
  height: 40px !important;
  border-radius: 6px !important;
  padding: 0 20px !important;
}

.fp-bdr-26 {
  /* 1x */
  height: 40px !important;
  border-radius: 6px !important;
  padding: 0 24px !important;
}

.fp-bg-31 {
  /* 1x */
  background-color: #f9f9fa;
}

.fp-card-27 {
  /* 1x */
  padding: 16px 24px;
  background-color: var(--motif-surface);
  border-bottom: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-card-28 {
  /* 1x */
  padding: 7px 14px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  color: var(--motif-700);
}

.fp-pad-33 {
  /* 1x */
  padding: 24px;
}

.fp-card-29 {
  /* 1x */
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.fp-bdr-27 {
  /* 1x */
  border-collapse: collapse;
  table-layout: fixed;
}

.fp-bg-32 {
  /* 1x */
  background-color: #f4f5f7;
}

.fp-txt-67 {
  /* 2x */
  padding: 12px 16px;
  color: var(--motif-500);
  font-weight: 600;
  border-bottom: 2px solid var(--motif-200);
  border-right: 1px solid var(--motif-150);
  width: 140px;
  min-width: 140px;
}

.fp-txt-68 {
  /* 1x */
  padding: 12px 16px;
  color: var(--motif-500);
  font-weight: 600;
  border-bottom: 2px solid var(--motif-200);
  border-right: 1px solid var(--motif-150);
  width: 160px;
  min-width: 160px;
}

.fp-txt-69 {
  /* 1x */
  width: 22px;
  height: 18px;
  border: 1px solid var(--motif-150);
  font-size: 10px;
  font-weight: 700;
  color: var(--motif-600);
}

.fp-bg-33 {
  /* 4x */
  padding: 14px 16px;
  vertical-align: top;
  border-right: 1px solid var(--motif-150);
  background-color: #fafbfc;
}

.fp-pad-34 {
  /* 3x */
  padding: 10px 14px;
  min-height: 48px;
}

.fp-txt-70 {
  /* 3x */
  color: var(--motif-600);
  font-weight: 300;
  border: 1px solid #5b6abf;
  padding: 6px 8px;
  min-height: 80px;
  background-color: #fafafe;
}

.fp-clr-18 {
  /* 5x */
  color: var(--motif-300);
  font-style: italic;
}

.fp-bg-34 {
  /* 5x */
  padding: 12px 16px;
  vertical-align: top;
  border-right: 1px solid var(--motif-150);
  background-color: #fafbfc;
}

.fp-bg-35 {
  /* 1x */
  padding: 12px 24px;
  background-color: var(--motif-surface);
  border-top: 1px solid var(--motif-150);
}

.fp-bdr-28 {
  /* 1x */
  max-width: 480px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
  padding: 48px 36px 36px 36px;
  background-color: var(--motif-surface);
}

.fp-bg-36 {
  /* 3x */
  width: 56px;
  height: 56px;
  background-color: #fafafa;
}

.fp-bg-37 {
  /* 2x */
  width: 24px;
  height: 24px;
  background-color: var(--motif-900);
}

.fp-bg-38 {
  /* 4x */
  width: 24px;
  height: 24px;
  background-color: var(--motif-150);
}

.fp-bg-39 {
  /* 1x */
  width: 56px;
  height: 56px;
  background-color: #e7fce8;
}

.fp-clr-19 {
  /* 1x */
  color: #26a04b;
}

.fp-bdr-29 {
  /* 2x */
  height: 44px !important;
  border-radius: 4px !important;
}

.fp-bdr-30 {
  /* 1x */
  max-width: 520px;
  max-height: 90vh;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
  padding: 28px 32px 24px 32px;
  background-color: var(--motif-surface);
}

.fp-mw-3 {
  /* 1x */
  max-width: 320px;
}

.fp-bg-40 {
  /* 1x */
  width: 22px;
  height: 22px;
  background-color: var(--motif-900);
}

.fp-bg-41 {
  /* 2x */
  width: 22px;
  height: 22px;
  background-color: var(--motif-150);
}

.fp-card-30 {
  /* 1x */
  border: 1.5px dashed var(--motif-200);
  background-color: #fafafa;
}

.fp-bg-42 {
  /* 1x */
  width: 44px;
  height: 44px;
  background-color: #fef3c7;
}

.fp-card-31 {
  /* 1x */
  padding: 10px 14px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
}

.fp-bg-43 {
  /* 1x */
  background-color: #eef2ff;
}

.fp-card-32 {
  /* 1x */
  padding: 10px 14px;
  background-color: #f4f7fc;
  border: 1px solid #dbeafe;
}

.fp-txt-71 {
  /* 1x */
  color: #1e3a5f;
  font-weight: 300;
}

.fp-bdr-31 {
  /* 1x */
  height: 40px !important;
  border-radius: 6px !important;
}

/* --- Extracted Utility Inline Classes --- */
.fp-fs-9 {
  font-size: 9px;
}

.fp-fs-10 {
  font-size: 10px;
}

.fp-fs-11 {
  font-size: 11px;
}

.fp-fs-12 {
  font-size: 12px;
}

.fp-fs-13 {
  font-size: 13px;
}

.fp-fs-14 {
  font-size: 14px;
}

.fp-fs-15 {
  font-size: 15px;
}

.fp-fs-16 {
  font-size: 16px;
}

.fp-fs-18 {
  font-size: 18px;
}

.fp-fs-20 {
  font-size: 20px;
}

.fp-fs-26 {
  font-size: 26px;
}

.fp-lh-17 {
  line-height: 17px;
}

.fp-lh-18 {
  line-height: 18px;
}

.fp-size-18 {
  width: 18px;
  height: 18px;
}

.fp-mw-240 {
  max-width: 240px;
}

.fp-mw-90p {
  max-width: 90%;
}

.fp-z-200 {
  z-index: 200;
}

/* --- Extracted Conditional Inline Styles --- */
.fp-preview-tab {
  padding: 14px 0;
  margin-right: 32px;
  margin-bottom: -1px;
  background: none;
  cursor: pointer;
  line-height: 22px;
  font-weight: 400;
  color: #747480;
  border: none;
  border-bottom: 2px solid transparent;
  font-family: inherit;
}
.fp-preview-tab--active {
  font-weight: 500;
  color: #2e2e38;
  border-bottom-color: #2e2e38;
}

.fp-preview-scale-row {
  border-bottom: 1px solid #d7d7dc;
  background-color: #ffffff;
}
.fp-preview-scale-row--expanded {
  border-bottom: none;
}
.fp-preview-scale-row--last {
  border-bottom: none;
}

.fp-preview-scale-expanded-row {
  border-bottom: 1px solid #d7d7dc;
}
.fp-preview-scale-expanded-row--last {
  border-bottom: none;
}

.fp-def-tab-btn-alt {
  background-color: transparent;
  color: var(--motif-500);
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-def-tab-btn-alt--active {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.fp-def-tab-btn-alt--active-sm {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fp-drag-row {
  border-bottom: 1px solid var(--motif-100);
  border-top: 2px solid transparent;
  transition: opacity 0.15s;
}
.fp-drag-row--l1 {
  padding: 10px 12px;
}
.fp-drag-row--l2 {
  padding: 10px 12px 10px 48px;
}
.fp-drag-row--l3 {
  padding: 10px 12px 10px 84px;
}
.fp-drag-row--dragging {
  opacity: 0.4;
}
.fp-drag-row--dragover {
  border-top-color: #5b6abf;
}

.fp-scale-row {
  border-bottom: 1px solid var(--motif-100);
  border-top: 2px solid transparent;
}
.fp-scale-row--expanded {
  border-bottom: none;
  background-color: #fafbff;
}
.fp-scale-row--last {
  border-bottom: none;
}
.fp-scale-row--dragging {
  opacity: 0.4;
}
.fp-scale-row--dragover {
  border-top-color: #2563eb;
}

.fp-scale-expanded-row {
  border-bottom: 1px solid var(--motif-100);
}
.fp-scale-expanded-row--last {
  border-bottom: none;
}

.fp-scale-expand-btn {
  color: var(--motif-400);
}
.fp-scale-expand-btn--expanded {
  color: #2563eb;
}

.fp-generation-progress {
  appearance: none;
  display: block;
  width: 100%;
  height: 6px;
  border: none;
}
.fp-generation-progress::-webkit-progress-bar {
  background-color: var(--motif-150);
  border-radius: 999px;
}
.fp-generation-progress::-webkit-progress-value {
  background-color: var(--motif-900);
  border-radius: 999px;
  transition: width 1.2s ease-in-out;
}
.fp-generation-progress::-moz-progress-bar {
  background-color: var(--motif-900);
  border-radius: 999px;
  transition: width 1.2s ease-in-out;
}

.fp-generation-screen {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 52px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.fp-generation-screen__content {
  width: 100%;
  max-width: 560px;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.fp-generation-screen__icon {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.fp-generation-screen__text {
  width: 100%;
  max-width: 460px;
  margin-bottom: 20px;
}
.fp-generation-screen__title {
  margin: 0;
  font-size: 15px !important;
  line-height: 32px;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
}
.fp-generation-screen__desc {
  margin: 8px 0 0;
  font-size: 13px !important;
  line-height: 1.25rem;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
}
.fp-generation-screen__loading-bar {
  width: 12rem;
  height: 3px;
  border-radius: 9999px;
  overflow: hidden;
  background-color: var(--motif-100);
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}
.fp-generation-screen__loading-bar-fill {
  height: 100%;
  width: 60%;
  border-radius: 9999px;
  background-color: #7c6bff;
  animation: draftLoadingBar 2.5s ease-in-out infinite;
}
.fp-generation-screen__progress-wrap {
  width: 520px;
  max-width: 100%;
  margin-top: 8px;
}
.fp-generation-screen__progress-info {
  margin-bottom: 8px;
}
.fp-generation-screen__progress-label, .fp-generation-screen__progress-value {
  font-size: 12px;
  color: var(--motif-700);
}

.fp-question-row {
  padding: 12px 16px 12px 40px;
  border-bottom: 1px solid var(--motif-50);
}
.fp-question-row--last {
  border-bottom: none;
}

.fp-question-source {
  font-weight: 500;
}
.fp-question-source--ai {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.fp-question-source--imported {
  background-color: #fef3c7;
  color: #d97706;
}

.fp-sidekick-tab {
  background-color: transparent;
  color: #9e9eae;
  flex: 1;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-sidekick-tab--active {
  background-color: #ececef;
  color: #2e2e38;
}

.fp-activity-history {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.fp-activity-history--empty {
  justify-content: space-between;
}
.fp-activity-history__header {
  padding: 20px 20px 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fp-activity-history__title {
  font-size: 14px;
  font-weight: 600;
  color: #2e2e38;
}
.fp-activity-history__search {
  width: 100%;
  border: 1px solid #e6e6e9;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  color: #4e4e5d;
  background-color: #ffffff;
}
.fp-activity-history__search::placeholder {
  color: #9897a6;
}
.fp-activity-history__search:focus {
  outline: none;
  border-color: #c3c3cb;
}
.fp-activity-history__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 16px 8px;
}
.fp-activity-history__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}
.fp-activity-history__section-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
}
.fp-activity-history__section-toggle {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.fp-activity-history__section-icon {
  width: 12px;
  height: 12px;
  color: #9897a6;
}
.fp-activity-history__section-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9897a6;
}
.fp-activity-history__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fp-activity-history__footer {
  padding: 10px 18px 18px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
  color: #c3c3cb;
}
.fp-activity-history__empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
}
.fp-activity-history__empty-icon {
  width: 28px;
  height: 28px;
  color: #d0d0d6;
}
.fp-activity-history__empty-title {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #4e4e5d;
}
.fp-activity-history__empty-copy {
  max-width: 220px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #9897a6;
}
.fp-activity-history__error-copy {
  max-width: 260px;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
  color: #e0362c;
}
.fp-activity-history__retry {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #4e4e5d;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  padding: 6px 10px;
}

.fp-activity-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 14px 12px;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(35, 35, 47, 0.05);
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.fp-activity-card:hover {
  border-color: #c3c3cb;
  box-shadow: 0 10px 24px rgba(35, 35, 47, 0.1);
}
.fp-activity-card--active {
  border-color: #6366f1;
  box-shadow: 0 10px 24px rgba(35, 35, 47, 0.1);
}
.fp-activity-card--latest {
  animation: draftItemAppear 0.4s ease-out;
}
.fp-activity-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.fp-activity-card__who {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.fp-activity-card__avatar {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fp-activity-card__avatar-text {
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
}
.fp-activity-card__avatar-icon {
  width: 13px;
  height: 13px;
  color: #6366f1;
}
.fp-activity-card__author {
  font-size: 13px;
  font-weight: 600;
  color: #46464f;
}
.fp-activity-card__time {
  font-size: 11px;
  white-space: nowrap;
  color: #c3c3cb;
}
.fp-activity-card__text {
  font-size: 13px;
  line-height: 1.45;
  color: #7a7a8e;
}
.fp-activity-card__thread-id {
  font-size: 11px;
  line-height: 1.3;
  color: #9897a6;
}
.fp-activity-card__updates {
  display: flex;
  align-items: center;
  gap: 6px;
}
.fp-activity-card__updates-icon {
  width: 14px;
  height: 14px;
  color: #2e7d32;
}
.fp-activity-card__updates-text {
  font-size: 12px;
  font-weight: 600;
  color: #2e7d32;
}
.fp-activity-card__continue {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  width: fit-content;
  border: none;
  background: none;
  cursor: pointer;
}
.fp-activity-card__continue-icon {
  width: 12px;
  height: 12px;
  color: #9897a6;
}
.fp-activity-card__continue-text {
  font-size: 12px;
  font-weight: 500;
  color: #656579;
}

.fp-regen-step-row {
  animation: draftItemAppear 0.3s ease-out both;
}
.fp-regen-step-row:nth-child(1) {
  animation-delay: 0s;
}
.fp-regen-step-row:nth-child(2) {
  animation-delay: 0.1s;
}
.fp-regen-step-row:nth-child(3) {
  animation-delay: 0.2s;
}

.fp-chat-avatar--user {
  background-color: #2e2e38;
}
.fp-chat-avatar--ai {
  background-color: #f0eeff;
}

.fp-chat-row {
  display: flex;
  justify-content: flex-start;
}
.fp-chat-row--user {
  justify-content: flex-end;
}

.fp-chat-msg {
  padding: 10px 14px;
}
.fp-chat-msg--user {
  background-color: #2e2e38;
  border: none;
  box-shadow: none;
}
.fp-chat-msg--ai {
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fp-chat-msg-text {
  font-weight: 300;
}
.fp-chat-msg-text--user {
  color: #ffffff;
}
.fp-chat-msg-text--ai {
  color: var(--motif-700);
}

.fp-thumbs-btn {
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.fp-thumbs-btn:hover {
  background-color: #f3f3f5;
}

.fp-step-label {
  font-weight: 300;
  color: var(--motif-300);
}
.fp-step-label--done {
  color: var(--motif-900);
  font-weight: 400;
}
.fp-step-label--active {
  color: var(--motif-600);
}

.fp-step-label-alt {
  font-weight: 300;
  color: #c3c3cb;
}
.fp-step-label-alt--done {
  color: #2e2e38;
  font-weight: 400;
}
.fp-step-label-alt--active {
  color: #656579;
}

.fp-qa-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  margin-top: 12px;
  margin-bottom: 12px;
  width: fit-content;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: all 0.15s;
}
.fp-qa-trigger--active {
  background-color: #f5f3ff;
  border-color: #c4b5fd;
}

.fp-qa-icon {
  color: var(--motif-500);
}
.fp-qa-icon--active {
  color: #6366f1;
}

.fp-qa-text {
  color: var(--motif-500) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}
.fp-qa-text--active {
  color: #6366f1 !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

.fp-qa-arrow {
  color: var(--motif-400);
  transform: rotate(0deg);
}
.fp-qa-arrow--active {
  color: #6366f1;
  transform: rotate(180deg);
}

.fp-qa-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  transition: all 0.2s ease;
}
.fp-qa-option:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.fp-qa-option--active {
  background-color: #f0edff;
  border: 1.5px solid #6366f1;
}

.fp-qa-option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
  background-color: #e8e8fc;
  color: #6366f1;
}
.fp-qa-option-icon--active {
  background-color: #ede9fe;
}

.fp-qa-icon-svg {
  width: 14px;
  height: 14px;
}

.fp-qa-option-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.fp-qa-option-title {
  color: var(--motif-900) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  display: block !important;
}

.fp-qa-option--active .fp-qa-option-title {
  color: #6366f1 !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

.fp-qa-option-desc {
  color: #7a7a8e !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  display: block !important;
  margin-top: 0.125rem !important;
  font-size: 11px !important;
}

.fp-domain-select {
  padding: 8px 12px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-domain-select--selected {
  background-color: #f0edff;
  border: 1.5px solid #6366f1;
}

.fp-domain-checkbox {
  border: 1.5px solid #c3c3cb;
  background-color: transparent;
}
.fp-domain-checkbox--selected {
  border: none;
  background-color: #6366f1;
}

.fp-sidekick-input-clr {
  color: var(--motif-900);
}

.fp-send-btn-bg {
  background: #ececef;
  cursor: default;
}
.fp-send-btn-bg--active {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  cursor: pointer;
}

.fp-send-icon-clr {
  color: #9e9eae;
}
.fp-send-icon-clr--active {
  color: #ffffff;
}

.fp-continue-btn-err {
  opacity: 0.5;
  cursor: not-allowed;
}

.fp-grid-th-level {
  padding: 12px 10px;
  color: var(--motif-600);
  font-weight: 600;
  border-bottom: 2px solid var(--motif-200);
  border-right: 1px solid var(--motif-150);
  min-width: 200px;
}
.fp-grid-th-level:last-child {
  border-right: none;
}

.fp-grid-td-cell {
  padding: 0;
  vertical-align: top;
  border-right: 1px solid var(--motif-100);
}
.fp-grid-td-cell:last-child {
  border-right: none;
}

.fp-import-btn-size {
  height: 40px !important;
  border-radius: 6px !important;
}
.fp-import-btn-size--disabled {
  opacity: 0.5;
}

.fp-grid-td-cell--padded {
  padding: 10px 14px;
  vertical-align: top;
  border-right: 1px solid var(--motif-100);
}
.fp-grid-td-cell--padded:last-child {
  border-right: none;
}

/* ─── Extracted Inline Styles to SCSS ─── */
.fp-preview-def-tab-switcher {
  background-color: var(--motif-100);
  display: inline-flex;
}

.fp-preview-def-tab-btn {
  background-color: transparent;
  color: var(--motif-500);
  box-shadow: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
.fp-preview-def-tab-btn--active {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.fp-scale-phase-header {
  margin-bottom: 40px;
}
.fp-scale-phase-header__title {
  margin-bottom: 16px;
}

.fp-scale-table-regen-anim {
  animation: draftItemAppear 0.6s ease-out 0.15s both;
}

.fp-section-mt {
  margin-top: 32px;
}

.fp-domain-color-dot--0 {
  background-color: #2563eb;
}
.fp-domain-color-dot--1 {
  background-color: #7c3aed;
}
.fp-domain-color-dot--2 {
  background-color: #0891b2;
}
.fp-domain-color-dot--3 {
  background-color: #059669;
}
.fp-domain-color-dot--4 {
  background-color: #d97706;
}

.fp-stat-value--blue {
  color: #2563eb;
}
.fp-stat-value--purple {
  color: #7c3aed;
}
.fp-stat-value--green {
  color: var(--motif-success);
}
.fp-stat-value--amber {
  color: #d97706;
}

.fp-bottom-action-btn {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  cursor: pointer;
  background-color: var(--motif-900);
  color: #ffffff;
  white-space: nowrap;
}
.fp-bottom-action-btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.fp-review-scale-pill {
  background-color: #eef2ff;
  border: 1px solid #dbeafe;
}

.fp-review-modal__l3-row {
  padding-left: 28px;
}

.fp-publish-modal-desc-spacing {
  margin-bottom: 30px;
}

.fp-publish-modal-desc-spacing--lg {
  margin-bottom: 40px;
}

/* Review Modal Buttons */
.fp-review-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  border-radius: 6px;
}
.fp-review-modal__btn--outline {
  height: 40px;
  padding: 0 20px;
  background-color: transparent;
  border: 1px solid var(--motif-200);
  color: var(--motif-600);
}
.fp-review-modal__btn--outline:hover {
  background-color: var(--motif-100);
}
.fp-review-modal__btn--primary {
  height: 40px;
  padding: 0 24px;
  background-color: #2e2e38;
  color: #ffffff;
}
.fp-review-modal__btn--primary:hover {
  background-color: #23232b;
}

/* Publish Modal Buttons */
.fp-publish-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}
.fp-publish-modal__btn--primary {
  background-color: #2e2e38;
  color: #ffffff;
}
.fp-publish-modal__btn--primary:hover {
  background-color: #23232b;
}
.fp-publish-modal__btn--outline {
  background-color: transparent;
  border: 1px solid var(--motif-200);
  color: var(--motif-600);
}
.fp-publish-modal__btn--outline:hover {
  background-color: var(--motif-100);
}

/* --- Reference alignment for Framework Preview / Scale / Definitions --- */
.fp-page {
  background-color: #fafafa;
  color: #2e2e38;
}

.fp-main__content,
.fp-phase-scroll {
  background-color: #fafafa;
}

.fp-topbar {
  height: 52px;
  background-color: #f4f5f7;
  border-bottom: 1px solid #e6e6e9;
}
.fp-topbar__title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.fp-topbar__back:hover, .fp-topbar__sidekick-btn:hover {
  background-color: #f3f3f5;
}

.fp-stepper__btn {
  color: #7a7a8e;
}
.fp-stepper__btn--active {
  background-color: #2e2e38;
  color: #ffffff;
}
.fp-stepper__btn--completed {
  background-color: #e7fce8;
  border-color: #bbf7d0;
  color: #197335;
}

.fp-phase-content,
.fp-def-phase-content {
  max-width: 980px;
  padding: 28px 32px 90px;
}

.fp-scale-phase-header,
.fp-def-header-wrap {
  margin-bottom: 20px;
}

.fp-info-box,
.fp-def-info-box,
.fp-card-15 {
  border: 1px solid #dbeafe;
  background-color: #f4f7fc;
  box-shadow: none;
}

.fp-scale-table-wrap,
.fp-card-5,
.fp-def-card,
.fp-import-banner,
.fp-q-cat,
.fp-review-card {
  border: 1px solid #e0e0e5;
  background-color: #ffffff;
  box-shadow: none;
}

.fp-scale-row:hover,
.fp-def-card__header:hover,
.fp-q-cat__header:hover,
.fp-review-card__header:hover {
  background-color: #fafafb;
}

.fp-def-tab-switcher,
.fp-def-tab-switcher--spaced,
.fp-preview-def-tab-switcher {
  background-color: #f3f3f5;
  border: 1px solid #e6e6e9;
  padding: 4px;
}

.fp-def-tab-btn,
.fp-preview-def-tab-btn {
  color: #656579;
}
.fp-def-tab-btn--active,
.fp-preview-def-tab-btn--active {
  color: #2e2e38;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.fp-bottom-bar {
  border-top: 1px solid #e6e6e9;
  background-color: #ffffff;
  box-shadow: 0 -2px 8px rgba(35, 35, 47, 0.06);
}

.fp-sidekick {
  width: 360px;
  border-left: 1px solid #e6e6e9;
  background-color: #fafafb;
}
.fp-sidekick__header {
  background-color: #fafafb;
  border-bottom: 1px solid #e6e6e9;
}
.fp-sidekick__chat {
  background-color: #fafafa;
}
.fp-sidekick__suggestion, .fp-sidekick__input-box, .fp-sidekick__bubble--ai .fp-sidekick__bubble-text {
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  box-shadow: none;
}

/* ─── Regenerate Section ─── */
.fp-regenerate-section {
  display: flex;
  flex-direction: column;
  margin-top: -6px;
}

.fp-regenerate-title {
  color: #9897a6 !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  font-size: 11px !important;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.fp-regenerate-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.fp-regen-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  border-radius: 8px;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  transition: all 0.2s ease;
}
.fp-regen-option:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.fp-regen-option--active {
  background-color: #f0edff;
  border: 1.5px solid #6366f1;
}

.fp-regen-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
  background-color: #e8e8fc;
  color: #6366f1;
}
.fp-regen-icon-wrapper--active {
  background-color: #ede9fe;
}

.fp-regen-icon {
  width: 14px;
  height: 14px;
}

.fp-regen-option-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.fp-regen-option-title {
  color: var(--motif-900) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  display: block !important;
}

.fp-regen-option--active .fp-regen-option-title {
  color: #6366f1 !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}

.fp-regen-option-desc {
  color: #7a7a8e !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  display: block !important;
  margin-top: 0.125rem !important;
  font-size: 11px !important;
}

.fp-regen-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.fp-regen-form-label {
  color: #4e4e5d !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  font-size: 12px !important;
}

.fp-regen-textarea {
  font-size: 12px;
  font-weight: 300;
  color: #2e2e38;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  padding: 10px 12px;
  min-height: 72px;
  resize: none;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.fp-regen-textarea:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px #e8e8fc;
}
.fp-regen-textarea::placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-regen-textarea::-webkit-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-regen-textarea::-moz-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}
.fp-regen-textarea:-ms-input-placeholder {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  opacity: 1 !important;
  line-height: 1.4 !important;
}

.fp-regen-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 34px;
  border-radius: 6px;
  width: 100%;
  background-color: #2e2e38 !important;
  color: #ffffff !important;
}
.fp-regen-button:hover {
  background-color: #23232b !important;
}

.fp-regen-error {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #dc2626 !important;
  display: block !important;
  margin-top: -2px !important;
}

.fp-regen-selection-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fp-regen-select-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #e0e0e5;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
  width: 100%;
  overflow: hidden;
}
.fp-regen-select-item--selected {
  background-color: #f0edff;
  border: 1.5px solid #6366f1;
}
.fp-regen-select-item--sub {
  padding: 6px 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: none;
}
.fp-regen-select-item--sub.fp-regen-select-item--selected {
  background-color: #e8e8fc;
  border: 1.5px solid #7c6bff;
}
.fp-regen-select-item--l3 {
  padding: 4px 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: none;
}
.fp-regen-select-item--l3.fp-regen-select-item--selected {
  background-color: #faf5ff;
  border: 1px solid #ddd6fe;
}

.fp-regen-expand-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.fp-regen-expand-btn--small {
  width: 14px;
  height: 14px;
}

.fp-regen-expand-icon {
  width: 12px;
  height: 12px;
  color: #7a7a8e;
  transition: transform 0.2s ease;
}
.fp-regen-expand-icon--small {
  width: 10px;
  height: 10px;
}
.fp-regen-expand-icon--rotated {
  transform: rotate(-90deg);
}

.fp-regen-expand-placeholder {
  width: 16px;
  flex-shrink: 0;
}
.fp-regen-expand-placeholder--small {
  width: 14px;
}

.fp-regen-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: 0;
  border: 1.5px solid #c3c3cb;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.fp-regen-checkbox--checked {
  background-color: #6366f1;
  border: none;
}
.fp-regen-checkbox--small {
  width: 14px;
  height: 14px;
}

.fp-regen-checkbox-icon {
  width: 10px;
  height: 10px;
  color: #ffffff;
}
.fp-regen-checkbox-icon--small {
  width: 8px;
  height: 8px;
}

.fp-regen-checkbox-indeterminate {
  width: 8px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 1px;
}
.fp-regen-checkbox-indeterminate--small {
  width: 6px;
  height: 2px;
}

.fp-regen-select-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.fp-regen-select-item-name {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  display: block !important;
  line-height: 1.4 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  flex: 1;
  min-width: 0;
}
.fp-regen-select-item-name--sub {
  color: var(--motif-700) !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  bottom: 2px;
  position: relative;
}
.fp-regen-select-item-name--l3 {
  font-size: 11px;
  font-weight: 400;
  color: #4e4e5d;
}

.fp-regen-select-item-count {
  font-size: 11px !important;
  line-height: 1rem !important;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
  display: block;
}

.fp-regen-domain-item {
  display: flex;
  flex-direction: column;
}

.fp-regen-subdomain-item {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-top: 4px;
}

.fp-regen-l3-item {
  margin-left: 18px;
  margin-top: 2px;
}

.fp-regen-form-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}

.framework-structure-title {
  font-weight: bold !important;
  color: #666666 !important;
}

.domain-name {
  font-weight: bold !important;
}

.maturity-level-rounded {
  border-radius: 80px !important;
  font-weight: 500 !important;
  padding: 4px;
}

.bold-count {
  font-weight: 500 !important;
}

.fp-regen-loading-bar {
  height: 3px;
  background-color: var(--motif-100);
  margin: 16px 16px 0 16px;
}

.fp-regen-loading-bar-fill {
  background-color: #7c6bff;
  animation: draftLoadingBar 2.5s ease-in-out infinite;
  width: 60%;
}

.fp-regen-status-row {
  padding: 12px 16px;
  border-bottom: 1px solid var(--motif-100);
  animation: regenStatusIn 0.3s ease-out both;
}

.fp-regen-sparks-icon {
  color: #7c6bff;
  animation: sparkle 2s ease-in-out infinite;
}

.fp-regen-status-text {
  color: var(--motif-600);
  font-weight: 500;
}

.fp-regen-skeleton-row {
  padding: 12px 12px;
  border-bottom: 1px solid var(--motif-100);
}
.fp-regen-skeleton-row:last-child {
  border-bottom: none;
}

.fp-regen-skeleton-checkbox {
  width: 14px;
  height: 14px;
  background-color: var(--motif-100);
}

.fp-regen-skeleton-badge {
  width: 24px;
  height: 18px;
  background: linear-gradient(90deg, var(--motif-100) 25%, var(--motif-50) 50%, var(--motif-100) 75%);
  background-size: 200% 100%;
  animation: skeletonShimmer 1.8s ease-in-out infinite;
}

.fp-regen-skeleton-text {
  height: 14px;
  background: linear-gradient(90deg, var(--motif-100) 25%, var(--motif-50) 50%, var(--motif-100) 75%);
  background-size: 200% 100%;
}

.fp-regen-skeleton-secondary {
  height: 10px;
  background: linear-gradient(90deg, var(--motif-100) 25%, var(--motif-50) 50%, var(--motif-100) 75%);
  background-size: 200% 100%;
}

.fp-regen-skeleton-indent {
  padding-left: 53px;
}

@keyframes draftLoadingBar {
  0%, 100% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}
@keyframes regenStatusIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes sparkle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}
@keyframes skeletonRowIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes skeletonShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}.fw-generate {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
}

.fw-generate__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background-color: #ffffff;
  border-bottom: 1px solid var(--motif-150);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  z-index: 10;
}

.fw-generate__header-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  margin: 0 !important;
}

.fw-generate__header-close {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.fw-generate__header-close:hover {
  background-color: var(--motif-100);
}

.fw-generate__header-close-icon {
  color: var(--motif-500);
}

.fw-generate__container {
  max-width: 520px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 32px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--motif-150);
  position: relative;
  margin-top: 64px;
}

.fw-generate__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.fw-generate__close-btn:hover {
  background-color: var(--motif-100);
}

.fw-generate__close-icon {
  color: var(--motif-400);
}

.fw-generate__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.fw-generate__icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124, 107, 255, 0.08);
}

.fw-generate__spark-icon {
  color: #7c6bff;
}

.fw-generate__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.fw-generate__title {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--motif-900) !important;
}

.fw-generate__desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
}

.fw-generate__progress {
  width: 100%;
  max-width: 360px;
}

.fw-generate__progress-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.fw-generate__progress-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  color: var(--motif-600) !important;
}

.fw-generate__progress-pct {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: var(--motif-900) !important;
}

.fw-generate__bar-track {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 6px;
  background-color: var(--motif-150);
}

.fw-generate__bar-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 0.6s ease-out;
  width: var(--progress-width, 0%);
  background-color: var(--motif-900);
}

.fw-generate__bar-fill--complete {
  background-color: #26a04b;
}

.fw-generate__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 360px;
}

.fw-generate__step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.fw-generate__step-label {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
}
.fw-generate__step-label--done {
  color: #2e2e38 !important;
  font-weight: 300 !important;
}
.fw-generate__step-label--active {
  color: #656579 !important;
}
.fw-generate__step-label--pending {
  color: #c3c3cb !important;
}

.fw-generate__step-dot {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background-color: var(--motif-150);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fw-generate__step-dot--done {
  background-color: var(--motif-900);
}
.fw-generate__step-dot--active {
  background-color: var(--motif-150);
}

.fw-generate__check-icon {
  color: #ffffff;
}

.fw-generate__loader-icon {
  color: var(--motif-600);
}

.fw-generate__notice {
  max-width: 360px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f8f8fa;
  border: 1px solid #ececef;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fw-generate__notice-icon {
  color: var(--motif-400);
  flex-shrink: 0;
  margin-top: 2px;
}

.fw-generate__notice-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fw-generate__notice-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: var(--motif-900) !important;
}

.fw-generate__notice-desc {
  font-size: 11.5px !important;
  font-weight: 300 !important;
  line-height: 16px !important;
  color: var(--motif-400) !important;
}

.fw-generate__spin {
  animation: fw-spin 1s linear infinite;
}

@keyframes fw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fw-generate__cancel-modal {
  max-width: 420px !important;
  z-index: 1400 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.fw-generate__cancel-modal .motif-modal-header {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  display: none !important;
}
.fw-generate__cancel-modal .motif-modal-header .custom-modal-close-button-container {
  display: none !important;
}
.fw-generate__cancel-modal .motif-modal-header .modal-close-icon-button,
.fw-generate__cancel-modal .motif-modal-header .motif-icon-button,
.fw-generate__cancel-modal .motif-modal-header #modal-close-icon-button {
  display: none !important;
}
.fw-generate__cancel-modal .motif-modal-body {
  margin-top: 0 !important;
  padding: 0 !important;
}

.motif-modal.fw-generate__cancel-modal {
  z-index: 10000 !important;
  display: block !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.fw-generate__cancel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 32px 24px 24px;
  background-color: #ffffff;
}

.fw-generate__cancel-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background-color: #fef3c7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fw-generate__cancel-text {
  text-align: center;
  max-width: 100%;
}

.fw-generate__cancel-title {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.fw-generate__cancel-desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: #666666;
}

.fw-generate__cancel-actions {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.fw-generate__btn {
  flex: 1;
  height: 44px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.fw-generate__btn:hover {
  opacity: 0.9;
}
.fw-generate__btn:active {
  transform: scale(0.98);
}

.fw-generate__btn--secondary {
  border-color: #e5e5e5;
  color: #333333;
  background-color: #ffffff;
}
.fw-generate__btn--secondary:hover {
  background-color: #f5f5f5;
}

.fw-generate__btn--danger {
  border-color: #dc2626;
  color: #ffffff;
  background-color: #dc2626;
}
.fw-generate__btn--danger:hover {
  background-color: #b91c1c;
  border-color: #b91c1c;
}.fw-generate {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
}

.fw-generate__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  background-color: #ffffff;
  border-bottom: 1px solid var(--motif-150);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  z-index: 10;
}

.fw-generate__header-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  margin: 0 !important;
}

.fw-generate__header-close {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.fw-generate__header-close:hover {
  background-color: var(--motif-100);
}

.fw-generate__header-close-icon {
  color: var(--motif-500);
}

.fw-generate__container {
  max-width: 520px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px 32px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--motif-150);
  position: relative;
  margin-top: 64px;
}

.fw-generate__close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.fw-generate__close-btn:hover {
  background-color: var(--motif-100);
}

.fw-generate__close-icon {
  color: var(--motif-400);
}

.fw-generate__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.fw-generate__icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124, 107, 255, 0.08);
}

.fw-generate__spark-icon {
  color: #7c6bff;
}

.fw-generate__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.fw-generate__title {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--motif-900) !important;
}

.fw-generate__desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
}

.fw-generate__progress {
  width: 100%;
  max-width: 360px;
}

.fw-generate__progress-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.fw-generate__progress-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  color: var(--motif-600) !important;
}

.fw-generate__progress-pct {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: var(--motif-900) !important;
}

.fw-generate__bar-track {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 6px;
  background-color: var(--motif-150);
}

.fw-generate__bar-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 0.6s ease-out;
  width: var(--progress-width, 0%);
  background-color: var(--motif-900);
}

.fw-generate__bar-fill--complete {
  background-color: #26a04b;
}

.fw-generate__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 360px;
}

.fw-generate__step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.fw-generate__step-label {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
}
.fw-generate__step-label--done {
  color: #2e2e38 !important;
  font-weight: 300 !important;
}
.fw-generate__step-label--active {
  color: #656579 !important;
}
.fw-generate__step-label--pending {
  color: #c3c3cb !important;
}

.fw-generate__step-dot {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background-color: var(--motif-150);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fw-generate__step-dot--done {
  background-color: var(--motif-900);
}
.fw-generate__step-dot--active {
  background-color: var(--motif-150);
}

.fw-generate__check-icon {
  color: #ffffff;
}

.fw-generate__loader-icon {
  width: 14px;
  height: 14px;
  color: var(--motif-600);
}

.fw-generate__notice {
  max-width: 360px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f8f8fa;
  border: 1px solid #ececef;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.fw-generate__notice-icon {
  color: var(--motif-400);
  flex-shrink: 0;
  margin-top: 2px;
}

.fw-generate__notice-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.fw-generate__notice-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  color: var(--motif-900) !important;
}

.fw-generate__notice-desc {
  font-size: 11.5px !important;
  font-weight: 300 !important;
  line-height: 16px !important;
  color: var(--motif-400) !important;
}

.fw-generate__spin {
  animation: fw-spin 1s linear infinite;
}

@keyframes fw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.analyse-confidence {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
  z-index: 1200;
}

.analyse-confidence__container {
  max-width: 560px;
  width: 100%;
}

.analyse-confidence__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 16px 16px 36px 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08);
}

.analyse-confidence__header {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-bottom: -16px;
}

.analyse-confidence__close {
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.analyse-confidence__close svg {
  color: var(--motif-400);
}

.analyse-confidence__cancel-modal {
  max-width: 420px !important;
  z-index: 1400 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.analyse-confidence__cancel-modal .motif-modal-header {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  display: none !important;
}
.analyse-confidence__cancel-modal .motif-modal-header .custom-modal-close-button-container {
  display: none !important;
}
.analyse-confidence__cancel-modal .motif-modal-header .modal-close-icon-button,
.analyse-confidence__cancel-modal .motif-modal-header .motif-icon-button,
.analyse-confidence__cancel-modal .motif-modal-header #modal-close-icon-button {
  display: none !important;
}
.analyse-confidence__cancel-modal .motif-modal-body {
  margin-top: 0 !important;
  padding: 0 !important;
}

.motif-modal-overlay {
  z-index: 9999 !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.motif-modal.analyse-confidence__cancel-modal {
  z-index: 10000 !important;
  display: block !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.analyse-confidence__cancel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 32px 24px 24px;
  background-color: #ffffff;
}

.analyse-confidence__cancel-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background-color: #fef3c7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.analyse-confidence__cancel-text {
  text-align: center;
  max-width: 100%;
}

.analyse-confidence__cancel-title {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  color: #1a1a1a;
  margin-bottom: 8px;
}

.analyse-confidence__cancel-desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  color: #666666;
}

.analyse-confidence__cancel-actions {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.analyse-confidence__btn {
  flex: 1;
  height: 44px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.analyse-confidence__btn:hover {
  opacity: 0.9;
}
.analyse-confidence__btn:active {
  transform: scale(0.98);
}

.analyse-confidence__btn--secondary {
  border-color: #e5e5e5;
  color: #333333;
  background-color: #ffffff;
}
.analyse-confidence__btn--secondary:hover {
  background-color: #f5f5f5;
}

.analyse-confidence__btn--danger {
  border-color: #dc2626;
  color: #ffffff;
  background-color: #dc2626;
}
.analyse-confidence__btn--danger:hover {
  background-color: #b91c1c;
  border-color: #b91c1c;
}

.analyse-confidence__icon-wrap {
  width: 56px;
  height: 56px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(124, 107, 255, 0.08);
}
.analyse-confidence__icon-wrap svg {
  color: #7c6bff;
}

.analyse-confidence__text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.analyse-confidence__title {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  color: var(--motif-900);
}

.analyse-confidence__desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600);
}

.analyse-confidence__progress {
  width: 100%;
  max-width: 360px;
}

.analyse-confidence__progress-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.analyse-confidence__progress-label {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--motif-600);
}

.analyse-confidence__progress-pct {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--motif-900);
}

.analyse-confidence__bar-track {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 6px;
  background-color: var(--motif-150);
}

.analyse-confidence__bar-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 0.6s ease-out;
  background-color: var(--motif-900);
}
.analyse-confidence__bar-fill--complete {
  background-color: #22c55e;
}

.analyse-confidence__steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 360px;
}

.analyse-confidence__step {
  display: flex;
  align-items: center;
  gap: 12px;
}

.analyse-confidence__step-label {
  font-size: 14px;
  font-weight: 300;
  color: #c3c3cb;
}
.analyse-confidence__step-label--active {
  color: #656579;
}
.analyse-confidence__step-label--done {
  color: #2e2e38;
}

.analyse-confidence__step-dot {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background-color: var(--motif-150);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.analyse-confidence__step-dot--done {
  background-color: var(--motif-900);
}
.analyse-confidence__step-dot--done svg {
  color: #ffffff;
}
.analyse-confidence__step-dot--active {
  background-color: var(--motif-150);
}
.analyse-confidence__step-dot--active svg {
  color: var(--motif-600);
}

.analyse-confidence__notice {
  max-width: 360px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #f8f8fa;
  border: 1px solid #ececef;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.analyse-confidence__notice-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--motif-900);
}

.analyse-confidence__notice-desc {
  font-size: 11.5px;
  font-weight: 300;
  line-height: 16px;
  color: var(--motif-400);
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.motif-file-uploader .dropzone-container:hover {
  box-shadow: none;
}
.motif-file-uploader .dropzone-container:focus {
  box-shadow: none;
}.EYCircularProgress-root {
  position: relative;
  margin: auto;
}/*
  * Neutral
  * */
.progress-complete .motif-progress-bar-wrapper .motif-progress {
  background-color: #8ce8ad;
}

.progress-incomplete .motif-progress-bar-wrapper .motif-progress {
  background-color: #ff9831;
}

.progress-color-grey.motif-progress-bar-wrapper .motif-progress {
  background-color: var(--file-uploader-background-color) !important;
}

.progress-color-blue.motif-progress-bar-wrapper .motif-progress {
  background-color: #87d3f2 !important;
}

.progress-color-green.motif-progress-bar-wrapper .motif-progress {
  background-color: #8ce8ad;
}

.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle {
  width: 36px !important;
  height: 36px !important;
}
.motif-progress-bar-wrapper .motif-progress-bar.motif-progress-bar-circle svg path:first-of-type {
  fill: transparent !important;
}

.motif-progress-bar-wrapper-circle {
  margin: 0 !important;
}
/* ─── ConfidencePreview Page ─── */
.cp-page {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
}

/* ─── Top Bar ─── */
.cp-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  flex-shrink: 0;
  height: 52px;
  background-color: var(--motif-surface);
  border-bottom: 1px solid var(--motif-150);
}
.cp-topbar__back {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--motif-600);
  border-radius: 4px;
  padding: 4px 8px;
  background: none;
  border: none;
  cursor: pointer;
}
.cp-topbar__back:hover {
  background-color: var(--motif-100);
}
.cp-topbar__title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--motif-900);
}
.cp-topbar__spacer {
  width: 60px;
}

/* ─── Scrollable content ─── */
.cp-content {
  flex: 1;
  overflow-y: auto;
  padding: 32px 0;
}
.cp-content--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.cp-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.cp-loading-text {
  color: #64748b;
}

.cp-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ─── Header ─── */
.cp-header {
  text-align: center;
  margin-bottom: 24px;
}
.cp-header__title {
  font-size: 22px !important;
  line-height: 28px !important;
  font-weight: 600 !important;
  color: var(--motif-900) !important;
  margin-bottom: 6px !important;
}
.cp-header__desc {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-600) !important;
}

/* ─── Card ─── */
.cp-card {
  background-color: var(--motif-surface);
  border-radius: 12px;
  border: 1px solid var(--motif-150);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.02);
  margin-bottom: 20px;
}

.cp-card__top {
  padding: 28px 28px 20px;
}

.cp-card__divider {
  height: 1px;
  background-color: var(--motif-150);
  margin: 0 28px;
}

.cp-card__bottom {
  padding: 20px 28px;
}

/* ─── Confidence summary ─── */
.cp-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  animation: cpFadeIn 0.5s ease-out both;
}

.cp-summary__label {
  font-size: 32px !important;
  line-height: 36px !important;
  font-weight: 600 !important;
  color: #2e2e38 !important;
}

.cp-summary__hint {
  font-size: 13px !important;
  margin-top: 2px !important;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
}

/* ─── Score guide ─── */
.cp-score-guide {
  padding: 10px 16px;
  background-color: #f9f9fa;
  border-radius: 8px;
  margin-bottom: 20px;
  cursor: default;
  animation: cpFadeIn 0.5s ease-out 0.15s both;
}
.cp-score-guide__header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.cp-score-guide__label {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-500);
}
.cp-score-guide__dots {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}
.cp-score-guide__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.cp-score-guide__read-more {
  font-size: 10px;
  font-weight: 300;
  color: var(--motif-400);
}
.cp-score-guide__details {
  display: none;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}
.cp-score-guide:hover .cp-score-guide__details {
  display: flex;
}
.cp-score-guide:hover .cp-score-guide__read-more {
  display: none;
}

.cp-score-guide__level {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.cp-score-guide__level-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  min-width: 70px;
}
.cp-score-guide__level-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.cp-score-guide__level-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--motif-900);
}
.cp-score-guide__level-desc {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  color: var(--motif-700);
  flex: 1;
}

.cp-score-guide__recommended {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 3px 8px;
  background-color: #f0faf0;
  border-radius: 4px;
}
.cp-score-guide__recommended span {
  font-size: 10px;
  font-weight: 500;
  color: #2e7d32;
}

/* ─── Dimensions section label ─── */
.cp-section-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: var(--motif-400);
  margin-bottom: 12px;
}

/* ─── Dimension row ─── */
.cp-dim {
  margin-bottom: 12px;
}
.cp-dim__header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 0 6px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
}
.cp-dim__icon-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}
.cp-dim__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--motif-900);
}
.cp-dim__status {
  font-size: 12px;
  font-weight: 500;
  margin-right: 6px;
}
.cp-dim__bar-track {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 4px;
  background-color: #e6e6e9;
  margin-bottom: 4px;
}
.cp-dim__bar-fill {
  height: 100%;
  border-radius: 9999px;
  transform-origin: left;
}
.cp-dim__expanded {
  padding: 8px 0 12px 0;
}
.cp-dim__desc {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-500);
  margin-bottom: 12px;
}
.cp-dim__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}
.cp-dim__item-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
}
.cp-dim__item-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--motif-900) !important;
  margin: 0 0 2px 0 !important;
  line-height: 18px !important;
}
.cp-dim__item-desc {
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
  margin: 2px 0 0 0 !important;
}
.cp-dim__suggestions {
  border-radius: 8px;
  margin-top: 12px;
  padding: 12px 14px;
  background-color: #f5f5ff;
  border: 1px solid #ddd8ff;
}
.cp-dim__suggestions-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.cp-dim__suggestions-title span {
  font-size: 12px;
  font-weight: 600;
  color: #7c6bff;
}
.cp-dim__suggestion-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
.cp-dim__suggestion-item:last-child {
  margin-bottom: 0;
}
.cp-dim__suggestion-item p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--motif-800);
}

/* ─── Improve actions ─── */
.cp-improve__action {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
  transition: all 0.2s;
}
.cp-improve__action--active {
  border: 1.5px solid #2563eb !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
}
.cp-improve__action-header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  background-color: var(--motif-surface);
  border: none;
  cursor: pointer;
  transition: background-color 0.15s;
}
.cp-improve__action-header:hover {
  background-color: var(--motif-50);
}
.cp-improve__action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.cp-improve__action-label {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900);
  flex: 1;
  min-width: 0;
}
.cp-improve__action-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.cp-improve__action-body {
  padding: 0 14px 14px;
  border-top: 1px solid #f3f3f5;
}
.cp-improve__action-body-desc {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-500);
  margin-top: 12px;
  margin-bottom: 12px;
}

/* ─── Upload dropzone ─── */
/* ─── EYFileUpload overrides ─── */
.cp-file-uploader {
  margin-bottom: 12px;
  width: 100%;
}
.cp-file-uploader .dropzone-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px dashed var(--motif-200);
  border-radius: 8px;
  padding: 32px;
  cursor: pointer;
  transition: all 0.2s;
  background: transparent;
}
.cp-file-uploader .dropzone-container:hover {
  border-color: var(--motif-400);
  background-color: var(--motif-50);
}
.cp-file-uploader .motif-file-uploader-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.cp-file-uploader .motif-file-uploader-label-text {
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-900);
  text-align: center;
  line-height: 22px;
}
.cp-file-uploader .motif-file-uploader-icon svg {
  fill: var(--motif-400);
}
.cp-file-uploader .motif-file-uploader-item-error,
.cp-file-uploader .motif-file-uploader-error,
.cp-file-uploader .motif-error-message {
  display: none !important;
}
.cp-file-uploader__hint {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-400);
  margin-top: 6px;
  display: block;
}

.cp-uploaded-docs {
  margin-top: 12px;
}

/* ─── Remove the old .cp-file-uploader-more ─── */
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader {
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  min-height: unset !important;
  margin-top: 8px;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .dropzone-container {
  min-height: unset !important;
  width: 100% !important;
  border: 2px dashed var(--motif-200) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  background: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .dropzone-container:hover {
  border-color: var(--motif-400) !important;
  background-color: var(--motif-50) !important;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-label {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-icon {
  display: none !important;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-label-text {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--motif-600) !important;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-label-text::before {
  content: "+ ";
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-label-description {
  display: none !important;
}
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-item-error,
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-file-uploader-error,
.cp-file-uploader-more.cp-file-uploader-more.motif-file-uploader .motif-error-message {
  display: none !important;
}

.cp-uploaded-docs {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}

/* ─── Upload error ─── */
.cp-upload-error {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #fef2f2;
  border: 1px solid #d32f2f;
  margin-top: 8px;
}
.cp-upload-error__text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #dc2626;
}

.cp-uploaded-doc {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  margin-bottom: 6px;
}
.cp-uploaded-doc__name {
  font-size: 11px;
  font-weight: 400;
  color: var(--motif-900);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cp-uploaded-doc__size {
  font-size: 10px;
  font-weight: 300;
  color: var(--motif-400);
  flex-shrink: 0;
}
.cp-uploaded-doc__badge {
  font-size: 10px;
  font-weight: 500;
  color: var(--motif-500);
  padding: 1px 6px;
  border-radius: 4px;
  background-color: var(--motif-100);
  flex-shrink: 0;
}
.cp-uploaded-doc__remove {
  flex-shrink: 0;
  padding: 2px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.cp-uploaded-doc__remove:disabled {
  cursor: progress;
  opacity: 0.6;
}
.cp-uploaded-doc__remove:hover {
  background-color: var(--motif-100);
}

/* ─── Option chips ─── */
.cp-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cp-options__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--motif-600);
  margin-top: 12px;
  margin-bottom: 12px;
}

.cp-chip {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #e0e0e5;
  background-color: var(--motif-surface);
  color: var(--motif-700);
  font-weight: 400;
  cursor: pointer;
  transition: all 0.15s;
}
.cp-chip:disabled {
  cursor: progress;
  opacity: 0.6;
}
.cp-chip--selected {
  color: #2e2e38;
  font-weight: 500;
  background-color: #eef2ff;
  border: 1.5px solid #2563eb;
}

/* ─── AI prompt section ─── */
.cp-prompt__divider {
  height: 1px;
  background-color: #ececef;
  margin: 16px 0;
}
.cp-prompt__input-wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 6px 6px 14px;
  background-color: var(--motif-surface);
  border: 1px solid #e6e6e9;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}
.cp-prompt__input-wrap .motif-form-field {
  margin: 0;
  padding: 0;
  width: 100%;
}
.cp-prompt__input-wrap .motif-label {
  display: none;
}
.cp-prompt__input-wrap .motif-input-component {
  width: 100%;
}
.cp-prompt__ey-input {
  border: none !important;
  box-shadow: none !important;
  padding: 0 4px !important;
  height: 32px !important;
  font-size: 13px !important;
  background: transparent !important;
  width: 100% !important;
  min-width: 0 !important;
  text-overflow: ellipsis;
}
.cp-prompt__error {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #dc2626;
  padding: 8px 12px;
  margin-top: 8px;
  border-radius: 6px;
  background-color: #fef2f2;
  border: 1px solid #d32f2f;
}
.cp-prompt__char-count {
  font-size: 12px;
  font-weight: 300;
  color: var(--motif-400);
  text-align: right;
  margin-top: 4px;
}
.cp-prompt__suggestions-label {
  font-size: 11px;
  font-weight: 300;
  color: var(--motif-400);
  margin-top: 12px;
  margin-bottom: 6px;
}
.cp-prompt__suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cp-prompt__suggestion-chip {
  font-size: 11px !important;
  padding: 4px 12px !important;
  border-radius: 9999px;
  background-color: var(--motif-surface);
  border: 1px solid #e6e6e9;
  color: var(--motif-600) !important;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.15s;
}
.cp-prompt__suggestion-chip:disabled {
  cursor: progress;
  opacity: 0.6;
}
.cp-prompt__suggestion-chip:hover {
  background-color: var(--motif-50);
}
.cp-prompt__result {
  padding: 10px 14px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
  border-radius: 8px;
  margin-bottom: 12px;
}
.cp-prompt__result-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.cp-prompt__result-header span {
  font-size: 12px;
  font-weight: 500;
  color: #2e7d32;
}
.cp-prompt__result-text {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-700);
}
.cp-prompt__submitting {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  padding: 12px 0;
  margin-bottom: 8px;
}
.cp-prompt__submitting span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-600);
}

/* ─── Regenerate banner ─── */
.cp-regenerate {
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  background-color: #f8faff;
  border: 1px solid #dbeafe;
}
.cp-regenerate__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.cp-regenerate__summary span {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-700);
}
.cp-regenerate__progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.cp-regenerate__progress span {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-700);
}
.cp-regenerate__bar-track {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 4px;
  background-color: #e6e6e9;
}
.cp-regenerate__bar-fill {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #2563eb;
  transition: transform 0.3s ease-out;
  transform-origin: center;
}
.cp-regenerate__success {
  padding: 10px 14px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
  border-radius: 8px;
}
.cp-regenerate__success-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.cp-regenerate__success-header span {
  font-size: 12px;
  font-weight: 500;
  color: #2e7d32;
}
.cp-regenerate__success-desc {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-700);
}
.cp-regenerate__refine-btn {
  font-size: 11px;
  font-weight: 500;
  color: #2563eb;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  margin-top: 12px;
}
.cp-regenerate__refine-btn:hover {
  background-color: #eef2ff;
}

/* ─── Footer ─── */
.cp-footer {
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 0 -1px 4px rgba(0, 0, 0, 0.04);
}
.cp-footer__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
  height: 60px;
}

/* ─── Animations ─── */
@keyframes cpFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cpBarGrow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.cp-animate-spin {
  animation: cp-spin 1s linear infinite;
  color: #188ce5 !important;
}
.cp-animate-spin svg {
  color: #188ce5 !important;
}
.cp-animate-spin svg path,
.cp-animate-spin svg circle,
.cp-animate-spin svg line,
.cp-animate-spin svg rect,
.cp-animate-spin svg polygon {
  stroke: #188ce5 !important;
  fill: #188ce5 !important;
}

@keyframes cp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ─── Utility classes for inline styles ─── */
/* SVG and icon utilities */
.cp-svg-overflow-visible {
  overflow: visible;
}

.cp-svg-animated-appearance {
  animation: cpFadeIn 0.4s ease-out 1.2s both;
}

.cp-svg-arrow-suggestion {
  flex-shrink: 0;
  margin-top: 2px;
}

/* Icon color utilities */
.cp-icon-motif-400 {
  color: var(--motif-400);
}

.cp-icon-strong {
  color: #22c55e;
}

.cp-icon-blue {
  color: #2563eb;
}

.cp-icon-success {
  color: #2e7d32;
}

.cp-icon-error {
  color: #dc2626;
}

.cp-icon-purple {
  color: #7c6bff;
}

.cp-icon-error-no-shrink {
  color: #dc2626;
  flex-shrink: 0;
}

.cp-icon-purple-no-shrink {
  color: #7c6bff;
  flex-shrink: 0;
  margin-top: 8px;
}

.cp-icon-with-margin {
  margin-right: 8px;
}

/* Transform utilities */
.cp-back-arrow {
  color: var(--motif-400);
  transform: rotate(180deg);
}

.cp-chevron-rotatable {
  color: var(--motif-400);
  transition: transform 0.2s;
}

.cp-chevron-rotated {
  transform: rotate(180deg);
}

.cp-chevron-normal {
  transform: rotate(0deg);
}

/* Background color utilities */
.cp-bg-strong {
  background-color: #22c55e;
}

.cp-bg-moderate {
  background-color: #2563eb;
}

.cp-bg-weak {
  background-color: #9897a6;
}

/* SVG stroke color utilities */
.cp-stroke-color-strong {
  stroke: #22c55e;
}

.cp-stroke-color-moderate {
  stroke: #2563eb;
}

.cp-stroke-color-weak {
  stroke: #9897a6;
}

/* SVG fill color utilities */
.cp-fill-color-strong {
  fill: #22c55e;
}

.cp-fill-color-moderate {
  fill: #2563eb;
}

.cp-fill-color-weak {
  fill: #9897a6;
}

.cp-bg-active-light {
  background-color: #fafbff;
}

/* Flex utilities */
.cp-flex-1 {
  flex: 1;
}

.cp-flex-1-min-0 {
  flex: 1;
  min-width: 0;
}

/* Spacing utilities */
.cp-mt-8 {
  margin-top: 8px;
}

/* Dimension-specific classes */
.cp-dim__bar-fill-dynamic {
  height: 100%;
  border-radius: 9999px;
  transform-origin: left;
}

.cp-dim__status-dynamic {
  font-size: 12px;
  font-weight: 500;
  margin-right: 6px;
}

/* Improve action specific */
.cp-improve__action-border-default {
  border: 1px solid #e6e6e9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.cp-improve__action-header-default {
  background-color: var(--motif-surface);
  cursor: pointer;
}

.cp-improve__action-header-done {
  background-color: var(--motif-surface);
  cursor: default;
}

/* Button utilities */
.cp-btn-regenerate {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  background-color: #2e2e38;
  color: #ffffff;
}
.cp-btn-regenerate:disabled {
  cursor: progress;
  opacity: 0.6;
}

.cp-btn-generate-framework {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
  background-color: #2e2e38;
  color: #ffffff;
}
.cp-btn-generate-framework:disabled {
  cursor: progress;
  opacity: 0.6;
}

/* Stroke utilities for SVG animations */
.cp-stroke-dasharray {
  stroke-dasharray: 100.5;
}

.cp-stroke-high {
  stroke-dashoffset: 0;
}

.cp-stroke-moderate {
  stroke-dashoffset: 30;
}
/* ─── DraftStructure Page ─── */
.ds-page {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
  background-color: #f9f9fa;
}

/* ─── Top Bar ─── */
.ds-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  flex-shrink: 0;
  height: 52px;
  background-color: var(--motif-surface);
  border-bottom: 1px solid var(--motif-150);
}
.ds-topbar__back {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--motif-600);
  border-radius: 4px;
  padding: 4px 8px;
  background: none;
  border: none;
  cursor: pointer;
}
.ds-topbar__back:hover {
  background-color: var(--motif-100);
}
.ds-topbar__back-icon {
  color: var(--motif-400);
  transform: rotate(180deg);
}
.ds-topbar__title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--motif-900) !important;
}
.ds-topbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-topbar__save-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  border-radius: 6px;
  padding: 5px 12px;
  background: transparent;
  cursor: pointer;
  color: #656579;
  font-size: 12px;
  font-weight: 400;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.ds-topbar__save-btn:hover {
  background-color: #f3f3f5;
}
.ds-topbar__save-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.ds-topbar__save-btn:disabled:hover {
  background-color: transparent;
}
.ds-topbar__save-spinner {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 2px solid #656579;
  border-top-color: transparent;
  animation: ds-spin 1s linear infinite;
}
.ds-topbar__save-check-icon {
  color: #197335;
}
.ds-topbar__save-cloud-icon {
  color: var(--motif-600);
}
.ds-topbar__sidekick-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--motif-600);
}
.ds-topbar__sidekick-btn:hover {
  background-color: var(--motif-100);
}
.ds-topbar__sidekick-btn--active {
  background-color: var(--motif-150);
  color: var(--motif-900);
}

/* ─── Main area: content + sidekick ─── */
.ds-main {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.ds-content-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* ─── Regeneration Overlay (covers entire left content area) ─── */
.ds-regeneration-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 100;
}
.ds-regeneration-overlay__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  max-width: 500px;
  padding: 40px;
  margin-top: 40px;
}
.ds-regeneration-overlay__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: pulse 2s ease-in-out infinite;
}
.ds-regeneration-overlay__icon-svg {
  color: #7c6bff;
}
.ds-regeneration-overlay__title {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  line-height: 24px !important;
  margin: 0 !important;
}
.ds-regeneration-overlay__description {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--motif-600) !important;
  line-height: 20px !important;
  margin: 0 !important;
}
.ds-regeneration-overlay__loader {
  margin-top: 8px;
}
.ds-regeneration-overlay__spinner {
  color: #7c6bff;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
}
/* ─── Content ─── */
.ds-content {
  flex: 1;
  overflow-y: auto;
  padding: 32px 0;
}
.ds-content--loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.ds-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.ds-loading-text {
  color: #64748b;
}

.ds-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ─── Card ─── */
.ds-card {
  background-color: var(--motif-surface);
  border-radius: 12px;
  border: 1px solid var(--motif-150);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.02);
}

.ds-card__header {
  padding: 24px 28px 0 28px;
}

.ds-card__title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}

.ds-card__title-left {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.ds-card__title-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ds-card__title-line {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ds-card__name {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  color: var(--motif-900) !important;
}

.ds-card__name-group {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.ds-card__name-actions {
  height: stretch;
  display: flex;
  align-items: center;
}

.ds-card__name-edit-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: all 0.15s;
}
.ds-card__name-edit-btn:hover {
  background-color: var(--motif-100);
}
.ds-card__name-group:hover .ds-card__name-edit-btn {
  opacity: 1;
}

.ds-card__name-edit-icon {
  color: var(--motif-400);
}

.ds-card__name-edit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 200px;
}

.ds-card__name-input {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: var(--motif-900);
  background: var(--motif-surface);
  border: 1px solid #5b6abf;
  border-radius: 4px;
  padding: 4px 8px;
  outline: none;
}
.ds-card__name-input:focus {
  border-color: #2563eb;
}
.ds-card__name-input--error {
  border-color: #dc2626;
}

.ds-card__name-error {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #dc2626 !important;
}

.ds-card__badge {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 9999px;
  background-color: var(--motif-100);
  color: var(--motif-600);
  font-weight: 500;
  white-space: nowrap;
}

.ds-card__version-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ds-card__version-btn:hover {
  background-color: var(--motif-100);
}
.ds-card__version-btn--active {
  background-color: var(--motif-100);
}

.ds-card__version-notification {
  position: absolute;
  top: -2px;
  right: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}

.ds-card__version-history-icon--muted {
  color: var(--motif-400);
}

.ds-card__version-history-icon--active {
  color: var(--motif-900);
}

.ds-card__meta {
  font-size: 12px !important;
  color: var(--motif-500) !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

.ds-version-history {
  margin-top: 8px;
  border: 1px solid #e6e6e9;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px;
}
.ds-version-history__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.ds-version-history__header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-version-history__title {
  font-size: 14px;
  font-weight: 500 !important;
  color: var(--motif-900);
}
.ds-version-history__count {
  padding: 2px 8px !important;
  background-color: var(--motif-100) !important;
  color: var(--motif-500) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}
.ds-version-history__close {
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-version-history__close:hover {
  background: #f3f3f5;
}
.ds-version-history__close-icon {
  color: var(--motif-400);
}
.ds-version-history__subtitle {
  font-size: 13px;
  color: #656579;
  margin-bottom: 10px;
}
.ds-version-history__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ds-version-history__item {
  border: 1px solid #e6e6e9;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
}
.ds-version-history__item--current {
  background: #f4f5ff;
  border-color: #4696ff;
}
.ds-version-history__item-left {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ds-version-history__item-icon-wrap {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #e8f0fe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f7f91;
  flex-shrink: 0;
}
.ds-version-history__item-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-version-history__item-title {
  font-size: 14px;
  font-weight: 500;
  color: #2e2e38;
}
.ds-version-history__current-badge {
  font-size: 10px;
  line-height: 16px;
  border-radius: 999px;
  padding: 0 8px;
  color: #ffffff;
  background: #2f80ed;
  font-weight: 600;
}
.ds-version-history__item-subtitle {
  font-size: 12px;
  color: #656579;
}
.ds-version-history__item-meta {
  font-size: 12px;
  color: #656579;
}
.ds-version-history__switch {
  display: flex;
  align-items: center;
  gap: 4px;
  border: none;
  background-color: var(--motif-100);
  color: var(--motif-700);
  font-size: 11px !important;
  font-weight: 500;
  cursor: pointer;
  padding: 5px 12px;
  border-radius: 4px;
}
.ds-version-history__switch:hover {
  background: #edf4ff;
}

.ds-card__desc {
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
  margin-bottom: 16px;
}

/* ─── Confidence bar ─── */
.ds-confidence {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 6px;
  background-color: var(--motif-success-bg);
  border: 1px solid var(--motif-success-light);
  margin-bottom: 20px;
}
.ds-confidence__left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ds-confidence__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-success);
}
.ds-confidence__check-icon {
  color: var(--motif-success);
}
.ds-confidence__link {
  font-size: 12px;
  font-weight: 400;
  color: var(--motif-success);
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  pointer-events: auto !important;
}
.ds-confidence__link:hover {
  color: var(--motif-success);
}
.ds-confidence__refine-btn {
  height: 32px;
  border-radius: 6px;
  padding: 0 14px;
  border: 1px solid var(--motif-900);
  color: var(--motif-900);
  font-weight: 500;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.ds-confidence__refine-text {
  font-size: 12px;
  line-height: 16px;
}
.ds-confidence__refine-icon {
  color: var(--motif-900);
}

/* ─── Structure wrapper ─── */
.ds-structure-wrapper {
  position: relative;
}

/* ─── Structure list ─── */
.ds-structure {
  padding: 0 16px 16px 16px;
  position: relative;
  min-height: 200px;
}

.ds-row {
  display: flex;
  align-items: flex-start;
  padding: 10px 12px;
  border-bottom: 1px solid var(--motif-100);
  border-top: 2px solid transparent;
  transition: background-color 0.15s;
  border-radius: 4px;
}
.ds-row:hover {
  background-color: #fafafb;
}
.ds-row:hover .ds-row__drag-handle {
  opacity: 1;
}
.ds-row:hover .ds-row__actions {
  opacity: 1;
}
.ds-row--l1 {
  padding-left: 12px;
}
.ds-row--l2 {
  padding-left: 48px;
}
.ds-row--l3 {
  padding-left: 84px;
}
.ds-row[draggable=true] {
  cursor: default;
}

.ds-row__drag-handle {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-right: 12px;
  margin-top: 2px;
  opacity: 0;
  transition: opacity 0.15s;
  cursor: grab;
  color: var(--motif-300);
  flex-shrink: 0;
}
.ds-row__drag-handle:active {
  cursor: grabbing;
}

.ds-row__drag-icon {
  flex-shrink: 0;
}

.ds-row__level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  min-width: 24px;
  padding: 2px 6px;
  line-height: 16px;
  background-color: #eaeafe;
  color: #5b6abf;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: 2px;
}

.ds-row__name {
  flex: 1;
  color: var(--motif-900);
  cursor: text;
  border-radius: 4px;
  padding: 2px 4px;
  transition: background-color 0.15s;
}
.ds-row__name:hover {
  background-color: #f0f0f5;
}
.ds-row__name--l1 {
  font-size: 14px;
  font-weight: 400;
}
.ds-row__name--l2, .ds-row__name--l3 {
  font-size: 13px;
  font-weight: 400;
}

.ds-row__edit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.ds-row__edit-input {
  flex: 1;
  background: transparent;
  outline: none;
  border: 1px solid #5b6abf;
  border-radius: 4px;
  padding: 2px 4px;
  color: var(--motif-900);
  font-weight: 400;
}
.ds-row__edit-input:focus {
  border-color: #2563eb;
}
.ds-row__edit-input--error {
  border-color: #dc2626;
}
.ds-row__edit-input.ds-row__name--l1 {
  font-size: 14px;
}
.ds-row__edit-input.ds-row__name--l2, .ds-row__edit-input.ds-row__name--l3 {
  font-size: 13px;
}

.ds-row__edit-error {
  font-size: 11px !important;
  line-height: 14px !important;
  color: #dc2626 !important;
  padding-left: 4px;
}

.ds-row__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 0;
  transition: opacity 0.15s;
}

.ds-row__action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: none;
  border: none;
  cursor: pointer;
}
.ds-row__action-btn:hover {
  background-color: var(--motif-100);
}

.ds-icon-muted {
  color: var(--motif-400);
}

/* ─── Footer ─── */
.ds-footer {
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  border-top: 1px solid var(--motif-150);
  background-color: var(--motif-surface);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08), 0 -1px 4px rgba(0, 0, 0, 0.04);
}
.ds-footer__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 24px;
  height: 60px;
}
.ds-footer__hint {
  font-size: 13px;
  font-weight: 400;
  color: var(--motif-600);
}
.ds-footer__generate-btn {
  height: 38px;
  border-radius: 6px;
  padding: 0 20px;
  background-color: #2e2e38;
  color: #ffffff;
  transition: opacity 0.15s ease;
}
.ds-footer__generate-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.ds-footer__generate-text {
  font-size: 13px;
}

/* ═══════════════════════════════════════════
   Sidekick Panel
   ═══════════════════════════════════════════ */
.ds-sidekick {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-shrink: 0;
  width: 340px;
  border-radius: 12px;
  background-color: #f9f9fa;
  box-shadow: -8px -16px 16px rgba(0, 0, 0, 0.02), -16px -16px 80px rgba(0, 0, 0, 0.01);
  margin: 12px 12px 12px 0;
  overflow: hidden;
}

/* Tabs */
.ds-sidekick__tabs {
  display: flex;
  align-items: center;
  padding: 12px 12px 4px;
  gap: 4px;
}

.ds-sidekick__tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #9e9eae;
  transition: all 0.15s;
}
.ds-sidekick__tab--active {
  background-color: #ececef;
  color: #2e2e38;
}
.ds-sidekick__tab:hover:not(.ds-sidekick__tab--active) {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Activity tab */
.ds-sidekick__activity {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.ds-sidekick__activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
}

.ds-sidekick__activity-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--motif-900);
  margin: 0 !important;
  padding: 0 !important;
}

.ds-sidekick__activity-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  color: #d0d0d6;
}

.ds-sidekick__empty-title {
  font-size: 12px !important;
  color: var(--motif-400) !important;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.ds-sidekick__empty-desc {
  font-size: 11px !important;
  color: var(--motif-400) !important;
  font-weight: 300 !important;
  text-align: center;
  max-width: 220px;
  line-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ds-sidekick__activity-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 16px 16px;
}

.ds-sidekick__activity-note {
  font-size: 12px !important;
  color: var(--motif-500) !important;
  font-weight: 300 !important;
  line-height: 16px !important;
  margin-bottom: 8px;
}

.ds-sidekick__chat-history-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #e0e0e5;
}

.ds-sidekick__chat-history-item--user {
  background-color: var(--motif-surface);
}

.ds-sidekick__chat-history-item--ai {
  background-color: #f8f8fa;
}

.ds-sidekick__chat-history-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}

.ds-sidekick__chat-history-avatar--user {
  background-color: var(--motif-100);
}

.ds-sidekick__chat-history-avatar--ai {
  background-color: #eef2ff;
}

.ds-sidekick__ai-spark-icon {
  color: #2563eb;
}

.ds-sidekick__chat-history-content {
  flex: 1;
  min-width: 0;
}

.ds-sidekick__chat-history-role {
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600 !important;
  color: var(--motif-400) !important;
  display: block;
  margin-bottom: 2px;
}

.ds-sidekick__chat-history-text {
  font-size: 12px !important;
  line-height: 16px !important;
  color: var(--motif-700) !important;
  font-weight: 300 !important;
}

/* ─── Chat History Panel (ds-ch__) ─── */
.ds-ch__root {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}

.ds-ch__header {
  padding: 14px 20px 4px;
}

.ds-ch__empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px 20px;
  color: var(--motif-250);
}

.ds-ch__retry-btn {
  margin-top: 12px !important;
}

.ds-ch__clock-empty-icon {
  color: var(--motif-250);
}

.ds-ch__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px 16px;
  overflow-y: auto;
}

.ds-ch__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.ds-ch__group-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--motif-400) !important;
  margin-bottom: 2px;
  margin: 0 !important;
}

.ds-ch__card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--motif-150);
  background-color: var(--motif-surface, #ffffff);
  transition: box-shadow 0.15s ease;
  cursor: pointer;
}
.ds-ch__card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
}

.ds-ch__card--expanded {
  border-color: var(--motif-200);
}

.ds-ch__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ds-ch__card-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ds-ch__avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--motif-700);
  color: var(--motif-surface);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 8px !important;
  font-weight: 600;
}

.ds-ch__you-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--motif-900);
}

.ds-ch__timestamp {
  font-size: 11px !important;
  color: var(--motif-400);
  white-space: nowrap;
}

.ds-ch__card-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--motif-800) !important;
  line-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ds-ch__card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ds-ch__msg-count {
  font-size: 11px !important;
  color: var(--motif-500);
}

.ds-ch__updates-row {
  display: flex;
  align-items: center;
  gap: 5px;
}

.ds-ch__updates-text {
  font-size: 11px !important;
  color: var(--motif-success);
  font-weight: 500 !important;
}

.ds-ch__check-icon {
  color: var(--motif-success);
}

.ds-ch__continue-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--motif-500);
  font-size: 11px !important;
  font-weight: 500;
  transition: color 0.12s ease;
  width: fit-content;
}
.ds-ch__continue-btn:hover {
  color: var(--motif-900);
}

.ds-ch__details {
  margin-top: 6px;
  border: 1px solid var(--motif-border-lighter);
  border-radius: 10px;
  padding: 10px;
  background: var(--motif-gradient-start);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-ch__qa-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ds-ch__qa-query-wrap,
.ds-ch__qa-answer-wrap {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.ds-ch__qa-badge {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px !important;
  font-weight: 600;
  line-height: 1;
}

.ds-ch__qa-badge--user {
  background: var(--motif-900);
  color: var(--motif-surface);
}

.ds-ch__qa-badge--ai {
  background: var(--motif-100);
  color: var(--motif-700);
}

.ds-ch__qa-query,
.ds-ch__qa-answer {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  color: var(--motif-700) !important;
  padding: 0 !important;
}

.ds-ch__qa-query {
  font-weight: 500 !important;
}

.ds-ch__qa-answer {
  font-weight: 400 !important;
}

.ds-sidekick__conf-dot--high {
  background-color: var(--motif-success);
}

.ds-sidekick__conf-dot--moderate {
  background-color: var(--motif-info);
}

.ds-sidekick__conf-collapsed-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
}

.ds-sidekick__conf-collapsed-arrow {
  color: var(--motif-400);
  transform: rotate(-90deg);
  margin-left: auto;
}

.ds-sidekick__conf-heading {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: var(--motif-400);
}

.ds-sidekick__conf-header-arrow {
  color: var(--motif-400);
}

.ds-sidekick__conf-gauge-svg {
  overflow: visible;
}

.ds-sidekick__conf-gauge-path-high {
  color: var(--motif-success);
  stroke-dasharray: 95;
  stroke-dashoffset: 0;
}

.ds-sidekick__conf-gauge-path-moderate {
  color: var(--motif-info);
  stroke-dasharray: 95;
  stroke-dashoffset: 19;
}

.ds-sidekick__conf-gauge-track {
  color: var(--motif-150);
}

.ds-sidekick__success-banner {
  border-radius: 8px;
  padding: 10px 14px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
}

.ds-sidekick__success-banner--mb16 {
  margin-bottom: 16px;
}

.ds-sidekick__success-banner-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.ds-sidekick__success-icon--green {
  color: #22c55e;
}

.ds-sidekick__success-title {
  font-size: 12px;
  font-weight: 600;
  color: #2e7d32;
}

.ds-sidekick__success-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 6px;
}

.ds-sidekick__success-bullet {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #22c55e;
  flex-shrink: 0;
  margin-top: 6px;
}

.ds-sidekick__helper-text-sm {
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  color: var(--motif-700) !important;
}

.ds-sidekick__section-label,
p.ds-sidekick__section-label.motif-body,
.motif-typography-text.ds-sidekick__section-label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
  color: var(--motif-400) !important;
  margin-bottom: 12px !important;
}

.ds-sidekick__mb12 {
  margin-bottom: 12px;
}

.ds-sidekick__mb16 {
  margin-bottom: 16px;
}

.ds-sidekick__mb6 {
  margin-bottom: 6px;
}

.ds-sidekick__mb2 {
  margin-bottom: 2px;
}

.ds-sidekick__mt4 {
  margin-top: 4px;
}

.ds-sidekick__mt10 {
  margin-top: 10px;
}

.ds-sidekick__mt12 {
  margin-top: 12px;
}

.ds-sidekick__dim-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.ds-sidekick__dim-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--motif-900);
}

.ds-sidekick__dim-fill {
  height: 100%;
  border-radius: 9999px;
}

.ds-sidekick__dim-progress {
  width: 100%;
  height: 4px;
  border: none;
  appearance: none;
  border-radius: 9999px;
  overflow: hidden;
  color: var(--motif-400);
  background-color: transparent;
}

.ds-sidekick__dim-progress::-webkit-progress-bar {
  background-color: var(--motif-100);
  border-radius: 9999px;
}

.ds-sidekick__dim-progress::-webkit-progress-value {
  background-color: currentColor;
  border-radius: 9999px;
}

.ds-sidekick__dim-progress::-moz-progress-bar {
  background-color: currentColor;
  border-radius: 9999px;
}

.ds-sidekick__dim-expanded {
  padding: 6px 0 12px 0;
}

.ds-sidekick__dim-desc,
p.ds-sidekick__dim-desc.motif-body,
.motif-typography-text.ds-sidekick__dim-desc {
  color: var(--motif-500) !important;
  font-weight: 300 !important;
  line-height: 1rem !important;
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

.ds-sidekick__dim-section-label-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  margin-top: 8px;
}

.ds-sidekick__dim-section-icon {
  flex-shrink: 0;
  color: var(--motif-info);
}

.ds-sidekick__dim-section-label,
p.ds-sidekick__dim-section-label.motif-body,
.motif-typography-text.ds-sidekick__dim-section-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--motif-info) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.ds-sidekick__dim-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.ds-sidekick__dim-item-heading-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 4px;
}

.ds-sidekick__dim-item-btn {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ds-sidekick__dim-item-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
  margin-top: 6px;
}

.ds-sidekick__dim-tone--strong {
  color: var(--motif-success);
}

.ds-sidekick__dim-tone--moderate {
  color: var(--motif-info);
}

.ds-sidekick__dim-tone--weak {
  color: var(--motif-warning);
}

.ds-sidekick__flex-1-min0 {
  flex: 1;
  min-width: 0;
}

.ds-sidekick__between-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ds-sidekick__row-center-gap8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ds-sidekick__dim-item-title,
span.ds-sidekick__dim-item-title.motif-body,
.motif-typography-text.ds-sidekick__dim-item-title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  line-height: 18px !important;
  margin: 0 !important;
  flex: 1 !important;
  text-align: left !important;
}

.ds-sidekick__dim-item-desc,
p.ds-sidekick__dim-item-desc.motif-body,
.motif-typography-text.ds-sidekick__dim-item-desc {
  font-size: 11px !important;
  line-height: 1rem !important;
  font-weight: 300 !important;
  color: var(--motif-500) !important;
  margin: 4px 0 0 0 !important;
  display: block !important;
}

.ds-sidekick__next-steps-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.ds-sidekick__next-steps-title {
  font-size: 12px;
  font-weight: 600;
  color: #7c6bff;
}

.ds-sidekick__next-step-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}

.ds-sidekick__icon-shrink-mt2 {
  flex-shrink: 0;
  margin-top: 2px;
}

.ds-sidekick__next-step-text,
p.ds-sidekick__next-step-text.motif-body,
.motif-typography-text.ds-sidekick__next-step-text {
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  color: var(--motif-800) !important;
}

.ds-sidekick__divider {
  height: 1px;
  background-color: #ececef;
}

.ds-sidekick__divider--mb16 {
  margin: 4px 0 16px 0;
}

.ds-sidekick__helper-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.ds-sidekick__helper-text,
p.ds-sidekick__helper-text.motif-body,
.motif-typography-text.ds-sidekick__helper-text {
  font-size: 12px !important;
  line-height: 1rem !important;
  font-weight: 400 !important;
  color: var(--motif-600) !important;
}

.ds-sidekick__stack-12 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ds-sidekick__stack-10 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ds-sidekick__stack-8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ds-sidekick__stack-6 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ds-sidekick__ai p.ds-sidekick__text-sm,
p.ds-sidekick__text-sm.motif-typography-text {
  font-size: 12px !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  color: var(--motif-700) !important;
}

.ds-sidekick__ai p.ds-sidekick__text-sm--lh20,
p.ds-sidekick__text-sm--lh20.motif-typography-text {
  line-height: 1.25rem !important;
}

.ds-sidekick__title-sm {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
  display: block;
}

.ds-sidekick__desc-xs {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-500);
  display: block;
  margin-top: 2px;
}

.ds-sidekick__desc-xs-muted {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: var(--motif-400) !important;
}

.ds-sidekick__result-desc {
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 300 !important;
  color: var(--motif-700) !important;
}

.ds-sidekick__eyebrow {
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 500 !important;
  color: var(--motif-400) !important;
  margin-bottom: 0.75rem !important;
}

p.ds-sidekick__muted-caption.motif-body,
.motif-typography-text.ds-sidekick__muted-caption {
  font-size: 11px !important;
  color: var(--motif-400) !important;
  font-weight: 400 !important;
  margin-bottom: 0.375rem !important;
}

.ds-sidekick__row-center-gap6 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ds-sidekick__row-center-gap10 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ds-sidekick__btn-text {
  font-size: 12px;
}

.ds-sidekick__spark-icon {
  margin-right: 6px;
}

.ds-sidekick__spark-primary {
  color: #2563eb;
}

.ds-sidekick__success-icon-dark {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #197335;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex-shrink: 0;
  color: #197335;
}

.ds-sidekick__success-label,
span.ds-sidekick__success-label.motif-body,
.motif-typography-text.ds-sidekick__success-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #197335 !important;
}

.ds-sidekick__back-btn {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--motif-500);
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px 4px;
  align-self: flex-start;
}

.ds-sidekick__arrow-right {
  transform: rotate(90deg);
}

.ds-sidekick__arrow-left {
  color: var(--motif-400);
  transform: rotate(-90deg);
}

.ds-sidekick__loader-primary {
  color: #2563eb;
}

span.ds-sidekick__eyai-label.motif-body,
.motif-typography-text.ds-sidekick__eyai-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #188ce5 !important;
}

.ds-sidekick__chat-row {
  display: flex;
}

.ds-sidekick__chat-row--left {
  justify-content: flex-start;
}

.ds-sidekick__uploaded-file-row .ds-sidekick__file-size.ds-sidekick__file-size {
  font-size: 12px !important;
  line-height: 16px !important;
  flex-shrink: 0;
  color: var(--motif-400);
  font-weight: 300;
}

.ds-sidekick__icon-success {
  color: #22c55e;
}

.ds-icon-shrink {
  flex-shrink: 0;
}

.ds-sidekick__icon-success-wrap {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 1px solid #22c55e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.ds-sidekick__icon-success-check {
  color: #22c55e;
  width: 12px !important;
  height: 12px !important;
}
.ds-sidekick__icon-success-check svg {
  width: 12px !important;
  height: 12px !important;
}

.ds-sidekick__remove-file-icon {
  width: 12px !important;
  height: 12px !important;
}
.ds-sidekick__remove-file-icon svg {
  width: 12px !important;
  height: 12px !important;
}

.ds-hidden {
  display: none;
}

.ds-sidekick__divider--mb12 {
  margin: 4px 0 12px 0;
}

.ds-sidekick__textarea--sm {
  min-height: 68px;
}

.ds-icon-white {
  color: #ffffff;
}

/* Force typography overrides inside sidekick */
.ds-sidekick .motif-typography-text,
.ds-sidekick .motif-body,
.ds-sidekick [class*=motif-typography],
.ds-sidekick [class*=customtypography] {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
}

/* AI tab */
.ds-sidekick__ai {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ds-sidekick__ai-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 16px 16px;
}

/* Confidence collapsed */
.ds-sidekick__conf-collapsed {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  cursor: pointer;
  margin-bottom: 12px;
}
.ds-sidekick__conf-collapsed:hover {
  background-color: var(--motif-50);
}

.ds-sidekick__conf-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.ds-sidekick__conf-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ds-sidekick__conf-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

/* Dimension */
.ds-sidekick__dim-header {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 0 0 6px 0;
  background: none;
  border: none;
  cursor: pointer;
}

.ds-sidekick__dim-bar {
  width: 100%;
  border-radius: 9999px;
  overflow: hidden;
  height: 4px;
  background-color: var(--motif-100);
  margin-bottom: 4px;
}

.ds-sidekick__dim-suggestions {
  border-radius: 8px;
  margin-top: 12px;
  padding: 12px 14px;
  background-color: #f5f5ff;
  border: 1px solid #ddd8ff;
}

/* Chat */
.ds-sidekick__chat-suggestions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ds-sidekick__chat-suggestion {
  text-align: left;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  color: var(--motif-700);
  font-weight: 400;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: background-color 0.15s;
}
.ds-sidekick__chat-suggestion:hover {
  background-color: var(--motif-50);
}

.ds-sidekick__chat-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ds-sidekick__chat-bubble {
  border-radius: 12px;
  max-width: 85%;
  padding: 10px 14px;
}
.ds-sidekick__chat-bubble--user {
  background-color: #2e2e38;
}
.ds-sidekick__chat-bubble--ai {
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ds-sidekick__typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
}

.ds-sidekick__typing-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #9e9eae;
  animation: ds-bounce 1s ease-in-out infinite;
}
.ds-sidekick__typing-dot:nth-child(1) {
  animation-delay: 0ms;
}
.ds-sidekick__typing-dot:nth-child(2) {
  animation-delay: 150ms;
}
.ds-sidekick__typing-dot:nth-child(3) {
  animation-delay: 300ms;
}

@keyframes ds-bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-4px);
  }
}
/* Chat input */
.ds-sidekick__chat-input-wrap {
  padding: 8px 16px 16px;
  flex-shrink: 0;
}

.ds-sidekick__chat-input-box {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 8px 14px;
  border-radius: 12px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ds-sidekick__chat-input {
  flex: 1;
  background: transparent;
  font-size: 13px;
  outline: none;
  border: none;
  color: var(--motif-900);
}

.ds-sidekick__chat-send {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}

/* Gradient bar */
.ds-sidekick__gradient-bar {
  flex-shrink: 0;
  position: relative;
  height: 3px;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.ds-sidekick__gradient-fill {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffe600 0%, #b400ff 33%, #4696ff 66%, #ffe600 100%);
  background-size: 300% 100%;
  animation: ds-gradient-flow 3s linear infinite;
}

@keyframes ds-gradient-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
/* ─── Sidekick: Improve with AI ─── */
.ds-sidekick__improve-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 8px;
  padding: 10px 14px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  margin-bottom: 12px;
  transition: background-color 0.15s;
}

.ds-sidekick__improve-area-btn {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  text-align: left;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  background: none;
  transition: background-color 0.15s;
}

.ds-sidekick__option-btn {
  text-align: left;
  font-size: 12px;
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  background: none;
  transition: background-color 0.15s, border-color 0.15s;
}

.ds-sidekick__textarea {
  font-size: 12px;
  font-weight: 300;
  outline: none;
  background: transparent;
  border-radius: 8px;
  resize: none;
  color: var(--motif-900);
  border: 1px solid #e0e0e5;
  padding: 10px 12px;
  min-height: 80px;
  background-color: var(--motif-surface);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ds-sidekick__dropzone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 24px 16px;
  border: 2px dashed #c7d2fe;
  background-color: #f8faff;
  cursor: pointer;
  transition: background-color 0.15s;
}

.ds-sidekick__action-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  padding: 8px 12px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  color: var(--motif-600);
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.15s;
}
.ds-sidekick__action-btn--purple {
  color: #6366f1;
  background-color: #f5f3ff;
  border-color: #ddd6fe;
}
.ds-sidekick__action-btn span.motif-body,
.ds-sidekick__action-btn .motif-typography-text {
  font-size: 11px !important;
}

.animate-spin {
  animation: ds-spin 1s linear infinite;
}

@keyframes ds-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Must be at end to override the generic inherit rule */
.ds-sidekick .ds-sidekick__conf-label.ds-sidekick__conf-label {
  font-size: 28px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  color: var(--motif-900) !important;
}

.ds-sidekick__dim-status {
  font-size: 11px;
  font-weight: 500;
  margin-right: 6px;
}

.ds-sidekick__arrow-muted {
  color: var(--motif-400);
  transition: transform 0.2s;
}

.ds-sidekick__arrow-rotated {
  transform: rotate(180deg);
}

.ds-sidekick__improve-toggle--active {
  background-color: #eef2ff;
  border: 1.5px solid #2563eb;
}

.ds-sidekick__spark-purple {
  color: #7c6bff;
}

.ds-sidekick__improve-toggle-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
}

.ds-sidekick__improve-toggle-label--active {
  color: #2563eb;
}

.ds-sidekick__loading-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  justify-content: center;
}

.ds-sidekick__success-box {
  border-radius: 8px;
  padding: 10px 14px;
  background-color: #f0faf0;
  border: 1px solid #c8e6c9;
}

.ds-sidekick__btn-primary-dark {
  width: 100%;
  height: 34px;
  border-radius: 6px;
  background-color: #2e2e38;
  color: #ffffff;
  transition: opacity 0.15s ease;
}
.ds-sidekick__btn-primary-dark:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.ds-sidekick__btn-primary-dark--h36 {
  height: 36px;
}

.ds-sidekick__option-btn--selected {
  background-color: #eef2ff;
  border: 1.5px solid #2563eb;
  font-weight: 500;
  color: #2e2e38;
}

.ds-sidekick__regen-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ds-sidekick__regen-dot--done {
  background-color: var(--motif-900);
}

.ds-sidekick__regen-dot--active,
.ds-sidekick__regen-dot--pending {
  background-color: var(--motif-150, #f0f0f2);
}

.ds-sidekick__regen-label {
  font-size: 12px;
}

.ds-sidekick__regen-label--done {
  color: #2e2e38;
  font-weight: 400;
}

.ds-sidekick__regen-label--active {
  color: #656579;
  font-weight: 300;
}

.ds-sidekick__regen-label--pending {
  color: #c3c3cb;
  font-weight: 300;
}

.ds-sidekick__improve-area-btn--active {
  background-color: #eef2ff;
  border: 1.5px solid #2563eb;
}

.ds-sidekick__improve-area-icon-wrap {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #eef2ff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ds-sidekick__mt2 {
  margin-top: 2px;
}

.ds-sidekick__block {
  display: block;
}

.ds-sidekick__check-pill {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid #c3c3cb;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ds-sidekick__check-pill--selected {
  border: none;
  background-color: #2563eb;
}

.ds-sidekick__domain-title {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900);
  display: block;
}

.ds-sidekick__domain-title--selected {
  color: #2e2e38;
}

.ds-sidekick__upload-icon-wrap {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.ds-sidekick__uploaded-file-row {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 8px 10px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
}

.ds-sidekick__uploaded-file-row .ds-sidekick__uploaded-file-name.ds-sidekick__uploaded-file-name {
  font-size: 12px !important;
  line-height: 16px !important;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--motif-900);
  font-weight: 400;
}

.ds-sidekick__remove-file-btn {
  padding: 4px;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background-color 0.2s;
}
.ds-sidekick__remove-file-btn:hover {
  background-color: #e0e0e5;
}

.ds-sidekick__remove-file-icon {
  color: var(--motif-500);
}

.ds-sidekick__chat-row--right {
  justify-content: flex-end;
}

.ds-sidekick .ds-sidekick__chat-text {
  font-size: 12px !important;
  line-height: 18px !important;
  font-weight: 300 !important;
  color: var(--motif-700) !important;
  white-space: pre-line;
}

.ds-sidekick__chat-text--user {
  color: #ffffff !important;
}

.ds-sidekick .ds-sidekick__chat-bubble--user .ds-sidekick__chat-text.ds-sidekick__chat-text--user {
  color: #ffffff !important;
}

.ds-sidekick__conf-dot--tiny {
  width: 6px;
  height: 6px;
}

.ds-sidekick__chat-send--active {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
}

.ds-sidekick__chat-send-icon {
  color: #9e9eae;
}

.ds-sidekick__chat-send-icon--active {
  color: #ffffff;
}

.ds-sidekick__file-uploader {
  width: 100%;
}

.ds-sidekick__file-uploader-hint {
  font-size: 11.5px;
  line-height: 16px;
  font-weight: 300;
  color: var(--motif-500);
}

.ds-sidekick__upload-error {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #fef2f2;
  border: 1px solid #fdd;
  margin-top: 8px;
}

.ds-sidekick__error-icon {
  color: #dc2626;
  flex-shrink: 0;
}

.ds-sidekick__upload-error .ds-sidekick__upload-error-text.ds-sidekick__upload-error-text {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 200 !important;
  color: #dc2626 !important;
}

.ds-sidekick__file-uploader.motif-file-uploader {
  width: 100%;
  margin-top: 2px;
}
.ds-sidekick__file-uploader.motif-file-uploader .dropzone-container {
  width: 100% !important;
  border: 2px dashed #d9d6f5 !important;
  border-radius: 10px !important;
  background: #fcfcff !important;
  min-height: 132px !important;
  padding: 22px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.ds-sidekick__file-uploader.motif-file-uploader .dropzone-container:hover {
  border-color: #c9c2f3 !important;
  background: #f8f8ff !important;
}
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
}
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #eaf2ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-icon svg {
  fill: #6a88d8;
}
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-label-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #2e2e38;
  text-align: center;
}
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-item-error,
.ds-sidekick__file-uploader.motif-file-uploader .motif-file-uploader-error,
.ds-sidekick__file-uploader.motif-file-uploader .motif-error-message {
  display: none !important;
}

/* ═══════════════════════════════════════════
   Source Documents Section
   ═══════════════════════════════════════════ */
.ds-source-docs-section {
  margin-bottom: 20px;
  padding: 0 24px;
}

.ds-source-docs-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  color: var(--motif-700);
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.2s;
  text-align: left;
  border-radius: 6px;
}
.ds-source-docs-toggle:hover {
  background-color: var(--motif-100);
}
.ds-source-docs-toggle .ds-source-docs-icon {
  flex-shrink: 0;
  width: 14px;
}
.ds-source-docs-toggle .ds-source-docs-label {
  flex: 1;
}
.ds-source-docs-toggle .ds-source-docs-arrow {
  transition: transform 0.2s;
}
.ds-source-docs-toggle .ds-source-docs-arrow--rotated {
  transform: rotate(180deg);
}

.ds-source-docs-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: 1px solid var(--motif-150);
  margin: 4px 0 0;
  border-radius: 8px;
  overflow: hidden;
}

.ds-source-doc-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: #ffffff;
  border-bottom: 1px solid var(--motif-150);
  font-size: 12px;
  color: var(--motif-700);
  transition: background-color 0.15s;
}
.ds-source-doc-item:last-child {
  border-bottom: none;
}
.ds-source-doc-item:hover {
  background-color: #fafafa;
}
.ds-source-doc-item:hover .ds-source-doc-download {
  opacity: 1;
}
.ds-source-doc-item .ds-source-doc-icon {
  flex-shrink: 0;
  color: var(--motif-500);
}
.ds-source-doc-item .ds-source-doc-name {
  flex: 1;
  font-weight: 400;
  color: var(--motif-900);
}
.ds-source-doc-item .ds-source-doc-size {
  color: var(--motif-500);
  font-size: 11px;
  margin-right: 8px;
}
.ds-source-doc-item .ds-source-doc-download {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  color: var(--motif-600);
  transition: all 0.15s;
  opacity: 0;
}
.ds-source-doc-item .ds-source-doc-download:hover {
  background-color: var(--motif-100);
  color: var(--motif-900);
}

/* ═══════════════════════════════════════════
   Add Domain Button
   ═══════════════════════════════════════════ */
.ds-add-domain-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  border-top: 1px solid var(--motif-150);
  margin-top: 16px;
}

.ds-add-domain-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: #e8e8fc;
  border: 1.5px dashed #c8c8d0;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #4e4e5d;
  transition: all 0.2s;
}
.ds-add-domain-btn:hover {
  background-color: #e8e8fc;
  border-color: #a5a5c0;
  color: #46464f;
}
.ds-add-domain-btn:active {
  transform: scale(0.98);
}
.ds-add-domain-btn .ds-add-domain-icon {
  color: #7a7a8e;
}

/* ═══════════════════════════════════════════
   Generate Full Framework Confirmation Modal
   ═══════════════════════════════════════════ */
.ds-generate-confirm-modal {
  max-width: 440px !important;
  z-index: 1400 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.ds-generate-confirm-modal .modal-content {
  border-radius: 12px !important;
}
.ds-generate-confirm-modal .motif-modal-header {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  display: none !important;
}
.ds-generate-confirm-modal .motif-modal-header .custom-modal-close-button-container {
  display: none !important;
}
.ds-generate-confirm-modal .motif-modal-header .modal-close-icon-button,
.ds-generate-confirm-modal .motif-modal-header .motif-icon-button,
.ds-generate-confirm-modal .motif-modal-header #modal-close-icon-button {
  display: none !important;
}
.ds-generate-confirm-modal .motif-modal-body {
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
}

.motif-modal.ds-generate-confirm-modal {
  z-index: 10000 !important;
  display: block !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ds-generate-confirm__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 32px 24px 24px;
  background-color: #ffffff;
}

.ds-generate-confirm__icon-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(231, 252, 232);
}

.ds-generate-confirm__icon {
  width: 24px;
  height: 24px;
  color: rgb(38, 160, 75);
}

.ds-generate-confirm__text {
  text-align: center;
  max-width: 100%;
}

.ds-generate-confirm__title {
  color: var(--motif-900) !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 1.5rem !important;
  margin-bottom: 0.25rem !important;
}

.ds-generate-confirm__desc {
  color: var(--motif-600) !important;
  font-size: 13px !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
}

.ds-generate-confirm__actions {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
}

.ds-generate-confirm__btn {
  flex: 1;
  height: 44px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ds-generate-confirm__btn:hover {
  opacity: 0.9;
}
.ds-generate-confirm__btn:active {
  transform: scale(0.98);
}
.ds-generate-confirm__btn--secondary {
  border-color: #e5e5e5;
  color: #333333;
  background-color: #ffffff;
}
.ds-generate-confirm__btn--secondary:hover {
  background-color: #f5f5f5;
}
.ds-generate-confirm__btn--primary {
  border-color: var(--motif-900);
  color: #ffffff;
  background-color: var(--motif-900);
}
.ds-generate-confirm__btn--primary:hover {
  background-color: var(--motif-800);
}.published-framework-preview {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #f9f9fa;
  overflow: hidden;
}
.published-framework-preview__top-header {
  padding: 16px 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
.published-framework-preview__top-header-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--motif-900) !important;
  margin: 0;
}
.published-framework-preview__content {
  flex: 1;
  overflow-y: scroll;
}
.published-framework-preview__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 32px 24px 48px 24px;
}

.pfp-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 24px;
}
.pfp-header__title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pfp-header__title {
  font-size: 26px !important;
  color: #2e2e38 !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
.pfp-header__badge {
  font-size: 11px !important;
  border-radius: 4px !important;
  padding: 2px 8px !important;
  flex-shrink: 0;
  background-color: #e7fce8 !important;
  color: #197335 !important;
  font-weight: 500 !important;
  border: 1px solid #bbf7d0 !important;
}
.pfp-header__info-icon {
  position: relative;
  flex-shrink: 0;
}
.pfp-header__info-icon-svg {
  width: 16px;
  height: 16px;
  color: #9e9eae;
  cursor: help;
}
.pfp-header__tooltip {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  background-color: #2e2e38;
  color: #ffffff;
  font-weight: 400;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.2s;
}
.pfp-header__info-icon:hover .pfp-header__tooltip {
  opacity: 1;
}
.pfp-header__tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2e2e38;
}
.pfp-header__description {
  font-size: 14px !important;
  color: #2e2e38 !important;
  font-weight: 300 !important;
  line-height: 20px !important;
}

.pfp-survey-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid #e6e6e9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.pfp-survey-banner__content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pfp-survey-banner__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: #eef2ff;
}
.pfp-survey-banner__icon-svg {
  width: 16px;
  height: 16px;
  color: #6a88d8;
}
.pfp-survey-banner__title {
  font-size: 14px !important;
  color: #2e2e38 !important;
  font-weight: 500 !important;
}
.pfp-survey-banner__text {
  font-size: 13px !important;
  color: #9897a6 !important;
  font-weight: 300 !important;
}
.pfp-survey-banner__button {
  height: 38px;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #2e2e38;
  color: #ffffff;
}
.pfp-survey-banner__button:hover {
  background-color: #23232b;
}
.pfp-survey-banner__button span {
  font-size: 13px;
}

.pfp-linked-surveys {
  border-radius: 8px;
  margin-bottom: 24px;
  background-color: #ffffff;
  border: 1px solid #e6e6e9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.pfp-linked-surveys__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid #f0f0f2;
}
.pfp-linked-surveys__header-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #2e2e38;
}
.pfp-linked-surveys__header-title {
  font-size: 14px !important;
  color: #2e2e38 !important;
  font-weight: 500 !important;
}
.pfp-linked-surveys__header-count {
  font-size: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #f3f3f5;
  color: #656579;
  font-weight: 500;
}
.pfp-linked-surveys__list {
  display: flex;
  flex-direction: column;
  max-height: 210px;
  overflow-y: auto;
}
.pfp-linked-surveys__item {
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  padding: 12px 20px;
  transition: background-color 0.2s;
}
.pfp-linked-surveys__item:not(:last-child) {
  border-bottom: 1px solid #f0f0f2;
}
.pfp-linked-surveys__item:hover {
  background-color: #fafafb;
}
.pfp-linked-surveys__item:hover .pfp-linked-surveys__item-title {
  text-decoration: underline;
}
.pfp-linked-surveys__item-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.pfp-linked-surveys__item-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2e2e38 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.pfp-linked-surveys__item-respondents {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #9897a6 !important;
}
.pfp-linked-surveys__item-status {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.pfp-linked-surveys__progress-container {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 80px;
}
.pfp-linked-surveys__progress-bar {
  flex: 1;
  border-radius: 9999px;
  overflow: hidden;
  height: 4px;
  background-color: #f0f0f2;
}
.pfp-linked-surveys__progress-fill {
  border-radius: 9999px;
  height: 100%;
  transition: width 0.3s ease;
}
.pfp-linked-surveys__progress-text {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #9897a6 !important;
  min-width: 28px !important;
  text-align: right !important;
}
.pfp-linked-surveys__status-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  border-radius: 9999px !important;
  flex-shrink: 0 !important;
  padding: 3px 10px !important;
  font-weight: 500 !important;
}
.pfp-linked-surveys__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pfp-source-docs {
  margin-bottom: 24px;
}
.pfp-source-docs__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  border-radius: 6px;
  transition: background-color 0.2s;
  padding: 10px 12px;
  border-bottom: 1px solid #e6e6e9;
  background: none;
  cursor: pointer;
  border: none;
}
.pfp-source-docs__toggle:hover {
  background-color: #f4f5f7;
}
.pfp-source-docs__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--motif-400);
}
.pfp-source-docs__label {
  font-size: 13px !important;
  flex: 1 !important;
  color: var(--motif-700) !important;
  font-weight: 400 !important;
}
.pfp-source-docs__chevron {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--motif-400);
  transition: transform 0.2s;
}
.pfp-source-docs__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}
.pfp-source-docs__item {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 7px 10px;
  background-color: var(--motif-surface);
  border: 1px solid #e0e0e5;
  cursor: pointer;
}
.pfp-source-docs__item:hover .pfp-source-docs__item-download {
  opacity: 1;
}
.pfp-source-docs__item-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--motif-400);
}
.pfp-source-docs__item-name {
  font-size: 11px !important;
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--motif-900) !important;
  font-weight: 400 !important;
}
.pfp-source-docs__item-size {
  font-size: 10px !important;
  flex-shrink: 0 !important;
  color: var(--motif-400) !important;
  font-weight: 300 !important;
}
.pfp-source-docs__item-download {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px;
  opacity: 0;
  transition: opacity 0.2s, background-color 0.2s;
  background: none;
  border: none;
  cursor: pointer;
}
.pfp-source-docs__item-download:hover {
  background-color: #ececef;
}
.pfp-source-docs__item-download-icon {
  width: 14px;
  height: 14px;
  color: var(--motif-500);
}

.pfp-tabs {
  display: flex;
  border-bottom: 1px solid #d7d7dc;
  margin-bottom: 32px;
}
.pfp-tabs__tab {
  font-size: 15px !important;
  padding: 14px 0 !important;
  margin-right: 32px !important;
  margin-bottom: -1px !important;
  background: none !important;
  cursor: pointer !important;
  line-height: 22px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  font-weight: 400 !important;
  color: #747480 !important;
  transition: color 0.2s, font-weight 0.2s !important;
}
.pfp-tabs__tab--active {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2e2e38 !important;
  border-bottom-color: #2e2e38 !important;
}
.pfp-tabs__tab--active span,
.pfp-tabs__tab--active *, .pfp-tabs__tab--active > * {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2e2e38 !important;
}

.pfp-tabs__tab.pfp-tabs__tab--active {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2e2e38 !important;
  border-bottom-color: #2e2e38 !important;
}
.pfp-tabs__tab.pfp-tabs__tab--active span,
.pfp-tabs__tab.pfp-tabs__tab--active *, .pfp-tabs__tab.pfp-tabs__tab--active > * {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2e2e38 !important;
}

.pfp-structure {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e6e6e9;
  background-color: var(--motif-surface);
}
.pfp-structure__domain {
  cursor: pointer;
  border-bottom: 1px solid #ececef;
}
.pfp-structure__domain-header {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  gap: 10px;
}
.pfp-structure__icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
}
.pfp-structure__icon {
  width: 16px;
  height: 16px;
  color: #9e9eae;
}
.pfp-structure__level-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  flex-shrink: 0 !important;
  background-color: #eaeafe !important;
  color: #5b6abf !important;
  min-width: 26px !important;
  padding: 2px 8px !important;
  line-height: 18px !important;
  font-weight: 600 !important;
}
.pfp-structure__domain-name {
  font-size: 15px !important;
  flex: 1 !important;
  min-width: 0 !important;
  color: #2e2e38 !important;
  font-weight: 500 !important;
  line-height: 22px !important;
}
.pfp-structure__domain-description {
  padding: 0 24px 14px 68px;
}
.pfp-structure__domain-description p {
  font-size: 13px !important;
  line-height: 21px !important;
  color: #747480 !important;
  font-weight: 300 !important;
}
.pfp-structure__subdomain, .pfp-structure__l3item {
  border-bottom: 1px solid #ececef;
}
.pfp-structure__subdomain-header, .pfp-structure__l3item-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pfp-structure__subdomain-header {
  padding: 14px 24px 14px 56px;
}
.pfp-structure__l3item-header {
  padding: 14px 24px 14px 88px;
}
.pfp-structure__subdomain-name, .pfp-structure__l3item-name {
  font-size: 15px !important;
  flex: 1 !important;
  min-width: 0 !important;
  color: #2e2e38 !important;
  font-weight: 500 !important;
  line-height: 22px !important;
}
.pfp-structure__subdomain-description, .pfp-structure__l3item-description {
  padding: 0 24px 14px 94px;
}
.pfp-structure__subdomain-description p, .pfp-structure__l3item-description p {
  font-size: 13px !important;
  line-height: 21px !important;
  color: #747480 !important;
  font-weight: 300 !important;
}
.pfp-structure__l3item-description {
  padding: 0 24px 14px 126px;
}

.pfp-scale {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pfp-scale__table-wrapper {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d7d7dc;
}
.pfp-scale__table {
  width: 100%;
  border-collapse: collapse;
}
.pfp-scale__table-header-row {
  border-bottom: 1px solid #d7d7dc;
  background-color: #f4f4f6;
}
.pfp-scale__table-header {
  text-align: left !important;
  font-size: 12px !important;
  padding: 10px 16px !important;
  color: #656579 !important;
  font-weight: 500 !important;
}
.pfp-scale__table-header--center {
  text-align: center !important;
  padding: 10px 12px !important;
  width: 160px !important;
  color: #656579 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
.pfp-scale__range-labels {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 2px;
}
.pfp-scale__range-labels span {
  font-size: 10px !important;
  color: #656579 !important;
  font-weight: 500 !important;
}
.pfp-scale__table-row {
  cursor: pointer;
  background-color: #ffffff;
}
.pfp-scale__table-row:not(.pfp-scale__table-row--expanded):last-child tbody .pfp-scale__table-row {
  border-bottom: none;
}
.pfp-scale__table-row:not(.pfp-scale__table-row--expanded) {
  border-bottom: 1px solid #d7d7dc;
}
.pfp-scale__table-cell {
  padding: 12px 16px;
  vertical-align: middle;
}
.pfp-scale__table-cell--center {
  text-align: center;
  padding: 12px 12px;
}
.pfp-scale__level-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pfp-scale__level-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  border: 1px solid;
}
.pfp-scale__level-badge span {
  font-size: 14px;
  font-weight: 600;
}
.pfp-scale__level-name {
  font-size: 14px !important;
  flex: 1 !important;
  color: #2e2e38 !important;
  font-weight: 500 !important;
}
.pfp-scale__arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #9e9eae;
}
.pfp-scale__range {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.pfp-scale__range-value {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
}
.pfp-scale__range-value span {
  font-size: 14px;
  color: #656579;
  font-weight: 400;
}
.pfp-scale__scale-number {
  font-size: 14px;
  color: #2e2e38;
  font-weight: 500;
}
.pfp-scale__expanded-row {
  border-bottom: 1px solid #d7d7dc;
}
.pfp-scale__expanded-row:last-child {
  border-bottom: none;
}
.pfp-scale__expanded-cell {
  padding: 0 16px 14px 54px;
  background-color: #ffffff;
}
.pfp-scale__details {
  border-radius: 8px;
  border: 1px solid #d7d7dc;
  padding: 14px 16px;
  background-color: #f9f9fa;
}
.pfp-scale__details-section:first-child {
  margin-bottom: 12px;
}
.pfp-scale__details-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--motif-400) !important;
}
.pfp-scale__details-text {
  font-size: 13px !important;
  line-height: 20px !important;
  margin-top: 4px !important;
  color: #2e2e38 !important;
  font-weight: 300 !important;
}
.pfp-scale__characteristics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.pfp-scale__characteristic-badge {
  font-size: 11px !important;
  border-radius: 9999px !important;
  padding: 2px 10px !important;
  font-weight: 400 !important;
  border: 0.1px solid !important;
}

.pfp-definitions {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.pfp-definitions__header {
  margin-bottom: 24px;
}
.pfp-definitions__header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.pfp-definitions__title {
  font-size: 22px !important;
  line-height: 30px !important;
  color: var(--motif-900) !important;
  font-weight: 600 !important;
}
.pfp-definitions__grid-button {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 7px 14px;
  border: 1px solid var(--motif-200);
  background-color: var(--motif-surface);
  color: var(--motif-600);
  cursor: pointer;
  transition: background-color 0.2s;
}
.pfp-definitions__grid-button:hover {
  background-color: var(--motif-100);
}
.pfp-definitions__grid-button span {
  font-size: 12px;
  font-weight: 500;
}
.pfp-definitions__grid-icon {
  width: 14px;
  height: 14px;
}
.pfp-definitions__tooltip-content {
  font-size: 11px;
  background: #2e2e38;
  color: #ffffff;
  border-color: #2e2e38;
}
.pfp-definitions__tooltip-arrow {
  fill: #2e2e38;
}
.pfp-definitions__description {
  font-size: 14px !important;
  line-height: 22px !important;
  color: var(--motif-600) !important;
  font-weight: 300 !important;
}
.pfp-definitions__tab-switcher {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 4px;
  background-color: var(--motif-100);
}
.pfp-definitions__tab {
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  background: transparent;
  color: var(--motif-500);
  border: none;
  cursor: pointer;
}
.pfp-definitions__tab--active {
  background-color: var(--motif-surface);
  color: var(--motif-900);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pfp-definitions__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pfp-definitions__grouped-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pfp-definitions__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pfp-definitions__group-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.pfp-definitions__group-title {
  font-size: 14px;
  color: var(--motif-900);
  font-weight: 500;
}
.pfp-definitions__group-subtitle {
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 400;
}
.pfp-definitions__subgroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 18px;
}
.pfp-definitions__subgroup-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}
.pfp-definitions__subgroup-title {
  font-size: 13px;
  color: var(--motif-600);
  font-weight: 500;
}
.pfp-definitions__subgroup-subtitle {
  font-size: 11px;
  color: var(--motif-400);
  font-weight: 400;
}
.pfp-definitions__card {
  border-radius: 8px;
  background-color: var(--motif-surface);
  border: 1px solid var(--motif-150);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.pfp-definitions__card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 14px 20px;
  background: none;
  border: none;
  cursor: pointer;
}
.pfp-definitions__card-arrow {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--motif-400);
}
.pfp-definitions__card-title-container {
  flex: 1;
  min-width: 0;
}
.pfp-definitions__card-title {
  font-size: 14px !important;
  color: var(--motif-900) !important;
  font-weight: 500 !important;
}
.pfp-definitions__card-subtitle {
  font-size: 11px !important;
  margin-left: 8px !important;
  color: var(--motif-400) !important;
  font-weight: 400 !important;
}
.pfp-definitions__card-badge {
  font-size: 11px;
  flex-shrink: 0;
  border-radius: 9999px;
  padding: 2px 10px;
  background-color: var(--motif-100);
  color: var(--motif-500);
  font-weight: 500;
}
.pfp-definitions__card-content {
  border-top: 1px solid var(--motif-100);
}
.pfp-definitions__level-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px 12px 48px;
  border-bottom: 1px solid var(--motif-50);
  border-left: 3px solid;
}
.pfp-definitions__level-row--l2 {
  padding: 12px 20px 12px 40px;
}
.pfp-definitions__level-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 4px;
  width: 32px;
  height: 24px;
  margin-top: 2px;
  border: 1px solid;
}
.pfp-definitions__level-badge span {
  font-size: 11px;
  font-weight: 600;
}
.pfp-definitions__level-content {
  flex: 1;
  min-width: 0;
}
.pfp-definitions__level-name {
  font-size: 13px !important;
  font-weight: 500 !important;
  display: block !important;
  margin-bottom: 2px !important;
  color: var(--motif-900) !important;
}
.pfp-definitions__empty-message {
  font-size: 13px;
  color: var(--motif-400);
  font-weight: 300;
  padding: 4px 0 4px 20px;
}

.clamped-description {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.clamped-description__text {
  font-size: 13px !important;
  flex: 1 !important;
  color: #656579 !important;
  font-weight: 300 !important;
  line-height: 20px !important;
}
.clamped-description__button {
  font-size: 13px;
  color: #4a4a5a;
  font-weight: 400;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: inline;
}
.clamped-description__button:hover {
  text-decoration: underline;
}
.clamped-description__icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--motif-400);
  opacity: 0.5;
}

.pfp-footer {
  flex-shrink: 0;
  border-top: 1px solid #d7d7dc;
  background-color: #ffffff;
  padding: 16px 24px;
}
.pfp-footer__container {
  display: flex;
  justify-content: flex-end;
  max-width: 980px;
  margin: 0 auto;
}
.pfp-footer__button {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  font-size: 14px;
  padding: 10px 24px;
  background-color: #2e2e38;
  color: #ffffff;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.pfp-footer__button:hover {
  background-color: #23232b;
}

.pfp-tabs .pfp-tabs__tab.pfp-tabs__tab--active,
.pfp-tabs .pfp-tabs__tab.pfp-tabs__tab--active *,
.pfp-tabs .pfp-tabs__tab.pfp-tabs__tab--active span,
.pfp-tabs .pfp-tabs__tab.pfp-tabs__tab--active [class*=motif],
.pfp-tabs .pfp-tabs__tab.pfp-tabs__tab--active .motif-typography-text {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #2e2e38 !important;
}.surveys-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: #f9f9fa;
}
.surveys-list__header {
  flex-shrink: 0;
  padding: 20px 32px 0;
  background-color: #ffffff;
}
.surveys-list__back-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin-bottom: 16px;
  background: transparent;
  border: none;
  color: var(--motif-900, #2e2e38);
  font-size: 14px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.surveys-list__back-btn:hover {
  opacity: 0.7;
}
.surveys-list__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.surveys-list__title {
  font-size: 28px;
  font-weight: 400;
  color: var(--motif-900, #2e2e38);
  line-height: 36px;
  letter-spacing: -0.01em;
}
.surveys-list__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.surveys-list__last-update {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 300;
  color: var(--motif-600, #656579);
}
.surveys-list__action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.surveys-list__action-btn--primary {
  background-color: var(--motif-900, #2e2e38);
  color: #ffffff;
  border: none;
}
.surveys-list__action-btn--primary:hover {
  background-color: #1a1a24;
}
.surveys-list__action-btn--secondary {
  background-color: transparent;
  color: var(--motif-900, #2e2e38);
  border: 1px solid var(--motif-200, #d7d7dc);
}
.surveys-list__action-btn--secondary:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__menu-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__menu-btn:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__tabs {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid var(--motif-100, #e6e6e9);
}
.surveys-list__tab {
  padding: 0 16px 12px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 14px;
  font-weight: 400;
  color: var(--motif-400, #9897a6);
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: -1px;
}
.surveys-list__tab:hover {
  color: var(--motif-900, #2e2e38);
}
.surveys-list__tab--active {
  font-weight: 600;
  color: var(--motif-900, #2e2e38);
  border-bottom-color: var(--motif-900, #2e2e38);
}
.surveys-list__content {
  flex: 1;
  overflow-y: auto;
  padding: 24px 32px 32px;
}
.surveys-list__filter-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.surveys-list__filter-section {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 12px;
  padding: 10px 12px 10px 24px;
  background-color: #ffffff;
  border-radius: 8px;
  height: 56px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.surveys-list__filter-label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.surveys-list__filter-label span {
  font-size: 14px !important;
  color: var(--motif-900, #2e2e38) !important;
  font-weight: 400 !important;
}
.surveys-list__filter-icon {
  color: var(--motif-900, #2e2e38);
}
.surveys-list__filter-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.surveys-list__filter-dropdown {
  position: relative;
}
.surveys-list__filter-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background-color: var(--motif-50, #f3f3f5);
  border: none;
  border-radius: 4px;
  font-size: 14px;
  color: var(--motif-900, #2e2e38);
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.surveys-list__filter-btn:hover {
  background-color: var(--motif-100, #eaeaed);
}
.surveys-list__filter-btn--active {
  background-color: var(--motif-900, #2e2e38);
  color: #ffffff;
}
.surveys-list__filter-menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 4px;
  min-width: 160px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid var(--motif-150, #d7d7dc);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(35, 35, 47, 0.1), 0 1px 4px rgba(35, 35, 47, 0.06);
  z-index: 100;
}
.surveys-list__filter-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 12px;
  background-color: transparent;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  color: var(--motif-900, #2e2e38);
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
}
.surveys-list__filter-option:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__filter-option--active {
  font-weight: 600;
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__filter-divider {
  height: 1px;
  margin: 4px 0;
  background-color: var(--motif-100, #e6e6e9);
}
.surveys-list__filter-clear {
  width: 100%;
  padding: 8px 12px;
  background-color: transparent;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  color: var(--motif-600, #656579);
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
}
.surveys-list__filter-clear:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__filter-clear-all {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  color: #922b21;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__filter-clear-all:hover {
  background-color: #fadbd8;
}
.surveys-list__search-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background-color: #ffffff;
  border-radius: 8px;
  height: 56px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02);
}
.surveys-list__search-icon {
  color: var(--motif-400, #9897a6);
}
.surveys-list__search-input {
  width: 160px;
  margin-left: 8px;
  padding: 0;
  background: transparent;
  border: none;
  font-size: 14px;
  color: var(--motif-900, #2e2e38);
  outline: none;
}
.surveys-list__search-input::placeholder {
  color: var(--motif-400, #9897a6);
}
.surveys-list__search-clear {
  position: absolute;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__search-clear:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__view-toggle {
  display: flex;
  align-items: center;
  gap: 0;
  border-radius: 4px;
  overflow: hidden;
}
.surveys-list__view-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background-color: transparent;
  border: none;
  color: var(--motif-400, #9897a6);
  cursor: pointer;
  transition: all 0.2s;
}
.surveys-list__view-btn:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__view-btn--active {
  background-color: var(--motif-100, #e6e6e9);
  color: var(--motif-900, #2e2e38);
}
.surveys-list__framework-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  margin-bottom: 12px;
  background-color: #ffffff;
  border: 1px solid var(--motif-100, #e6e6e9);
  border-radius: 8px;
  transition: all 0.2s;
}
.surveys-list__framework-item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.surveys-list__framework-item span:first-child {
  font-size: 14px;
  font-weight: 500;
  color: var(--motif-900, #2e2e38);
}
.surveys-list__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 24px;
  text-align: center;
}
.surveys-list__empty p {
  font-size: 14px;
  color: var(--motif-600, #656579);
}
.surveys-list__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
}
.surveys-list__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid var(--motif-100, #e6e6e9);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.surveys-list__card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.surveys-list__card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.surveys-list__framework-owner {
  display: flex;
  align-items: center;
  gap: 8px;
}
.surveys-list__framework-owner span {
  font-size: 12px;
  color: var(--motif-600, #656579);
}
.surveys-list__framework-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
}
.surveys-list__framework-domain-count {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.surveys-list__card-edited {
  font-size: 12px;
  color: var(--motif-400, #9897a6);
}
.surveys-list__card-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__card-menu:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__card-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--motif-900, #2e2e38);
  line-height: 20px;
  margin-bottom: 6px;
}
.surveys-list__card-description {
  font-size: 13px;
  line-height: 18px;
  color: var(--motif-600, #656579);
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.surveys-list__card-dates {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 10px;
}
.surveys-list__card-dates > div {
  display: flex;
  flex-direction: column;
}
.surveys-list__card-label {
  font-size: 11px;
  color: var(--motif-400, #9897a6);
}
.surveys-list__card-value {
  font-size: 13px;
  font-weight: 500;
  color: var(--motif-900, #2e2e38);
}
.surveys-list__card-status {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}
.surveys-list__card-status span {
  font-size: 12px;
}
.surveys-list__card-status span:first-child {
  color: var(--motif-600, #656579);
}
.surveys-list__card-status span:last-child {
  font-weight: 500;
}
.surveys-list__card-progress {
  padding-top: 12px;
  border-top: 1px solid var(--motif-100, #e6e6e9);
}
.surveys-list__card-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.surveys-list__card-progress-header span {
  font-size: 12px;
  font-weight: 500;
  color: var(--motif-900, #2e2e38);
}
.surveys-list__card-progress-count {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--motif-400, #9897a6);
}
.surveys-list__card-progress-count span {
  font-size: 12px;
  color: var(--motif-900, #2e2e38);
}
.surveys-list__card-progress-bar {
  width: 100%;
  height: 4px;
  background-color: var(--motif-100, #e6e6e9);
  border-radius: 2px;
  overflow: hidden;
}
.surveys-list__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.surveys-list__status-badge[data-status=published], .surveys-list__status-badge[data-status=completed] {
  background-color: #d4edda;
}
.surveys-list__status-badge[data-status=published] span, .surveys-list__status-badge[data-status=completed] span {
  color: #168736 !important;
}
.surveys-list__status-badge[data-status=active] {
  background-color: #d6eaf8;
}
.surveys-list__status-badge[data-status=active] span {
  color: #1a5276 !important;
}
.surveys-list__status-badge[data-status=draft], .surveys-list__status-badge[data-status=closed] {
  background-color: #f3f3f5;
}
.surveys-list__status-badge[data-status=draft] span, .surveys-list__status-badge[data-status=closed] span {
  color: #656579 !important;
}
.surveys-list__status-badge[data-status=deleted] {
  background-color: #fadbd8;
}
.surveys-list__status-badge[data-status=deleted] span {
  color: #922b21 !important;
}
.surveys-list__table-container {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 8px;
}
.surveys-list__table-wrapper {
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.surveys-list__table {
  width: 100%;
  border-collapse: collapse;
}
.surveys-list__table thead {
  border-bottom: 1px solid var(--motif-200, #d7d7dc);
}
.surveys-list__table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 400;
}
.surveys-list__table thead th span {
  font-size: 12px;
  color: var(--motif-900, #2e2e38);
  line-height: 18px;
}
.surveys-list__th-checkbox {
  width: 40px;
  padding: 10px 0 10px 24px !important;
}
.surveys-list__th-name {
  width: 28%;
}
.surveys-list__th-publish {
  width: 12%;
}
.surveys-list__th-due {
  width: 12%;
}
.surveys-list__th-status {
  width: 10%;
}
.surveys-list__th-progress {
  width: 15%;
}
.surveys-list__th-respondents {
  width: 12%;
}
.surveys-list__th-files {
  width: 8%;
}
.surveys-list__th-menu {
  width: 4%;
}
.surveys-list__table {
  width: 100%;
  border-collapse: collapse;
}
.surveys-list__table thead {
  border-bottom: 1px solid var(--motif-200, #d7d7dc);
}
.surveys-list__table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 400;
}
.surveys-list__table thead th span {
  font-size: 12px;
  color: var(--motif-900, #2e2e38);
  line-height: 18px;
}
.surveys-list__table tbody tr {
  border-bottom: 1px solid var(--motif-200, #d7d7dc);
}
.surveys-list__table tbody tr:last-child {
  border-bottom: none;
}
.surveys-list__table tbody td {
  padding: 16px;
  vertical-align: middle;
}
.surveys-list__table tbody td span {
  font-size: 13px;
  font-weight: 300;
  color: var(--motif-900, #2e2e38);
  line-height: 18px;
}
.surveys-list__sort-header {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.surveys-list__sort-header:hover {
  opacity: 0.7;
}
.surveys-list__table-row {
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__table-row:hover {
  background-color: var(--motif-25, #fafafa);
}
.surveys-list__table-title {
  display: block;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--motif-900, #2e2e38) !important;
  line-height: 20px !important;
  margin-bottom: 4px;
}
.surveys-list__table-desc {
  display: block;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: var(--motif-400, #9897a6) !important;
  line-height: 18px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
.surveys-list__table-progress {
  display: flex;
  align-items: center;
  gap: 8px;
}
.surveys-list__table-progress-bar {
  flex: 1;
  height: 4px;
  background-color: var(--motif-100, #e6e6e9);
  border-radius: 2px;
  overflow: hidden;
}
.surveys-list__table-progress-bar > div {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s ease;
}
.surveys-list__table-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__table-menu:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__table-menu-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.surveys-list__table-menu-horizontal:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__avatars {
  display: flex;
  align-items: center;
  margin-left: -6px;
}
.surveys-list__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: -6px;
}
.surveys-list__avatar span {
  font-size: 8px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}
.surveys-list__respondent-count {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--motif-600, #656579) !important;
}
.surveys-list__files {
  display: flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.surveys-list__files:hover {
  background-color: var(--motif-25, #fafafa);
}
.surveys-list__files--disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.surveys-list__files span {
  font-size: 13px !important;
  color: var(--motif-600, #656579) !important;
}
.surveys-list__file-icon-small {
  font-size: 14px;
  line-height: 1;
}
.surveys-list__chevron {
  transition: transform 0.2s;
  color: var(--motif-600, #656579) !important;
}
.surveys-list__respondents {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.surveys-list__respondents:hover {
  background-color: var(--motif-25, #fafafa);
}
.surveys-list__menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.surveys-list__action-menu {
  position: fixed;
  min-width: 180px;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid var(--motif-150, #d7d7dc);
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(35, 35, 47, 0.1), 0 1px 4px rgba(35, 35, 47, 0.06);
  z-index: 1000;
  transform: translateY(-100%);
  margin-top: -4px;
}
.surveys-list__menu-item {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 8px 12px;
  background-color: transparent;
  border: none;
  border-radius: 2px;
  font-size: 14px;
  color: var(--motif-900, #2e2e38);
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: left;
  white-space: nowrap;
}
.surveys-list__menu-item:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__menu-item span {
  font-size: 14px !important;
  color: var(--motif-900, #2e2e38) !important;
}
.surveys-list__menu-item--danger:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__menu-item--danger span {
  color: #dc2626 !important;
}
.surveys-list__menu-icon {
  width: 15px;
  height: 15px;
  margin-right: 4px;
  color: var(--motif-600, #656579);
  flex-shrink: 0;
}
.surveys-list__menu-icon--danger {
  color: #dc2626;
}
.surveys-list__menu-divider {
  height: 1px;
  margin: 4px 0;
  background-color: var(--motif-100, #e6e6e9);
}
.surveys-list__expanded-row {
  background-color: var(--motif-25, #fafafa);
}
.surveys-list__expanded-content {
  padding: 16px 24px 20px 88px;
}
.surveys-list__respondent-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.surveys-list__respondent-tracking-label {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--motif-400, #9897a6) !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase;
}
.surveys-list__respondent-stats {
  display: flex;
  align-items: center;
  gap: 16px;
}
.surveys-list__stat-item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px !important;
}
.surveys-list__stat-item--completed {
  color: #168736 !important;
}
.surveys-list__stat-item--completed .surveys-list__stat-dot {
  background-color: #168736;
}
.surveys-list__stat-item--progress {
  color: #1a5276 !important;
}
.surveys-list__stat-item--progress .surveys-list__stat-dot {
  background-color: var(--motif-info);
}
.surveys-list__stat-item--overdue {
  color: #922b21 !important;
}
.surveys-list__stat-item--overdue .surveys-list__stat-dot {
  background-color: #da1e28;
}
.surveys-list__stat-item span {
  font-size: 11px !important;
  font-weight: 400 !important;
}
.surveys-list__stat-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.surveys-list__check-activity-btn {
  padding: 4px 12px;
  background: transparent;
  border: 1px solid var(--motif-150, #d7d7dc);
  border-radius: 4px;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--motif-900, #2e2e38) !important;
  cursor: pointer;
  transition: background-color 0.2s;
  line-height: 16px;
}
.surveys-list__check-activity-btn:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__respondent-list {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--motif-100, #e6e6e9);
  border-radius: 6px;
  overflow: hidden;
  background-color: #ffffff;
}
.surveys-list__respondent-row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 16px;
  transition: background-color 0.2s;
}
.surveys-list__respondent-row:not(:last-child) {
  border-bottom: 1px solid #f0f0f2;
}
.surveys-list__respondent-row:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.surveys-list__respondent-avatar-large {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  flex-shrink: 0;
}
.surveys-list__respondent-avatar-large span {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}
.surveys-list__respondent-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 2 1 0%;
}
.surveys-list__respondent-name-large {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--motif-900, #2e2e38) !important;
  line-height: 18px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.surveys-list__respondent-email-large {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: var(--motif-400, #9897a6) !important;
  line-height: 14px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.surveys-list__respondent-progress-section {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1.5 1 0%;
}
.surveys-list__respondent-progress-bar {
  flex: 1;
  height: 4px;
  background-color: var(--motif-100, #e6e6e9);
  border-radius: 2px;
  overflow: hidden;
}
.surveys-list__respondent-pct {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--motif-600, #656579) !important;
  min-width: 32px;
  text-align: right;
  flex-shrink: 0;
}
.surveys-list__respondent-status-section {
  flex: 1 1 0%;
  display: flex;
  justify-content: center;
}
.surveys-list__respondent-activity {
  flex: 1 1 0%;
  display: flex;
  justify-content: flex-end;
}
.surveys-list__respondent-activity span {
  font-size: 11px !important;
  font-weight: 300 !important;
  color: var(--motif-400, #9897a6) !important;
}
.surveys-list__file-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.surveys-list__file-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background-color: #ffffff;
  border: 1px solid var(--motif-100, #e6e6e9);
  border-radius: 6px;
  transition: all 0.2s;
}
.surveys-list__file-item:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
.surveys-list__file-item:hover .surveys-list__file-download {
  opacity: 1;
}
.surveys-list__file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  flex-shrink: 0;
}
.surveys-list__file-icon span {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.surveys-list__file-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.surveys-list__file-name {
  flex: 1;
  font-size: 13px !important;
  color: var(--motif-900, #2e2e38) !important;
}
.surveys-list__file-download {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  opacity: 0;
}
.surveys-list__file-download:hover {
  background-color: var(--motif-50, #f3f3f5);
}
.surveys-list__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--motif-500, #7f7f91);
  border-radius: 3px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
}
.surveys-list__checkbox:hover {
  border-color: var(--motif-900, #2e2e38);
}
.surveys-list__checkbox--checked {
  background-color: var(--motif-900, #2e2e38);
  border-color: var(--motif-900, #2e2e38);
}
.surveys-list__checkbox svg {
  width: 12px;
  height: 12px;
}
.surveys-list__td-checkbox {
  padding: 12px 0 12px 24px !important;
  width: 40px !important;
}
.surveys-list__expanded-td {
  padding: 0 !important;
  border-bottom: 1px solid var(--motif-200, #d7d7dc) !important;
}
.surveys-list__respondents-zero-text {
  color: var(--motif-400, #9897a6) !important;
  opacity: 0.5;
}
.surveys-list__file-icon-small--faded {
  opacity: 0.3;
}
.surveys-list__files-count-zero {
  color: var(--motif-300, #c3c3cb) !important;
}
.surveys-list__file-download-icon {
  color: var(--motif-600, #656579);
}
.surveys-list__icon--rotated-90 {
  transform: rotate(90deg);
}
.surveys-list__card-status-value {
  font-weight: 500;
}
.surveys-list__card-status-value[data-status=active] {
  color: var(--motif-info) !important;
}
.surveys-list__card-status-value[data-status=completed] {
  color: #168736 !important;
}
.surveys-list__card-status-value[data-status=draft], .surveys-list__card-status-value[data-status=closed] {
  color: #656579 !important;
}
.surveys-list__card-progress-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s ease;
  background-color: #2e2e38;
}
.surveys-list__card-progress-fill[data-status=completed] {
  background-color: #197335;
}
.surveys-list__table-progress-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s ease;
  background-color: #2e2e38;
}
.surveys-list__table-progress-fill[data-status=completed] {
  background-color: #168736;
}
.surveys-list__respondent-progress-fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.3s ease;
}
.surveys-list__respondent-progress-fill[data-status=completed] {
  background-color: #168736;
}
.surveys-list__respondent-progress-fill[data-status=in_progress] {
  background-color: #0f69ae;
}
.surveys-list__respondent-progress-fill[data-status=not_started] {
  background-color: #656579;
}
.surveys-list__respondent-progress-fill[data-status=overdue] {
  background-color: #da1e28;
}
.surveys-list__status-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px !important;
}
.surveys-list__status-pill span {
  font-size: 11px !important;
  font-weight: 400 !important;
}
.surveys-list__status-pill[data-status=completed] {
  background-color: #d4edda;
}
.surveys-list__status-pill[data-status=completed] span {
  color: #168736 !important;
}
.surveys-list__status-pill[data-status=in_progress] {
  background-color: #d6eaf8;
}
.surveys-list__status-pill[data-status=in_progress] span {
  color: #1a5276 !important;
}
.surveys-list__status-pill[data-status=not_started] {
  background-color: #f3f3f5;
}
.surveys-list__status-pill[data-status=not_started] span {
  color: #656579 !important;
}
.surveys-list__status-pill[data-status=overdue] {
  background-color: #fadbd8;
}
.surveys-list__status-pill[data-status=overdue] span {
  color: #922b21 !important;
}
.surveys-list__file-type-icon--pdf {
  color: #c0392b !important;
}
.surveys-list__file-type-icon--xlsx {
  color: #26a04b !important;
}
.surveys-list__file-type-icon--default {
  color: #188ce4 !important;
}.logout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  color: var(--motif-600, #656579);
}
.logout-button:hover {
  background-color: var(--motif-50, #f3f3f5);
  color: var(--motif-700, #4a4956);
}
.delete-survey-modal {
  /* ── Overlay ─────────────────────────────────────────────── */
}
.delete-survey-modal__overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}
.delete-survey-modal {
  /* ── Container ───────────────────────────────────────────── */
}
.delete-survey-modal__container {
  background: var(--motif-0, #fff);
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  width: 100%;
  max-width: 480px;
  margin: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.delete-survey-modal {
  /* ── Header ──────────────────────────────────────────────── */
}
.delete-survey-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px 0;
}
.delete-survey-modal__header-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.delete-survey-modal__icon {
  flex-shrink: 0;
}
.delete-survey-modal__icon--warning {
  color: #b54708;
}
.delete-survey-modal__icon--blocked {
  color: #c01048;
}
.delete-survey-modal__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--motif-900, #2e2e38);
  line-height: 1.4;
  margin: 0;
}
.delete-survey-modal__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  flex-shrink: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--motif-500, #9897a6);
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
  margin-top: -2px;
}
.delete-survey-modal__close-btn:hover {
  background-color: var(--motif-50, #f3f3f5);
  color: var(--motif-900, #2e2e38);
}
.delete-survey-modal {
  /* ── Body ────────────────────────────────────────────────── */
}
.delete-survey-modal__body {
  padding: 16px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.delete-survey-modal__text {
  font-size: 14px;
  line-height: 1.6;
  color: var(--motif-700, #4a4956);
  margin: 0;
}
.delete-survey-modal__text--secondary {
  color: var(--motif-500, #9897a6);
}
.delete-survey-modal {
  /* ── Footer ──────────────────────────────────────────────── */
}
.delete-survey-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 24px 20px;
  border-top: 1px solid var(--motif-100, #e6e6e9);
}
.delete-survey-modal {
  /* ── Buttons ─────────────────────────────────────────────── */
}
.delete-survey-modal__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s;
  min-width: 88px;
}
.delete-survey-modal__btn--secondary {
  background: transparent;
  border: 1px solid var(--motif-300, #b8b8c0);
  color: var(--motif-900, #2e2e38);
}
.delete-survey-modal__btn--secondary:hover {
  background-color: var(--motif-50, #f3f3f5);
  border-color: var(--motif-400, #9897a6);
}
.delete-survey-modal__btn--danger {
  background-color: #c01048;
  border: 1px solid #c01048;
  color: #fff;
}
.delete-survey-modal__btn--danger:hover {
  background-color: #a30d3e;
  border-color: #a30d3e;
}
.delete-survey-modal {
  /* ── Dark theme ──────────────────────────────────────────── */
}
@media (prefers-color-scheme: dark) {
  .delete-survey-modal__container {
    background: var(--motif-800, #1f1f27);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  }
  .delete-survey-modal__title {
    color: var(--motif-50, #f3f3f5);
  }
  .delete-survey-modal__text {
    color: var(--motif-200, #d7d7dc);
  }
  .delete-survey-modal__text--secondary {
    color: var(--motif-400, #9897a6);
  }
  .delete-survey-modal__close-btn {
    color: var(--motif-400, #9897a6);
  }
  .delete-survey-modal__close-btn:hover {
    background-color: var(--motif-700, #4a4956);
    color: var(--motif-50, #f3f3f5);
  }
  .delete-survey-modal__footer {
    border-top-color: var(--motif-700, #4a4956);
  }
  .delete-survey-modal__btn--secondary {
    border-color: var(--motif-600, #656579);
    color: var(--motif-100, #ebebef);
  }
  .delete-survey-modal__btn--secondary:hover {
    background-color: var(--motif-700, #4a4956);
  }
}.loginContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}
.loginContainer .login-input-container {
  margin: 24px 0 16px;
  height: auto;
  width: 100%;
}
.loginContainer .login-input-container .motif-form-field {
  width: 100%;
}
.loginContainer .login-input-container .motif-input-component,
.loginContainer .login-input-container .motif-form-field,
.loginContainer .login-input-container input[type=email] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.loginContainer .login-input-container input[type=email] {
  min-height: 44px;
  border: 1px solid #c3c3cb;
  border-radius: 4px;
  padding: 10px 12px;
  font: 500 0.95rem/1.2 var(--primary-font);
  color: #2e2e38;
}
.loginContainer .login-input-container label {
  display: block;
  text-align: left;
  margin-bottom: 6px;
  font-weight: 600;
  color: #2e2e38;
}
.loginContainer .login-input-container .motif-input-component .motif-input {
  box-shadow: inset 0 -0.75px 0 0 var(--body-bg);
  color: var(--body-bg);
  font-family: var(--primary-font);
  background-color: #fff !important;
  border-radius: 4px;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.loginContainer .login-input-container .motif-input-component .motif-input::placeholder {
  color: var(--motif-500, #656579);
}
.loginContainer .login-input-container .motif-input-component .motif-input:focus:not(:disabled) {
  box-shadow: inset 0 -2px 0 0 var(--body-bg);
  background-color: #fff;
}
.loginContainer .login-input-container .motif-input-component .motif-input:disabled {
  cursor: not-allowed;
  opacity: 0.75;
}
.loginContainer .login-input-container .motif-label {
  text-align: left;
  color: var(--body-bg);
  font-family: var(--primary-font);
  font-weight: 600;
}
.loginContainer .login-input-container .motif-form-field-text-input.motif-form-field-has-value .motif-label,
.loginContainer .login-input-container .motif-form-field-text-input.motif-form-field-focused .motif-label {
  font-size: 0.75rem;
}
.loginContainer .login-input-container .motif-input-component .motif-input.motif-input-invalid {
  box-shadow: inset 0 -1px 0 0 var(--avatar-status-color-no-disturb);
  padding-right: 2.14286rem;
}
.loginContainer .login-input-container .motif-error-message {
  font: 500 0.857rem/23px var(--primary-font);
  color: var(--avatar-status-color-no-disturb);
  gap: 0.45rem;
}
.loginContainer .login-input-container input {
  background-color: #fff !important;
}
.loginContainer .login-input-container input:focus {
  outline: none;
}
.loginContainer .title {
  color: var(--body-bg) !important;
  font: 700 2.25rem/1.1 var(--primary-font) !important;
  margin-top: 24px;
  margin-bottom: 4px;
}
.loginContainer .loginBtn {
  width: 100%;
  height: 44px;
  font: 700 0.875rem/18px var(--primary-font);
  margin: 0;
  border-radius: 4px !important;
}
.loginContainer .loginBtn.motif-button {
  background: var(--btn-primary--bg-color, #2e2e38);
  color: var(--btn-primary-color, #fff);
  border: none;
}
.loginContainer .loginBtn.motif-button:hover:not(:disabled) {
  filter: brightness(0.95);
  transform: translateY(-1px);
}
.loginContainer .loginBtn.motif-button:focus-visible {
  outline: 2px solid var(--btn-primary-focus-outline-color, #ffe600);
  outline-offset: 2px;
}
.loginContainer .loginBtn.motif-button:disabled {
  background: var(--comment-edit-background, #c4c4cd);
  color: var(--motif-500, #656579);
  cursor: not-allowed;
  transform: none;
}
@media (max-width: 420px) {
  .loginContainer .loginBtn {
    width: 100%;
  }
}
.loginContainer .loginBtnDisable {
  background: var(--comment-edit-background, #c4c4cd);
}
.loginContainer .profileContainer {
  width: 100vw;
  height: 100vh;
  background: linear-gradient(180deg, #f7f8fa 0%, #eef1f5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginContainer .requestFormContainer {
  max-width: 368px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 32px;
  padding-left: 32px;
  padding-right: 32px;
  background: #7c7c7c;
  border: 1px solid rgba(46, 46, 56, 0.08);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
}
@media (max-width: 400px) {
  .loginContainer .requestFormContainer {
    max-width: 336px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 350px) {
  .loginContainer .requestFormContainer {
    max-width: 288px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.loginContainer .eylogoRoot {
  width: 124px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
/*  
 * @group Color Variables
 * */
/*
 * Orange
 * */
/*
 * Red
 * */
/*
 * Maroon
 * */
/*
 * Purple
 * */
/*
 * Blue
 * */
/*
 * Green
 * */
/*
 * Teal
 * */
/*
 * Yellow
 * */
/*
 * Neutral
 * */
/*  Function for converting a px based font-size to get-function(rem). */
/*  --------------------------------------------------
 Breakpoints
 -------------------------------------------------- */
/* TYPOGRAPHY MIXINS */
/*  --------------------------------------------------
 Subtitle namespacing
 -------------------------------------------------- */
/*  --------------------------------------------------
 Copy namespacing
 -------------------------------------------------- */
/*  Extra namespacing */
.motif-row-span,
.motif-row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.motif-row-span.motif-reverse,
.motif-row.motif-reverse {
  flex-direction: row-reverse;
}
.motif-col.motif-reverse {
  flex-direction: column-reverse;
}
.motif-row {
  margin-right: calc(-1.1428571429rem * 0.5);
  margin-left: calc(-1.1428571429rem * 0.5);
}
.motif-row.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
[class^=motif-col-],
[class*=motif-col-] {
  padding-right: calc(1.1428571429rem * 0.5);
  padding-left: calc(1.1428571429rem * 0.5);
}
.no-gutter [class^=motif-col-],
.no-gutter [class*=motif-col-] {
  padding-right: 0;
  padding-left: 0;
}
.motif-col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.motif-col-xs-1 {
  box-sizing: border-box;
  flex: 0 0 auto;
  position: relative;
  flex-basis: 25%;
  max-width: 25%;
}
.motif-col-xs-offset-1 {
  box-sizing: border-box;
  position: relative;
  margin-left: 25%;
}
.motif-col-xs-2 {
  box-sizing: border-box;
  flex: 0 0 auto;
  position: relative;
  flex-basis: 50%;
  max-width: 50%;
}
.motif-col-xs-offset-2 {
  box-sizing: border-box;
  position: relative;
  margin-left: 50%;
}
.motif-col-xs-3 {
  box-sizing: border-box;
  flex: 0 0 auto;
  position: relative;
  flex-basis: 75%;
  max-width: 75%;
}
.motif-col-xs-offset-3 {
  box-sizing: border-box;
  position: relative;
  margin-left: 75%;
}
.motif-col-xs-4 {
  box-sizing: border-box;
  flex: 0 0 auto;
  position: relative;
  flex-basis: 100%;
  max-width: 100%;
}
.motif-col-xs-offset-4 {
  box-sizing: border-box;
  position: relative;
  margin-left: 100%;
}
.motif-start-xs {
  justify-content: flex-start;
  text-align: left;
}
.motif-center-xs {
  justify-content: center;
  text-align: center;
}
.motif-end-xs {
  justify-content: flex-end;
  text-align: right;
}
.motif-top-xs {
  align-items: flex-start;
}
.motif-middle-xs {
  align-items: center;
  display: flex;
}
.motif-bottom-xs {
  align-items: flex-end;
}
.motif-around-xs {
  justify-content: space-around;
}
.motif-between-xs {
  justify-content: space-between;
}
.motif-first-xs {
  order: -1;
}
.motif-last-xs {
  order: 1;
}
@media screen and (min-width: 36em) {
  .motif-row {
    margin-right: calc(-1.1428571429rem * 0.5);
    margin-left: calc(-1.1428571429rem * 0.5);
  }
  .motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  [class^=motif-col-],
  [class*=motif-col-] {
    padding-right: calc(1.1428571429rem * 0.5);
    padding-left: calc(1.1428571429rem * 0.5);
  }
  .no-gutter [class^=motif-col-],
  .no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .motif-col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .motif-col-sm-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-sm-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%;
  }
  .motif-col-sm-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-sm-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%;
  }
  .motif-col-sm-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-sm-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%;
  }
  .motif-col-sm-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-sm-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%;
  }
  .motif-start-sm {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-sm {
    justify-content: center;
    text-align: center;
  }
  .motif-end-sm {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-sm {
    align-items: flex-start;
  }
  .motif-middle-sm {
    align-items: center;
    display: flex;
  }
  .motif-bottom-sm {
    align-items: flex-end;
  }
  .motif-around-sm {
    justify-content: space-around;
  }
  .motif-between-sm {
    justify-content: space-between;
  }
  .motif-first-sm {
    order: -1;
  }
  .motif-last-sm {
    order: 1;
  }
}
@media screen and (min-width: 48em) {
  .motif-row {
    margin-right: calc(-1.7142857143rem * 0.5);
    margin-left: calc(-1.7142857143rem * 0.5);
  }
  .motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  [class^=motif-col-],
  [class*=motif-col-] {
    padding-right: calc(1.7142857143rem * 0.5);
    padding-left: calc(1.7142857143rem * 0.5);
  }
  .no-gutter [class^=motif-col-],
  .no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .motif-col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .motif-col-md-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  .motif-col-md-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 12.5%;
  }
  .motif-col-md-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-md-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%;
  }
  .motif-col-md-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 37.5%;
    max-width: 37.5%;
  }
  .motif-col-md-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 37.5%;
  }
  .motif-col-md-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-md-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%;
  }
  .motif-col-md-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 62.5%;
    max-width: 62.5%;
  }
  .motif-col-md-offset-5 {
    box-sizing: border-box;
    position: relative;
    margin-left: 62.5%;
  }
  .motif-col-md-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-md-offset-6 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%;
  }
  .motif-col-md-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 87.5%;
    max-width: 87.5%;
  }
  .motif-col-md-offset-7 {
    box-sizing: border-box;
    position: relative;
    margin-left: 87.5%;
  }
  .motif-col-md-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-md-offset-8 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%;
  }
  .motif-start-md {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-md {
    justify-content: center;
    text-align: center;
  }
  .motif-end-md {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-md {
    align-items: flex-start;
  }
  .motif-middle-md {
    align-items: center;
    display: flex;
  }
  .motif-bottom-md {
    align-items: flex-end;
  }
  .motif-around-md {
    justify-content: space-around;
  }
  .motif-between-md {
    justify-content: space-between;
  }
  .motif-first-md {
    order: -1;
  }
  .motif-last-md {
    order: 1;
  }
}
@media screen and (min-width: 64em) {
  .motif-row {
    margin-right: calc(-1.7142857143rem * 0.5);
    margin-left: calc(-1.7142857143rem * 0.5);
  }
  .motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  [class^=motif-col-],
  [class*=motif-col-] {
    padding-right: calc(1.7142857143rem * 0.5);
    padding-left: calc(1.7142857143rem * 0.5);
  }
  .no-gutter [class^=motif-col-],
  .no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .motif-col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .motif-col-lg-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .motif-col-lg-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 8.3333333333%;
  }
  .motif-col-lg-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .motif-col-lg-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 16.6666666667%;
  }
  .motif-col-lg-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-lg-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%;
  }
  .motif-col-lg-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .motif-col-lg-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 33.3333333333%;
  }
  .motif-col-lg-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .motif-col-lg-offset-5 {
    box-sizing: border-box;
    position: relative;
    margin-left: 41.6666666667%;
  }
  .motif-col-lg-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-lg-offset-6 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%;
  }
  .motif-col-lg-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .motif-col-lg-offset-7 {
    box-sizing: border-box;
    position: relative;
    margin-left: 58.3333333333%;
  }
  .motif-col-lg-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .motif-col-lg-offset-8 {
    box-sizing: border-box;
    position: relative;
    margin-left: 66.6666666667%;
  }
  .motif-col-lg-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-lg-offset-9 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%;
  }
  .motif-col-lg-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .motif-col-lg-offset-10 {
    box-sizing: border-box;
    position: relative;
    margin-left: 83.3333333333%;
  }
  .motif-col-lg-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .motif-col-lg-offset-11 {
    box-sizing: border-box;
    position: relative;
    margin-left: 91.6666666667%;
  }
  .motif-col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-lg-offset-12 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%;
  }
  .motif-start-lg {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-lg {
    justify-content: center;
    text-align: center;
  }
  .motif-end-lg {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-lg {
    align-items: flex-start;
  }
  .motif-middle-lg {
    align-items: center;
    display: flex;
  }
  .motif-bottom-lg {
    align-items: flex-end;
  }
  .motif-around-lg {
    justify-content: space-around;
  }
  .motif-between-lg {
    justify-content: space-between;
  }
  .motif-first-lg {
    order: -1;
  }
  .motif-last-lg {
    order: 1;
  }
}
@media screen and (min-width: 90em) {
  .motif-row {
    margin-right: calc(-1.7142857143rem * 0.5);
    margin-left: calc(-1.7142857143rem * 0.5);
  }
  .motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  [class^=motif-col-],
  [class*=motif-col-] {
    padding-right: calc(1.7142857143rem * 0.5);
    padding-left: calc(1.7142857143rem * 0.5);
  }
  .no-gutter [class^=motif-col-],
  .no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .motif-col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .motif-col-xl-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .motif-col-xl-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 8.3333333333%;
  }
  .motif-col-xl-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .motif-col-xl-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 16.6666666667%;
  }
  .motif-col-xl-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-xl-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%;
  }
  .motif-col-xl-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .motif-col-xl-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 33.3333333333%;
  }
  .motif-col-xl-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .motif-col-xl-offset-5 {
    box-sizing: border-box;
    position: relative;
    margin-left: 41.6666666667%;
  }
  .motif-col-xl-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-xl-offset-6 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%;
  }
  .motif-col-xl-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .motif-col-xl-offset-7 {
    box-sizing: border-box;
    position: relative;
    margin-left: 58.3333333333%;
  }
  .motif-col-xl-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .motif-col-xl-offset-8 {
    box-sizing: border-box;
    position: relative;
    margin-left: 66.6666666667%;
  }
  .motif-col-xl-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-xl-offset-9 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%;
  }
  .motif-col-xl-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .motif-col-xl-offset-10 {
    box-sizing: border-box;
    position: relative;
    margin-left: 83.3333333333%;
  }
  .motif-col-xl-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .motif-col-xl-offset-11 {
    box-sizing: border-box;
    position: relative;
    margin-left: 91.6666666667%;
  }
  .motif-col-xl-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-xl-offset-12 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%;
  }
  .motif-start-xl {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-xl {
    justify-content: center;
    text-align: center;
  }
  .motif-end-xl {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-xl {
    align-items: flex-start;
  }
  .motif-middle-xl {
    align-items: center;
    display: flex;
  }
  .motif-bottom-xl {
    align-items: flex-end;
  }
  .motif-around-xl {
    justify-content: space-around;
  }
  .motif-between-xl {
    justify-content: space-between;
  }
  .motif-first-xl {
    order: -1;
  }
  .motif-last-xl {
    order: 1;
  }
}
@media screen and (min-width: 108em) {
  .motif-row {
    margin-right: calc(-1.7142857143rem * 0.5);
    margin-left: calc(-1.7142857143rem * 0.5);
  }
  .motif-row.no-gutter {
    margin-right: 0;
    margin-left: 0;
  }
  [class^=motif-col-],
  [class*=motif-col-] {
    padding-right: calc(1.7142857143rem * 0.5);
    padding-left: calc(1.7142857143rem * 0.5);
  }
  .no-gutter [class^=motif-col-],
  .no-gutter [class*=motif-col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .motif-col-xxl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .motif-col-xxl-1 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .motif-col-xxl-offset-1 {
    box-sizing: border-box;
    position: relative;
    margin-left: 8.3333333333%;
  }
  .motif-col-xxl-2 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .motif-col-xxl-offset-2 {
    box-sizing: border-box;
    position: relative;
    margin-left: 16.6666666667%;
  }
  .motif-col-xxl-3 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 25%;
    max-width: 25%;
  }
  .motif-col-xxl-offset-3 {
    box-sizing: border-box;
    position: relative;
    margin-left: 25%;
  }
  .motif-col-xxl-4 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .motif-col-xxl-offset-4 {
    box-sizing: border-box;
    position: relative;
    margin-left: 33.3333333333%;
  }
  .motif-col-xxl-5 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .motif-col-xxl-offset-5 {
    box-sizing: border-box;
    position: relative;
    margin-left: 41.6666666667%;
  }
  .motif-col-xxl-6 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 50%;
    max-width: 50%;
  }
  .motif-col-xxl-offset-6 {
    box-sizing: border-box;
    position: relative;
    margin-left: 50%;
  }
  .motif-col-xxl-7 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .motif-col-xxl-offset-7 {
    box-sizing: border-box;
    position: relative;
    margin-left: 58.3333333333%;
  }
  .motif-col-xxl-8 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .motif-col-xxl-offset-8 {
    box-sizing: border-box;
    position: relative;
    margin-left: 66.6666666667%;
  }
  .motif-col-xxl-9 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 75%;
    max-width: 75%;
  }
  .motif-col-xxl-offset-9 {
    box-sizing: border-box;
    position: relative;
    margin-left: 75%;
  }
  .motif-col-xxl-10 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .motif-col-xxl-offset-10 {
    box-sizing: border-box;
    position: relative;
    margin-left: 83.3333333333%;
  }
  .motif-col-xxl-11 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .motif-col-xxl-offset-11 {
    box-sizing: border-box;
    position: relative;
    margin-left: 91.6666666667%;
  }
  .motif-col-xxl-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
  }
  .motif-col-xxl-offset-12 {
    box-sizing: border-box;
    position: relative;
    margin-left: 100%;
  }
  .motif-start-xxl {
    justify-content: flex-start;
    text-align: left;
  }
  .motif-center-xxl {
    justify-content: center;
    text-align: center;
  }
  .motif-end-xxl {
    justify-content: flex-end;
    text-align: right;
  }
  .motif-top-xxl {
    align-items: flex-start;
  }
  .motif-middle-xxl {
    align-items: center;
    display: flex;
  }
  .motif-bottom-xxl {
    align-items: flex-end;
  }
  .motif-around-xxl {
    justify-content: space-around;
  }
  .motif-between-xxl {
    justify-content: space-between;
  }
  .motif-first-xxl {
    order: -1;
  }
  .motif-last-xxl {
    order: 1;
  }
}
.motif-container {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 1.1428571429rem;
  width: 100%;
}
@media screen and (min-width: 36em) {
  .motif-container {
    max-width: 48em;
  }
}
@media screen and (min-width: 48em) {
  .motif-container {
    max-width: 64em;
    padding: 0 1.7142857143rem;
  }
}
@media screen and (min-width: 64em) {
  .motif-container {
    max-width: 90em;
  }
}
@media screen and (min-width: 90em) {
  .motif-container {
    max-width: 108em;
  }
}
@media screen and (min-width: 108em) {
  .motif-container {
    max-width: 138em;
  }
}
.flex-fill {
  flex: 1 1 auto;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}
.order-first {
  order: -1;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-last {
  order: 6;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-grid {
  display: grid;
}
.display-table {
  display: table;
}
.display-table-row {
  display: table-row;
}
.display-table-cell {
  display: table-cell;
}
.display-flex {
  display: flex;
}
.display-inline-flex {
  display: inline-flex;
}
.display-none {
  display: none;
}
.visibility-visible {
  visibility: visible;
}
.visibility-hidden {
  visibility: hidden;
}
@media screen and (min-width: 36em) {
  .flex-sm-fill {
    flex: 1 1 auto;
  }
  .flex-sm-row {
    flex-direction: row;
  }
  .flex-sm-column {
    flex-direction: column;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-sm-grow-0 {
    flex-grow: 0;
  }
  .flex-sm-grow-1 {
    flex-grow: 1;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1;
  }
  .flex-sm-wrap {
    flex-wrap: wrap;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-sm-start {
    justify-content: flex-start;
  }
  .justify-content-sm-end {
    justify-content: flex-end;
  }
  .justify-content-sm-center {
    justify-content: center;
  }
  .justify-content-sm-between {
    justify-content: space-between;
  }
  .justify-content-sm-around {
    justify-content: space-around;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly;
  }
  .align-items-sm-start {
    align-items: flex-start;
  }
  .align-items-sm-end {
    align-items: flex-end;
  }
  .align-items-sm-center {
    align-items: center;
  }
  .align-items-sm-baseline {
    align-items: baseline;
  }
  .align-items-sm-stretch {
    align-items: stretch;
  }
  .align-content-sm-start {
    align-content: flex-start;
  }
  .align-content-sm-end {
    align-content: flex-end;
  }
  .align-content-sm-center {
    align-content: center;
  }
  .align-content-sm-between {
    align-content: space-between;
  }
  .align-content-sm-around {
    align-content: space-around;
  }
  .align-content-sm-stretch {
    align-content: stretch;
  }
  .align-self-sm-auto {
    align-self: auto;
  }
  .align-self-sm-start {
    align-self: flex-start;
  }
  .align-self-sm-end {
    align-self: flex-end;
  }
  .align-self-sm-center {
    align-self: center;
  }
  .align-self-sm-baseline {
    align-self: baseline;
  }
  .align-self-sm-stretch {
    align-self: stretch;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-last {
    order: 6;
  }
  .display-sm-inline {
    display: inline;
  }
  .display-sm-inline-block {
    display: inline-block;
  }
  .display-sm-block {
    display: block;
  }
  .display-sm-grid {
    display: grid;
  }
  .display-sm-table {
    display: table;
  }
  .display-sm-table-row {
    display: table-row;
  }
  .display-sm-table-cell {
    display: table-cell;
  }
  .display-sm-flex {
    display: flex;
  }
  .display-sm-inline-flex {
    display: inline-flex;
  }
  .display-sm-none {
    display: none;
  }
  .visibility-sm-visible {
    visibility: visible;
  }
  .visibility-sm-hidden {
    visibility: hidden;
  }
}
@media screen and (min-width: 48em) {
  .flex-md-fill {
    flex: 1 1 auto;
  }
  .flex-md-row {
    flex-direction: row;
  }
  .flex-md-column {
    flex-direction: column;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-md-grow-0 {
    flex-grow: 0;
  }
  .flex-md-grow-1 {
    flex-grow: 1;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1;
  }
  .flex-md-wrap {
    flex-wrap: wrap;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-md-start {
    justify-content: flex-start;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .justify-content-md-around {
    justify-content: space-around;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly;
  }
  .align-items-md-start {
    align-items: flex-start;
  }
  .align-items-md-end {
    align-items: flex-end;
  }
  .align-items-md-center {
    align-items: center;
  }
  .align-items-md-baseline {
    align-items: baseline;
  }
  .align-items-md-stretch {
    align-items: stretch;
  }
  .align-content-md-start {
    align-content: flex-start;
  }
  .align-content-md-end {
    align-content: flex-end;
  }
  .align-content-md-center {
    align-content: center;
  }
  .align-content-md-between {
    align-content: space-between;
  }
  .align-content-md-around {
    align-content: space-around;
  }
  .align-content-md-stretch {
    align-content: stretch;
  }
  .align-self-md-auto {
    align-self: auto;
  }
  .align-self-md-start {
    align-self: flex-start;
  }
  .align-self-md-end {
    align-self: flex-end;
  }
  .align-self-md-center {
    align-self: center;
  }
  .align-self-md-baseline {
    align-self: baseline;
  }
  .align-self-md-stretch {
    align-self: stretch;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-last {
    order: 6;
  }
  .display-md-inline {
    display: inline;
  }
  .display-md-inline-block {
    display: inline-block;
  }
  .display-md-block {
    display: block;
  }
  .display-md-grid {
    display: grid;
  }
  .display-md-table {
    display: table;
  }
  .display-md-table-row {
    display: table-row;
  }
  .display-md-table-cell {
    display: table-cell;
  }
  .display-md-flex {
    display: flex;
  }
  .display-md-inline-flex {
    display: inline-flex;
  }
  .display-md-none {
    display: none;
  }
  .visibility-md-visible {
    visibility: visible;
  }
  .visibility-md-hidden {
    visibility: hidden;
  }
}
@media screen and (min-width: 64em) {
  .flex-lg-fill {
    flex: 1 1 auto;
  }
  .flex-lg-row {
    flex-direction: row;
  }
  .flex-lg-column {
    flex-direction: column;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-lg-grow-0 {
    flex-grow: 0;
  }
  .flex-lg-grow-1 {
    flex-grow: 1;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1;
  }
  .flex-lg-wrap {
    flex-wrap: wrap;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-lg-start {
    justify-content: flex-start;
  }
  .justify-content-lg-end {
    justify-content: flex-end;
  }
  .justify-content-lg-center {
    justify-content: center;
  }
  .justify-content-lg-between {
    justify-content: space-between;
  }
  .justify-content-lg-around {
    justify-content: space-around;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly;
  }
  .align-items-lg-start {
    align-items: flex-start;
  }
  .align-items-lg-end {
    align-items: flex-end;
  }
  .align-items-lg-center {
    align-items: center;
  }
  .align-items-lg-baseline {
    align-items: baseline;
  }
  .align-items-lg-stretch {
    align-items: stretch;
  }
  .align-content-lg-start {
    align-content: flex-start;
  }
  .align-content-lg-end {
    align-content: flex-end;
  }
  .align-content-lg-center {
    align-content: center;
  }
  .align-content-lg-between {
    align-content: space-between;
  }
  .align-content-lg-around {
    align-content: space-around;
  }
  .align-content-lg-stretch {
    align-content: stretch;
  }
  .align-self-lg-auto {
    align-self: auto;
  }
  .align-self-lg-start {
    align-self: flex-start;
  }
  .align-self-lg-end {
    align-self: flex-end;
  }
  .align-self-lg-center {
    align-self: center;
  }
  .align-self-lg-baseline {
    align-self: baseline;
  }
  .align-self-lg-stretch {
    align-self: stretch;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-last {
    order: 6;
  }
  .display-lg-inline {
    display: inline;
  }
  .display-lg-inline-block {
    display: inline-block;
  }
  .display-lg-block {
    display: block;
  }
  .display-lg-grid {
    display: grid;
  }
  .display-lg-table {
    display: table;
  }
  .display-lg-table-row {
    display: table-row;
  }
  .display-lg-table-cell {
    display: table-cell;
  }
  .display-lg-flex {
    display: flex;
  }
  .display-lg-inline-flex {
    display: inline-flex;
  }
  .display-lg-none {
    display: none;
  }
  .visibility-lg-visible {
    visibility: visible;
  }
  .visibility-lg-hidden {
    visibility: hidden;
  }
}
@media screen and (min-width: 90em) {
  .flex-xl-fill {
    flex: 1 1 auto;
  }
  .flex-xl-row {
    flex-direction: row;
  }
  .flex-xl-column {
    flex-direction: column;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xl-grow-0 {
    flex-grow: 0;
  }
  .flex-xl-grow-1 {
    flex-grow: 1;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xl-wrap {
    flex-wrap: wrap;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-xl-start {
    justify-content: flex-start;
  }
  .justify-content-xl-end {
    justify-content: flex-end;
  }
  .justify-content-xl-center {
    justify-content: center;
  }
  .justify-content-xl-between {
    justify-content: space-between;
  }
  .justify-content-xl-around {
    justify-content: space-around;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly;
  }
  .align-items-xl-start {
    align-items: flex-start;
  }
  .align-items-xl-end {
    align-items: flex-end;
  }
  .align-items-xl-center {
    align-items: center;
  }
  .align-items-xl-baseline {
    align-items: baseline;
  }
  .align-items-xl-stretch {
    align-items: stretch;
  }
  .align-content-xl-start {
    align-content: flex-start;
  }
  .align-content-xl-end {
    align-content: flex-end;
  }
  .align-content-xl-center {
    align-content: center;
  }
  .align-content-xl-between {
    align-content: space-between;
  }
  .align-content-xl-around {
    align-content: space-around;
  }
  .align-content-xl-stretch {
    align-content: stretch;
  }
  .align-self-xl-auto {
    align-self: auto;
  }
  .align-self-xl-start {
    align-self: flex-start;
  }
  .align-self-xl-end {
    align-self: flex-end;
  }
  .align-self-xl-center {
    align-self: center;
  }
  .align-self-xl-baseline {
    align-self: baseline;
  }
  .align-self-xl-stretch {
    align-self: stretch;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-last {
    order: 6;
  }
  .display-xl-inline {
    display: inline;
  }
  .display-xl-inline-block {
    display: inline-block;
  }
  .display-xl-block {
    display: block;
  }
  .display-xl-grid {
    display: grid;
  }
  .display-xl-table {
    display: table;
  }
  .display-xl-table-row {
    display: table-row;
  }
  .display-xl-table-cell {
    display: table-cell;
  }
  .display-xl-flex {
    display: flex;
  }
  .display-xl-inline-flex {
    display: inline-flex;
  }
  .display-xl-none {
    display: none;
  }
  .visibility-xl-visible {
    visibility: visible;
  }
  .visibility-xl-hidden {
    visibility: hidden;
  }
}
@media screen and (min-width: 108em) {
  .flex-xxl-fill {
    flex: 1 1 auto;
  }
  .flex-xxl-row {
    flex-direction: row;
  }
  .flex-xxl-column {
    flex-direction: column;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-xxl-start {
    justify-content: flex-start;
  }
  .justify-content-xxl-end {
    justify-content: flex-end;
  }
  .justify-content-xxl-center {
    justify-content: center;
  }
  .justify-content-xxl-between {
    justify-content: space-between;
  }
  .justify-content-xxl-around {
    justify-content: space-around;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly;
  }
  .align-items-xxl-start {
    align-items: flex-start;
  }
  .align-items-xxl-end {
    align-items: flex-end;
  }
  .align-items-xxl-center {
    align-items: center;
  }
  .align-items-xxl-baseline {
    align-items: baseline;
  }
  .align-items-xxl-stretch {
    align-items: stretch;
  }
  .align-content-xxl-start {
    align-content: flex-start;
  }
  .align-content-xxl-end {
    align-content: flex-end;
  }
  .align-content-xxl-center {
    align-content: center;
  }
  .align-content-xxl-between {
    align-content: space-between;
  }
  .align-content-xxl-around {
    align-content: space-around;
  }
  .align-content-xxl-stretch {
    align-content: stretch;
  }
  .align-self-xxl-auto {
    align-self: auto;
  }
  .align-self-xxl-start {
    align-self: flex-start;
  }
  .align-self-xxl-end {
    align-self: flex-end;
  }
  .align-self-xxl-center {
    align-self: center;
  }
  .align-self-xxl-baseline {
    align-self: baseline;
  }
  .align-self-xxl-stretch {
    align-self: stretch;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-last {
    order: 6;
  }
  .display-xxl-inline {
    display: inline;
  }
  .display-xxl-inline-block {
    display: inline-block;
  }
  .display-xxl-block {
    display: block;
  }
  .display-xxl-grid {
    display: grid;
  }
  .display-xxl-table {
    display: table;
  }
  .display-xxl-table-row {
    display: table-row;
  }
  .display-xxl-table-cell {
    display: table-cell;
  }
  .display-xxl-flex {
    display: flex;
  }
  .display-xxl-inline-flex {
    display: inline-flex;
  }
  .display-xxl-none {
    display: none;
  }
  .visibility-xxl-visible {
    visibility: visible;
  }
  .visibility-xxl-hidden {
    visibility: hidden;
  }
}
.motif-skeleton-transparent-container, .motif-skeleton-transparent-container-1, .motif-skeleton-transparent-container-2, .motif-skeleton-transparent-container-3, .motif-skeleton-transparent-container-4, .motif-skeleton-transparent-container-5, .motif-skeleton-transparent-container-6, .motif-skeleton-transparent-container-7, .motif-skeleton-transparent-container-8, .motif-skeleton-transparent-container-9, .motif-skeleton-transparent-container-10, .motif-skeleton-transparent-container-11, .motif-skeleton-transparent-container-12 {
  --justify-content: space-between;
  --flex-wrap: nowrap;
  --flex-direction: row;
  --height: 100%;
  --align-items: flex-start;
  display: flex;
  justify-content: var(--justify-content);
  flex-wrap: var(--flex-wrap);
  flex-direction: var(--flex-direction);
  height: var(--height);
  align-items: var(--align-items);
}
.motif-skeleton-container, .motif-skeleton-container-alt {
  --flex-direction: row;
  --flex-wrap: wrap;
  --align-content: stretch;
  --justify-content: flex-start;
  --align-items: center;
  display: flex;
  flex-wrap: var(--flex-wrap);
  flex-direction: var(--flex-direction);
  align-content: var(--align-content);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  min-height: 2.1428571429rem;
  background: var(--skeleton-container--bg-color);
  border-color: var(--skeleton-container--border-color);
  border-style: var(--skeleton-container--border-style);
  border-width: var(--skeleton-container--border-width);
  border-radius: var(--skeleton-container--border-radius);
  box-shadow: var(--skeleton-container--box-shadow);
}
.motif-skeleton-container + .motif-skeleton-container, .motif-skeleton-container-alt + .motif-skeleton-container, .motif-skeleton-container + .motif-skeleton-container-alt, .motif-skeleton-container-alt + .motif-skeleton-container-alt {
  border-top: 0;
}
.motif-skeleton-container + .motif-skeleton-container-alt, .motif-skeleton-container-alt + .motif-skeleton-container-alt {
  border-top: 0;
}
.motif-skeleton, .motif-skeleton-1, .motif-skeleton-2, .motif-skeleton-3, .motif-skeleton-4, .motif-skeleton-5, .motif-skeleton-6, .motif-skeleton-7, .motif-skeleton-8, .motif-skeleton-9, .motif-skeleton-10, .motif-skeleton-11, .motif-skeleton-12 {
  min-height: 1.0714285714rem;
  background: var(--skeleton--bg-color);
  border-style: var(--skeleton--border-style);
  border-color: var(--skeleton--border-color);
  border-width: var(--skeleton--border-width);
  border-radius: var(--skeleton--border-radius);
  box-shadow: var(--skeleton--box-shadow);
  min-width: 0.7142857143rem;
  position: relative;
  overflow: hidden;
}
.motif-skeleton-circle {
  --size: func.rem(30);
  border-radius: 100vh;
  height: var(--size);
  width: var(--size);
  background: var(--skeleton--bg-color);
  border-style: var(--skeleton--border-style);
  border-color: var(--skeleton--border-color);
  border-width: var(--skeleton--border-width);
  box-shadow: var(--skeleton--box-shadow);
  position: relative;
  overflow: hidden;
}
.motif-skeleton-animation, .motif-skeleton:before, .motif-skeleton-12:before, .motif-skeleton-11:before, .motif-skeleton-10:before, .motif-skeleton-9:before, .motif-skeleton-8:before, .motif-skeleton-7:before, .motif-skeleton-6:before, .motif-skeleton-5:before, .motif-skeleton-4:before, .motif-skeleton-3:before, .motif-skeleton-2:before, .motif-skeleton-1:before, .motif-skeleton-circle:before {
  background-image: var(--skeleton-animation-gradient--bg-color);
  animation: progress 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-delay: 0.5s;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
}
.motif-skeleton-container-alt {
  --skeleton-container--bg-color: var(--skeleton-container-alt--bg-color);
  --skeleton-container--border-color: var(--skeleton-container-alt--border-color);
  --skeleton-container--border-style: var(--skeleton-container-alt--border-style);
  --skeleton-container--border-width: var(--skeleton-container-alt--border-width);
  --skeleton-container--border-radius: var(--skeleton-container-alt--border-radius);
  --skeleton-container--box-shadow: var(--skeleton-container-alt--box-shadow);
}
.motif-width-12, .motif-skeleton-transparent-container-12, .motif-skeleton-12 {
  width: 100%;
}
.motif-width-11, .motif-skeleton-transparent-container-11, .motif-skeleton-11 {
  width: 90.75%;
}
.motif-width-10, .motif-skeleton-transparent-container-10, .motif-skeleton-10 {
  width: 81.6666666667%;
}
.motif-width-9, .motif-skeleton-transparent-container-9, .motif-skeleton-9 {
  width: 72.75%;
}
.motif-width-8, .motif-skeleton-transparent-container-8, .motif-skeleton-8 {
  width: 64%;
}
.motif-width-7, .motif-skeleton-transparent-container-7, .motif-skeleton-7 {
  width: 55.4166666667%;
}
.motif-width-6, .motif-skeleton-transparent-container-6, .motif-skeleton-6 {
  width: 47%;
}
.motif-width-5, .motif-skeleton-transparent-container-5, .motif-skeleton-5 {
  width: 38.75%;
}
.motif-width-4, .motif-skeleton-transparent-container-4, .motif-skeleton-4 {
  width: 30.6666666667%;
}
.motif-width-3, .motif-skeleton-transparent-container-3, .motif-skeleton-3 {
  width: 22.75%;
}
.motif-width-2, .motif-skeleton-transparent-container-2, .motif-skeleton-2 {
  width: 15%;
}
.motif-width-1, .motif-skeleton-transparent-container-1, .motif-skeleton-1 {
  width: 7.4166666667%;
}
@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
/*  --------------------------------------------------
 Breakpoints
 -------------------------------------------------- */
/* TYPOGRAPHY MIXINS */
/*  --------------------------------------------------
 Subtitle namespacing
 -------------------------------------------------- */
/*  --------------------------------------------------
 Copy namespacing
 -------------------------------------------------- */
/*  Extra namespacing */
.motif-hero {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--hero--font-size);
  line-height: 2.8571428571rem;
}
.motif-hero.motif-header-light {
  color: #fff;
}
.motif-h1 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h1--font-size);
  line-height: 2.2857142857rem;
}
.motif-h1.motif-header-light {
  color: #fff;
}
.motif-h2 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h2--font-size);
  line-height: 1.7142857143rem;
}
.motif-h2.motif-header-light {
  color: #fff;
}
.motif-h3 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h3--font-size);
  line-height: 1.7142857143rem;
}
.motif-h3.motif-header-light {
  color: #fff;
}
.motif-h4 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h4--font-size);
  line-height: 1.5714285714rem;
}
.motif-h4.motif-header-light {
  color: #fff;
}
.motif-h5 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h5--font-size);
  line-height: 1.5714285714rem;
}
.motif-h5.motif-header-light {
  color: #fff;
}
.motif-h6 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h6--font-size);
  line-height: 1.56;
}
.motif-h6.motif-header-light {
  color: #fff;
}
.motif-subtitle {
  color: #1a1a24;
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: 1.2857142857rem;
  line-height: 2rem;
}
.motif-subtitle.motif--subtitle-light {
  color: #fff;
}
.motif-subtitle-sm {
  color: #1a1a24;
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: 1.2857142857rem;
  line-height: 2rem;
}
.motif-subtitle-sm.motif--subtitle-light {
  color: #fff;
}
.motif-body {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  font-size: var(--font-size-base);
}
.motif-body.motif-body-light {
  color: #fff;
}
.motif-body-sm {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  font-size: var(--body-sm--font-size);
  line-height: 1.4285714286rem;
}
.motif-body-alt {
  font-size: var(--body-alt--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.5714285714rem;
  font-family: var(--secondary-font);
  color: var(--body-color);
}
.motif-caption-copy {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  font-size: var(--caption--font-size);
  line-height: 1.4285714286rem;
}
.motif-overline {
  font-family: var(--primary-font);
  font-weight: var(--weight-bold);
  font-size: var(--overline--font-size);
  line-height: 1.4285714286rem;
  letter-spacing: 0.1071428571rem;
  text-transform: uppercase;
}
.motif-instructional-text {
  color: var(--body-color);
  font-family: var(--primary-font);
  font-size: var(--instructional-text--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
.motif-caption {
  font-size: var(--caption--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
.motif-global-header-sec-title {
  font-size: 1.2857142857rem;
  font-weight: var(--weight-bold);
  line-height: 1.7142857143rem;
}
.motif-main-navigation {
  font-size: 1.1428571429rem;
  font-weight: var(--weight-light);
  line-height: 1.7142857143rem;
}
.motif-main-navigation-active {
  font-weight: var(--weight-bold);
}
.motif-sub-navigation {
  font-size: 1rem;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-sub-navigation-actve {
  font-weight: var(--weight-bold);
}
.motif-results-page-text {
  font-size: 1rem;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-results-page-sec-desc {
  font-size: 0.8571428571rem;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-input {
  font-size: 1rem;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-form-data-input-disabled {
  color: #747480;
}
.motif-form-data-input-text-match {
  font-size: 1rem;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-form-data-label {
  font-size: 0.8571428571rem;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-label-disabled {
  color: #747480;
}
.motif-label {
  font-size: 1rem;
  font-weight: var(--weight-regular);
}
.motif-form-validation {
  font-size: 0.7142857143rem;
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
* {
  box-sizing: border-box;
}
*:focus {
  box-shadow: var(--focus-state);
  outline: none;
}
html {
  font-size: 14px;
}
:root {
  --motif-base-font-size: 14px;
}
body {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  margin: 0;
  background: var(--body--bg-color);
  overflow-x: hidden;
}
body.motif-body-light {
  color: #FFF;
}
a {
  font-size: 1rem;
  color: var(--text-link--color);
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
  text-underline-offset: 0.3571428571rem;
}
p {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
p.motif-body-light {
  color: #FFF;
}
ul {
  list-style: var(--list-style);
}
li {
  margin-bottom: 1.1428571429rem;
}
svg,
img {
  max-width: 100%;
  max-height: 100%;
}
.motif-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.0714285714rem;
  margin: -0.0714285714rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0714285714rem;
  outline: 0;
  appearance: none;
}
.motif-ghost {
  cursor: not-allowed;
  opacity: 0.4;
}
.motif-display-default-light {
  font-size: 5rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 6.4285714286rem;
  letter-spacing: -0.2rem;
}
.motif-display-default-regular {
  font-size: 5rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 6.4285714286rem;
  letter-spacing: -0.2rem;
}
.motif-display-default-bold {
  font-size: 5rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 6.4285714286rem;
  letter-spacing: -0.2rem;
}
.motif-display-2-light {
  font-size: 4.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 5rem;
  letter-spacing: -0.0828571429rem;
}
.motif-display-2-regular {
  font-size: 4.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 5rem;
  letter-spacing: -0.0828571429rem;
}
.motif-display-2-bold {
  font-size: 4.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 5rem;
  letter-spacing: -0.0828571429rem;
}
.motif-display-3-light {
  font-size: 3.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 4.1428571429rem;
  letter-spacing: -0.0657142857rem;
}
.motif-display-3-regular {
  font-size: 3.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 4.1428571429rem;
  letter-spacing: -0.0657142857rem;
}
.motif-display-3-bold {
  font-size: 3.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 4.1428571429rem;
  letter-spacing: -0.0657142857rem;
}
.motif-display-4-light {
  font-size: 2.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 3rem;
  letter-spacing: -0.0485714286rem;
}
.motif-display-4-regular {
  font-size: 2.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  letter-spacing: -0.0485714286rem;
}
.motif-display-4-bold {
  font-size: 2.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.0485714286rem;
}
.motif-h1-default-light {
  font-size: 2.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.8571428571rem;
  letter-spacing: -0.0457142857rem;
}
.motif-h1-default-regular {
  font-size: 2.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.8571428571rem;
  letter-spacing: -0.0457142857rem;
}
.motif-h1-default-bold {
  font-size: 2.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.8571428571rem;
  letter-spacing: -0.0457142857rem;
}
.motif-h2-default-light {
  font-size: 2rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.5714285714rem;
}
.motif-h2-default-regular {
  font-size: 2rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.5714285714rem;
}
.motif-h2-default-bold {
  font-size: 2rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.5714285714rem;
}
.motif-h3-default-light {
  font-size: 1.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.2857142857rem;
}
.motif-h3-default-regular {
  font-size: 1.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.2857142857rem;
}
.motif-h3-default-bold {
  font-size: 1.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.2857142857rem;
}
.motif-h4-default-light {
  font-size: 1.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.2857142857rem;
}
.motif-h4-default-regular {
  font-size: 1.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.2857142857rem;
}
.motif-h4-default-bold {
  font-size: 1.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.2857142857rem;
}
.motif-h5-default-light {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.1428571429rem;
}
.motif-h5-default-regular {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.1428571429rem;
}
.motif-h5-default-bold {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.1428571429rem;
}
.motif-h5-italic-light {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 2.1428571429rem;
}
.motif-h5-italic-regular {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 2.1428571429rem;
}
.motif-h5-italic-bold {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 2.1428571429rem;
}
.motif-h5-underlined-light {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-h5-underlined-regular {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-h5-underlined-bold {
  font-size: 1.5714285714rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-h6-default-light {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.1428571429rem;
}
.motif-h6-default-regular {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.1428571429rem;
}
.motif-h6-default-bold {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.1428571429rem;
}
.motif-h6-italic-light {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 2.1428571429rem;
}
.motif-h6-italic-regular {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 2.1428571429rem;
}
.motif-h6-italic-bold {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 2.1428571429rem;
}
.motif-h6-underlined-light {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-h6-underlined-regular {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-h6-underlined-bold {
  font-size: 1.4285714286rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2.1428571429rem;
  text-decoration: underline;
}
.motif-subtitle-default-light {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
}
.motif-subtitle-default-regular {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
.motif-subtitle-default-bold {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
}
.motif-subtitle-italic-light {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 2rem;
}
.motif-subtitle-italic-regular {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 2rem;
}
.motif-subtitle-italic-bold {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 2rem;
}
.motif-subtitle-underlined-light {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
  text-decoration: underline;
}
.motif-subtitle-underlined-regular {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  text-decoration: underline;
}
.motif-subtitle-underlined-bold {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
  text-decoration: underline;
}
.motif-body1-default-light {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.7142857143rem;
}
.motif-body1-default-regular {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.7142857143rem;
}
.motif-body1-default-bold {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.7142857143rem;
}
.motif-body1-italic-light {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 1.7142857143rem;
}
.motif-body1-italic-regular {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 1.7142857143rem;
}
.motif-body1-italic-bold {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 1.7142857143rem;
}
.motif-body1-underlined-light {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.7142857143rem;
  text-decoration: underline;
}
.motif-body1-underlined-regular {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.7142857143rem;
  text-decoration: underline;
}
.motif-body1-underlined-bold {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.7142857143rem;
  text-decoration: underline;
}
.motif-body2-default-light {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.4285714286rem;
}
.motif-body2-default-regular {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286rem;
}
.motif-body2-default-bold {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4285714286rem;
}
.motif-body2-italic-light {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 1.4285714286rem;
}
.motif-body2-italic-regular {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 1.4285714286rem;
}
.motif-body2-italic-bold {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 1.4285714286rem;
}
.motif-body2-underlined-light {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.4285714286rem;
  text-decoration: underline;
}
.motif-body2-underlined-regular {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286rem;
  text-decoration: underline;
}
.motif-body2-underlined-bold {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.4285714286rem;
  text-decoration: underline;
}
.motif-caption-default-light {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.2857142857rem;
}
.motif-caption-default-regular {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2857142857rem;
}
.motif-caption-default-bold {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2857142857rem;
}
.motif-caption-italic-light {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 1.2857142857rem;
}
.motif-caption-italic-regular {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 1.2857142857rem;
}
.motif-caption-italic-bold {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 1.2857142857rem;
}
.motif-caption-underlined-light {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.2857142857rem;
  text-decoration: underline;
}
.motif-caption-underlined-regular {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2857142857rem;
  text-decoration: underline;
}
.motif-caption-underlined-bold {
  font-size: 0.8571428571rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2857142857rem;
  text-decoration: underline;
}
.motif-overline-default-light {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 1.2857142857rem;
}
.motif-overline-default-regular {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
}
.motif-overline-default-bold {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
}
.motif-overline-italic-light {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 300;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
}
.motif-overline-italic-regular {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
}
.motif-overline-italic-bold {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 700;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
}
.motif-overline-underlined-light {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 300;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
  text-decoration: underline;
}
.motif-overline-underlined-regular {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
  text-decoration: underline;
}
.motif-overline-underlined-bold {
  font-size: 0.7142857143rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 700;
  line-height: 0.8571428571rem;
  letter-spacing: 0.0285714286rem;
  text-decoration: underline;
}
.motif-button-sm-regular {
  font-size: 1rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286rem;
}
.motif-button-md-regular {
  font-size: 1.1428571429rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 1.7142857143rem;
}
.motif-button-lg-regular {
  font-size: 1.2857142857rem;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
.motif-hero {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--hero--font-size);
  line-height: 2.8571428571rem;
}
.motif-hero.motif-header-light {
  color: #FFF;
}
.motif-h1 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h1--font-size);
  line-height: 2.5714285714rem;
}
.motif-h1.motif-header-light {
  color: #FFF;
}
.motif-h2 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h2--font-size);
  line-height: 2.2857142857rem;
}
.motif-h2.motif-header-light {
  color: #FFF;
}
.motif-h3 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h3--font-size);
  line-height: 2.1428571429rem;
}
.motif-h3.motif-header-light {
  color: #FFF;
}
.motif-h4 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h4--font-size);
  line-height: 2rem;
}
.motif-h4.motif-header-light {
  color: #FFF;
}
.motif-h5 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h5--font-size);
  line-height: 1.7142857143rem;
}
.motif-h5.motif-header-light {
  color: #FFF;
}
.motif-h6 {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: var(--h6--font-size);
  line-height: 1.56;
}
.motif-h6.motif-header-light {
  color: #FFF;
}
.motif-subtitle {
  color: #1A1A24;
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: 1.2857142857rem;
  line-height: 2rem;
}
.motif-subtitle.motif--subtitle-light {
  color: #FFF;
}
.motif-subtitle-sm {
  color: #1A1A24;
  font-family: var(--primary-font);
  font-weight: var(--weight-regular);
  font-size: 1.2857142857rem;
  line-height: 2rem;
}
.motif-subtitle-sm.motif--subtitle-light {
  color: #FFF;
}
.motif-body {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
  font-size: var(--font-size-base);
}
.motif-body.motif-body-light {
  color: #FFF;
}
.motif-body-sm {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  font-size: var(--body-sm--font-size);
  line-height: 1.4285714286rem;
}
.motif-body-alt {
  font-size: var(--body-alt--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.5714285714rem;
  font-family: var(--secondary-font);
  color: var(--body-color);
}
.motif-caption-copy {
  color: var(--body--color);
  font-family: var(--primary-font);
  font-weight: var(--weight-light);
  font-size: var(--caption--font-size);
  line-height: 1.4285714286rem;
}
.motif-overline {
  font-family: var(--primary-font);
  font-weight: var(--weight-bold);
  font-size: var(--overline--font-size);
  line-height: 0.8571428571rem;
  letter-spacing: 0.0278571429rem;
  text-transform: uppercase;
}
.motif-instructional-text {
  color: var(--body-color);
  font-family: var(--primary-font);
  font-size: var(--instructional-text--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
.motif-caption {
  font-size: var(--caption--font-size);
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
.motif-global-header-sec-title {
  font-size: 1.2857142857rem;
  font-weight: var(--weight-bold);
  line-height: 1.7142857143rem;
}
.motif-main-navigation {
  font-size: 1.1428571429rem;
  font-weight: var(--weight-light);
  line-height: 1.7142857143rem;
}
.motif-main-navigation-active {
  font-weight: var(--weight-bold);
}
.motif-sub-navigation {
  font-size: 1rem;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-sub-navigation-actve {
  font-weight: var(--weight-bold);
}
.motif-results-page-text {
  font-size: 1rem;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-results-page-sec-desc {
  font-size: 0.8571428571rem;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-input {
  font-size: 1rem;
  font-weight: var(--weight-light);
  line-height: 1.5714285714rem;
}
.motif-form-data-input-disabled {
  color: #9897A6;
}
.motif-form-data-input-text-match {
  font-size: 1rem;
  font-weight: var(--weight-bold);
  line-height: 1.5714285714rem;
}
.motif-form-data-label {
  font-size: 0.8571428571rem;
  font-weight: var(--weight-light);
  line-height: 1.4285714286rem;
}
.motif-form-data-label-disabled {
  color: #9897A6;
}
.motif-label {
  font-size: 1rem;
  font-weight: var(--weight-regular);
}
.motif-form-validation {
  font-size: 0.7142857143rem;
  font-weight: var(--weight-regular);
  line-height: 1.1428571429rem;
}
/*
  * Neutral-light
  * */
/*
  * Overlay color for Modal and Progress Loader component
  * */
/*
  * Neutral-dark
  * */
/*
  * Overlay color for Modal and Progress Loader component
  * */
/*
 * USAGE RULES: CSS and SASS Theme Generator Variables
 * 1. Motif components should not directly use any --Form-Element CSS variable, and can only reference variable values that of Form-Elements in components
 * 2. border, border-bottom, background, color, font-size, and box-shadow are supported properties of components
 * 3. Motif-Components should never cross-reference other component's CSS variables, and should always be 1:1
 * 4. Where applicable, base supported variants of components are default, hover, focus, disabled, and error. Other variants can be added in addition.
 * 5. CSS and SASS Variable Naming Convention: --<parent-component>-<sub-component>-<variant>-<state>--<property-value>
 *   (double dash at the end of the variable to signify css property value)
 * 6. Font-sizes should always use mixins.rem() to allow clarity on what the base font size is, and let SASS compute the rems
 * 7. Variants should not introduce new properties, and only modify the base property of the SASS variable groupset.
 * 8. Motif libraries should always use typography CSS variables for font-sizes, and not their own custom implementation.
 */
html {
  font-size: 14px;
}
[motif-theme=light],
.motif-theme-light {
  --accordion--border-color: #E6E6E9;
  --accordion--border-style: solid;
  --accordion--border-width: 0.0714285714rem;
  --accordion--border-radius: 0.2857142857rem;
  --accordion--box-shadow: none;
  --accordion-accent-expanded--bg-color: none;
  --accordion-header--border-color: #E6E6E9;
  --accordion-header--border-style: solid;
  --accordion-header--border-width: 0.0714285714rem;
  --accordion-header--border-radius: 0rem;
  --accordion-header--color: #2E2E38;
  --accordion-header--bg-color: #FFF;
  --accordion-header--box-shadow: none;
  --accordion-header-focus--border-color: #0F69AE;
  --accordion-header-focus--border-style: solid;
  --accordion-header-focus--border-width: 0.0714285714rem;
  --accordion-header-focus--border-radius: 0.4285714286rem;
  --accordion-header-focus--bg-color: #F3F3F5;
  --accordion-header-focus--color: #2E2E38;
  --accordion-header-focus--outline-color: #0F69AE;
  --accordion-header-focus--outline-style: solid;
  --accordion-header-focus--outline-width: 0.1428571429rem;
  --accordion-header-focus--outline-offset: 0.1428571429rem;
  --accordion-header-focus--box-shadow: none;
  --accordion-header-hover--border-color: #E6E6E9;
  --accordion-header-hover--border-style: solid;
  --accordion-header-hover--border-width: 0.0714285714rem;
  --accordion-header-hover--bg-color: #F3F3F5;
  --accordion-header-hover--color: #2E2E38;
  --accordion-header-hover--box-shadow: none;
  --accordion-header-alt--border-color: #E6E6E9;
  --accordion-header-alt--border-style: solid;
  --accordion-header-alt--border-width: 0.0714285714rem;
  --accordion-header-alt--color: #2E2E38;
  --accordion-header-alt--bg-color: #FFF;
  --accordion-header-alt--box-shadow: none;
  --accordion-header-alt-focus--border-color: #E6E6E9;
  --accordion-header-alt-focus--border-style: solid;
  --accordion-header-alt-focus--border-width: 0.0714285714rem;
  --accordion-header-alt-focus--bg-color: #F3F3F5;
  --accordion-header-alt-focus--color: #2E2E38;
  --accordion-header-alt-focus--box-shadow: none;
  --accordion-header-alt-hover--border-color: #E6E6E9;
  --accordion-header-alt-hover--border-style: solid;
  --accordion-header-alt-hover--border-width: 0.0714285714rem;
  --accordion-header-alt-hover--bg-color: #F3F3F5;
  --accordion-header-alt-hover--color: #2E2E38;
  --accordion-header-alt-hover--box-shadow: none;
  --accordion-header-icon-color: #656579;
  --accordion-header-icon-focus-icon-color: #656579;
  --accordion-header-icon-hover-icon-color: #656579;
  --accordion-header-alt-icon-color: #656579;
  --accordion-header-icon-alt-focus-icon-color: #656579;
  --accordion-header-icon-alt-hover-icon-color: #656579;
  --accordion-functional-expanded--bg-color: #FFF;
  --accordion-functional-expanded-alt--bg-color: #FFF;
  --accordion-editorial-expanded--bg-color: #FFF;
  --accordion-action--border-color: #BFBFC8 transparent transparent transparent;
  --accordion-action--border-style: solid none none none;
  --accordion-action--border-width: 0.0714285714rem 0 0 0;
  --avatar-bg-color-list: #F3F3F5, #E6E6E9;
  --avatar--box-shadow: none;
  --avatar--border-color: unset;
  --avatar--border-style: unset;
  --avatar--border-width: 0;
  --avatar--border-radius: 50%;
  --avatar-status-online-icon-color: #FFF;
  --avatar-status-online--bg-color: #26A04B;
  --avatar-status--border-color: #FFF;
  --avatar-status--border-style: solid;
  --avatar-status--border-width: 0.1071428571rem;
  --avatar-status-no-disturb-icon-color: #FFF;
  --avatar-status-no-disturb--bg-color: #EA011D;
  --avatar-status-no-available-icon-color: #FFF;
  --avatar-status-no-available--bg-color: #EA011D;
  --avatar-status-absent-icon-color: #FFF;
  --avatar-status-absent--bg-color: #EE8300;
  --avatar-status-warning-icon-color: #FFF;
  --avatar-status-warning--bg-color: #EE8300;
  --avatar-status-none-icon-color: #FFF;
  --avatar-status-none--bg-color: #AFAEBA;
  --avatar-initials-icon--color: #2E2E38;
  --avatar-initials--color: #2E2E38;
  --avatar-initials--bg-color: #F3F3F5;
  --avatar-initials--border-color: #E6E6E9;
  --avatar-initials--border-style: solid;
  --avatar-initials--border-width: 0.0714285714rem;
  --avatar-interactive-hover--opacity: 0.8;
  --avatar-interactive-hover--bg-color: #E6E6E9;
  --avatar-interactive-hover--color: #656579;
  --avatar-interactive-focus--opacity: 1;
  --avatar-interactive-focus--bg-color: #F3F3F5;
  --avatar-interactive-focus--color: #656579;
  --avatar-interactive-disabled--opacity: 0.6;
  --avatar-interactive-disabled--bg-color: #D7D7DC;
  --avatar-interactive-disabled--color: #656579;
  --avatar-interactive-outline-color: #0F69AE;
  --avatar-interactive-outline-style: solid;
  --avatar-interactive-outline-width: 0.1428571429rem;
  --avatar-interactive-outline-offset: 0.1428571429rem;
  --badge--color: #656579;
  --badge--bg-color: #FFF;
  --badge--box-shadow: none;
  --badge--outline-width: 0.0714285714rem;
  --badge--outline-style: solid;
  --badge--outline-color: #D7D7DC;
  --badge-alt--color: #656579;
  --badge-alt--bg-color: #E6E6E9;
  --badge-warning--bg-color: #FCF5F0;
  --badge-warning--color: #975100;
  --badge-error--bg-color: #FCF5F3;
  --badge-error--color: #C70117;
  --badge-success--bg-color: #E7FCE8;
  --badge-success--color: #197335;
  --badge-info--bg-color: #F4F7FC;
  --badge-info--color: #0F69AE;
  --badge-info-alt--bg-color: #FFE600;
  --badge-info-alt--color: #2E2E38;
  --badge-ghost--bg-color: #F9F9FA;
  --badge-ghost--color: #656579;
  --breadcrumb-alt--color: #0F69AE;
  --breadcrumb-arrow-separator--color: #9897A6;
  --breadcrumb-dropdown-menu-item--color: #2E2E38;
  --breadcrumb-dropdown-menu-item--bg-color: #FFF;
  --breadcrumb-dropdown-menu-item--box-shadow: none;
  --breadcrumb-dropdown-menu-item--border-style: solid;
  --breadcrumb-dropdown-menu-item--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item--border-color: transparent;
  --breadcrumb-dropdown-menu-item-focus--color: #2E2E38;
  --breadcrumb-dropdown-menu-item-focus--bg-color: #F3F3F5;
  --breadcrumb-dropdown-menu-item-focus--box-shadow: none;
  --breadcrumb-dropdown-menu-item-focus--border-style: solid;
  --breadcrumb-dropdown-menu-item-focus--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-focus--border-color: none;
  --breadcrumb-dropdown-menu-item-hover--color: #2E2E38;
  --breadcrumb-dropdown-menu-item-hover--bg-color: #F3F3F5;
  --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
  --breadcrumb-dropdown-menu-item-hover--border-style: solid;
  --breadcrumb-dropdown-menu-item-hover--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
  --breadcrumb-dropdown-menu-item-disabled--color: #9897A6;
  --breadcrumb-dropdown-menu-item-disabled--bg-color: #FFF;
  --breadcrumb-dropdown-menu-item-disabled--box-shadow: none;
  --breadcrumb-dropdown-menu-item-disabled--border-style: solid;
  --breadcrumb-dropdown-menu-item-disabled--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
  --breadcrumb-dropdown-menu-item-icon-color: #9897A6;
  --breadcrumb-dropdown-menu-item-focus-icon-color: #656579;
  --breadcrumb-dropdown-menu-item-hover-icon-color: #656579;
  --breadcrumb-dropdown-menu-item-disabled-icon-color: #9897A6;
  --breadcrumb-dropdown-trigger--bg-color: transparent;
  --breadcrumb-dropdown-trigger--box-shadow: none;
  --breadcrumb-dropdown-trigger--border-radius: 0;
  --breadcrumb-dropdown-trigger--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger--border-style: solid;
  --breadcrumb-dropdown-trigger--border-color: transparent;
  --breadcrumb-dropdown-trigger-focus--bg-color: transparent;
  --breadcrumb-dropdown-trigger-focus--box-shadow: none;
  --breadcrumb-dropdown-trigger-focus--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger-focus--border-style: solid;
  --breadcrumb-dropdown-trigger-focus--border-color: transparent;
  --breadcrumb-dropdown-trigger-hover--bg-color: transparent;
  --breadcrumb-dropdown-trigger-hover--box-shadow: none;
  --breadcrumb-dropdown-trigger-hover--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger-hover--border-style: solid;
  --breadcrumb-dropdown-trigger-hover--border-color: transparent;
  --breadcrumb-dropdown-trigger-icon-color: #2E2E38;
  --breadcrumb-dropdown-trigger-icon-hover-color: #4D4D5C;
  --breadcrumb-dropdown-trigger-icon-focus-color: #4D4D5C;
  --breadcrumb-item--color: #2E2E38;
  --breadcrumb-item-hover--color: #4D4D5C;
  --breadcrumb-item-focus--color: #4D4D5C;
  --breadcrumb-item-disabled--color: #9897A6;
  --breadcrumb-item-active--color: #9897A6;
  --breadcrumb-item-icon-color: #656579;
  --breadcrumb-item-icon-hover-icon-color: #4D4D5C;
  --breadcrumb-item-icon-focus-icon-color: #4D4D5C;
  --breadcrumb-item-icon-disabled-icon-color: #9897A6;
  --breadcrumb-item-icon-active-icon-color: #9897A6;
  --breadcrumb-item-alt--color: #0F69AE;
  --breadcrumb-item-alt-hover--color: #1275C1;
  --breadcrumb-item-alt-focus--color: #1275C1;
  --breadcrumb-item-alt-disabled--color: #9897A6;
  --breadcrumb-item-alt-active--color: #7F7F91;
  --breadcrumb-item-icon-alt-icon-color: #0F69AE;
  --breadcrumb-item-icon-alt-hover-icon-color: #1275C1;
  --breadcrumb-item-icon-alt-active-icon-color: #7F7F91;
  --breadcrumb-item-icon-alt-focus-icon-color: #1275C1;
  --breadcrumb-item-icon-alt-disabled-icon-color: #9897A6;
  --breadcrumb-item-link-size: 1rem;
  --breadcrumb-item-link-decoration: none;
  --breadcrumb-item-link-weight: 400;
  --breadcrumb-item-link-hover-weight: 400;
  --breadcrumb-item-link-separator-visibility: none;
  --breadcrumb-item-focus--outline-color: #0F69AE;
  --breadcrumb-item-focus--outline-style: solid;
  --breadcrumb-item-focus--outline-width: 0.1428571429rem;
  --breadcrumb-item-focus--outline-offset: 0.1428571429rem;
  --breadcrumb-item-focus--border-radius: 0.4285714286rem;
  --breadcrumb-item-focus--border-width: 0rem;
  --breadcrumb-item-focus--border-style: solid;
  --breadcrumb-item-focus--border-color: none;
  --btn--font-weight: var(--weight-regular);
  --btn--border-color: inherit;
  --btn--border-style: solid;
  --btn--border-width: 0rem;
  --btn--border-radius: var(--border-radius);
  --btn--box-shadow: none;
  --btn-hover--box-shadow: none;
  --btn--bg-color: #2E2E38;
  --btn--color: #FFF;
  --btn-focus--outline-style: solid;
  --btn-focus--outline-color: #0F69AE;
  --btn-focus--outline-width: 0.1428571429rem;
  --btn-focus--outline-offset: 0.1428571429rem;
  --btn-primary--bg-color: #2E2E38;
  --btn-primary--border-color: #2E2E38;
  --btn-primary--border-style: var(--btn--border-style);
  --btn-primary--border-width: var(--btn--border-width);
  --btn-primary--color: #FFF;
  --btn-primary--box-shadow: none;
  --btn-primary--border-radius: 0.2857142857rem;
  --btn-primary-icon-color: #AFAEBA;
  --btn-primary-focus--bg-color: #4D4D5C;
  --btn-primary-focus--border-color: #4D4D5C;
  --btn-primary-focus--border-style: var(--btn--border-style);
  --btn-primary-focus--border-width: var(--btn--border-width);
  --btn-primary-focus--color: #FFF;
  --btn-primary-focus--box-shadow: none;
  --btn-primary-focus--border-radius: 0.2857142857rem;
  --btn-primary-focus-icon-color: #AFAEBA;
  --btn-primary-hover--bg-color: #4D4D5C;
  --btn-primary-hover--border-color: #4D4D5C;
  --btn-primary-hover--border-style: var(--btn--border-style);
  --btn-primary-hover--border-width: var(--btn--border-width);
  --btn-primary-hover--color: #FFF;
  --btn-primary-hover--box-shadow: none;
  --btn-primary-hover--border-radius: 0.2857142857rem;
  --btn-primary-hover-icon-color: #AFAEBA;
  --btn-primary-active--bg-color: #656579;
  --btn-primary-active--border-color: #656579;
  --btn-primary-active--border-style: var(--btn--border-style);
  --btn-primary-active--border-width: var(--btn--border-width);
  --btn-primary-active--color: #FFF;
  --btn-primary-active--box-shadow: none;
  --btn-primary-active--border-radius: 0.2857142857rem;
  --btn-primary-active-icon-color: #AFAEBA;
  --btn-primary-disabled--bg-color: #9897A6;
  --btn-primary-disabled--border-color: #9897A6;
  --btn-primary-disabled--border-style: var(--btn--border-style);
  --btn-primary-disabled--border-width: var(--btn--border-width);
  --btn-primary-disabled--color: #F3F3F5;
  --btn-primary-disabled--box-shadow: none;
  --btn-primary-disabled--border-radius: 0.2857142857rem;
  --btn-primary-disabled-icon-color: #F3F3F5;
  --btn-primary-disabled-progress--bg-color: #F3F3F5;
  --btn-primary-alt--bg-color: #F3F3F5;
  --btn-primary-alt--border-color: #F3F3F5;
  --btn-primary-alt--border-style: var(--btn--border-style);
  --btn-primary-alt--border-width: var(--btn--border-width);
  --btn-primary-alt--color: #2E2E38;
  --btn-primary-alt--box-shadow: none;
  --btn-primary-alt--border-radius: 0.2857142857rem;
  --btn-primary-alt-icon-color: #656579;
  --btn-primary-alt-focus--bg-color: #E6E6E9;
  --btn-primary-alt-focus--border-color: #E6E6E9;
  --btn-primary-alt-focus--border-style: var(--btn--border-style);
  --btn-primary-alt-focus--border-width: var(--btn--border-width);
  --btn-primary-alt-focus--color: #2E2E38;
  --btn-primary-alt-focus--box-shadow: none;
  --btn-primary-alt-focus--border-radius: 0.2857142857rem;
  --btn-primary-alt-focus-icon-color: #656579;
  --btn-primary-alt-hover--bg-color: #E6E6E9;
  --btn-primary-alt-hover--border-color: #E6E6E9;
  --btn-primary-alt-hover--border-style: var(--btn--border-style);
  --btn-primary-alt-hover--border-width: var(--btn--border-width);
  --btn-primary-alt-hover--color: #2E2E38;
  --btn-primary-alt-hover--box-shadow: none;
  --btn-primary-alt-hover--border-radius: 0.2857142857rem;
  --btn-primary-alt-hover-icon-color: #656579;
  --btn-primary-alt-active--bg-color: #D7D7DC;
  --btn-primary-alt-active--border-color: #D7D7DC;
  --btn-primary-alt-active--border-style: var(--btn--border-style);
  --btn-primary-alt-active--border-width: var(--btn--border-width);
  --btn-primary-alt-active--color: #2E2E38;
  --btn-primary-alt-active--box-shadow: none;
  --btn-primary-alt-active--border-radius: 0.2857142857rem;
  --btn-primary-alt-active-icon-color: #656579;
  --btn-primary-alt-disabled--bg-color: #F3F3F5;
  --btn-primary-alt-disabled--border-color: #F3F3F5;
  --btn-primary-alt-disabled--border-style: var(--btn--border-style);
  --btn-primary-alt-disabled--border-width: var(--btn--border-width);
  --btn-primary-alt-disabled--color: #9897A6;
  --btn-primary-alt-disabled--box-shadow: none;
  --btn-primary-alt-disabled--border-radius: 0.2857142857rem;
  --btn-primary-alt-disabled-icon-color: #9897A6;
  --btn-primary-alt-disabled-progress--bg-color: #9897A6;
  --btn-secondary--bg-color: transparent;
  --btn-secondary--border-color: #C3C3CB;
  --btn-secondary--border-style: var(--btn--border-style);
  --btn-secondary--border-width: 0.0714285714rem;
  --btn-secondary--color: #2E2E38;
  --btn-secondary--box-shadow: none;
  --btn-secondary--border-radius: 0.2857142857rem;
  --btn-secondary-icon-color: #656579;
  --btn-secondary-focus--bg-color: #E6E6E9;
  --btn-secondary-focus--border-color: #C3C3CB;
  --btn-secondary-focus--border-style: var(--btn--border-style);
  --btn-secondary-focus--border-width: 0.0714285714rem;
  --btn-secondary-focus--color: #2E2E38;
  --btn-secondary-focus--box-shadow: none;
  --btn-secondary-focus--border-radius: 0.2857142857rem;
  --btn-secondary-focus-icon-color: #656579;
  --btn-secondary-hover--bg-color: #E6E6E9;
  --btn-secondary-hover--border-color: #C3C3CB;
  --btn-secondary-hover--border-style: var(--btn--border-style);
  --btn-secondary-hover--border-width: 0.0714285714rem;
  --btn-secondary-hover--color: #2E2E38;
  --btn-secondary-hover--box-shadow: none;
  --btn-secondary-hover--border-radius: 0.2857142857rem;
  --btn-secondary-hover-icon-color: #656579;
  --btn-secondary-active--bg-color: #D7D7DC;
  --btn-secondary-active--border-color: #C3C3CB;
  --btn-secondary-active--border-style: var(--btn--border-style);
  --btn-secondary-active--border-width: 0.0714285714rem;
  --btn-secondary-active--color: #2E2E38;
  --btn-secondary-active--box-shadow: none;
  --btn-secondary-active--border-radius: 0.2857142857rem;
  --btn-secondary-active-icon-color: #656579;
  --btn-secondary-disabled--bg-color: transparent;
  --btn-secondary-disabled--border-color: #C3C3CB;
  --btn-secondary-disabled--border-style: var(--btn--border-style);
  --btn-secondary-disabled--border-width: 0.0714285714rem;
  --btn-secondary-disabled--color: #9897A6;
  --btn-secondary-disabled--box-shadow: none;
  --btn-secondary-disabled--border-radius: 0.2857142857rem;
  --btn-secondary-disabled-icon-color: #9897A6;
  --btn-secondary-disabled-progress--bg-color: #9897A6;
  --btn-ghost--bg-color: transparent;
  --btn-ghost--border-color: transparent;
  --btn-ghost--border-style: var(--btn--border-style);
  --btn-ghost--border-width: var(--btn--border-width);
  --btn-ghost--color: #2E2E38;
  --btn-ghost--box-shadow: none;
  --btn-ghost--border-radius: 0.2857142857rem;
  --btn-ghost-icon-color: #656579;
  --btn-ghost-hover--bg-color: #E6E6E9;
  --btn-ghost-hover--border-color: transparent;
  --btn-ghost-hover--border-style: var(--btn--border-style);
  --btn-ghost-hover--border-width: var(--btn--border-width);
  --btn-ghost-hover--color: #2E2E38;
  --btn-ghost-hover--box-shadow: none;
  --btn-ghost-hover--border-radius: 0.2857142857rem;
  --btn-ghost-hover-icon-color: #656579;
  --btn-ghost-active--bg-color: #D7D7DC;
  --btn-ghost-active--border-color: transparent;
  --btn-ghost-active--border-style: var(--btn--border-style);
  --btn-ghost-active--border-width: var(--btn--border-width);
  --btn-ghost-active--color: #2E2E38;
  --btn-ghost-active--box-shadow: none;
  --btn-ghost-active--border-radius: 0.2857142857rem;
  --btn-ghost-active-icon-color: #656579;
  --btn-ghost-focus--bg-color: #E6E6E9;
  --btn-ghost-focus--border-color: transparent;
  --btn-ghost-focus--border-style: var(--btn--border-style);
  --btn-ghost-focus--border-width: var(--btn--border-width);
  --btn-ghost-focus--color: #2E2E38;
  --btn-ghost-focus--box-shadow: none;
  --btn-ghost-focus--border-radius: 0.2857142857rem;
  --btn-ghost-focus-icon-color: #656579;
  --btn-ghost-disabled--bg-color: transparent;
  --btn-ghost-disabled--border-color: transparent;
  --btn-ghost-disabled--border-style: var(--btn--border-style);
  --btn-ghost-disabled--border-width: var(--btn--border-width);
  --btn-ghost-disabled--color: #9897A6;
  --btn-ghost-disabled--box-shadow: none;
  --btn-ghost-disabled--border-radius: 0.2857142857rem;
  --btn-ghost-disabled-icon-color: #9897A6;
  --btn-ghost-disabled-progress--bg-color: #9897A6;
  --btn-warn--bg-color: #EA011D;
  --btn-warn--border-color: transparent;
  --btn-warn--border-style: var(--btn--border-style);
  --btn-warn--border-width: var(--btn--border-width);
  --btn-warn--color: #FFF;
  --btn-warn--box-shadow: none;
  --btn-warn--border-radius: 0.2857142857rem;
  --btn-warn-icon-color: #FCD7CF;
  --btn-warn-progress--bg-color: #FFF;
  --btn-warn-hover--bg-color: #C70117;
  --btn-warn-hover--border-color: #C70117;
  --btn-warn-hover--border-style: var(--btn--border-style);
  --btn-warn-hover--border-width: var(--btn--border-width);
  --btn-warn-hover--color: #FFF;
  --btn-warn-hover--box-shadow: none;
  --btn-warn-hover--border-radius: 0.2857142857rem;
  --btn-warn-hover-icon-color: #FCD7CF;
  --btn-warn-active--bg-color: #A40011;
  --btn-warn-active--border-color: #A40011;
  --btn-warn-active--border-style: var(--btn--border-style);
  --btn-warn-active--border-width: var(--btn--border-width);
  --btn-warn-active--color: #FFF;
  --btn-warn-active--box-shadow: none;
  --btn-warn-active--border-radius: 0.2857142857rem;
  --btn-warn-active-icon-color: #FCD7CF;
  --btn-warn-focus--bg-color: #C70117;
  --btn-warn-focus--border-color: #C70117;
  --btn-warn-focus--border-style: var(--btn--border-style);
  --btn-warn-focus--border-width: var(--btn--border-width);
  --btn-warn-focus--color: #FFF;
  --btn-warn-focus--box-shadow: none;
  --btn-warn-focus--border-radius: 0.2857142857rem;
  --btn-warn-focus-icon-color: #FCD7CF;
  --btn-warn-disabled--bg-color: #9897A6;
  --btn-warn-disabled--border-color: #9897A6;
  --btn-warn-disabled--border-style: var(--btn--border-style);
  --btn-warn-disabled--border-width: var(--btn--border-width);
  --btn-warn-disabled--color: #FFF;
  --btn-warn-disabled--box-shadow: none;
  --btn-warn-disabled--border-radius: 0.2857142857rem;
  --btn-warn-disabled-icon-color: #F3F3F5;
  --btn-warn-disabled-progress--bg-color: #FFF;
  --btn-warn-secondary--bg-color: #FFF;
  --btn-warn-secondary--border-color: #FF4136;
  --btn-warn-secondary--border-style: var(--btn--border-style);
  --btn-warn-secondary--border-width: 0.0714285714rem;
  --btn-warn-secondary--color: #EA011D;
  --btn-warn-secondary--box-shadow: none;
  --btn-warn-secondary--border-radius: 0.2857142857rem;
  --btn-warn-secondary-icon-color: #FF4136;
  --btn-warn-secondary-progress--bg-color: #EA011D;
  --btn-warn-secondary-hover--bg-color: #FCF5F3;
  --btn-warn-secondary-hover--border-color: #FF4136;
  --btn-warn-secondary-hover--border-style: var(--btn--border-style);
  --btn-warn-secondary-hover--border-width: 0.0714285714rem;
  --btn-warn-secondary-hover--color: #C70117;
  --btn-warn-secondary-hover--box-shadow: none;
  --btn-warn-secondary-hover--border-radius: 0.2857142857rem;
  --btn-warn-secondary-hover-icon-color: #C70117;
  --btn-warn-secondary-active--bg-color: #FCD7CF;
  --btn-warn-secondary-active--border-color: #FF4136;
  --btn-warn-secondary-active--border-style: var(--btn-border-style);
  --btn-warn-secondary-active--border-width: 0.0714285714rem;
  --btn-warn-secondary-active--color: #A40011;
  --btn-warn-secondary-active--box-shadow: none;
  --btn-warn-secondary-active--border-radius: 0.2857142857rem;
  --btn-warn-secondary-active-icon-color: #A40011;
  --btn-warn-secondary-focus--bg-color: #FCF5F3;
  --btn-warn-secondary-focus--border-color: #C70117;
  --btn-warn-secondary-focus--border-style: var(--btn-border-style);
  --btn-warn-secondary-focus--border-width: 0.0714285714rem;
  --btn-warn-secondary-focus--color: #C70117;
  --btn-warn-secondary-focus--box-shadow: none;
  --btn-warn-secondary-focus--border-radius: 0.2857142857rem;
  --btn-warn-secondary-focus--icon-color: #C70117;
  --btn-warn-secondary-disabled--bg-color: transparent;
  --btn-warn-secondary-disabled--border-color: #C3C3CB;
  --btn-warn-secondary-disabled--border-style: var(--btn--border-style);
  --btn-warn-secondary-disabled--border-width: 0.0714285714rem;
  --btn-warn-secondary-disabled--color: #9897A6;
  --btn-warn-secondary-disabled--box-shadow: none;
  --btn-warn-secondary-disabled--border-radius: 0.2857142857rem;
  --btn-warn-secondary-disabled-icon-color: #9897A6;
  --btn-warn-ghost--bg-color: transparent;
  --btn-warn-ghost--border-color: transparent;
  --btn-warn-ghost--border-style: var(--btn--border-style);
  --btn-warn-ghost--border-width: var(--btn--border-width);
  --btn-warn-ghost--color: #EA011D;
  --btn-warn-ghost--box-shadow: none;
  --btn-warn-ghost--border-radius: 0.2857142857rem;
  --btn-warn-ghost-icon-color: #FF4136;
  --btn-warn-ghost-progress--bg-color: #EA011D;
  --btn-warn-ghost-hover--bg-color: #FCF5F3;
  --btn-warn-ghost-hover--border-color: transparent;
  --btn-warn-ghost-hover--border-style: var(--btn--border-style);
  --btn-warn-ghost-hover--border-width: var(--btn--border-width);
  --btn-warn-ghost-hover--color: #C70117;
  --btn-warn-ghost-hover--box-shadow: none;
  --btn-warn-ghost-hover--border-radius: 0.2857142857rem;
  --btn-warn-ghost-hover-icon-color: #C70117;
  --btn-warn-ghost-active--bg-color: #FCD7CF;
  --btn-warn-ghost-active--border-color: transparent;
  --btn-warn-ghost-active--border-style: var(--btn-border-style);
  --btn-warn-ghost-active--border-width: var(--btn-border-width);
  --btn-warn-ghost-active--color: #A40011;
  --btn-warn-ghost-active--box-shadow: none;
  --btn-warn-ghost-active--border-radius: 0.2857142857rem;
  --btn-warn-ghost-active-icon-color: #A40011;
  --btn-warn-ghost-focus--bg-color: #FCF5F3;
  --btn-warn-ghost-focus--border-color: transparent;
  --btn-warn-ghost-focus--border-style: var(--btn-border-style);
  --btn-warn-ghost-focus--border-width: var(--btn-border-width);
  --btn-warn-ghost-focus--color: #C70117;
  --btn-warn-ghost-focus--box-shadow: none;
  --btn-warn-ghost-focus--border-radius: 0.2857142857rem;
  --btn-warn-ghost-focus--icon-color: #FF4136;
  --btn-warn-ghost-disabled--bg-color: transparent;
  --btn-warn-ghost-disabled--border-color: transparent;
  --btn-warn-ghost-disabled--border-style: var(--btn--border-style);
  --btn-warn-ghost-disabled--border-width: var(--btn--border-width);
  --btn-warn-ghost-disabled--color: #9897A6;
  --btn-warn-ghost-disabled--box-shadow: none;
  --btn-warn-ghost-disabled--border-radius: 0.2857142857rem;
  --btn-warn-ghost-disabled-icon-color: #9897A6;
  --btn-text--color: #2E2E38;
  --btn-text-icon-color: #656579;
  --btn-text--background-color: transparent;
  --btn-text--border-color: transparent;
  --btn-text--border-style: none;
  --btn-text--border-width: none;
  --btn-text--border-radius: 0.2857142857rem;
  --btn-text--text-underline-offset: transparent;
  --btn-text--box-shadow: none;
  --btn-text-hover--color: #4D4D5C;
  --btn-text-hover--background-color: transparent;
  --btn-text-hover-icon-color: #656579;
  --btn-text-hover--border-color: transparent;
  --btn-text-hover--border-style: none;
  --btn-text-hover--border-width: 0;
  --btn-text-hover--box-shadow: none;
  --btn-text-hover--border-radius: 0.2857142857rem;
  --btn-text-focus--color: #4D4D5C;
  --btn-text-focus-icon--color: #2E2E38;
  --btn-text-focus--background-color: #F9F9FA;
  --btn-text-focus--border-color: transparent;
  --btn-text-focus--border-style: none;
  --btn-text-focus--border-width: 0;
  --btn-text-focus--box-shadow: none;
  --btn-text-focus--border-radius: 0.2857142857rem;
  --btn-text-active--color: #656579;
  --btn-text-active-icon-color: #656579;
  --btn-text-active--background-color: transparent;
  --btn-text-active--border-color: transparent;
  --btn-text-active--border-style: none;
  --btn-text-active--border-width: 0;
  --btn-text-active--box-shadow: none;
  --btn-text-active--border-radius: 0.2857142857rem;
  --btn-text-disabled--bg-color: transparent;
  --btn-text-disabled--color: #9897A6;
  --btn-text-disabled-icon--color: #9897A6;
  --btn-text-disabled-progress--background-color: transparent;
  --btn-text-disabled--border-color: transparent;
  --btn-text-disabled--border-style: var(--btn--border-style);
  --btn-text-disabled--border-width: var(--btn--border-width);
  --btn-text-disabled--box-shadow: none;
  --btn-text-disabled--border-radius: 0.2857142857rem;
  --btn-text-alt--color: #0F69AE;
  --btn-text-alt-icon-color: #0F69AE;
  --btn-text-alt--background-color: transparent;
  --btn-text-alt--border-color: transparent;
  --btn-text-alt--border-style: none;
  --btn-text-alt--border-width: none;
  --btn-text-alt--text-underline-offset: 0.1428571429rem;
  --btn-text-alt--box-shadow: none;
  --btn-text-alt--border-radius: none;
  --btn-text-alt-progress--background-color: #0F69AE;
  --btn-text-alt-focus--color: #1275C1;
  --btn-text-alt-focus--background-color: #F9F9FA;
  --btn-text-alt-focus-icon--color: #0F69AE;
  --btn-text-alt-focus--border-color: transparent;
  --btn-text-alt-focus--border-style: none;
  --btn-text-alt-focus--border-width: 0;
  --btn-text-alt-focus--box-shadow: none;
  --btn-text-alt-focus--border-radius: 0.2857142857rem;
  --btn-text-alt-hover--background-color: transparent;
  --btn-text-alt-hover--color: #1275C1;
  --btn-text-alt-hover--border-color: transparent;
  --btn-text-alt-hover--border-style: none;
  --btn-text-alt-hover--border-width: none;
  --btn-text-alt-hover--box-shadow: none;
  --btn-text-alt-hover--border-radius: 0.2857142857rem;
  --btn-text-alt-hover-icon-color: #1275C1;
  --btn-text-alt-hover-text-decoration: none;
  --btn-text-alt-active--color: #188CE5;
  --btn-text-alt-active--background-color: transparent;
  --btn-text-alt-active-icon--color: #1275C1;
  --btn-text-alt-active--border-color: transparent;
  --btn-text-alt-active--border-style: none;
  --btn-text-alt-active--border-width: 0;
  --btn-text-alt-active--box-shadow: none;
  --btn-text-alt-active--border-radius: 0.2857142857rem;
  --btn-text-alt-disabled--color: #9897A6;
  --btn-text-alt-disabled-icon--color: #9897A6;
  --btn-text-alt-disabled-progress--background-color: #9897A6;
  --btn-text-alt-disabled--border-color: transparent;
  --btn-text-alt-disabled--border-style: none;
  --btn-text-alt-disabled--border-width: 0;
  --btn-text-alt-disabled--box-shadow: none;
  --btn-warn-text--bg-color: transparent;
  --btn-warn-text--border-color: transparent;
  --btn-warn-text--border-style: var(--btn-border-style);
  --btn-warn-text--border-width: var(--btn-border-width);
  --btn-warn-text--color: #EA011D;
  --btn-warn-text--box-shadow: none;
  --btn-warn-text--border-radius: 0.2857142857rem;
  --btn-warn-text-icon-color: #FF4136;
  --btn-warn-text-progress--bg-color: #EA011D;
  --btn-warn-text-hover--bg-color: transparent;
  --btn-warn-text-hover--border-color: transparent;
  --btn-warn-text-hover--border-style: var(--btn-border-style);
  --btn-warn-text-hover--border-width: var(--btn-border-width);
  --btn-warn-text-hover--color: #C70117;
  --btn-warn-text-hover--box-shadow: none;
  --btn-warn-text-hover--border-radius: 0.2857142857rem;
  --btn-warn-text-hover-icon-color: #C70117;
  --btn-warn-text-active--bg-color: transparent;
  --btn-warn-text-active--border-color: transparent;
  --btn-warn-text-active--border-style: var(--btn-border-style);
  --btn-warn-text-active--border-width: var(--btn-border-width);
  --btn-warn-text-active--color: #A40011;
  --btn-warn-text-active--box-shadow: none;
  --btn-warn-text-active--border-radius: 0.2857142857rem;
  --btn-warn-text-active-icon-color: #A40011;
  --btn-warn-text-focus--bg-color: #F9F9FA;
  --btn-warn-text-focus--border-color: transparent;
  --btn-warn-text-focus--border-style: var(--btn-border-style);
  --btn-warn-text-focus--border-width: var(--btn-border-width);
  --btn-warn-text-focus--color: #C70117;
  --btn-warn-text-focus--box-shadow: none;
  --btn-warn-text-focus--border-radius: 0.2857142857rem;
  --btn-warn-text-focus-icon-color: #C70117;
  --btn-warn-text-disabled--bg-color: transparent;
  --btn-warn-text-disabled--border-color: transparent;
  --btn-warn-text-disabled--border-style: var(--btn-border-style);
  --btn-warn-text-disabled--border-width: var(--btn-border-width);
  --btn-warn-text-disabled--color: #9897A6;
  --btn-warn-text-disabled--box-shadow: none;
  --btn-warn-text-disabled--border-radius: 0.2857142857rem;
  --btn-warn-text-disabled-icon-color: #9897A6;
  --btn-warn-text-disabled-progress--bg-color: #9897A6;
  --btn-icon-color: #656579;
  --btn-icon--bg-color: transparent;
  --btn-icon--border-color: transparent;
  --btn-icon--border-width: 0 0 0 0;
  --btn-icon--border-style: none;
  --btn-icon--box-shadow: none;
  --btn-icon--border-radius: 0.2857142857rem;
  --btn-icon-hover-icon-color: #656579;
  --btn-icon-hover--bg-color: #E6E6E9;
  --btn-icon-hover--border-color: transparent;
  --btn-icon-hover--border-width: 0 0 0 0;
  --btn-icon-hover--border-style: none;
  --btn-icon-hover--box-shadow: none;
  --btn-icon-focus-icon-color: #656579;
  --btn-icon-focus--bg-color: #E6E6E9;
  --btn-icon-focus--border-color: transparent;
  --btn-icon-focus--border-width: 0 0 0 0;
  --btn-icon-focus--border-style: none;
  --btn-icon-focus--box-shadow: none;
  --btn-icon-focus--outline-color: #0F69AE;
  --btn-icon-focus--outline-width: 0.1428571429rem;
  --btn-icon-focus--outline-style: solid;
  --btn-icon-focus--outline-offset: 0.1428571429rem;
  --btn-icon-active-icon-color: #656579;
  --btn-icon-active--bg-color: #D7D7DC;
  --btn-icon-active--border-color: transparent;
  --btn-icon-active--border-width: 0 0 0 0;
  --btn-icon-active--border-style: none;
  --btn-icon-active--box-shadow: none;
  --btn-icon-disabled-icon-color: #9897A6;
  --btn-icon-disabled--bg-color: transparent;
  --btn-icon-disabled--border-color: transparent;
  --btn-icon-disabled--border-width: 0 0 0 0;
  --btn-icon-disabled--border-style: none;
  --btn-icon-disabled--box-shadow: none;
  --btn-fab-icon-color: #FFF;
  --btn-fab--size: 3.7142857143rem;
  --btn-fab--border-color: #2E2E38;
  --btn-fab--border-style: none;
  --btn-fab--border-width: 0;
  --btn-fab--border-radius: 50%;
  --btn-fab--bg-color: #2E2E38;
  --btn-fab--box-shadow: none;
  --btn-fab-focus--color: #FFF;
  --btn-fab-focus-icon-color: #FFF;
  --btn-fab-focus--bg-color: #2E2E38;
  --btn-fab-focus--box-shadow: none;
  --btn-fab-focus--border-color: #0F69AE;
  --btn-fab-focus--border-style: none;
  --btn-fab-focus--border-width: 0;
  --btn-fab-focus--border-radius: 50%;
  --btn-fab-hover--color: #FFF;
  --btn-fab-hover-icon-color: #FFF;
  --btn-fab-hover--bg-color: #4D4D5C;
  --btn-fab-hover--box-shadow: none;
  --btn-fab-hover--border-color: #4D4D5C;
  --btn-fab-hover--border-style: none;
  --btn-fab-hover--border-width: 0;
  --btn-fab-hover--border-radius: 50%;
  --btn-fab-disabled--color: #9897A6;
  --btn-fab-disabled-icon-color: #9897A6;
  --btn-fab-disabled--bg-color: #F3F3F5;
  --btn-fab-disabled--box-shadow: none;
  --btn-fab-disabled--border-color: #F3F3F5;
  --btn-fab-disabled--border-style: none;
  --btn-fab-disabled--border-width: 0;
  --btn-fab-disabled--border-radius: 50%;
  --btn-fab-sm--size: 3.1428571429rem;
  --btn-fab-icon--size: 1.4285714286rem;
  --btn-fab-icon-sm--size: 1.4285714286rem;
  --btn-loader-primary-progress-disabled--bg-color: #F3F3F5;
  --btn-loader-primary--color: #FFF;
  --btn-loader-primary--bg-color: #2E2E38;
  --btn-loader-primary--border-color: #2E2E38;
  --btn-loader-primary--border-style: solid;
  --btn-loader-primary--border-width: 0.0714285714rem;
  --btn-loader-primary--box-shadow: none;
  --btn-loader-primary--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress--bg-color: #F3F3F5;
  --btn-loader-primary-hover--color: #FFF;
  --btn-loader-primary-hover--bg-color: #4D4D5C;
  --btn-loader-primary-hover--border-color: #4D4D5C;
  --btn-loader-primary-hover--border-style: solid;
  --btn-loader-primary-hover--border-width: 0.0714285714rem;
  --btn-loader-primary-hover--box-shadow: none;
  --btn-loader-primary-hover--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress-hover--bg-color: #F3F3F5;
  --btn-loader-primary-active--color: #FFF;
  --btn-loader-primary-active--bg-color: #656579;
  --btn-loader-primary-active--border-color: #656579;
  --btn-loader-primary-active--border-style: solid;
  --btn-loader-primary-active--border-width: 0.0714285714rem;
  --btn-loader-primary-active--box-shadow: none;
  --btn-loader-primary-active--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress-active--bg-color: #F3F3F5;
  --btn-loader-primary-focus--color: #FFF;
  --btn-loader-primary-focus--bg-color: #4D4D5C;
  --btn-loader-primary-focus--border-color: #0F69AE;
  --btn-loader-primary-focus--border-style: solid;
  --btn-loader-primary-focus--border-width: 0.1428571429rem;
  --btn-loader-primary-focus--box-shadow: none;
  --btn-loader-primary-focus--border-radius: 0.4285714286rem;
  --btn-loader-primary-progress-focus--bg-color: #F3F3F5;
  --btn-loader-primary-alt-progress-disabled--bg-color: #9897A6;
  --btn-loader-primary-alt--color: #2E2E38;
  --btn-loader-primary-alt--bg-color: #F3F3F5;
  --btn-loader-primary-alt--border-color: transparent;
  --btn-loader-primary-alt--border-style: none;
  --btn-loader-primary-alt--border-width: 0;
  --btn-loader-primary-alt--box-shadow: none;
  --btn-loader-primary-alt--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress--bg-color: #2E2E38;
  --btn-loader-primary-alt-hover--color: #2E2E38;
  --btn-loader-primary-alt-hover--bg-color: #E6E6E9;
  --btn-loader-primary-alt-hover--border-color: transparent;
  --btn-loader-primary-alt-hover--border-style: none;
  --btn-loader-primary-alt-hover--border-width: 0;
  --btn-loader-primary-alt-hover--box-shadow: none;
  --btn-loader-primary-alt-hover--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-hover--bg-color: #2E2E38;
  --btn-loader-primary-alt-active--color: #2E2E38;
  --btn-loader-primary-alt-active--bg-color: #D7D7DC;
  --btn-loader-primary-alt-active--border-color: transparent;
  --btn-loader-primary-alt-active--border-style: none;
  --btn-loader-primary-alt-active--border-width: 0;
  --btn-loader-primary-alt-active--box-shadow: none;
  --btn-loader-primary-alt-active--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-active--bg-color: #2E2E38;
  --btn-loader-primary-alt-focus--color: #2E2E38;
  --btn-loader-primary-alt-focus--bg-color: #E6E6E9;
  --btn-loader-primary-alt-focus--border-color: #0F69AE;
  --btn-loader-primary-alt-focus--border-style: solid;
  --btn-loader-primary-alt-focus--border-width: 0.1428571429rem;
  --btn-loader-primary-alt-focus--box-shadow: none;
  --btn-loader-primary-alt-focus--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-focus--bg-color: #2E2E38;
  --btn-loader-secondary-progress-disabled--bg-color: #9897A6;
  --btn-loader-secondary--color: #2E2E38;
  --btn-loader-secondary--bg-color: transparent;
  --btn-loader-secondary--border-color: #C3C3CB;
  --btn-loader-secondary--border-style: solid;
  --btn-loader-secondary--border-width: 0.0714285714rem;
  --btn-loader-secondary--box-shadow: none;
  --btn-loader-secondary--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress--bg-color: #2E2E38;
  --btn-loader-secondary-hover--color: #2E2E38;
  --btn-loader-secondary-hover--bg-color: #E6E6E9;
  --btn-loader-secondary-hover--border-color: #C3C3CB;
  --btn-loader-secondary-hover--border-style: solid;
  --btn-loader-secondary-hover--border-width: 0.0714285714rem;
  --btn-loader-secondary-hover--box-shadow: none;
  --btn-loader-secondary-hover--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress-hover--bg-color: #2E2E38;
  --btn-loader-secondary-active--color: #2E2E38;
  --btn-loader-secondary-active--bg-color: #D7D7DC;
  --btn-loader-secondary-active--border-color: #C3C3CB;
  --btn-loader-secondary-active--border-style: solid;
  --btn-loader-secondary-active--border-width: 0.0714285714rem;
  --btn-loader-secondary-active--box-shadow: none;
  --btn-loader-secondary-active--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress-active--bg-color: #2E2E38;
  --btn-loader-secondary-focus--color: #2E2E38;
  --btn-loader-secondary-focus--bg-color: #E6E6E9;
  --btn-loader-secondary-focus--border-color: #0F69AE;
  --btn-loader-secondary-focus--border-style: solid;
  --btn-loader-secondary-focus--border-width: 0.1428571429rem;
  --btn-loader-secondary-focus--box-shadow: none;
  --btn-loader-secondary-focus--border-radius: 0.4285714286rem;
  --btn-loader-secondary-progress-focus--bg-color: #2E2E38;
  --btn-loader-progress--height: 0.2857142857rem;
  --btn-link--bg-color: transparent;
  --btn-link--border-color: transparent;
  --btn-link--border-style: none;
  --btn-link--border-width: var(--btn--border-width);
  --btn-link--text-underline-offset: transparent;
  --btn-link--color: #2E2E38;
  --btn-link--box-shadow: none;
  --btn-link--border-radius: none;
  --btn-link-icon-color: #2E2E38;
  --btn-link-focus--color: #4D4D5C;
  --btn-link-focus--bg-color: transparent;
  --btn-link-focus--border-color: transparent;
  --btn-link-focus--border-style: none;
  --btn-link-focus--border-width: 0;
  --btn-link-focus--box-shadow: none;
  --btn-link-focus--border-radius: 0.2857142857rem;
  --btn-link-focus-icon-color: #4D4D5C;
  --btn-link-active--color: #656579;
  --btn-link-active--bg-color: transparent;
  --btn-link-active--border-color: transparent;
  --btn-link-active--border-style: none;
  --btn-link-active--border-width: 0;
  --btn-link-active--box-shadow: none;
  --btn-link-active--border-radius: 0.2857142857rem;
  --btn-link-active-icon-color: #656579;
  --btn-link-hover--color: #4D4D5C;
  --btn-link-hover--bg-color: transparent;
  --btn-link-hover--border-color: transparent;
  --btn-link-hover--border-style: none;
  --btn-link-hover--border-width: none;
  --btn-link-hover--box-shadow: none;
  --btn-link-hover--border-radius: 0.2857142857rem;
  --btn-link-hover-icon-color: #4D4D5C;
  --btn-link-hover-text-decoration: none;
  --btn-link-disabled--bg-color: transparent;
  --btn-link-disabled--border-color: transparent;
  --btn-link-disabled--border-style: var(--btn--border-style);
  --btn-link-disabled--border-width: var(--btn--border-width);
  --btn-link-disabled--color: #9897A6;
  --btn-link-disabled--box-shadow: none;
  --btn-link-disabled--border-radius: 0.2857142857rem;
  --btn-link-disabled-badge--border-color: transparent;
  --btn-link-disabled-badge--border-style: none;
  --btn-link-disabled-badge--border-width: 0;
  --btn-link-disabled-badge--bg-color: #9897A6;
  --btn-link-disabled-badge--color: #FFF;
  --btn-link-disabled-icon-color: #9897A6;
  --btn-link-badge--border-color: transparent;
  --btn-link-badge--border-style: var(--btn--border-style);
  --btn-link-badge--border-width: var(--btn--border-width);
  --btn-link-badge--bg-color: #7F7F91;
  --btn-link-badge--color: #FFF;
  --btn-link-alt--bg-color: transparent;
  --btn-link-alt--border-color: transparent;
  --btn-link-alt--border-style: none;
  --btn-link-alt--border-width: none;
  --btn-link-alt--text-underline-offset: 0.1428571429rem;
  --btn-link-alt--color: #0F69AE;
  --btn-link-alt--box-shadow: none;
  --btn-link-alt--border-radius: none;
  --btn-link-alt-icon-color: #0F69AE;
  --btn-link-alt-focus--color: #1275C1;
  --btn-link-alt-focus--bg-color: transparent;
  --btn-link-alt-focus--border-color: transparent;
  --btn-link-alt-focus--border-style: none;
  --btn-link-alt-focus--border-width: 0;
  --btn-link-alt-focus--box-shadow: none;
  --btn-link-alt-focus--border-radius: 0.2857142857rem;
  --btn-link-alt-focus-icon-color: #1275C1;
  --btn-link-alt-active--color: #188CE5;
  --btn-link-alt-active--bg-color: transparent;
  --btn-link-alt-active--border-color: transparent;
  --btn-link-alt-active--border-style: none;
  --btn-link-alt-active--border-width: 0;
  --btn-link-alt-active--box-shadow: none;
  --btn-link-alt-active--border-radius: 0.2857142857rem;
  --btn-link-alt-active-icon-color: #188CE5;
  --btn-link-alt-hover--color: #1275C1;
  --btn-link-alt-hover--bg-color: transparent;
  --btn-link-alt-hover--border-color: transparent;
  --btn-link-alt-hover--border-style: none;
  --btn-link-alt-hover--border-width: none;
  --btn-link-alt-hover--box-shadow: none;
  --btn-link-alt-hover--border-radius: 0.2857142857rem;
  --btn-link-alt-hover-icon-color: #1275C1;
  --btn-link-alt-hover-text-decoration: none;
  --btn-link-alt-disabled--bg-color: transparent;
  --btn-link-alt-disabled--border-color: transparent;
  --btn-link-alt-disabled--border-style: var(--btn--border-style);
  --btn-link-alt-disabled--border-width: var(--btn--border-width);
  --btn-link-alt-disabled--color: #9897A6;
  --btn-link-alt-disabled--box-shadow: none;
  --btn-link-alt-disabled--border-radius: 0.2857142857rem;
  --btn-link-alt-disabled-badge--border-color: transparent;
  --btn-link-alt-disabled-badge--border-style: none;
  --btn-link-alt-disabled-badge--border-width: 0;
  --btn-link-alt-disabled-badge--bg-color: #9897A6;
  --btn-link-alt-disabled-badge--color: #FFF;
  --btn-link-alt-disabled-icon-color: #9897A6;
  --btn-link-alt-badge--border-color: none;
  --btn-link-alt-badge--border-style: var(--btn--border-style);
  --btn-link-alt-badge--border-width: var(--btn--border-width);
  --btn-link-alt-badge--bg-color: var(--text-link-alt--color);
  --btn-link-alt-badge--color: #FFF;
  --btn-group--border-color: #C3C3CB;
  --btn-group--border-style: var(--btn--border-style);
  --btn-group--border-width: var(--btn--border-width);
  --btn-group--bg-color: #FFF;
  --btn-group--color: #2E2E38;
  --btn-group--box-shadow: none;
  --btn-group--border-radius: 0;
  --btn-group--border-radius-left: 0.2857142857rem 0 0 0.2857142857rem;
  --btn-group--border-radius-right: 0 0.2857142857rem 0.2857142857rem 0;
  --btn-group-focus--border-color: #C3C3CB;
  --btn-group-focus--border-style: var(--btn--border-style);
  --btn-group-focus--border-width: var(--btn--border-width);
  --btn-group-focus--bg-color: #E6E6E9;
  --btn-group-focus--color: #2E2E38;
  --btn-group-focus--box-shadow: none;
  --btn-group-focus--border-radius: 0;
  --btn-group-focus--outline-width: 0.1428571429rem;
  --btn-group-focus--outline-style: solid;
  --btn-group-focus--outline-offset: 0.1428571429rem;
  --btn-group-focus--outline-color: #0F69AE;
  --btn-group-hover--border-color: #C3C3CB;
  --btn-group-hover--border-style: var(--btn--border-style);
  --btn-group-hover--border-width: var(--btn--border-width);
  --btn-group-hover--bg-color: #E6E6E9;
  --btn-group-hover--color: #2E2E38;
  --btn-group-hover--box-shadow: none;
  --btn-group-hover--border-radius: 0;
  --btn-group-disabled--border-color: #C3C3CB;
  --btn-group-disabled--border-style: var(--btn--border-style);
  --btn-group-disabled--border-width: 0.0714285714rem;
  --btn-group-disabled--bg-color: #FFF;
  --btn-group-disabled--color: #9897A6;
  --btn-group-disabled--box-shadow: none;
  --btn-group-disabled--border-radius: 0;
  --btn-group-active--border-color: #C3C3CB;
  --btn-group-active--border-style: var(--btn--border-style);
  --btn-group-active--border-width: var(--btn--border-width);
  --btn-group-active--bg-color: #F3F3F5;
  --btn-group-active--color: #2E2E38;
  --btn-group-active--box-shadow: none;
  --btn-group-active--border-radius: 0;
  --card--border-color: #E6E6E9;
  --card--border-style: solid;
  --card--border-width: 1px;
  --card--border-radius: 0.2857142857rem;
  --card--bg-color: #FFF;
  --card--box-shadow: none;
  --card-hover--box-shadow: none;
  --card-header--border-radius: 0.2857142857rem;
  --card-header--bg-color: #FFF;
  --card-header-icon-color: #656579;
  --card-header-alt-icon-color: #FFF;
  --card-header-alt-icon-hover-icon-color: #1A1A24;
  --card-header-icon-hover--bg-color: #E6E6E9;
  --card-header-separator-line--border-color: transparent transparent #D7D7DC transparent;
  --card-header-separator-line--border-style: none;
  --card-header-separator-line--border-width: 0 0 0.0714285714rem 0;
  --card-header-alt--color: #FFF;
  --card-header-alt--bg-color: #7F7F91;
  --card-header--color: #2E2E38;
  --card-title--color: #656579;
  --card-body--color: #656579;
  --card-footer-separator-line--border-color: transparent;
  --card-footer-separator-line--border-style: none;
  --card-footer-separator-line--border-width: 0;
  --card-footer-tab-active--border-color: #7F7F91 transparent transparent transparent;
  --card-footer-tab-active--border-style: solid none none none;
  --card-footer-tab-active--border-width: 0.1428571429rem 0 0 0;
  --card-footer--bg-color: #C3C3CB;
  --card-footer--color: #7F7F91;
  --carousel--bg-color: transparent;
  --carousel--border-color: transparent;
  --carousel--border-style: none;
  --carousel--border-width: 0;
  --carousel--box-shadow: none;
  --carousel-dot--border-color: #C3C3CB;
  --carousel-dot--border-style: solid;
  --carousel-dot--border-width: 1px;
  --carousel-dot--bg-color: #C3C3CB;
  --carousel-dot--border-radius: 0.4285714286rem;
  --carousel-dot--box-shadow: none;
  --carousel-dot-focus--border-color: #2E2E38;
  --carousel-dot-focus--border-style: solid;
  --carousel-dot-focus--border-width: 1px;
  --carousel-dot-focus--bg-color: #2E2E38;
  --carousel-dot-focus--outline-color: #0F69AE;
  --carousel-dot-focus--outline-style: solid;
  --carousel-dot-focus--outline-width: 0.0714285714rem;
  --carousel-dot-focus--outline-offset: 0.0714285714rem;
  --carousel-dot-focus--box-shadow: none;
  --carousel-dot-hover--border-color: #2E2E38;
  --carousel-dot-hover--border-style: solid;
  --carousel-dot-hover--border-width: 1px;
  --carousel-dot-hover--bg-color: #2E2E38;
  --carousel-dot-hover--box-shadow: none;
  --carousel-dot-active--border-color: #2E2E38;
  --carousel-dot-active--border-style: solid;
  --carousel-dot-active--border-width: 1px;
  --carousel-dot-active--bg-color: #2E2E38;
  --carousel-dot-active--box-shadow: none;
  --carousel-dot-group--border-color: transparent;
  --carousel-dot-group--border-style: solid;
  --carousel-dot-group--border-width: 1px;
  --carousel-dot-group--bg-color: #F9F9FA;
  --carousel-dot-group--border-radius: 1.2142857143rem;
  --carousel-dot-group--box-shadow: none;
  --carousel-play-pause--border-color: #C3C3CB;
  --carousel-play-pause--border-style: solid;
  --carousel-play-pause--border-width: 1px;
  --carousel-play-pause--bg-color: #F3F3F5;
  --carousel-play-pause--color: #656579;
  --carousel-play-pause--border-radius: 1.5714285714rem;
  --carousel-play-pause-icon-color: #656579;
  --carousel-play-pause-focus--border-color: #0F69AE;
  --carousel-play-pause-focus--border-style: solid;
  --carousel-play-pause-focus--border-width: 1px;
  --carousel-play-pause-focus--bg-color: #E6E6E9;
  --carousel-play-pause-focus--color: #656579;
  --carousel-play-pause-focus-icon-color: #656579;
  --carousel-play-pause-hover--border-color: #C3C3CB;
  --carousel-play-pause-hover--border-style: solid;
  --carousel-play-pause-hover--border-width: 1px;
  --carousel-play-pause-hover--bg-color: #E6E6E9;
  --carousel-play-pause-hover--color: #656579;
  --carousel-play-pause-hover-icon-color: #656579;
  --carousel-play-pause-active--border-color: #C3C3CB;
  --carousel-play-pause-active--border-style: solid;
  --carousel-play-pause-active--border-width: 1px;
  --carousel-play-pause-active--bg-color: #D7D7DC;
  --carousel-play-pause-active--color: #656579;
  --carousel-play-pause-active-icon-color: #656579;
  --carousel-back-forward--bg-color: #F3F3F5;
  --carousel-back-forward--border-color: #C3C3CB;
  --carousel-back-forward--border-style: solid;
  --carousel-back-forward--border-width: 1px;
  --carousel-back-forward--border-radius: 50%;
  --carousel-back-forward--box-shadow: none;
  --carousel-back-forward-icon-color: #656579;
  --carousel-back-forward-focus--bg-color: #E6E6E9;
  --carousel-back-forward-focus--border-color: #0F69AE;
  --carousel-back-forward-focus--border-style: solid;
  --carousel-back-forward-focus--border-width: 1px;
  --carousel-back-forward-focus--box-shadow: none;
  --carousel-back-forward-focus-icon-color: #656579;
  --carousel-back-forward-hover--bg-color: #E6E6E9;
  --carousel-back-forward-hover--border-color: #C3C3CB;
  --carousel-back-forward-hover--border-style: solid;
  --carousel-back-forward-hover--border-width: 1px;
  --carousel-back-forward-hover--box-shadow: none;
  --carousel-back-forward-hover-icon-color: #656579;
  --carousel-back-forward-active--bg-color: #D7D7DC;
  --carousel-back-forward-active--border-color: #C3C3CB;
  --carousel-back-forward-active--border-style: solid;
  --carousel-back-forward-active--border-width: 1px;
  --carousel-back-forward-active--box-shadow: none;
  --carousel-back-forward-active-icon-color: #656579;
  --chip--color: #2E2E38;
  --chip--border-color: transparent;
  --chip--border-style: solid;
  --chip--border-width: 0.0714285714rem;
  --chip--border-radius: 1.1428571429rem;
  --chip--box-shadow: none;
  --chip--bg-color: #F3F3F5;
  --chip-hover--color: #2E2E38;
  --chip-hover--bg-color: #F3F3F5;
  --chip-hover--border-color: #E6E6E9;
  --chip-hover--border-style: solid;
  --chip-hover--border-width: 0.0714285714rem;
  --chip-hover--border-radius: 1.1428571429rem;
  --chip-hover--box-shadow: none;
  --chip-hover-icon-color: #656579;
  --chip-icon-color: #656579;
  --chip-btn-hover--bg-color: #AFAEBA;
  --chip-btn-hover--color: #7F7F91;
  --chip-pill--color: #2E2E38;
  --chip-pill--bg-color: #FFF;
  --chip-dot--color: #656579;
  --chip-dot--bg-color: #656579;
  --chip-dot--border-color: transparent;
  --chip-dot--border-style: none;
  --chip-dot--border-width: 0;
  --chip-dot--width: 0.5714285714rem;
  --chip-dot--height: 0.5714285714rem;
  --chip-active--color: #2E2E38;
  --chip-active--bg-color: #E6E6E9;
  --chip-active--border-color: #E6E6E9;
  --chip-active--border-style: solid;
  --chip-active--border-width: 0.0714285714rem;
  --chip-active--border-radius: 1.1428571429rem;
  --chip-active--box-shadow: none;
  --chip-disabled--color: #9897A6;
  --chip-disabled--bg-color: #F3F3F5;
  --chip-disabled--border-color: transparent;
  --chip-disabled--border-style: solid;
  --chip-disabled--border-width: 0.0714285714rem;
  --chip-disabled--border-radius: 1.1428571429rem;
  --chip-disabled--box-shadow: none;
  --chip-disabled-icon-color: #9897A6;
  --chip-disabled-dot--bg-color: #F3F3F5;
  --chip-disabled-dot--color: #9897A6;
  --chip-disabled-dot-icon-color: #9897A6;
  --chip-success--border-color: transparent;
  --chip-success--border-style: solid;
  --chip-success--border-width: 0.0714285714rem;
  --chip-success--bg-color: #E7FCE8;
  --chip-success--color: #197335;
  --chip-success--border-radius: 1.1428571429rem;
  --chip-success--box-shadow: none;
  --chip-success-icon-color: #26A04B;
  --chip-success-dot--bg-color: #E7FCE8;
  --chip-success-dot--color: #197335;
  --chip-success-dot-icon-color: #26A04B;
  --chip-warning--border-color: transparent;
  --chip-warning--border-style: solid;
  --chip-warning--border-width: 0.0714285714rem;
  --chip-warning--bg-color: #FCF5F0;
  --chip-warning--color: #975100;
  --chip-warning--border-radius: 1.1428571429rem;
  --chip-warning--box-shadow: none;
  --chip-warning-icon-color: #D07200;
  --chip-warning-dot--bg-color: #FCF5F0;
  --chip-warning-dot--color: #975100;
  --chip-warning-dot-icon-color: #D07200;
  --chip-error--border-color: transparent;
  --chip-error--border-style: solid;
  --chip-error--border-width: 0.0714285714rem;
  --chip-error--bg-color: #FCF5F3;
  --chip-error--color: #A40011;
  --chip-error--border-radius: 1.1428571429rem;
  --chip-error--box-shadow: none;
  --chip-error-icon-color: #FF4136;
  --chip-error-dot--bg-color: #FCF5F3;
  --chip-error-dot--color: #A40011;
  --chip-error-dot-icon-color: #FF4136;
  --chip-monochrome-light--border-color: transparent;
  --chip-monochrome-light--border-style: solid;
  --chip-monochrome-light--border-width: 0.0714285714rem;
  --chip-monochrome-light--bg-color: #F3F3F5;
  --chip-monochrome-light--color: #2E2E38;
  --chip-monochrome-light--border-radius: 1.1428571429rem;
  --chip-monochrome-light--box-shadow: none;
  --chip-monochrome-light-icon-color: #656579;
  --chip-monochrome-light-dot--bg-color: #E6E6E9;
  --chip-monochrome-light-dot--color: #2E2E38;
  --chip-monochrome-light-dot-icon-color: #656579;
  --chip-monochrome-dark--border-color: transparent;
  --chip-monochrome-dark--border-style: solid;
  --chip-monochrome-dark--border-width: 0.0714285714rem;
  --chip-monochrome-dark--bg-color: #F3F3F5;
  --chip-monochrome-dark--color: #2E2E38;
  --chip-monochrome-dark--border-radius: 1.1428571429rem;
  --chip-monochrome-dark--box-shadow: none;
  --chip-monochrome-dark-icon-color: #656579;
  --chip-monochrome-dark-dot--bg-color: #F3F3F5;
  --chip-monochrome-dark-dot--color: #2E2E38;
  --chip-monochrome-dark-dot-icon-color: #656579;
  --chip-monochrome-disabled--bg-color: #F3F3F5;
  --chip-monochrome-disabled--border-style: solid;
  --chip-monochrome-disabled--border-width: 0.0714285714rem;
  --chip-monochrome-disabled--border-color: transparent;
  --chip-monochrome-disabled--color: #9897A6;
  --chip-monochrome-disabled--border-radius: 1.1428571429rem;
  --chip-monochrome-disabled--box-shadow: none;
  --chip-outlined--color: #2E2E38;
  --chip-outlined--border-color: #E6E6E9;
  --chip-outlined--border-style: solid;
  --chip-outlined--border-width: 0.0714285714rem;
  --chip-outlined-disabled--color: #9897A6;
  --chip-outlined-disabled--border-color: #F3F3F5;
  --chip-outlined-success--color: #197335;
  --chip-outlined-success--border-color: #73FA90;
  --chip-outlined-warning--color: #975100;
  --chip-outlined-warning--border-color: #FCD9BC;
  --chip-outlined-error--color: #A40011;
  --chip-outlined-error--border-color: #FDBAAB;
  --chip-outlined-monochrome-light--color: #2E2E38;
  --chip-outlined-monochrome-light--border-color: #E6E6E9;
  --chip-outlined-monochrome-dark--color: #2E2E38;
  --chip-outlined-monochrome-dark--border-color: #E6E6E9;
  --comment--bg-color: transparent;
  --comment--box-shadow: none;
  --comment--border-radius: none;
  --comment--border-color: transparent;
  --comment--border-style: none;
  --comment--border-width: 0;
  --comment-content--bg-color: #F3F3F5;
  --comment-content-typing--bg-color: #E6E6E9;
  --comment-content-typing-icon-color: #7F7F91;
  --comment-content-author-color: #2E2E38;
  --comment-content-typing-author-color: #656579;
  --comment-content-sender--bg-color: #2E2E38;
  --comment-content-sender--color: #F9F9FA;
  --comment-content--border-radius: 0.2857142857rem;
  --comment-content--padding: 0.7142857143rem 0.7142857143rem;
  --comment-nested--bg-color: #F3F3F5;
  --comment-nested--box-shadow: none;
  --comment-nested--border-radius: 0 0.2857142857rem 0.2857142857rem 0.5714285714rem;
  --comment-nested--border-color: transparent;
  --comment-nested--border-style: none;
  --comment-nested--border-width: 0;
  --comment-date-time--color: #656579;
  --comment-truncation-toggle--color: #7F7F91;
  --comment-edit--color: #2E2E38;
  --comment-edit--bg-color: #FFF;
  --comment-edit--box-shadow: none;
  --comment-edit--border-width: 0.0714285714rem;
  --comment-edit--border-style: solid;
  --comment-edit--border-color: #C3C3CB;
  --comment-edit--border-radius: 0rem 0.2857142857rem 0.2857142857rem 0.5714285714rem;
  --comment-edit-hover--bg-color: #F3F3F5;
  --comment-edit-hover--color: #2E2E38;
  --comment-edit-hover--box-shadow: none;
  --comment-edit-hover--border-width: 0.0714285714rem;
  --comment-edit-hover--border-style: solid;
  --comment-edit-hover--border-color: #C3C3CB;
  --comment-edit-hover--border-radius: 0.2857142857rem;
  --comment-edit-focus--bg-color: #FFF;
  --comment-edit-focus--color: #2E2E38;
  --comment-edit-focus--box-shadow: none;
  --comment-edit-focus--border-width: 0.0714285714rem;
  --comment-edit-focus--border-style: solid;
  --comment-edit-focus--border-color: #C3C3CB;
  --comment-edit-focus--border-radius: 0.2857142857rem;
  --comment-edit-scroll-bar--bg-color: transparent;
  --comment-edit-scroll-bar-hover--bg-color: transparent;
  --content-switcher-container--bg-color: #F3F3F5;
  --content-switcher-container--border-color: #E6E6E9;
  --content-switcher-container--border-style: solid;
  --content-switcher-container--border-width: 0.0714285714rem;
  --content-switcher-container--border-radius: 0.4285714286rem;
  --content-switcher--color: #2E2E38;
  --content-switcher--bg-color: #F3F3F5;
  --content-switcher-icon-color: #656579;
  --content-switcher-icon--bg-color: #FFF;
  --content-switcher-icon--border-radius: 1.1428571429rem;
  --content-switcher--border-width: 0.0714285714rem;
  --content-switcher--border-style: solid;
  --content-switcher--border-color: #D7D7DC;
  --content-switcher--border-radius: 0.2857142857rem;
  --content-switcher--box-shadow: none;
  --content-switcher-focus--bg-color: #E6E6E9;
  --content-switcher-focus--color: #2E2E38;
  --content-switcher-focus-icon-color: #656579;
  --content-switcher-focus-icon--bg-color: #FFF;
  --content-switcher-focus-icon--border-radius: 1.1428571429rem;
  --content-switcher-focus--border-width: 0.0714285714rem;
  --content-switcher-focus--border-style: solid;
  --content-switcher-focus--border-color: #D7D7DC;
  --content-switcher-focus--border-radius: 0.2857142857rem;
  --content-switcher-focus--box-shadow: none;
  --content-switcher-hover--bg-color: #E6E6E9;
  --content-switcher-hover--color: #2E2E38;
  --content-switcher-hover-icon-color: #656579;
  --content-switcher-hover-icon--bg-color: #FFF;
  --content-switcher-hover-icon--border-radius: 1.1428571429rem;
  --content-switcher-hover--border-width: 0.0714285714rem;
  --content-switcher-hover--border-style: solid;
  --content-switcher-hover--border-color: #D7D7DC;
  --content-switcher-hover--border-radius: 0.2857142857rem;
  --content-switcher-hover--box-shadow: none;
  --content-switcher-selected--bg-color: #656579;
  --content-switcher-selected--color: #FFF;
  --content-switcher-selected-icon-color: #656579;
  --content-switcher-selected-icon--bg-color: #FFF;
  --content-switcher-selected-icon--border-radius: 1.1428571429rem;
  --content-switcher-selected--border-width: 0.0714285714rem;
  --content-switcher-selected--border-style: solid;
  --content-switcher-selected--border-color: #D7D7DC;
  --content-switcher-selected--border-radius: 0.2857142857rem;
  --content-switcher-selected--box-shadow: none;
  --content-switcher-selected-focus--color: #2E2E38;
  --content-switcher-selected-focus--bg-color: #FFF;
  --content-switcher-selected-focus--border-color: #D7D7DC;
  --content-switcher-selected-active--color: #2E2E38;
  --content-switcher-selected-active--bg-color: #FFF;
  --content-switcher-selected-active--border-color: #D7D7DC;
  --content-switcher-active--color: #656579;
  --content-switcher-active--bg-color: #D7D7DC;
  --content-switcher-active-icon-color: #656579;
  --content-switcher-active-icon--bg-color: #E6E6E9;
  --content-switcher-active-icon--border-radius: 1.1428571429rem;
  --content-switcher-active--border-width: 0.0714285714rem;
  --content-switcher-active--border-style: solid;
  --content-switcher-active--border-color: #D7D7DC;
  --content-switcher-active--border-radius: 0.2857142857rem;
  --content-switcher-active--box-shadow: none;
  --content-switcher-disabled--color: #9897A6;
  --content-switcher-disabled--bg-color: #F9F9FA;
  --content-switcher-disabled-icon-color: #9897A6;
  --content-switcher-disabled-icon--bg-color: #F9F9FA;
  --content-switcher-disabled-icon--border-radius: 1.1428571429rem;
  --content-switcher-disabled--border-width: 0.0714285714rem;
  --content-switcher-disabled--border-style: solid;
  --content-switcher-disabled--border-color: #F3F3F5;
  --content-switcher-disabled--border-radius: 0.2857142857rem;
  --content-switcher-disabled--box-shadow: none;
  --dropdown-menu--bg-color: #FFF;
  --dropdown-menu--border-color: #E6E6E9;
  --dropdown-menu--border-style: solid;
  --dropdown-menu--border-width: 0.0714285714rem;
  --dropdown-menu--border-radius: 0.2857142857rem;
  --dropdown-menu--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --dropdown-menu-before--border-color: #E6E6E9 #E6E6E9 transparent transparent;
  --dropdown-menu-before--border-style: solid solid none none;
  --dropdown-menu-before--border-width: 0.0714285714rem 0.0714285714rem 0 0;
  --dropdown-menu-item--color: #2E2E38;
  --dropdown-menu-item--bg-color: #FFF;
  --dropdown-menu-item--border-color: transparent;
  --dropdown-menu-item--border-style: solid;
  --dropdown-menu-item--border-width: 0;
  --dropdown-menu-item-outline--border-color: transparent;
  --dropdown-menu-item-outline--border-style: solid;
  --dropdown-menu-item-outline--border-width: 0.0714285714rem;
  --dropdown-menu-item--border-radius: 0.2857142857rem;
  --dropdown-menu-item--fill: #2E2E38;
  --dropdown-menu-item-focus--color: #2E2E38;
  --dropdown-menu-item-focus--bg-color: #F3F3F5;
  --dropdown-menu-item-focus--border-color: transparent;
  --dropdown-menu-item-focus--border-style: solid;
  --dropdown-menu-item-focus--border-width: 0;
  --dropdown-menu-item-focus-outline--border-color: #0F69AE;
  --dropdown-menu-item-focus-outline--border-style: solid;
  --dropdown-menu-item-focus-outline--border-width: 0.1428571429rem;
  --dropdown-menu-item-focus--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --dropdown-menu-item-hover--color: #2E2E38;
  --dropdown-menu-item-hover--bg-color: #F3F3F5;
  --dropdown-menu-item-hover--border-color: transparent;
  --dropdown-menu-item-hover--border-style: solid;
  --dropdown-menu-item-hover--border-width: 0;
  --dropdown-menu-item-active--color: #2E2E38;
  --dropdown-menu-item-active--bg-color: #F3F3F5;
  --dropdown-menu-item-active--border-color: transparent;
  --dropdown-menu-item-active--border-style: solid;
  --dropdown-menu-item-active--border-width: 0;
  --dropdown-menu-item-active--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --dropdown-menu-item-disabled--color: #9897A6;
  --dropdown-menu-item-disabled--bg-color: transparent;
  --dropdown-menu-item-disabled--border-color: transparent;
  --dropdown-menu-item-disabled--border-style: solid;
  --dropdown-menu-item-disabled--border-width: 0.0714285714rem;
  --dropdown-menu-item-disabled--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --dropdown-menu-item-icon-color: #9897A6;
  --dropdown-menu-item-focus-icon-color: #9897A6;
  --dropdown-menu-item-hover-icon-color: #9897A6;
  --dropdown-menu-item-active-icon-color: #9897A6;
  --dropdown-menu-item-disabled-icon-color: #9897A6;
  --dropdown-toggle-focus--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --dropdown-toggle-hover--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --filters--box-shadow: none;
  --filters--bg-color: #FFF;
  --filters--border-color: transparent;
  --filters--border-style: solid;
  --filters--border-width: 0.0714285714rem;
  --filters--border-radius: none;
  --filters-accordion-trigger--box-shadow: none;
  --filters-accordion-trigger--border-color: #E6E6E9 transparent;
  --filters-accordion-trigger--border-style: solid none;
  --filters-accordion-trigger--border-width: 0.0714285714rem 0;
  --filters-accordion-trigger--border-radius: 0;
  --filters-accordion--box-shadow: none;
  --filters-accordion--bg-color: #FFF;
  --filters-accordion--border-color: transparent;
  --filters-accordion--border-style: none;
  --filters-accordion--border-width: 0;
  --filters-clear-btn--color: #0F69AE;
  --filters-clear-btn--bg-color: transparent;
  --filters-clear-btn--border-color: transparent;
  --filters-clear-btn--border-style: none;
  --filters-clear-btn--border-width: 0;
  --filters-clear-btn--box-shadow: none;
  --filters-hr--border-style: none;
  --filters-hr--border-width: 0;
  --filters-hr--border-color: transparent;
  --filters-hr-option--border-style: none;
  --filters-hr-option--border-width: 0;
  --filters-hr-option--border-color: transparent;
  --filters-search--bg-color: #FFF;
  --filters-title--color: #2E2E38;
  --filters-subtitle--color: #656579;
  --filters-select-all--border-color: transparent transparent #E6E6E9 transparent;
  --filters-select-all--border-style: none none solid none;
  --filters-select-all--border-width: 0 0 0.0714285714rem 0;
  --footer--bg-color: #FFF;
  --footer--border-color: #E6E6E9 transparent transparent transparent;
  --footer--border-style: solid none none none;
  --footer--border-width: 0.0714285714rem 0 0 0;
  --footer--box-shadow: none;
  --checkbox--border-color: #7F7F91;
  --checkbox--border-style: solid;
  --checkbox--border-width: 0.0714285714rem;
  --checkbox--border-radius: 0.0714285714rem;
  --checkbox--bg-color: #FFF;
  --checkbox-label--color: #2E2E38;
  --checkbox--box-shadow: none;
  --checkbox-disabled--color: #9897A6;
  --checkbox-custom-focus--border-color: #7F7F91;
  --checkbox-custom-focus--border-style: var(--checkbox--border-style);
  --checkbox-custom-focus--border-width: var(--checkbox--border-width);
  --checkbox-custom-focus--outline-style: solid;
  --checkbox-custom-focus--outline-color: #0F69AE;
  --checkbox-custom-focus--outline-offset: -0.0714285714rem;
  --checkbox-custom-focus--outline-width: 0.0714285714rem;
  --checkbox-custom-focus-label--color: var(--checkbox-label--color);
  --checkbox-custom-focus--bg-color: #E6E6E9;
  --checkbox-custom-focus--box-shadow: none;
  --checkbox-custom-hover--border-color: var(--checkbox--border-color);
  --checkbox-custom-hover--border-style: var(--checkbox--border-style);
  --checkbox-custom-hover--border-width: var(--checkbox--border-width);
  --checkbox-custom-hover-label--color: var(--checkbox-label--color);
  --checkbox-custom-hover--bg-color: #F3F3F5;
  --checkbox-custom-hover--box-shadow: var(--checkbox--box-shadow);
  --checkbox-custom-disabled--border-color: rgba(0, 0, 0, 0);
  --checkbox-custom-disabled--border-style: solid;
  --checkbox-custom-disabled--border-width: 0.0714285714rem;
  --checkbox-custom-disabled--bg-color: #F3F3F5;
  --checkbox-custom-disabled--box-shadow: none;
  --checkbox-custom-error--border-color: #EA011D;
  --checkbox-custom-error--border-style: var(--checkbox--border-style);
  --checkbox-custom-error--border-width: var(--checkbox--border-width);
  --checkbox-custom-error-label--color: var(--checkbox-label--color);
  --checkbox-custom-error--box-shadow: var(--checkbox--box-shadow);
  --checkbox-custom-error--bg-color: var(--checkbox--bg-color);
  --checkbox-custom-error-focus--border-color: var(--checkbox-custom-error--border-color);
  --checkbox-custom-error-focus--border-style: var(--checkbox-custom-error--border-style);
  --checkbox-custom-error-focus--border-width: var(--checkbox-custom-error--border-width);
  --checkbox-custom-error-focus-label--color: var(--checkbox-custom-error-label--color);
  --checkbox-custom-error-focus--box-shadow: var(--checkbox-custom-error--box-shadow);
  --checkbox-custom-error-focus--bg-color: var(--checkbox-custom-error--bg-color);
  --checkbox-custom-error-hover--border-color: var(--checkbox-custom-error--border-color);
  --checkbox-custom-error-hover--border-style: var(--checkbox-custom-error--border-style);
  --checkbox-custom-error-hover--border-width: var(--checkbox-custom-error--border-width);
  --checkbox-custom-error-hover-label--color: var(--checkbox-custom-error-label--color);
  --checkbox-custom-error-hover--box-shadow: var(--checkbox-custom-error--box-shadow);
  --checkbox-custom-error-hover--bg-color: var(--checkbox-custom-error--bg-color);
  --checkbox-checked--border-color: var(--checkbox--border-color);
  --checkbox-checked--border-style: var(--checkbox--border-style);
  --checkbox-checked--border-width: var(--checkbox--border-width);
  --checkbox-checked--bg-color: #F3F3F5;
  --checkbox-checked-label--color: var(--checkbox-label--color);
  --checkbox-checked--box-shadow: var(--checkbox--box-shadow);
  --checkbox-checked-icon-color: #656579;
  --checkbox-checked-focus--bg-color: #E6E6E9;
  --checkbox-checked-focus-label--color: var(--checkbox-checked-label--color);
  --checkbox-checked-focus--box-shadow: none;
  --checkbox-checked-focus--border-color: #7F7F91;
  --checkbox-checked-focus--border-style: solid;
  --checkbox-checked-focus--border-width: 0.0714285714rem;
  --checkbox-checked-focus-icon-color: var(--checkbox-checked-icon-color);
  --checkbox-checked-hover--bg-color: #E6E6E9;
  --checkbox-checked-hover-label--color: var(--checkbox-checked-label--color);
  --checkbox-checked-hover--box-shadow: var(--checkbox-checked--box-shadow);
  --checkbox-checked-hover--border-color: var(--checkbox-checked--border-color);
  --checkbox-checked-hover--border-style: var(--checkbox-checked--border-style);
  --checkbox-checked-hover--border-width: var(--checkbox-checked--border-width);
  --checkbox-checked-hover-icon-color: var(--checkbox-checked-icon-color);
  --checkbox-checked-disabled--bg-color: var(--checkbox-custom-disabled--bg-color);
  --checkbox-checked-disabled-label--color: var(--checkbox-disabled--color);
  --checkbox-checked-disabled--box-shadow: none;
  --checkbox-checked-disabled--border-color: var(--checkbox-custom-disabled--border-color);
  --checkbox-checked-disabled--border-style: var(--checkbox-custom-disabled--border-style);
  --checkbox-checked-disabled--border-width: var(--checkbox-custom-disabled--border-width);
  --checkbox-checked-disabled-icon-color: #9897A6;
  --date-picker--color: #2E2E38;
  --date-picker--bg-color: #FFF;
  --date-picker--border-color: #C3C3CB;
  --date-picker--border-style: solid;
  --date-picker--border-width: 0.0714285714rem;
  --date-picker--border-radius: 0.2857142857rem;
  --date-picker--box-shadow: none;
  --date-picker-icon-color: #656579;
  --date-picker-hover--color: #656579;
  --date-picker-hover--bg-color: #F3F3F5;
  --date-picker-hover--border-color: #C3C3CB;
  --date-picker-hover--border-style: solid;
  --date-picker-hover--border-width: 0.0714285714rem;
  --date-picker-hover--border-radius: 0.2857142857rem;
  --date-picker-hover--box-shadow: none;
  --date-picker-hover-icon-color: #656579;
  --date-picker-focus--color: #2E2E38;
  --date-picker-focus--bg-color: #FFF;
  --date-picker-focus--border-color: transparent;
  --date-picker-focus--border-style: solid;
  --date-picker-focus--border-width: 0.0714285714rem;
  --date-picker-focus--border-radius: 0.2857142857rem;
  --date-picker-focus--outline-color: #0F69AE;
  --date-picker-focus--outline-width: 0.1428571429rem;
  --date-picker-focus--outline-style: solid;
  --date-picker-focus--outline-offset: -0.1428571429rem;
  --date-picker-focus--box-shadow: none;
  --date-picker-focus-icon-color: #656579;
  --date-picker-disabled--color: #9897A6;
  --date-picker-disabled--bg-color: #F3F3F5;
  --date-picker-disabled--border-color: transparent;
  --date-picker-disabled--border-style: none;
  --date-picker-disabled--border-width: 0;
  --date-picker-disabled--border-radius: 0.2857142857rem;
  --date-picker-disabled--box-shadow: none;
  --date-picker-disabled-icon-color: #9897A6;
  --date-picker-error--color: #656579;
  --date-picker-error--bg-color: #FFF;
  --date-picker-error--border-color: #FF4136;
  --date-picker-error--border-style: solid;
  --date-picker-error--border-width: 0.0714285714rem;
  --date-picker-error--border-radius: 0.2857142857rem;
  --date-picker-error--box-shadow: none;
  --date-picker-error-icon-color: #656579;
  --date-picker-error-hover--color: #656579;
  --date-picker-error-hover--bg-color: #F3F3F5;
  --date-picker-error-hover--border-color: #EA011D;
  --date-picker-error-hover--border-style: solid;
  --date-picker-error-hover--border-width: 0.0714285714rem;
  --date-picker-error-hover--border-radius: 0.2857142857rem;
  --date-picker-error-hover--box-shadow: none;
  --date-picker-error-hover-icon-color: #656579;
  --date-picker-error-focus--color: #2E2E38;
  --date-picker-error-focus--bg-color: #FFF;
  --date-picker-error-focus--border-color: #FF4136;
  --date-picker-error-focus--border-style: solid;
  --date-picker-error-focus--border-width: 0.0714285714rem;
  --date-picker-error-focus--border-radius: 0.2857142857rem;
  --date-picker-error-focus--box-shadow: none;
  --date-picker-error-focus-icon-color: #656579;
  --date-picker-header-arrow--border-color: transparent;
  --date-picker-header-arrow--border-style: none;
  --date-picker-header-arrow--border-width: 0;
  --date-picker-navigation--bg-color: #FFF;
  --date-picker-navigation--color: #2E2E38;
  --date-picker-navigation-arrow--color: #656579;
  --date-picker-navigation-arrow-focus--box-shadow: none;
  --date-picker-tile--border-radius: 1000px;
  --date-picker-tile--bg-color: #FFF;
  --date-picker-tile--color: #2E2E38;
  --date-picker-tile-hover--bg-color: #E6E6E9;
  --date-picker-tile-hover--color: #2E2E38;
  --date-picker-tile-disabled--bg-color: transparent;
  --date-picker-tile-disabled--color: #9897A6;
  --date-picker-tile-active--color: #FFF;
  --date-picker-tile-active--bg-color: #2E2E38;
  --date-picker-tile-active-hover--bg-color: #F3F3F5;
  --date-picker-tile-active-hover--color: #2E2E38;
  --date-picker-tile-active-disabled--bg-color: #F3F3F5;
  --date-picker-tile-active-disabled--color: #9897A6;
  --date-picker-tile-today-mark--bg-color: #F4F7FC;
  --date-picker-tile-today-mark--color: #0F69AE;
  --date-picker-tile-today-mark-hover--bg-color: #E6E6E9;
  --date-picker-tile-today-mark-hover--color: #0F69AE;
  --date-picker-tile-today-mark-disabled--bg-color: #F3F3F5;
  --date-picker-tile-today-mark-disabled--color: #9897A6;
  --date-picker-tile-active-dot--bg-color: #188CE5;
  --date-picker-tile-active-dot-hover--bg-color: #188CE5;
  --date-picker-tile-active-dot-disabled--bg-color: #9897A6;
  --date-picker-calendar--bg-color: #FFF;
  --date-picker-calendar--border-color: #E6E6E9;
  --date-picker-calendar--border-style: solid;
  --date-picker-calendar--border-width: 0.0714285714rem;
  --date-picker-calendar--border-radius: 0.1428571429rem;
  --date-picker-calendar--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --date-picker-weekday--color: #2E2E38;
  --date-picker-label-focus--color: #2E2E38;
  --date-picker-range--bg-color: #F3F3F5;
  --date-picker-range--border-top-left-radius: 71.4285714286rem;
  --date-picker-range--border-bottom-left-radius: 71.4285714286rem;
  --date-picker-range--border-top-right-radius: 71.4285714286rem;
  --date-picker-range--border-bottom-right-radius: 71.4285714286rem;
  --file-uploader--bg-color: transparent;
  --file-uploader-hover--bg-color: #F3F3F5;
  --file-uploader-error--bg-color: #FCF5F3;
  --file-uploader-disabled--bg-color: transparent;
  --file-uploader-focus--bg-color: #F9F9FA;
  --file-uploader-em--color: #2E2E38;
  --file-uploader-em-hover--color: #2E2E38;
  --file-uploader-em-focus--color: #2E2E38;
  --file-uploader-em-disabled--color: #9897A6;
  --file-uploader-em-error--color: #C70117;
  --file-uploader--color: #656579;
  --file-uploader-hover--color: #656579;
  --file-uploader-focus--color: #656579;
  --file-uploader-error--color: #A40011;
  --file-uploader-icon-color: #656579;
  --file-uploader-icon--bg-color: #F3F3F5;
  --file-uploader-hover-icon--bg-color: #F3F3F5;
  --file-uploader-focus-icon--bg-color: #F3F3F5;
  --file-uploader-error-icon--bg-color: #FCF5F3;
  --file-uploader-disabled-icon--bg-color: #F3F3F5;
  --file-uploader-hover-icon-color: #656579;
  --file-uploader-focus-icon-color: #656579;
  --file-uploader-error-icon-color: #FF4136;
  --file-uploader--border-color: #C3C3CB;
  --file-uploader--border-width: 0.0714285714rem;
  --file-uploader--border-style: dashed;
  --file-uploader--border-radius: 0.2857142857rem;
  --file-uploader-hover--border-color: #C3C3CB;
  --file-uploader-focus--border-color: #C3C3CB;
  --file-uploader-error--border-width: 0.0714285714rem;
  --file-uploader-error--border-style: dashed;
  --file-uploader-error--border-color: #EA011D;
  --file-uploader-disabled--border-color: #C3C3CB;
  --file-uploader-disabled--color: #9897A6;
  --file-uploader-disabled-icon-color: #656579;
  --file-uploader--box-shadow: none;
  --file-uploader-hover--box-shadow: none;
  --file-uploader-focus--box-shadow: none;
  --file-uploader-error--box-shadow: none;
  --file-uploader-disabled--box-shadow: none;
  --file-uploader-focus--outline-color: #0F69AE;
  --file-uploader-focus--outline-width: 0.1428571429rem;
  --file-uploader-focus--outline-style: solid;
  --file-uploader-focus--outline-offset: -0.1428571429rem;
  --file-uploader-item--bg-color: #FFF;
  --file-uploader-item-hover--bg-color: #F3F3F5;
  --file-uploader-item--border-radius: 0.2857142857rem;
  --file-uploader-item--border-width: 0.0714285714rem;
  --file-uploader-item--border-style: solid;
  --file-uploader-item--border-color: #E6E6E9;
  --file-uploader-item--color: #2E2E38;
  --file-uploader-indeterminate-item--color: #656579;
  --file-uploader-item-size--color: #656579;
  --file-uploader-item--box-shadow: none;
  --file-uploader-item-icon-color: #656579;
  --file-uploader-item-icon--bg-color: #F3F3F5;
  --file-uploader-item-icon-completed--bg-color: #F3F3F5;
  --file-uploader-item-progress-bar--bg-color: #E6E6E9;
  --file-uploader-item-progress-bar-hover--bg-color: #E6E6E9;
  --file-uploader-item-progress-bar-focus--bg-color: #E6E6E9;
  --file-uploader-item-progress-bar-error--bg-color: #FCF5F3;
  --file-uploader-item-progress-bar-disabled--bg-color: #E6E6E9;
  --file-uploader-item-progress-bar--color: #2E2E38;
  --file-uploader-item-progress-bar-hover--color: #2E2E38;
  --file-uploader-item-progress-bar-focus--color: #2E2E38;
  --file-uploader-item-progress-bar-error--color: #FF735E;
  --file-uploader-item-progress-bar-label--color: #656579;
  --file-uploader-item-progress-bar-disabled--color: #9897A6;
  --file-uploader-item-disabled--border-width: 0.0714285714rem;
  --file-uploader-item-disabled--border-style: solid;
  --file-uploader-item-disabled--border-color: #E6E6E9;
  --file-uploader-item-disabled--bg-color: #FFF;
  --file-uploader-item-disabled--color: #9897A6;
  --file-uploader-item-disabled--box-shadow: none;
  --file-uploader-item-disabled-icon-color: #656579;
  --file-uploader-item-error--color: #C70117;
  --file-uploader-item-error--bg-color: #FCF5F3;
  --file-uploader-item-error--border-width: 0.0714285714rem;
  --file-uploader-item-error--border-style: solid;
  --file-uploader-item-error--border-color: #FF735E;
  --file-uploader-item-error--box-shadow: none;
  --file-uploader-item-error-icon-color: #FF4136;
  --file-uploader-item-error-icon--bg-color: transparent;
  --file-uploader-item-error-btn--color: #EA011D;
  --file-uploader-item-close-btn-icon-color: #656579;
  --file-uploader-item-close-btn-icon--bg-color: transparent;
  --file-uploader-item-close-btn-icon--border-color: transparent;
  --file-uploader-item-close-btn-icon--border-width: 0;
  --file-uploader-item-close-btn-icon--border-style: none;
  --file-uploader-item-close-btn-icon--box-shadow: none;
  --file-uploader-item-close-btn-icon--border-radius: 0.2857142857rem;
  --file-uploader-item-close-btn-icon-hover--color: #656579;
  --file-uploader-item-close-btn-icon-hover--bg-color: transparent;
  --file-uploader-item-close-btn-icon-hover--border-color: transparent;
  --file-uploader-item-close-btn-icon-hover--border-width: 0;
  --file-uploader-item-close-btn-icon-hover--border-style: none;
  --file-uploader-item-close-btn-icon-hover--box-shadow: none;
  --file-uploader-item-close-btn-icon-focus--color: #656579;
  --file-uploader-item-close-btn-icon-focus--bg-color: transparent;
  --file-uploader-item-close-btn-icon-focus--border-color: transparent;
  --file-uploader-item-close-btn-icon-focus--border-width: 0;
  --file-uploader-item-close-btn-icon-focus--border-style: none;
  --file-uploader-item-close-btn-icon-focus--box-shadow: none;
  --file-uploader-item-close-btn-icon-disabled--color: #9897A6;
  --file-uploader-item-close-btn-icon-disabled--bg-color: transparent;
  --file-uploader-item-close-btn-icon-disabled--border-color: transparent;
  --file-uploader-item-close-btn-icon-disabled--border-width: 0;
  --file-uploader-item-close-btn-icon-disabled--border-style: none;
  --file-uploader-item-close-btn-icon-disabled--box-shadow: none;
  --file-uploader-item-ok-btn--bg-color: transparent;
  --file-uploader-item-ok-btn--border-color: transparent;
  --file-uploader-item-ok-btn--border-style: none;
  --file-uploader-item-ok-btn--border-width: none;
  --file-uploader-item-ok-btn--color: #2E2E38;
  --file-uploader-item-ok-btn--box-shadow: none;
  --file-uploader-item-ok-btn--border-radius: 0;
  --file-uploader-item-ok-btn-focus--color: #2E2E38;
  --file-uploader-item-ok-btn-focus--bg-color: transparent;
  --file-uploader-item-ok-btn-focus--border-color: transparent;
  --file-uploader-item-ok-btn-focus--border-style: none;
  --file-uploader-item-ok-btn-focus--border-width: none;
  --file-uploader-item-ok-btn-focus--box-shadow: none;
  --file-uploader-item-ok-btn-hover--color: #2E2E38;
  --file-uploader-item-ok-btn-hover--bg-color: transparent;
  --file-uploader-item-ok-btn-hover--border-color: transparent;
  --file-uploader-item-ok-btn-hover--border-style: none;
  --file-uploader-item-ok-btn-hover--border-width: none;
  --file-uploader-item-ok-btn-hover--box-shadow: none;
  --file-uploader-item-retry-btn--bg-color: transparent;
  --file-uploader-item-retry-btn--border-color: transparent;
  --file-uploader-item-retry-btn--border-style: none;
  --file-uploader-item-retry-btn--border-width: none;
  --file-uploader-item-retry-btn--color: #2E2E38;
  --file-uploader-item-retry-btn--box-shadow: none;
  --file-uploader-item-retry-btn--border-radius: 0;
  --file-uploader-item-retry-btn-focus--color: #EA011D;
  --file-uploader-item-retry-btn-focus--bg-color: transparent;
  --file-uploader-item-retry-btn-focus--border-color: transparent;
  --file-uploader-item-retry-btn-focus--border-style: none;
  --file-uploader-item-retry-btn-focus--border-width: none;
  --file-uploader-item-retry-btn-focus--box-shadow: none;
  --file-uploader-item-retry-btn-hover--color: #EA011D;
  --file-uploader-item-retry-btn-hover--bg-color: transparent;
  --file-uploader-item-retry-btn-hover--border-color: transparent;
  --file-uploader-item-retry-btn-hover--border-style: none;
  --file-uploader-item-retry-btn-hover--border-width: none;
  --file-uploader-item-retry-btn-hover--box-shadow: none;
  --metadata-header--color: #2E2E38;
  --metadata-header-hover--color: #2E2E38;
  --metadata-header-focus--color: #2E2E38;
  --metadata-header--bg-color: #FFF;
  --metadata-header-hover--bg-color: #F3F3F5;
  --metadata-header-focus--bg-color: #F3F3F5;
  --metadata-line-separator--border-width: 0.0714285714rem;
  --metadata-line-separator--border-style: solid;
  --metadata-line-separator--border-color: #E6E6E9;
  --metadata-line-separator-hover--border-width: 0.0714285714rem;
  --metadata-line-separator-hover--border-style: solid;
  --metadata-line-separator-hover--border-color: #E6E6E9;
  --metadata-line-separator-focus--border-width: 0.0714285714rem;
  --metadata-line-separator-focus--border-style: solid;
  --metadata-line-separator-focus--border-color: #E6E6E9;
  --metadata-line-separator-focus--outline-color: #0F69AE;
  --metadata-line-separator-focus--outline-width: 0.1428571429rem;
  --metadata-line-separator-focus--outline-style: solid;
  --metadata-line-separator-focus--outline-offset: -0.1428571429rem;
  --metadata-line-separator-expanded--border-radius: 0;
  --metadata-content--color: initial;
  --metadata-content-hover--color: initial;
  --metadata-content-focus--color: initial;
  --metadata-content--bg-color: #FFF;
  --metadata-content-hover--bg-color: #FFF;
  --metadata-content-focus--bg-color: #FFF;
  --metadata-content--border-width: 0.0714285714rem;
  --metadata-content--border-style: none solid solid solid;
  --metadata-content--border-color: #E6E6E9;
  --metadata-content-hover--border-width: 0.0714285714rem;
  --metadata-content-hover--border-style: none solid solid solid;
  --metadata-content-hover--border-color: #E6E6E9;
  --metadata-content-focus--border-width: 0.0714285714rem;
  --metadata-content-focus--border-style: none solid solid solid;
  --metadata-content-focus--border-color: #E6E6E9;
  --metadata-header-icon--fill: #656579;
  --metadata-header-icon-hover--fill: #656579;
  --metadata-header-icon-focus--fill: #656579;
  --metadata-accent-expanded--bg-color: transparent;
  --input--color: #2E2E38;
  --input--border-color: #C3C3CB;
  --input--border-style: solid;
  --input--border-width: 0.0714285714rem;
  --input--border-radius: 0.2857142857rem;
  --input--bg-color: #FFF;
  --input--box-shadow: none;
  --input-with-prefix--border-color: #C3C3CB #C3C3CB #C3C3CB transparent;
  --input-with-prefix--border-style: solid solid solid none;
  --input-with-prefix--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-with-prefix--border-radius: 0 0.2857142857rem 0.2857142857rem 0;
  --input-with-prefix-error--border-color: #EA011D #EA011D #EA011D transparent;
  --input-with-prefix-error--border-style: solid solid solid none;
  --input-with-prefix-error--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-with-suffix--border-color: #C3C3CB transparent #C3C3CB #C3C3CB;
  --input-with-suffix--border-style: solid none solid solid;
  --input-with-suffix--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-with-suffix--border-radius: 0.2857142857rem 0 0 0.2857142857rem;
  --input-with-suffix-error--border-color: #EA011D transparent #EA011D #EA011D;
  --input-with-suffix-error--border-style: solid none solid solid;
  --input-with-suffix-error--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-with-prefix-suffix--border-color: #C3C3CB transparent;
  --input-with-prefix-suffix--border-style: solid none;
  --input-with-prefix-suffix--border-width: 0.0714285714rem 0;
  --input-with-prefix-suffix--border-radius: 0;
  --input-with-prefix-suffix-error--border-color: #EA011D transparent;
  --input-with-prefix-suffix-error--border-style: solid none;
  --input-with-prefix-suffix-error--border-width: 0.0714285714rem 0;
  --input-with-prefix-suffix-error--border-radius: 0;
  --input-prefix--border-color: #C3C3CB transparent #C3C3CB #C3C3CB;
  --input-prefix--border-style: solid none solid solid;
  --input-prefix--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-prefix--border-radius: 0.2857142857rem 0 0 0.2857142857rem;
  --input-prefix-error--border-color: #EA011D transparent #EA011D #EA011D;
  --input-prefix-error--border-style: solid none solid solid;
  --input-prefix-error--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-prefix-separator--bg-color: #C3C3CB;
  --input-prefix-separator-focus--bg-color: #0F69AE;
  --input-prefix-separator-error--bg-color: #EA011D;
  --input-prefix-separator-outline-color: #C3C3CB;
  --input-prefix-separator-outline-style: solid;
  --input-prefix-separator-outline-width: 0.0714285714rem;
  --input-suffix--border-color: #C3C3CB #C3C3CB #C3C3CB transparent;
  --input-suffix--border-style: solid solid solid none;
  --input-suffix--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-suffix--border-radius: 0 0.2857142857rem 0.2857142857rem 0;
  --input-suffix-error--border-color: #EA011D #EA011D #EA011D transparent;
  --input-suffix-error--border-style: solid solid solid none;
  --input-suffix-error--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-hover--color: #2E2E38;
  --input-hover--border-color: #C3C3CB;
  --input-hover--border-style: solid;
  --input-hover--border-width: 0.0714285714rem;
  --input-hover--border-radius: 0.2857142857rem;
  --input-hover--bg-color: #F3F3F5;
  --input-hover--box-shadow: none;
  --input-focus--color: #2E2E38;
  --input-focus--border-color: #C3C3CB;
  --input-focus--border-style: solid;
  --input-focus--border-width: 0.0714285714rem;
  --input-focus--border-radius: 0.2857142857rem;
  --input-focus--outline-color: #0F69AE;
  --input-focus--outline-width: 0.1428571429rem;
  --input-focus--outline-style: solid;
  --input-focus--bg-color: #FFF;
  --input-focus--box-shadow: none;
  --input-disabled--color: #9897A6;
  --input-disabled--border-color: transparent;
  --input-disabled--border-style: none;
  --input-disabled--border-width: 0;
  --input-disabled--border-radius: 0.2857142857rem;
  --input-disabled--bg-color: #F3F3F5;
  --input-disabled--box-shadow: none;
  --input-error--color: #2E2E38;
  --input-error--border-color: #EA011D;
  --input-error--border-style: solid;
  --input-error--border-width: 0.0714285714rem;
  --input-error--border-radius: 0.2857142857rem;
  --input-error--bg-color: #FFF;
  --input-error--box-shadow: none;
  --input-error-focus--color: #2E2E38;
  --input-error-focus--border-color: transparent;
  --input-error-focus--border-style: solid;
  --input-error-focus--border-width: 0.0714285714rem;
  --input-error-focus--outline-color: #0F69AE;
  --input-error-focus--outline-width: 0.1428571429rem;
  --input-error-focus--outline-style: solid;
  --input-error-focus--bg-color: #FFF;
  --input-error-focus--box-shadow: none;
  --input-error-hover--color: #2E2E38;
  --input-error-hover--border-color: #EA011D;
  --input-error-hover--border-style: solid;
  --input-error-hover--border-width: 0.0714285714rem;
  --input-error-hover--bg-color: #F3F3F5;
  --input-error-hover--box-shadow: none;
  --input-placeholder--color: #656579;
  --input-placeholder-hover--color: #656579;
  --input-placeholder-focus--color: #656579;
  --input-placeholder-disabled--color: #9897A6;
  --input-placeholder-error--color: #656579;
  --input-clear-icon-focus--box-shadow: none;
  --input-clear-btn-disabled-icon-color: #9897A6;
  --input-icon-color: #9897A6;
  --input-icon-error-icon-color: #FF4136;
  --input-icon-disabled-icon-color: #9897A6;
  --input-textarea--border-color: transparent transparent transparent transparent;
  --input-textarea--border-style: solid none none none;
  --input-textarea--border-width: 1.5714285714rem 0 0 0;
  --numeric-input--color: #2E2E38;
  --numeric-input--border-width: 0.0714285714rem;
  --numeric-input--border-style: solid;
  --numeric-input--border-color: #C3C3CB;
  --numeric-input--bg-color: #FFF;
  --numeric-input--border-radius: 0.2857142857rem;
  --numeric-input--box-shadow: none;
  --numeric-input-btn--bg-color: #F3F3F5;
  --numeric-input-btn--border-style: solid;
  --numeric-input-btn--border-width: 0.0714285714rem;
  --numeric-input-btn--border-color: #F3F3F5;
  --numeric-input-btn--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn--box-shadow: none;
  --numeric-input-btn-icon-color: #656579;
  --numeric-input-btn-disabled--bg-color: #F3F3F5;
  --numeric-input-btn-disabled--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-disabled--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-disabled--border-color: #F3F3F5;
  --numeric-input-btn-disabled--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-disabled--box-shadow: none;
  --numeric-input-btn-disabled-icon-color: #9897A6;
  --numeric-input-btn-hover--bg-color: #E6E6E9;
  --numeric-input-btn-hover--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-hover--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-hover--border-color: #E6E6E9;
  --numeric-input-btn-hover--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-hover--box-shadow: none;
  --numeric-input-btn-hover-icon-color: #656579;
  --numeric-input-btn-focus--bg-color: #E6E6E9;
  --numeric-input-btn-focus--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-focus--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-focus--border-color: #E6E6E9;
  --numeric-input-btn-focus--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-focus--box-shadow: none;
  --numeric-input-btn-focus-icon-color: #656579;
  --numeric-input-btn-focus--outline-color: #0F69AE;
  --numeric-input-btn-focus--outline-style: solid;
  --numeric-input-btn-focus--outline-width: 0.1428571429rem;
  --numeric-input-btn-focus--outline-offset: 0.1428571429rem;
  --numeric-input-error--color: #656579;
  --numeric-input-error--bg-color: #FFF;
  --numeric-input-error--border-width: var(--numeric-input--border-width);
  --numeric-input-error--border-style: var(--numeric-input--border-style);
  --numeric-input-error--border-color: #EA011D;
  --numeric-input-error--border-radius: var(--numeric-input--border-radius);
  --numeric-input-error--box-shadow: none;
  --numeric-input-error-focus--color: #656579;
  --numeric-input-error-focus--border-color: #EA011D;
  --numeric-input-error-focus--border-style: var(--numeric-input--border-style);
  --numeric-input-error-focus--border-width: var(--numeric-input--border-width);
  --numeric-input-error-focus--bg-color: #FFF;
  --numeric-input-error-focus--box-shadow: none;
  --numeric-input-error-hover--color: #656579;
  --numeric-input-error-hover--border-color: #EA011D;
  --numeric-input-error-hover--border-style: var(--numeric-input--border-style);
  --numeric-input-error-hover--border-width: var(--numeric-input--border-width);
  --numeric-input-error-hover--bg-color: #F3F3F5;
  --numeric-input-error-hover--box-shadow: none;
  --numeric-input-disabled--bg-color: #F3F3F5;
  --numeric-input-disabled--color: #9897A6;
  --numeric-input-disabled--border-width: var(--numeric-input--border-width);
  --numeric-input-disabled--border-style: var(--numeric-input--border-style);
  --numeric-input-disabled--border-color: #F3F3F5;
  --numeric-input-disabled--border-radius: var(--numeric-input--border-radius);
  --numeric-input-disabled--box-shadow: none;
  --numeric-input-focus--bg-color: #FFF;
  --numeric-input-focus--color: #2E2E38;
  --numeric-input-focus--border-width: var(--numeric-input--border-width);
  --numeric-input-focus--border-style: var(--numeric-input--border-style);
  --numeric-input-focus--border-color: #C3C3CB;
  --numeric-input-focus--border-radius: var(--numeric-input--border-radius);
  --numeric-input-focus--box-shadow: none;
  --numeric-input-focus--outline-width: 0.1428571429rem;
  --numeric-input-focus--outline-style: solid;
  --numeric-input-focus--outline-color: #0F69AE;
  --numeric-input-focus--outline-offset: 0.1428571429rem;
  --numeric-input-hover--bg-color: #F3F3F5;
  --numeric-input-hover--color: #2E2E38;
  --numeric-input-hover--border-width: var(--numeric-input--border-width);
  --numeric-input-hover--border-style: var(--numeric-input--border-style);
  --numeric-input-hover--border-color: #C3C3CB;
  --numeric-input-hover--border-radius: var(--numeric-input--border-radius);
  --numeric-input-hover--box-shadow: none;
  --pin-entry--color: #2E2E38;
  --pin-entry--bg-color: #FFF;
  --pin-entry--border-color: #C3C3CB;
  --pin-entry--border-style: solid;
  --pin-entry--border-width: 0.0714285714rem;
  --pin-entry--box-shadow: none;
  --pin-entry--border-radius: 0.2857142857rem;
  --pin-entry--font-size: 3.2857142857rem;
  --pin-entry--font-style: normal;
  --pin-entry--font-weight: var(--weight-regular);
  --pin-entry--line-height: 4.1428571429rem;
  --pin-entry--padding: 0.5714285714rem;
  --pin-entry-hover--color: #2E2E38;
  --pin-entry-hover--bg-color: #F3F3F5;
  --pin-entry-hover--border-color: #C3C3CB;
  --pin-entry-hover--border-style: solid;
  --pin-entry-hover--border-width: 0.0714285714rem;
  --pin-entry-hover--box-shadow: none;
  --pin-entry-focus--color: #2E2E38;
  --pin-entry-focus--bg-color: #FFF;
  --pin-entry-focus--border-color: #C3C3CB;
  --pin-entry-focus--border-style: solid;
  --pin-entry-focus--border-width: 0.0714285714rem;
  --pin-entry-focus--outline-color: #0F69AE;
  --pin-entry-focus--outline-style: solid;
  --pin-entry-focus--outline-width: 0.1428571429rem;
  --pin-entry-focus--box-shadow: none;
  --pin-entry-disabled--color: #9897A6;
  --pin-entry-disabled--bg-color: #F3F3F5;
  --pin-entry-disabled--border-color: #C3C3CB;
  --pin-entry-disabled--border-style: solid;
  --pin-entry-disabled--border-width: 0.0714285714rem;
  --pin-entry-disabled--box-shadow: none;
  --pin-entry-error--color: #2E2E38;
  --pin-entry-error--bg-color: #FFF;
  --pin-entry-error--border-color: #EA011D;
  --pin-entry-error--border-style: solid;
  --pin-entry-error--border-width: 0.0714285714rem;
  --pin-entry-error--box-shadow: none;
  --pin-entry-error-hover--color: #2E2E38;
  --pin-entry-error-hover--bg-color: #FFF;
  --pin-entry-error-hover--border-color: #EA011D;
  --pin-entry-error-hover--border-style: solid;
  --pin-entry-error-hover--border-width: 0.0714285714rem;
  --pin-entry-error-hover--box-shadow: none;
  --pin-entry-error-focus--color: #2E2E38;
  --pin-entry-error-focus--bg-color: #FFF;
  --pin-entry-error-focus--border-color: #EA011D;
  --pin-entry-error-focus--border-style: solid;
  --pin-entry-error-focus--border-width: 0.0714285714rem;
  --pin-entry-error-focus--box-shadow: none;
  --pin-entry-clear-icon-color: #656579;
  --pin-entry-clear-icon--bg-color: transparent;
  --pin-entry-clear-icon--border-color: transparent;
  --pin-entry-clear-icon--border-style: none;
  --pin-entry-clear-icon--border-width: 0;
  --pin-entry-clear-icon--box-shadow: none;
  --pin-entry-clear-icon--border-radius: 0.2857142857rem;
  --pin-entry-clear-icon-hover-icon-color: #656579;
  --pin-entry-clear-icon-hover--bg-color: #E6E6E9;
  --pin-entry-clear-icon-hover--border-color: transparent;
  --pin-entry-clear-icon-hover--border-style: none;
  --pin-entry-clear-icon-hover--border-width: 0;
  --pin-entry-clear-icon-hover--box-shadow: none;
  --pin-entry-clear-icon-hover--border-radius: 0.2857142857rem;
  --pin-entry-clear-icon-focus-icon-color: #656579;
  --pin-entry-clear-icon-focus--bg-color: #E6E6E9;
  --pin-entry-clear-icon-focus--border-color: transparent;
  --pin-entry-clear-icon-focus--border-style: none;
  --pin-entry-clear-icon-focus--border-width: 0;
  --pin-entry-clear-icon-focus--box-shadow: none;
  --pin-entry-clear-icon-focus--border-radius: 0.2857142857rem;
  --radio-btn--border-radius: 50%;
  --radio-btn--border-color: #7F7F91;
  --radio-btn--border-width: 0.0714285714rem;
  --radio-btn--border-style: solid;
  --radio-btn--bg-color: #FFF;
  --radio-btn--box-shadow: none;
  --radio-btn-input--bg-color: #656579;
  --radio-btn-label--color: #2E2E38;
  --radio-btn-support-text--color: #656579;
  --radio-btn-input--size: 0.5714285714rem;
  --radio-btn-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-hover--border-color: var(--radio-btn--border-color);
  --radio-btn-hover--border-width: 0.0714285714rem;
  --radio-btn-hover--border-style: var(--radio-btn--border-style);
  --radio-btn-hover--bg-color: #F3F3F5;
  --radio-btn-hover--box-shadow: none;
  --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
  --radio-btn-label-hover--color: var(--radio-btn-label--color);
  --radio-btn-support-text-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-focus--border-radius: var(--radio-btn--border-radius);
  --radio-btn-focus--border-color: var(--radio-btn--border-color);
  --radio-btn-focus--border-width: var(--radio-btn-hover--border-width);
  --radio-btn-focus--border-style: var(--radio-btn--border-style);
  --radio-btn-focus--outline-style: solid;
  --radio-btn-focus--outline-color: #0F69AE;
  --radio-btn-focus--outline-width: 0.0714285714rem;
  --radio-btn-focus--outline-offset: -0.0714285714rem;
  --radio-btn-focus--bg-color: var(--radio-btn-hover--bg-color);
  --radio-btn-focus--box-shadow: var(--radio-btn-hover--box-shadow);
  --radio-btn-input-focus--bg-color: var(--radio-btn-input-hover--bg-color);
  --radio-btn-label-focus--color: var(--radio-btn-label-hover--color);
  --radio-btn-support-text-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
  --radio-btn-disabled--border-color: #F3F3F5;
  --radio-btn-disabled--border-width: var(--radio-btn--border-width);
  --radio-btn-disabled--border-style: var(--radio-btn--border-style);
  --radio-btn-disabled--bg-color: #F3F3F5;
  --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-disabled--bg-color: #9897A6;
  --radio-btn-label-disabled--color: #9897A6;
  --radio-btn-support-text-disabled--color: #9897A6;
  --radio-btn-error--border-radius: var(--radio-btn--border-radius);
  --radio-btn-error--border-color: #FF4136;
  --radio-btn-error--border-width: var(--radio-btn--border-width);
  --radio-btn-error--border-style: var(--radio-btn--border-style);
  --radio-btn-error--bg-color: var(--radio-btn--bg-color);
  --radio-btn-error--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-error--bg-color: #FFF;
  --radio-btn-label-error--color: var(--radio-btn-label--color);
  --radio-btn-support-text-error--color: var(--radio-btn-support-text--color);
  --radio-btn-error-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-error-hover--border-color: var(--radio-btn-error--border-color);
  --radio-btn-error-hover--border-width: var(--radio-btn-hover--border-width);
  --radio-btn-error-hover--border-style: var(--radio-btn-hover--border-style);
  --radio-btn-error-hover--bg-color: var(--radio-btn-focus--bg-color);
  --radio-btn-error-hover--box-shadow: var(--radio-btn-error--box-shadow);
  --radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error--bg-color);
  --radio-btn-label-error-hover--color: var(--radio-btn-label--color);
  --radio-btn-support-text-error-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-error-focus--border-radius: var(--radio-btn-error-hover--border-radius);
  --radio-btn-error-focus--border-color: var(--radio-btn-error-hover--border-color);
  --radio-btn-error-focus--border-width: var(--radio-btn-error-hover--border-width);
  --radio-btn-error-focus--border-style: var(--radio-btn-error-hover--border-style);
  --radio-btn-error-focus--bg-color: var(--radio-btn-error-hover--bg-color);
  --radio-btn-error-focus--box-shadow: var(--radio-btn-error--box-shadow);
  --radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-hover--bg-color);
  --radio-btn-label-error-focus--color: var(--radio-btn-label-error-hover--color);
  --radio-btn-support-text-error-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-checked--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked--border-color: #7F7F91;
  --radio-btn-checked--border-width: var(--radio-btn--border-width);
  --radio-btn-checked--border-style: var(--radio-btn--border-style);
  --radio-btn-checked--bg-color: #F3F3F5;
  --radio-btn-checked--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-checked--bg-color: var(--radio-btn-input--bg-color);
  --radio-btn-label-checked--color: var(--radio-btn-label--color);
  --radio-btn-support-text-checked--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked-hover--border-color: var(--radio-btn--border-color);
  --radio-btn-checked-hover--border-width: var(--radio-btn-hover--border-width);
  --radio-btn-checked-hover--border-style: var(--radio-btn-hover--border-style);
  --radio-btn-checked-hover--bg-color: #E6E6E9;
  --radio-btn-checked-hover--box-shadow: var(--radio-btn-hover--box-shadow);
  --radio-btn-input-checked-hover--bg-color: var(--radio-btn-input-hover--bg-color);
  --radio-btn-label-checked-hover--color: var(--radio-btn-label-hover--color);
  --radio-btn-support-text-checked-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-focus--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked-focus--border-color: var(--radio-btn-focus--border-color);
  --radio-btn-checked-focus--border-width: var(--radio-btn-focus--border-width);
  --radio-btn-checked-focus--border-style: var(--radio-btn-focus--border-style);
  --radio-btn-checked-focus--bg-color: var(--radio-btn-checked-hover--bg-color);
  --radio-btn-checked-focus--box-shadow: var(--radio-btn-focus--box-shadow);
  --radio-btn-input-checked-focus--bg-color: var(--radio-btn-input-focus--bg-color);
  --radio-btn-label-checked-focus--color: var(--radio-btn-label-focus--color);
  --radio-btn-support-text-checked-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-disabled--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked-disabled--border-color: var(--radio-btn-disabled--border-color);
  --radio-btn-checked-disabled--border-width: var(--radio-btn-disabled--border-width);
  --radio-btn-checked-disabled--border-style: var(--radio-btn-disabled--border-style);
  --radio-btn-checked-disabled--bg-color: var(--radio-btn-disabled--bg-color);
  --radio-btn-checked-disabled--box-shadow: var(--radio-btn-disabled--box-shadow);
  --radio-btn-input-checked-disabled--bg-color: #9897A6;
  --radio-btn-label-checked-disabled--color: var(--radio-btn-label-disabled--color);
  --radio-btn-support-text-checked-disabled--color: var(--radio-btn-support-text--color);
  --rich-text-editor-toolbar--border-width: 1px;
  --rich-text-editor-toolbar--border-style: solid;
  --rich-text-editor-toolbar--border-color: #C3C3CB;
  --rich-text-editor-toolbar--border-radius: 0.2857142857rem 0.2857142857rem 0 0;
  --rich-text-editor-toolbar--bg-color: #FFF;
  --rich-text-editor-toolbar-icon--stroke: #656579;
  --rich-text-editor-toolbar-icon--fill: #656579;
  --rich-text-editor-toolbar-icon--bg-color: #FFF;
  --rich-text-editor-toolbar-icon--border-radius: 0.1428571429rem;
  --rich-text-editor-toolbar-icon-hover--bg-color: #E6E6E9;
  --rich-text-editor-toolbar-icon-hover--fill: #656579;
  --rich-text-editor-toolbar-icon-hover--stroke: #656579;
  --rich-text-editor-toolbar-icon-focus--bg-color: #E6E6E9;
  --rich-text-editor-toolbar-icon-focus--fill: #656579;
  --rich-text-editor-toolbar-icon-focus--stroke: #656579;
  --rich-text-editor-toolbar-icon-active--bg-color: #2E2E38;
  --rich-text-editor-toolbar-icon-active--stroke: #AFAEBA;
  --rich-text-editor-toolbar-icon-active--fill: #AFAEBA;
  --rich-text-editor-toolbar-picker--bg-color: #FFF;
  --rich-text-editor-toolbar-picker-hover--bg-color: #F3F3F5;
  --rich-text-editor-toolbar-picker-hover--color: #2E2E38;
  --rich-text-editor-toolbar-picker-focus--bg-color: #FFF;
  --rich-text-editor-toolbar-picker-focus--color: #2E2E38;
  --rich-text-editor-toolbar-picker--border-width: 1px;
  --rich-text-editor-toolbar-picker--border-style: solid;
  --rich-text-editor-toolbar-picker--border-color: #C3C3CB;
  --rich-text-editor-toolbar-picker--border-radius: 0.2857142857rem;
  --rich-text-editor-toolbar-picker--color: #2E2E38;
  --rich-text-editor-toolbar-picker-hover--border-width: 1px;
  --rich-text-editor-toolbar-picker-hover--border-style: solid;
  --rich-text-editor-toolbar-picker-hover--border-color: #C3C3CB;
  --rich-text-editor-toolbar-picker-focus--border-width: 2px;
  --rich-text-editor-toolbar-picker-focus--border-style: solid;
  --rich-text-editor-toolbar-picker-focus--border-color: #0F69AE;
  --rich-text-editor-toolbar-picker--outline-width: 2px;
  --rich-text-editor-toolbar-picker--outline-style: solid;
  --rich-text-editor-toolbar-picker--outline-color: #0F69AE;
  --rich-text-editor-toolbar-picker-options--bg-color: #FFF;
  --rich-text-editor-toolbar-picker-options--border-width: 1px;
  --rich-text-editor-toolbar-picker-options--border-style: solid;
  --rich-text-editor-toolbar-picker-options--border-color: #E6E6E9;
  --rich-text-editor-toolbar-picker-options--color: #2E2E38;
  --rich-text-editor-toolbar-picker-options--box-shadow: 0px 6px 12px 0px rgba(35, 35, 47, 0.08), 0px 2px 4px 0px rgba(35, 35, 47, 0.06);
  --rich-text-editor-toolbar-picker-options-hover--bg-color: #F3F3F5;
  --rich-text-editor-toolbar-picker-options-focus--bg-color: #FFF;
  --rich-text-editor-toolbar-picker-options-selected--color: #1A1A24;
  --rich-text-editor-toolbar-picker-options-item--bg-color: #FFF;
  --rich-text-editor-toolbar-picker-options-item--color: #2E2E38;
  --rich-text-editor-toolbar-picker-options-item-selected--color: #2E2E38;
  --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #F3F3F5;
  --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #F3F3F5;
  --rich-text-editor-container--border-width: 1px;
  --rich-text-editor-container--border-style: solid;
  --rich-text-editor-container--border-color: #C3C3CB;
  --rich-text-editor-container--border-radius: 0 0 0.2857142857rem 0.2857142857rem;
  --rich-text-editor-container--bg-color: #FFF;
  --rich-text-editor-container--color: #2E2E38;
  --rich-text-editor-container-hover--border-width: 1px;
  --rich-text-editor-container-hover--border-style: solid;
  --rich-text-editor-container-hover--border-color: #C3C3CB;
  --rich-text-editor-container-hover--bg-color: #FFF;
  --rich-text-editor-container-hover--color: #656579;
  --rich-text-editor-container-focus--border-width: 2px;
  --rich-text-editor-container-focus--border-style: solid;
  --rich-text-editor-container-focus--border-color: #BFBFC8;
  --rich-text-editor-container-focus--bg-color: #FFF;
  --rich-text-editor-container-focus--color: #1A1A24;
  --rich-text-editor-container-placeholder--color: #656579;
  --rich-text-editor-tooltip--bg-color: #2E2E38;
  --rich-text-editor-tooltip--color: #AFAEBA;
  --rich-text-editor-tooltip--border-width: 0.0714285714rem;
  --rich-text-editor-tooltip--border-color: transparent;
  --rich-text-editor-tooltip--border-style: none;
  --rich-text-editor-tooltip--border-radius: 0.5714285714rem;
  --rich-text-editor-tooltip-button--bg-color: #2E2E38;
  --rich-text-editor-tooltip-button--color: #AFAEBA;
  --rich-text-editor-tooltip-button--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-hover--bg-color: #4D4D5C;
  --rich-text-editor-tooltip-button-hover--color: #AFAEBA;
  --rich-text-editor-tooltip-button-hover--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-focus--bg-color: #4D4D5C;
  --rich-text-editor-tooltip-button-focus--color: #AFAEBA;
  --rich-text-editor-tooltip-button-focus--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-active--bg-color: #E6E6E9;
  --rich-text-editor-tooltip-button-active--color: #656579;
  --rich-text-editor-tooltip-button-active--border-radius: 0.1428571429rem;
  --search--border-width: 0.0714285714rem;
  --search--border-style: solid;
  --search--border-color: #C3C3CB;
  --search--bg-color: #FFF;
  --search--border-radius: 0.2857142857rem;
  --search--box-shadow: none;
  --search-icon-color: #9897A6;
  --search-clear-btn-icon-color: #9897A6;
  --search-focus--border-width: 0.0714285714rem;
  --search-focus--border-style: solid;
  --search-focus--border-color: #C3C3CB;
  --search-focus--outline-width: 0.1428571429rem;
  --search-focus--outline-style: var(--search--border-style);
  --search-focus--outline-color: #0F69AE;
  --search-focus--bg-color: var(--search--bg-color);
  --search-focus--box-shadow: var(--search--box-shadow);
  --search-focus-icon-color: var(--search-icon-color);
  --search-clear-btn-focus-icon-color: var(--search-clear-btn-icon-color);
  --search-hover--border-width: var(--search--border-width);
  --search-hover--border-style: var(--search--border-style);
  --search-hover--border-color: var(--search--border-color);
  --search-hover--bg-color: #F3F3F5;
  --search-hover--box-shadow: var(--search--box-shadow);
  --search-hover-icon-color: var(--search-icon-color);
  --search-clear-btn-hover-icon-color: var(--search-clear-btn-icon-color);
  --search-active--border-width: 0.0714285714rem;
  --search-active--border-style: solid;
  --search-active--border-color: #C3C3CB;
  --search-active--bg-color: #D7D7DC;
  --search-active--box-shadow: none;
  --search-active-icon-color: #9897A6;
  --search-clear-btn-active-icon-color: #9897A6;
  --search-disabled--border-width: 0rem;
  --search-disabled--border-style: none;
  --search-disabled--border-color: transparent;
  --search-disabled--bg-color: #F3F3F5;
  --search-disabled--box-shadow: var(--search--box-shadow);
  --search-disabled-icon-color: var(--search-icon-color);
  --search-clear-btn-disabled-icon-color: var(--search-clear-btn-icon-color);
  --search-error--color: #2E2E38;
  --search-error--bg-color: var(--search--bg-color);
  --search-error--border-width: var(--search--border-width);
  --search-error--border-style: var(--search--border-style);
  --search-error--border-color: #EA011D;
  --search-error--box-shadow: var(--search--box-shadow);
  --search-error-focus--color: #2E2E38;
  --search-error-focus--border-color: #0F69AE;
  --search-error-focus--border-style: var(--search--border-style);
  --search-error-focus--border-width: var(--search--border-width);
  --search-error-focus--bg-color: var(--search--bg-color);
  --search-error-focus--box-shadow: var(--search--box-shadow);
  --search-error-hover--color: #2E2E38;
  --search-error-hover--border-color: #EA011D;
  --search-error-hover--border-style: var(--search--border-style);
  --search-error-hover--border-width: var(--search--border-width);
  --search-error-hover--bg-color: #F3F3F5;
  --search-error-hover--box-shadow: var(--search--box-shadow);
  --select-option--bg-color: #FFF;
  --select-option--color: #2E2E38;
  --select-option--border-color: transparent;
  --select-option--border-style: solid;
  --select-option--border-width: 0.0714285714rem;
  --select-option-active--color: #2E2E38;
  --select-option-active--bg-color: #D7D7DC;
  --select-option-hover--color: #2E2E38;
  --select-option-hover--bg-color: #F3F3F5;
  --select-option-focus--border-width: 0;
  --select-option-focus--border-style: none;
  --select-option-focus--border-color: transparent;
  --select-option-focus--border-radius: 0.2857142857rem;
  --select-option-focus--bg-color: transparent;
  --select-option-focus--outline-width: 0.1428571429rem;
  --select-option-focus--outline-style: solid;
  --select-option-focus--outline-color: #0F69AE;
  --select-option-focus--outline-offset: -0.1428571429rem;
  --select-option-disabled--bg-color: transparent;
  --select-option-disabled--color: #9897A6;
  --select-option-disabled--border-color: transparent;
  --select-option-disabled--border-width: 0.0714285714rem;
  --select-option-disabled--border-style: solid;
  --select-option-selected--color: #2E2E38;
  --select-option-selected--bg-color: #E6E6E9;
  --select-option-selected-hover--color: #2E2E38;
  --select-option-selected-hover--bg-color: #F3F3F5;
  --select-option-selected-active--color: #2E2E38;
  --select-option-selected-active--bg-color: #D7D7DC;
  --select-option-selected-focus--color: #2E2E38;
  --select-option-selected-focus--bg-color: #F3F3F5;
  --select-option-selected-disabled--color: #9897A6;
  --select-option-selected-disabled--bg-color: #F9F9FA;
  --select-trigger--color: #2E2E38;
  --select-trigger--border-color: var(--form-element--border-color);
  --select-trigger--border-style: var(--form-element--border-style);
  --select-trigger--border-width: var(--form-element--border-width);
  --select-trigger--bg-color: var(--form-element--bg-color);
  --select-trigger--box-shadow: var(--form-element--box-shadow);
  --select-trigger--border-radius: 0.2857142857rem;
  --select-trigger-hover--color: #2E2E38;
  --select-trigger-hover--border-color: var(--form-element-hover--border-color);
  --select-trigger-hover--border-style: var(--form-element-hover--border-style);
  --select-trigger-hover--border-width: var(--form-element-hover--border-width);
  --select-trigger-hover--bg-color: var(--form-element-hover--bg-color);
  --select-trigger-hover--box-shadow: var(--form-element-hover--box-shadow);
  --select-trigger-hover--border-radius: 0.2857142857rem;
  --select-trigger-open--border-color: var(--form-element-focus--border-color);
  --select-trigger-open--border-style: var(--form-element-focus--border-style);
  --select-trigger-open--border-width: 0rem;
  --select-trigger-open--bg-color: var(--form-element-focus--bg-color);
  --select-trigger-open--box-shadow: var(--form-element-focus--box-shadow);
  --select-trigger-open--border-radius: 0.2857142857rem;
  --select-trigger-focus--color: #2E2E38;
  --select-trigger-focus--border-color: var(--form-element-focus--border-color);
  --select-trigger-focus--border-style: var(--form-element-focus--border-style);
  --select-trigger-focus--border-width: var(--form-element-focus--border-width);
  --select-trigger-focus--bg-color: var(--form-element-focus--bg-color);
  --select-trigger-focus--box-shadow: var(--form-element-focus--box-shadow);
  --select-trigger-focus--border-radius: 0.2857142857rem;
  --select-trigger-focus--outline-style: solid;
  --select-trigger-focus--outline-color: #85B9FD;
  --select-trigger-focus--outline-width: 0.1428571429rem;
  --select-trigger-focus--outline-offset: 0;
  --select-trigger-disabled--color: var(--form-element-disabled--color);
  --select-trigger-disabled--border-color: var(--form-element-disabled--border-color);
  --select-trigger-disabled--border-style: var(--form-element-disabled--border-style);
  --select-trigger-disabled--border-width: var(--form-element-disabled--border-width);
  --select-trigger-disabled--bg-color: var(--form-element-disabled--bg-color);
  --select-trigger-disabled--box-shadow: var(--form-element-disabled--box-shadow);
  --select-trigger-disabled--border-radius: 0.2857142857rem;
  --select-trigger-disabled-hover--bg-color: var(--select-trigger-disabled--bg-color);
  --select-trigger-error--color: #2E2E38;
  --select-trigger-error--border-radius: 0.2857142857rem;
  --select-trigger-error--border-color: var(--form-element-error--border-color);
  --select-trigger-error--border-style: var(--form-element-error--border-style);
  --select-trigger-error--border-width: var(--form-element-error--border-width);
  --select-trigger-error--bg-color: var(--form-element-error--bg-color);
  --select-trigger-error--box-shadow: var(--form-element-error--box-shadow);
  --select-trigger-label--color: #656579;
  --select-trigger-label-focus--color: #656579;
  --select-trigger-label-hover--color: #656579;
  --select-trigger-label-disabled--color: #9897A6;
  --select-arrow--color: #656579;
  --select-arrow-focus--color: #656579;
  --select-arrow-hover--color: #656579;
  --select-arrow-disabled--color: #9897A6;
  --select-filter--bg-color: var(--form-element--bg-color);
  --select-filter--border-style: var(--form-element--border-style);
  --select-filter--border-width: var(--form-element--border-width);
  --select-filter--border-color: var(--form-element--border-color);
  --select-input-filter--color: var(--form-element--color);
  --select-input-filter-hover--color: var(--form-element-hover--color);
  --select-input-filter--border-style: var(--form-element--border-style);
  --select-input-filter--border-width: var(--form-element--border-width);
  --select-input-filter--border-color: var(--form-element--border-color);
  --select-input-filter--bg-color: var(--form-element--bg-color);
  --select-input-filter-hover--bg-color: var(--form-element-hover--bg-color);
  --select-input-filter-placeholder--color: var(--form-element-placeholder--color);
  --select-input-filter-placeholder-hover--color: var(--form-element-placeholder-hover--color);
  --select-input-filter-icon-color: var(--form-element-icon-color);
  --select-input-filter-hover-icon-color: var(--form-element-icon-color);
  --select-list--border-color: #E6E6E9;
  --select-list--border-style: solid;
  --select-list--border-width: 0.0714285714rem;
  --select-list--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --select-list--border-radius: 0.2857142857rem;
  --select-list--bg-color: #FFF;
  --select-list-focus--bg-color: #FFF;
  --select-list-no-results--border-left: 0 none transparent;
  --select-list-no-results--border-right: 0 none transparent;
  --select-list-no-results--border-color: #E6E6E9;
  --select-list-no-results--border-style: solid;
  --select-list-no-results--border-width: 0.0714285714rem;
  --sidebar--overlay-border-color: #E6E6E9;
  --sidebar--overlay-border-width: 0.0714285714rem;
  --sidebar--overlay-border-style: solid;
  --sidebar--overlay-bg-color: #FFF;
  --sidebar--overlay-box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --sidebar--push-border-color: #E6E6E9;
  --sidebar--push-border-width: 0.0714285714rem;
  --sidebar--push-border-style: solid;
  --sidebar--push-bg-color: transparent;
  --sidebar--push-box-shadow: none;
  --slider-before--border-color: #2E2E38 transparent transparent transparent;
  --slider-before--border-style: solid none none none;
  --slider-before--border-width: 0.1428571429rem 0 0 0;
  --slider-after--border-color: #E6E6E9 transparent transparent transparent;
  --slider-after--border-style: solid none none none;
  --slider-after--border-width: 0.1428571429rem 0 0 0;
  --slider-thumb--color: #2E2E38;
  --slider-thumb--border-color: #7F7F91;
  --slider-thumb--border-style: solid;
  --slider-thumb--border-width: 0.0714285714rem;
  --slider-thumb--border-radius: 50%;
  --slider-thumb--bg-color: #FFF;
  --slider-thumb--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --slider-thumb-active--border-style: var(--slider-thumb--border-style);
  --slider-thumb-active--border-width: var(--slider-thumb--border-width);
  --slider-thumb-active--border-color: var(--slider-thumb--border-color);
  --slider-thumb-active--bg-color: #7F7F91;
  --slider-thumb-active--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-hover--border-style: var(--slider-thumb--border-style);
  --slider-thumb-hover--border-width: var(--slider-thumb--border-width);
  --slider-thumb-hover--border-color: var(--slider-thumb--border-color);
  --slider-thumb-hover--bg-color: #7F7F91;
  --slider-thumb-hover--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-focus--border-style: var(--slider-thumb--border-style);
  --slider-thumb-focus--border-width: var(--slider-thumb--border-width);
  --slider-thumb-focus--border-color: var(--slider-thumb--border-color);
  --slider-thumb-focus--bg-color: #7F7F91;
  --slider-thumb-focus--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-focus--outline-color: #0F69AE;
  --slider-thumb-focus--outline-style: solid;
  --slider-thumb-focus--outline-width: 0.1428571429rem;
  --slider-thumb-focus--outline-offset: 0.1428571429rem;
  --slider-thumb-disabled--color: #9897A6;
  --slider-thumb-disabled--bg-color: var(--slider-thumb--bg-color);
  --slider-thumb-disabled--border-style: var(--slider-thumb--border-style);
  --slider-thumb-disabled--border-width: var(--slider-thumb--border-width);
  --slider-thumb-disabled--border-color: #C3C3CB;
  --slider-thumb-disabled--box-shadow: var(--slider-thumb--box-shadow);
  --slider-range--bg-color: #2E2E38;
  --slider-range--border-color: #E6E6E9 transparent transparent transparent;
  --slider-range--border-style: solid none none none;
  --slider-range--border-width: 0.1428571429rem 0 0 0;
  --slider-range-disabled--bg-color: #9897A6;
  --slider-track--bg-color: #E6E6E9;
  --slider-track-disabled--bg-color: var(--slider-track--bg-color);
  --slider-track--height: 0.5714285714rem;
  --slider-track--border-radius: 0.2857142857rem;
  --slider-footer--color: #2E2E38;
  --slider-footer-disabled--color: #9897A6;
  --slider-tooltip-value--color: #F9F9FA;
  --slider-tooltip-value--bg-color: #2E2E38;
  --text-area--color: #2E2E38;
  --text-area--bg-color: #FFF;
  --text-area--box-shadow: none;
  --text-area-label--color: #656579;
  --text-area--border-width: 0.0714285714rem;
  --text-area--border-style: solid;
  --text-area--border-color: #C3C3CB;
  --text-area--border-radius: 0.2857142857rem;
  --text-area-disabled--color: #9897A6;
  --text-area-disabled--bg-color: #F3F3F5;
  --text-area-disabled--box-shadow: none;
  --text-area-disabled-label--color: #656579;
  --text-area-disabled--border-width: 0.0714285714rem;
  --text-area-disabled--border-style: solid;
  --text-area-disabled--border-color: transparent;
  --text-area-hover--bg-color: #F3F3F5;
  --text-area-hover--color: #2E2E38;
  --text-area-hover--box-shadow: none;
  --text-area-hover-label--color: #656579;
  --text-area-hover--border-width: 0.0714285714rem;
  --text-area-hover--border-style: solid;
  --text-area-hover--border-color: #C3C3CB;
  --text-area-focus--bg-color: #FFF;
  --text-area-focus--color: #2E2E38;
  --text-area-focus--box-shadow: none;
  --text-area-focus-label--color: #656579;
  --text-area-focus--border-width: 0.0714285714rem;
  --text-area-focus--border-style: solid;
  --text-area-focus--border-color: transparent;
  --text-area-focus--outline-color: #0F69AE;
  --text-area-focus--outline-width: 0.1428571429rem;
  --text-area-focus--outline-style: solid;
  --text-area-scroll-bar--bg-color: #C3C3CB;
  --text-area-scroll-bar-hover--bg-color: #C3C3CB;
  --text-area-error--color: #2E2E38;
  --text-area-error--bg-color: #FFF;
  --text-area-error--box-shadow: none;
  --text-area-error-label--color: #656579;
  --text-area-error--border-width: 0.0714285714rem;
  --text-area-error--border-style: solid;
  --text-area-error--border-color: #EA011D;
  --text-area-error-hover--color: #2E2E38;
  --text-area-error-hover--bg-color: #FFF;
  --text-area-error-hover--box-shadow: none;
  --text-area-error-hover--border-width: 0.0714285714rem;
  --text-area-error-hover--border-style: solid;
  --text-area-error-hover--border-color: #EA011D;
  --text-area-error-focus--color: #2E2E38;
  --text-area-error-focus--bg-color: #FFF;
  --text-area-error-focus--box-shadow: none;
  --text-area-error-focus--border-width: 0.0714285714rem;
  --text-area-error-focus--border-style: solid;
  --text-area-error-focus--border-color: #EA011D;
  --time-input--color: #2E2E38;
  --time-input--bg-color: #FFF;
  --time-input--border-radius: 0.2857142857rem;
  --time-input--border-color: #C3C3CB;
  --time-input--border-style: solid;
  --time-input--border-width: 0.0714285714rem;
  --time-input--box-shadow: none;
  --time-input-colon--color: #9897A6;
  --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
  --time-input-radio-btn--border-color: #7F7F91;
  --time-input-radio-btn--border-width: var(--radio-btn--border-width);
  --time-input-radio-btn--border-style: var(--radio-btn--border-style);
  --time-input-radio-btn--bg-color: #F3F3F5;
  --time-input-radio-btn-input--bg-color: var(--radio-btn-input--bg-color);
  --time-input-radio-btn-label--color: var(--radio-btn-label--color);
  --time-input-hover--color: #2E2E38;
  --time-input-hover--bg-color: #F3F3F5;
  --time-input-hover--border-radius: 0.2857142857rem;
  --time-input-hover--border-color: #C3C3CB;
  --time-input-hover--border-style: solid;
  --time-input-hover--border-width: 0.0714285714rem;
  --time-input-hover--box-shadow: none;
  --time-input-radio-btn-hover--border-radius: var(--radio-btn-hover--border-radius);
  --time-input-radio-btn-hover--border-color: var(--radio-btn-hover--border-color);
  --time-input-radio-btn-hover--border-width: var(--radio-btn-hover--border-width);
  --time-input-radio-btn-hover--border-style: var(--radio-btn-hover--border-style);
  --time-input-radio-btn-hover--bg-color: var(--radio-btn-hover--bg-color);
  --time-input-radio-btn-input-hover--bg-color: var(--radio-btn-input-hover--bg-color);
  --time-input-radio-btn-label-hover--color: var(--radio-btn-label-hover--color);
  --time-input-focus--color: #2E2E38;
  --time-input-focus--bg-color: #FFF;
  --time-input-focus--border-radius: 0.2857142857rem;
  --time-input-focus--border-color: #C3C3CB;
  --time-input-focus--border-style: solid;
  --time-input-focus--border-width: 0.0714285714rem;
  --time-input-focus--outline-color: #0F69AE;
  --time-input-focus--outline-width: 0.1428571429rem;
  --time-input-focus--outline-style: solid;
  --time-input-focus--outline-offset: -0.1428571429rem;
  --time-input-focus--box-shadow: none;
  --time-input-radio-btn-focus--border-radius: var(--radio-btn-focus--border-radius);
  --time-input-radio-btn-focus--border-color: var(--radio-btn-focus--border-color);
  --time-input-radio-btn-focus--border-width: var(--radio-btn-focus--border-width);
  --time-input-radio-btn-focus--border-style: var(--radio-btn-focus--border-style);
  --time-input-radio-btn-focus--bg-color: var(--radio-btn-focus--bg-color);
  --time-input-radio-btn-input-focus--bg-color: var(--radio-btn-input-focus--bg-color);
  --time-input-radio-btn-label-focus--color: var(--radio-btn-label-focus--color);
  --time-input-error--color: #656579;
  --time-input-error--bg-color: #FFF;
  --time-input-error--border-radius: 0.2857142857rem;
  --time-input-error--border-color: #EA011D;
  --time-input-error--border-style: solid;
  --time-input-error--border-width: 0.0714285714rem;
  --time-input-error--box-shadow: none;
  --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
  --time-input-radio-btn-error--border-color: #7F7F91;
  --time-input-radio-btn-error--border-width: var(--radio-btn-error--border-width);
  --time-input-radio-btn-error--border-style: var(--radio-btn-error--border-style);
  --time-input-radio-btn-error--bg-color: var(--radio-btn-error--bg-color);
  --time-input-radio-btn-input-error--bg-color: var(--radio-btn-input-error--bg-color);
  --time-input-radio-btn-label-error--color: var(--radio-btn-label-error--color);
  --time-input-radio-btn-input-error--color: var(--radio-btn-input--bg-color);
  --time-input-error-hover--color: var(--time-input-error--color);
  --time-input-error-hover--bg-color: #F3F3F5;
  --time-input-error-hover--border-radius: var(--time-input-error--border-radius);
  --time-input-error-hover--border-color: var(--time-input-error--border-color);
  --time-input-error-hover--border-style: var(--time-input-error--border-style);
  --time-input-error-hover--border-width: var(--time-input-error--border-width);
  --time-input-error-hover--box-shadow: var(--time-input-error--box-shadow);
  --time-input-radio-btn-error-hover--border-radius: var(--radio-btn-error-hover--border-radius);
  --time-input-radio-btn-error-hover--border-color: var(--radio-btn-error-hover--border-color);
  --time-input-radio-btn-error-hover--border-width: var(--radio-btn-error-hover--border-width);
  --time-input-radio-btn-error-hover--border-style: var(--radio-btn-error-hover--border-style);
  --time-input-radio-btn-error-hover--bg-color: var(--radio-btn-error-hover--bg-color);
  --time-input-radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error-hover--bg-color);
  --time-input-radio-btn-label-error-hover--color: var(--radio-btn-label-error-hover--color);
  --time-input-error-focus--color: var(--time-input-error--color);
  --time-input-error-focus--bg-color: var(--time-input-error--bg-color);
  --time-input-error-focus--border-radius: var(--time-input-error--border-radius);
  --time-input-error-focus--border-color: var(--time-input-error--border-color);
  --time-input-error-focus--border-style: var(--time-input-error--border-style);
  --time-input-error-focus--border-width: var(--time-input-error--border-width);
  --time-input-error-focus--box-shadow: var(--time-input-error--box-shadow);
  --time-input-radio-btn-error-focus--border-radius: var(--radio-btn-error-focus--border-radius);
  --time-input-radio-btn-error-focus--border-color: var(--radio-btn-error-focus--border-color);
  --time-input-radio-btn-error-focus--border-width: var(--radio-btn-error-focus--border-width);
  --time-input-radio-btn-error-focus--border-style: var(--radio-btn-error-focus--border-style);
  --time-input-radio-btn-error-focus--bg-color: var(--radio-btn-error-focus--bg-color);
  --time-input-radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-focus--bg-color);
  --time-input-radio-btn-label-error-focus--color: var(--radio-btn-label-error-focus--color);
  --time-input-disabled--color: #9897A6;
  --time-input-disabled--bg-color: #F3F3F5;
  --time-input-disabled--border-radius: 0.2857142857rem;
  --time-input-disabled--border-color: transparent;
  --time-input-disabled--border-style: none;
  --time-input-disabled--border-width: 0;
  --time-input-disabled--box-shadow: none;
  --time-input-radio-btn-disabled--border-radius: var(--radio-btn-disabled--border-radius);
  --time-input-radio-btn-disabled--border-color: var(--radio-btn-disabled--border-color);
  --time-input-radio-btn-disabled--border-width: var(--radio-btn-disabled--border-width);
  --time-input-radio-btn-disabled--border-style: var(--radio-btn-disabled--border-style);
  --time-input-radio-btn-disabled--bg-color: var(--radio-btn-disabled--bg-color);
  --time-input-radio-btn-input-disabled--bg-color: var(--radio-btn-input-disabled--bg-color);
  --time-input-radio-btn-label-disabled--color: var(--radio-btn-label-disabled--color);
  --toggle-switch--color: #2E2E38;
  --toggle-switch-hover--color: var(--toggle-switch--color);
  --toggle-switch-focus--color: var(--toggle-switch--color);
  --toggle-switch-disabled--color: #9897A6;
  --toggle-switch--bg-color: #7F7F91;
  --toggle-switch--border-radius: 0.8571428571rem;
  --toggle-switch--border-style: unset;
  --toggle-switch--border-color: unset;
  --toggle-switch--border-width: 0;
  --toggle-switch--box-shadow: none;
  --toggle-switch--height: 1.4285714286rem;
  --toggle-switch-hover--bg-color: #656579;
  --toggle-switch-hover--border-style: var(--toggle-switch--border-style);
  --toggle-switch-hover--border-color: var(--toggle-switch--border-color);
  --toggle-switch-hover--border-width: var(--toggle-switch--border-width);
  --toggle-switch-hover--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-focus--bg-color: #656579;
  --toggle-switch-focus--border-style: var(--toggle-switch--border-style);
  --toggle-switch-focus--border-color: var(--toggle-switch--border-color);
  --toggle-switch-focus--border-width: var(--toggle-switch--border-width);
  --toggle-switch-focus--outline-style: solid;
  --toggle-switch-focus--outline-color: #0F69AE;
  --toggle-switch-focus--outline-width: 0.1428571429rem;
  --toggle-switch-focus--outline-offset: 0.0714285714rem;
  --toggle-switch-focus--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-disabled--bg-color: #E6E6E9;
  --toggle-switch-disabled--border-style: var(--toggle-switch--border-style);
  --toggle-switch-disabled--border-color: var(--toggle-switch--border-color);
  --toggle-switch-disabled--border-width: var(--toggle-switch--border-width);
  --toggle-switch-disabled--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked--bg-color: #26A04B;
  --toggle-switch-checked--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-hover--bg-color: #197335;
  --toggle-switch-checked-hover--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked-hover--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked-hover--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked-hover--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-focus--bg-color: #197335;
  --toggle-switch-checked-focus--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked-focus--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked-focus--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked-focus--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-disabled--bg-color: var(--toggle-switch-disabled--bg-color);
  --toggle-switch-checked-disabled--border-style: var(--toggle-switch-disabled--border-style);
  --toggle-switch-checked-disabled--border-color: var(--toggle-switch-disabled--border-color);
  --toggle-switch-checked-disabled--border-width: var(--toggle-switch-disabled--border-width);
  --toggle-switch-checked-disabled--box-shadow: var(--toggle-switch-disabled--box-shadow);
  --toggle-switch-thumb--bg-color: #FFF;
  --toggle-switch-thumb--box-shadow: none;
  --toggle-switch-thumb--border-radius: 0.7142857143rem;
  --toggle-switch-thumb--border-style: unset;
  --toggle-switch-thumb--border-color: unset;
  --toggle-switch-thumb--border-width: 0rem;
  --toggle-switch-thumb--width: 1.1428571429rem;
  --toggle-switch-thumb--height: 1.1428571429rem;
  --toggle-switch-thumb--translateX: translateX(0.1642857143rem);
  --toggle-switch-thumb--translateY: translateY(-49%);
  --toggle-switch-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-disabled-thumb--bg-color: #9897A6;
  --toggle-switch-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-thumb--translateX: translateX(1.2857142857rem);
  --toggle-switch-checked-thumb--translateY: translateY(-49%);
  --toggle-switch-checked-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-disabled-thumb--bg-color: #9897A6;
  --toggle-switch-checked-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --typeahead-results--border-width: 0.0714285714rem;
  --typeahead-results--border-style: solid;
  --typeahead-results--border-color: #E6E6E9;
  --typeahead-results--border-radius: 0.2857142857rem;
  --typeahead-results--bg-color: #FFF;
  --typeahead-results--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --typeahead-results-option--color: #2E2E38;
  --typeahead-results-option--bg-color: transparent;
  --typeahead-results-option--border-color: none;
  --typeahead-results-option--border-style: none;
  --typeahead-results-option--border-width: none;
  --typeahead-results-option--border-radius: 0.2857142857rem;
  --typeahead-results-option-hover--color: #2E2E38;
  --typeahead-results-option-hover--bg-color: #F3F3F5;
  --typeahead-results-option-hover--border-color: none;
  --typeahead-results-option-hover--border-style: none;
  --typeahead-results-option-hover--border-width: none;
  --typeahead-results-option-focus--color: #2E2E38;
  --typeahead-results-option-focus--bg-color: transparent;
  --typeahead-results-option-focus--border-color: none;
  --typeahead-results-option-focus--border-style: none;
  --typeahead-results-option-focus--border-width: none;
  --typeahead-results-option-focus--outline-color: #0F69AE;
  --typeahead-results-option-focus--outline-style: solid;
  --typeahead-results-option-focus--outline-width: 0.1428571429rem;
  --typeahead-results-option-focus--outline-offset: 0;
  --typeahead-results-option-disabled--color: #9897A6;
  --typeahead-results-option-disabled--bg-color: transparent;
  --typeahead-results-option-disabled--border-color: none;
  --typeahead-results-option-disabled--border-style: none;
  --typeahead-results-option-disabled--border-width: none;
  --header--bg-color: #FFF;
  --header--border-style: solid;
  --header--border-width: 0 0 0.0714285714rem 0;
  --header--border-color: #E6E6E9;
  --header--border-radius: 0;
  --header-search--bg-color: #FFF;
  --header-search--color: #2E2E38;
  --header-search-placeholder--color: #656579;
  --header-search-icon-color: #9897A6;
  --header-search-hover--color: #2E2E38;
  --header-search-hover--bg-color: #FFF;
  --header-search-icon-hover-color: #23232F;
  --header-search-focus--color: #2E2E38;
  --header-search-focus--bg-color: #FFF;
  --header-search-icon-focus-color: #23232F;
  --header-icon-color: #656579;
  --header-icon-hover-icon-color: #656579;
  --header-icon-focus-icon-color: #656579;
  --header-icon-selected-icon-color: #656579;
  --header-icon-selected--bg-color: #F3F3F5;
  --header-icon-selected--border-color: transparent;
  --header-icon-selected--border-style: none;
  --header-icon-selected--border-width: 0;
  --header-icon-selected-hover-icon-color: #656579;
  --header-icon-selected-hover--bg-color: #E6E6E9;
  --header-icon-selected-focus-icon-color: #656579;
  --header-icon-selected-focus--bg-color: #E6E6E9;
  --header-input-wrap--border-color: #E6E6E9;
  --header-input-wrap--border-style: solid;
  --header-input-wrap--border-width: 0.0714285714rem;
  --header-input-wrap-hover--border-color: #E6E6E9;
  --header-input-wrap-hover--border-style: solid;
  --header-input-wrap-hover--border-width: 0.0714285714rem;
  --header-input-wrap-focus--border-color: #0F69AE;
  --header-input-wrap-focus--border-style: solid;
  --header-input-wrap-focus--border-width: 0.1428571429rem;
  --header-btn--bg-color: #FFF;
  --header-btn--box-shadow: none;
  --header-btn--border-radius: 0;
  --header-btn--border-color: transparent;
  --header-btn--border-style: none;
  --header-btn--border-width: 0;
  --header-btn-hover--bg-color: #F3F3F5;
  --header-btn-hover--box-shadow: none;
  --header-btn-hover--border-color: transparent;
  --header-btn-hover--border-style: none;
  --header-btn-hover--border-width: 0;
  --header-btn-focus--bg-color: #F3F3F5;
  --header-btn-focus--box-shadow: none;
  --header-btn-focus--border-color: transparent;
  --header-btn-focus--border-style: none;
  --header-btn-focus--border-width: 0;
  --header-title--color: #2E2E38;
  --header-logo--bg-color: #2E2E38;
  --header-logo--border-color: transparent;
  --header-logo--border-style: none;
  --header-logo--border-width: 0;
  --header-logo--border-radius: 0.1785714286rem;
  --header-logo-focus--outline-style: solid;
  --header-logo-focus--outline-color: #0F69AE;
  --header-logo-focus--outline-width: 0.1428571429rem;
  --header-logo-focus--outline-offset: 0.1428571429rem;
  --icon-color: #2E2E38;
  --icon--bg-color: transparent;
  --progress-bar-progress--bg-color: #2E2E38;
  --progress-bar--bg-color: #E6E6E9;
  --progress-bar--border-radius: 4px 4px 4px 4px;
  --progress-bar--box-shadow: none;
  --progress-bar-error-progress--bg-color: #EA011D;
  --progress-bar-error--border-radius: 4px 4px 4px 4px;
  --progress-bar-error--border-color: #EA011D;
  --progress-bar-error--box-shadow: none;
  --progress-bar-spinner-outline--border-color: #BFBFC8;
  --progress-bar-spinner--border-color: #2E2E38;
  --progress-bar-percent-circle--bg-color: #FFF;
  --progress-bar-label--color: #2E2E38;
  --progress-bar-label--bg-color: #F9F9FA;
  --progress-bar-label-error-color: #2E2E38;
  --progress-bar-progress--border-radius: 0.5714285714rem;
  --progress-bar-circle--border-width: 0.4285714286rem;
  --progress-bar-circle--width: 4.5714285714rem;
  --progress-bar-circle--height: 4.5714285714rem;
  --progress-bar-spinner-outer--border-color: #E6E6E9;
  --progress-bar-spinner-outer--stroke-linecap: round;
  --progress-bar-label-alt--color: #2E2E38;
  --progress-bar-label-alt--bg-color: #F3F3F5;
  --progress-bar-label-alt--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --inline-message--bg-color: transparent;
  --inline-message--color: #2E2E38;
  --inline-message--border-style: none;
  --inline-message--border-width: 0;
  --inline-message--border-color: transparent;
  --inline-message--border-radius: 0;
  --inline-message--box-shadow: none;
  --inline-icon-color: #656579;
  --inline-error-icon-color: #FF4136;
  --inline-warning-icon-color: #EE8300;
  --inline-success-icon-color: #26A04B;
  --inline-info-icon-color: #656579;
  --inline-message-error--color: #C70117;
  --inline-message-warning--color: #975100;
  --inline-message-success--color: #197335;
  --inline-message-info--color: #2E2E38;
  --menu-overlay-open--padding: 1.1428571429rem;
  --menu-overlay-open--bg-color: rgba(46, 46, 56, 0.3019607843);
  --menu--border-color: transparent;
  --menu--border-style: none;
  --menu--border-width: 0;
  --menu--bg-color: #FFF;
  --menu--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.2857142857rem 0.5714285714rem 0 rgba(35, 35, 47, 0.0588235294);
  --menu-btn-icon--color: #656579;
  --menu-header-title--color: #2E2E38;
  --menu-header-title--border-color: none;
  --menu-header-title--border-style: none;
  --menu-header-title--border-width: none;
  --menu-header-description--color: #656579;
  --menu-header-close-btn-icon-color: #656579;
  --menu-header-close-btn-hover--bg-color: #E6E6E9;
  --menu-header-close-btn-icon-hover-icon-color: #656579;
  --menu-header-close-btn-focus--bg-color: #E6E6E9;
  --menu-header-close-btn-icon-focus-icon-color: #656579;
  --menu-header-close-btn-focus-outline-color: #0F69AE;
  --menu-header-close-btn-focus-outline-style: solid;
  --menu-header-close-btn-focus-outline-width: 0.1428571429rem;
  --menu-header-close-btn-focus-outline-offset: 0.1428571429rem;
  --menu-item--bg-color: #FFF;
  --menu-item--border-radius: 0.1428571429rem;
  --menu-dark-item--bg-color: #C3C3CB;
  --menu-item-hover--bg-color: #F3F3F5;
  --menu-item-focus--bg-color: #F3F3F5;
  --menu-item-active--bg-color: #C3C3CB;
  --menu-item--color: #2E2E38;
  --menu-item-hover--color: #2E2E38;
  --menu-item-focus--color: #2E2E38;
  --menu-item-focus-border--color: #0F69AE;
  --menu-item-focus-border--style: solid;
  --menu-item-focus-border--width: 0.1428571429rem;
  --menu-item--font-weight: 400;
  --menu-item-active-hover--bg-color: #E6E6E9;
  --menu-item-focus-outline-color: #0F69AE;
  --menu-item-focus-outline-style: solid;
  --menu-item-focus-outline-width: 0.1428571429rem;
  --menu-item-focus-outline-offset: -0.1428571429rem;
  --menu-group-item-container--bg-color: #C3C3CB;
  --menu-group-item--color: #2E2E38;
  --menu-group-item--bg-color: #FFF;
  --menu-group-item-hover--bg-color: #F3F3F5;
  --menu-group-item-hover--color: #2E2E38;
  --menu-group-item-expanded--bg-color: #FFF;
  --menu-group-item-active--bg-color: #F3F3F5;
  --menu-group-item-active--color: #2E2E38;
  --menu-group-item-icon--color: #656579;
  --menu-group-item--font-size: 1rem;
  --menu-alt--bg-color: #FFF;
  --menu-alt-header-title--color: #2E2E38;
  --menu-alt-header-close-btn-icon-color: #656579;
  --menu-alt-header-close-btn-icon-hover-icon-color: #656579;
  --menu-alt-header-close-btn-hover--bg-color: #C3C3CB;
  --menu-alt-header-close-btn-icon-focus-icon-color: #656579;
  --menu-alt-header-close-btn-focus--bg-color: #C3C3CB;
  --menu-alt-item--bg-color: #FFF;
  --menu-alt-dark-item--bg-color: #C3C3CB;
  --menu-alt-item-hover--bg-color: #E6E6E9;
  --menu-alt-item-focus--bg-color: #F3F3F5;
  --menu-alt-item-active--bg-color: #C3C3CB;
  --menu-alt-item--color: #2E2E38;
  --menu-alt-item-hover--color: #2E2E38;
  --menu-alt-item-focus--color: #2E2E38;
  --menu-alt-group-item-container--bg-color: #C3C3CB;
  --menu-alt-group-item--color: #2E2E38;
  --menu-alt-group-item--bg-color: #FFF;
  --menu-alt-group-item-hover--color: #2E2E38;
  --menu-alt-group-item-hover--bg-color: #F3F3F5;
  --menu-alt-group-item-expanded--bg-color: #FFF;
  --menu-alt-group-item-active--color: #2E2E38;
  --menu-alt-group-item-active--bg-color: #F3F3F5;
  --menu-alt-group-item-icon--color: #9897A6;
  --modal--border-width: none;
  --modal--border-style: none;
  --modal--border-color: none;
  --modal--border-radius: 0.5714285714rem;
  --modal--bg-color: #FFF;
  --modal--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.2857142857rem 0.5714285714rem 0 rgba(35, 35, 47, 0.0588235294);
  --modal-overlay--bg-color: rgba(46, 46, 56, 0.3019607843);
  --model-content-divider-header-color: #656579;
  --modal-header--color: #2E2E38;
  --modal-header--bg-color: #FFF;
  --modal-header--border-color: #E6E6E9;
  --modal-header--border-style: solid;
  --modal-header--border-width: 0 0 0.0714285714rem 0;
  --modal-header-close-btn--color: #7F7F91;
  --modal-header-close-btn--bg-color: #FFF;
  --modal-header-close-btn-icon-color: inherit;
  --modal-header-close-btn-icon--bg-color: transparent;
  --modal-header-close-btn--border-color: transparent;
  --modal-header-close-btn--border-width: 0;
  --modal-header-close-btn--border-style: none;
  --modal-header-close-btn--box-shadow: none;
  --modal-header-close-btn--border-radius: 0.2857142857rem;
  --modal-header-close-btn-hover--color: inherit;
  --modal-header-close-btn-hover--bg-color: #E6E6E9;
  --modal-header-close-btn-hover-icon-color: inherit;
  --modal-header-close-btn-hover-icon--bg-color: transparent;
  --modal-header-close-btn-hover--border-color: transparent;
  --modal-header-close-btn-hover--border-width: 0;
  --modal-header-close-btn-hover--border-style: none;
  --modal-header-close-btn-hover--box-shadow: none;
  --modal-header-close-btn-focus--color: inherit;
  --modal-header-close-btn-focus--bg-color: #E6E6E9;
  --modal-header-close-btn-focus-icon-color: inherit;
  --modal-header-close-btn-focus-icon--bg-color: transparent;
  --modal-header-close-btn-focus--border-color: none;
  --modal-header-close-btn-focus--border-width: 0;
  --modal-header-close-btn-focus--border-style: solid;
  --modal-header-close-btn-focus--border-radius: 0.2857142857rem;
  --modal-header-close-btn-focus--box-shadow: none;
  --modal-header-close-btn-focus--outline-style: 0.2857142857rem solid #0F69AE;
  --modal-header-close-btn-active--color: inherit;
  --modal-header-close-btn-active--bg-color: #D7D7DC;
  --modal-header-close-btn-active-icon-color: inherit;
  --modal-header-close-btn-active-icon--bg-color: transparent;
  --modal-header-close-btn-active--border-color: transparent;
  --modal-header-close-btn-active--border-width: 0;
  --modal-header-close-btn-active--border-style: none;
  --modal-header-close-btn-active--box-shadow: none;
  --modal-header-alt--color: #2E2E38;
  --modal-header-alt--border-color: #E6E6E9;
  --modal-header-alt--border-style: solid;
  --modal-header-alt--border-width: 0 0 0.0714285714rem 0;
  --modal-header-alt--bg-color: #FFF;
  --modal-header-alt-close-btn--color: #7F7F91;
  --modal-header-alt-close-btn--bg-color: #FFF;
  --modal-header-alt-close-btn-icon-color: inherit;
  --modal-header-alt-close-btn-icon--bg-color: transparent;
  --modal-header-alt-close-btn--border-color: transparent;
  --modal-header-alt-close-btn--border-width: 0;
  --modal-header-alt-close-btn--border-style: none;
  --modal-header-alt-close-btn--box-shadow: none;
  --modal-header-alt-close-btn-hover--color: inherit;
  --modal-header-alt-close-btn-hover--bg-color: #E6E6E9;
  --modal-header-alt-close-btn-hover-icon-color: inherit;
  --modal-header-alt-close-btn-hover-icon--bg-color: transparent;
  --modal-header-alt-close-btn-hover--border-color: transparent;
  --modal-header-alt-close-btn-hover--border-width: 0;
  --modal-header-alt-close-btn-hover--border-style: none;
  --modal-header-alt-close-btn-hover--box-shadow: none;
  --modal-header-alt-close-btn-focus--color: inherit;
  --modal-header-alt-close-btn-focus--bg-color: #E6E6E9;
  --modal-header-alt-close-btn-focus-icon-color: inherit;
  --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
  --modal-header-alt-close-btn-focus--border-color: none;
  --modal-header-alt-close-btn-focus--border-width: 0;
  --modal-header-alt-close-btn-focus--border-style: solid;
  --modal-header-alt-close-btn-focus--box-shadow: none;
  --modal-footer--border-color: none;
  --modal-footer--border-style: none none none none;
  --modal-footer--border-width: none;
  --modal-footer--bg-color: transparent;
  --modal-warning-btn--bg-color: #2E2E38;
  --modal-warning-btn--color: #FFF;
  --modal-warning-btn-warn-hover--bg-color: #4D4D5C;
  --modal-next-btn--bg-color: #2E2E38;
  --modal-next-btn--color: #FFF;
  --modal-next-btn-hover--bg-color: #4D4D5C;
  --modal-next-btn-hover--color: #FFF;
  --pagination-count--color: #2E2E38;
  --pagination-count--border-color: transparent;
  --pagination-count--border-style: none;
  --pagination-count--border-width: 0;
  --pagination-count--box-shadow: none;
  --pagination-count--border-radius: 0.2857142857rem;
  --pagination-count--bg-color: transparent;
  --pagination-count-hover--border-color: transparent;
  --pagination-count-hover--border-style: none;
  --pagination-count-hover--border-width: 0;
  --pagination-count-hover--color: #2E2E38;
  --pagination-count-hover--box-shadow: none;
  --pagination-count-hover--bg-color: transparent;
  --pagination-count-focus--border-color: #C3C3CB;
  --pagination-count-focus--border-style: solid;
  --pagination-count-focus--border-width: 0.0714285714rem;
  --pagination-count-focus--border-radius: 0.2857142857rem;
  --pagination-count-focus--color: #2E2E38;
  --pagination-count-focus--box-shadow: none;
  --pagination-count-focus--bg-color: transparent;
  --pagination-editable--border-color: #C3C3CB;
  --pagination-editable--border-style: solid;
  --pagination-editable--border-width: 0.0714285714rem;
  --pagination-editable--box-shadow: none;
  --pagination-editable--border-radius: 0.2857142857rem;
  --pagination-editable--bg-color: #FFF;
  --pagination-editable--color: #2E2E38;
  --pagination-editable-hover--border-width: 0.0714285714rem;
  --pagination-editable-hover--border-style: solid;
  --pagination-editable-hover--border-color: #C3C3CB;
  --pagination-editable-hover--box-shadow: none;
  --pagination-editable-hover--bg-color: #F3F3F5;
  --pagination-editable-hover--color: #2E2E38;
  --pagination-editable-focus--border-width: 0.0714285714rem;
  --pagination-editable-focus--border-style: solid;
  --pagination-editable-focus--border-color: #C3C3CB;
  --pagination-editable-focus--box-shadow: none;
  --pagination-editable-focus--bg-color: #FFF;
  --pagination-editable-focus--color: #2E2E38;
  --pagination-editable-focus--outline-color: #0F69AE;
  --pagination-editable-focus--outline-offset: -0.1428571429rem;
  --pagination-editable-focus--outline-style: solid;
  --pagination-editable-focus--outline-width: 0.1428571429rem;
  --pagination-select-trigger--border-color: transparent;
  --pagination-select-trigger--border-style: none;
  --pagination-select-trigger--border-width: 0;
  --pagination-select-trigger--border-radius: 0.2857142857rem;
  --pagination-select-trigger--bg-color: transparent;
  --pagination-select-trigger-icon-color: #656579;
  --pagination-select-trigger--color: #2E2E38;
  --pagination-select-trigger--box-shadow: none;
  --pagination-select-trigger-hover--box-shadow: none;
  --pagination-select-trigger-hover--border-width: 0;
  --pagination-select-trigger-hover--border-style: none;
  --pagination-select-trigger-hover--border-color: transparent;
  --pagination-select-trigger-hover--bg-color: transparent;
  --pagination-select-trigger-hover--color: #2E2E38;
  --pagination-select-trigger-hover-icon-color: #656579;
  --pagination-select-trigger-focus--box-shadow: none;
  --pagination-select-trigger-focus--border-width: 0;
  --pagination-select-trigger-focus--border-style: none;
  --pagination-select-trigger-focus--border-color: transparent;
  --pagination-select-trigger-focus--bg-color: #E6E6E9;
  --pagination-select-trigger-focus--color: #2E2E38;
  --pagination-select-trigger-focus-icon-color: #656579;
  --pagination-select-trigger-focus--outline-color: #0F69AE;
  --pagination-select-trigger-focus--outline-offset: 0.1428571429rem;
  --pagination-select-trigger-focus--outline-style: solid;
  --pagination-select-trigger-focus--outline-width: 0.1428571429rem;
  --pagination-select-trigger-active--box-shadow: none;
  --pagination-select-trigger-active--border-width: 0;
  --pagination-select-trigger-active--border-style: none;
  --pagination-select-trigger-active--border-color: transparent;
  --pagination-select-trigger-active--bg-color: #E6E6E9;
  --pagination-select-trigger-active--color: #2E2E38;
  --pagination-select-trigger-active-icon-color: #656579;
  --pagination-select-trigger-disabled-icon-color: #656579;
  --pagination-select-menu--border-color: #E6E6E9;
  --pagination-select-menu--border-style: solid;
  --pagination-select-menu--border-width: 0.0714285714rem;
  --pagination-select-menu--border-radius: 0.1428571429rem;
  --pagination-select-menu--bg-color: #FFF;
  --pagination-select-menu--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --pagination-select-menu-item--font-size: 1.1428571429rem;
  --pagination-select-menu-item--color: #2E2E38;
  --pagination-select-menu-item--bg-color: transparent;
  --pagination-select-menu-item--box-shadow: none;
  --pagination-select-menu-item--border-width: 0;
  --pagination-select-menu-item--border-style: none;
  --pagination-select-menu-item--border-color: transparent;
  --pagination-select-menu-item-hover--color: #2E2E38;
  --pagination-select-menu-item-hover--bg-color: #F3F3F5;
  --pagination-select-menu-item-hover--box-shadow: none;
  --pagination-select-menu-item-hover--border-width: 0;
  --pagination-select-menu-item-hover--border-style: none;
  --pagination-select-menu-item-hover--border-color: transparent;
  --pagination-select-menu-item-focus--color: #2E2E38;
  --pagination-select-menu-item-focus--bg-color: #F3F3F5;
  --pagination-select-menu-item-focus--box-shadow: none;
  --pagination-select-menu-item-focus--border-width: 0;
  --pagination-select-menu-item-focus--border-style: none;
  --pagination-select-menu-item-focus--border-color: transparent;
  --pagination-select-menu-item-active--bg-color: #F3F3F5;
  --pagination-select-menu-item-active--color: #2E2E38;
  --pagination-select-menu-item-active--box-shadow: none;
  --pagination-select-menu-item-active--border-width: 0;
  --pagination-select-menu-item-active--border-style: none;
  --pagination-select-menu-item-active--border-color: transparent;
  --pagination-select-menu-item-disabled--color: #F3F3F5;
  --pagination-select-menu-item-disabled--bg-color: #2E2E38;
  --pagination-select-menu-item-disabled--box-shadow: none;
  --pagination-select-menu-item-disabled--border-width: 0;
  --pagination-select-menu-item-disabled--border-style: none;
  --pagination-select-menu-item-disabled--border-color: transparent;
  --panel-menu--bg-color: #F9F9FA;
  --panel-menu--color: #2E2E38;
  --panel-menu--border-color: transparent;
  --panel-menu--border-width: 0rem;
  --panel-menu--border-style: none;
  --panel-menu--box-shadow: none;
  --panel-menu-header--bg-color: #F9F9FA;
  --panel-menu-header--border-color: transparent transparent transparent transparent;
  --panel-menu-header--border-style: none none none solid;
  --panel-menu-header--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-content--bg-color: #F9F9FA;
  --panel-menu-item-title--color: #656579;
  --panel-menu-item-title-separator--bg-color: #E6E6E9;
  --panel-menu-item--bg-color: #F9F9FA;
  --panel-menu-item--color: #2E2E38;
  --panel-menu-item--border-color: transparent transparent transparent #E6E6E9;
  --panel-menu-item--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item--border-style: none none none solid;
  --panel-menu-item--border-radius: 0rem;
  --panel-menu-item--box-shadow: none;
  --panel-menu-item-hover--bg-color: #E6E6E9;
  --panel-menu-item-hover--color: #2E2E38;
  --panel-menu-item-hover--border-color: transparent transparent transparent #E6E6E9;
  --panel-menu-item-hover--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item-hover--border-style: none none none solid;
  --panel-menu-item-hover--border-radius: 0rem;
  --panel-menu-item-hover--box-shadow: none;
  --panel-menu-item-focus--bg-color: #E6E6E9;
  --panel-menu-item-focus--color: #2E2E38;
  --panel-menu-item-focus--border-color: transparent transparent transparent #E6E6E9;
  --panel-menu-item-focus--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item-focus--border-style: none none none solid;
  --panel-menu-item-focus--border-radius: 0rem;
  --panel-menu-item-focus--outline-color: #0F69AE;
  --panel-menu-item-focus--outline-style: solid;
  --panel-menu-item-focus--outline-width: 0.1428571429rem;
  --panel-menu-item-focus--outline-offset: 0.1428571429rem;
  --panel-menu-item-focus--box-shadow: none;
  --panel-menu-item-active--bg-color: #D7D7DC;
  --panel-menu-item-active--color: #2E2E38;
  --panel-menu-item-active--border-color: transparent transparent transparent #7F7F91;
  --panel-menu-item-active--border-width: 0 0 0 0.0714285714rem;
  --panel-menu-item-active--border-style: none none none solid;
  --panel-menu-item-active--border-radius: 0rem;
  --panel-menu-item-active--box-shadow: none;
  --progress-indicator-step-focus--outline-color: #0F69AE;
  --progress-indicator-step-focus--outline-style: solid;
  --progress-indicator-step-focus-outline-width: var(--focus-border);
  --progress-indicator-step-focus--outline-offset: 0.1428571429rem;
  --progress-indicator-step-focus--border-radius: 0.4285714286rem;
  --progress-indicator-step-focus--border-width: 0;
  --progress-indicator-step-focus--border-style: none;
  --progress-indicator-step-focus--border-color: transparent;
  --progress-indicator-step--padding: 0.8571428571rem 0 0 0;
  --progress-indicator-icon-color: #C3C3CB;
  --progress-indicator-icon--border-radius: 50%;
  --progress-indicator-icon--border-style: solid;
  --progress-indicator-icon--border-width: 0.0714285714rem;
  --progress-indicator-icon--border-color: #F3F3F5;
  --progress-indicator-icon--bg-color: transparent;
  --progress-indicator-title--color: #2E2E38;
  --progress-indicator-title--bg-color : transparent;
  --progress-indicator-title--box-shadow: none;
  --progress-indicator-title--border-radius: 0;
  --progress-indicator-title--border-style: none;
  --progress-indicator-title--border-width: 0;
  --progress-indicator-title--border-color: transparent;
  --progress-indicator-title--font-weight: var(--weight-regular);
  --progress-indicator-title-hover--font-weight: var(--weight-light);
  --progress-indicator-title--text-decoration: none;
  --progress-indicator-title-margin: 0.7142857143rem 0 0 1.3571428571rem;
  --progress-indicator-body--color: #656579;
  --progress-indicator-body--bg-color: transparent;
  --progress-indicator-body-hover--bg-color: #F3F3F5;
  --progress-indicator-body--box-shadow: none;
  --progress-indicator-body--border-radius: 0;
  --progress-indicator-body--border-style: none;
  --progress-indicator-body--border-width: 0;
  --progress-indicator-body--border-color: transparent;
  --progress-indicator-body--margin: 0.1428571429rem 0 0 1.3571428571rem;
  --progress-indicator-bar--bg-color: #E6E6E9;
  --progress-indicator-bar--border-radius: 0 0 0 0;
  --progress-indicator-bar--border-style: none;
  --progress-indicator-bar--border-color: transparent;
  --progress-indicator-bar--border-width: 0;
  --progress-indicator-bar--box-shadow: none;
  --progress-indicator-circle--bg-color: #F3F3F5;
  --progress-indicator-circle--color: #C3C3CB;
  --progress-indicator-icon-completed-icon-color: #2E2E38;
  --progress-indicator-icon-completed--border-radius: 50%;
  --progress-indicator-icon-completed--border-style: none;
  --progress-indicator-icon-completed--border-width: 0;
  --progress-indicator-icon-completed--border-color: transparent;
  --progress-indicator-icon-completed--bg-color: #F3F3F5;
  --progress-indicator-title-completed--color: #2E2E38;
  --progress-indicator-title-completed--bg-color : transparent;
  --progress-indicator-title-completed--box-shadow: none;
  --progress-indicator-title-completed--border-radius: 0;
  --progress-indicator-title-completed--border-style: none;
  --progress-indicator-title-completed--border-width: 0;
  --progress-indicator-title-completed--border-color: transparent;
  --progress-indicator-body-completed--color: #656579;
  --progress-indicator-body-completed--bg-color : transparent;
  --progress-indicator-body-completed--box-shadow: none;
  --progress-indicator-body-completed--border-radius: 0;
  --progress-indicator-body-completed--border-style: none;
  --progress-indicator-body-completed--border-width: 0;
  --progress-indicator-body-completed--border-color: transparent;
  --progress-indicator-bar-completed--bg-color: #2E2E38;
  --progress-indicator-bar-completed--border-radius: 0;
  --progress-indicator-bar-completed--border-style: none;
  --progress-indicator-bar-completed--border-color: transparent;
  --progress-indicator-bar-completed--border-width: 0;
  --progress-indicator-bar-completed--box-shadow: none;
  --progress-indicator-circle-completed--bg-color: #F3F3F5;
  --progress-indicator-circle-completed--color: #2E2E38;
  --progress-indicator-circle-completed-error--bg-color: #FCF5F3;
  --progress-indicator-circle-completed-error--color: #FF4136;
  --progress-indicator-circle-completed-disabled--bg-color: #F3F3F5;
  --progress-indicator-circle-completed-disabled--color: #9897A6;
  --progress-indicator-icon-active-icon-color: #2E2E38;
  --progress-indicator-icon-active--border-radius: 50%;
  --progress-indicator-icon-active--border-style: solid;
  --progress-indicator-icon-active--border-width: 0.1428571429rem;
  --progress-indicator-icon-active--border-color: #F3F3F5;
  --progress-indicator-icon-active--bg-color: transparent;
  --progress-indicator-title-active--color: #2E2E38;
  --progress-indicator-title-active--bg-color : transparent;
  --progress-indicator-title-active--box-shadow: none;
  --progress-indicator-title-active--border-radius: 0;
  --progress-indicator-title-active--border-style: none;
  --progress-indicator-title-active--border-width: 0;
  --progress-indicator-title-active--border-color: transparent;
  --progress-indicator-body-active--color: #656579;
  --progress-indicator-body-active--bg-color : transparent;
  --progress-indicator-body-active--box-shadow: none;
  --progress-indicator-body-active--border-radius: 0;
  --progress-indicator-body-active--border-style: none;
  --progress-indicator-body-active--border-width: 0;
  --progress-indicator-body-active--border-color: transparent;
  --progress-indicator-bar-active--bg-color: #2E2E38;
  --progress-indicator-bar-active--border-radius: 0;
  --progress-indicator-bar-active--border-style: none;
  --progress-indicator-bar-active--border-color: transparent;
  --progress-indicator-bar-active--border-width: 0;
  --progress-indicator-bar-active--box-shadow: none;
  --progress-indicator-circle-active--bg-color: #F3F3F5;
  --progress-indicator-circle-active--color: #2E2E38;
  --progress-indicator-circle-active-error--bg-color: #FDBAAB;
  --progress-indicator-circle-active-error--color: #FF4136;
  --progress-indicator-circle-active-disabled--bg-color: #F3F3F5;
  --progress-indicator-circle-active-disabled--color: #9897A6;
  --progress-indicator-icon-disabled-icon-color: transparent;
  --progress-indicator-icon-disabled--border-radius: 50%;
  --progress-indicator-icon-disabled--border-style: solid;
  --progress-indicator-icon-disabled--border-width: 0.0714285714rem;
  --progress-indicator-icon-disabled--border-color: #BFBFC8;
  --progress-indicator-icon-disabled--bg-color: transparent;
  --progress-indicator-title-disabled--color: #9897A6;
  --progress-indicator-title-disabled--bg-color : transparent;
  --progress-indicator-title-disabled--box-shadow: none;
  --progress-indicator-title-disabled--border-radius: 0;
  --progress-indicator-title-disabled--border-style: none;
  --progress-indicator-title-disabled--border-width: 0;
  --progress-indicator-title-disabled--border-color: transparent;
  --progress-indicator-body-disabled--color: #9897A6;
  --progress-indicator-body-disabled--bg-color : transparent;
  --progress-indicator-body-disabled--box-shadow: none;
  --progress-indicator-body-disabled--border-radius: 0;
  --progress-indicator-body-disabled--border-style: none;
  --progress-indicator-body-disabled--border-width: 0;
  --progress-indicator-body-disabled--border-color: transparent;
  --progress-indicator-bar-disabled--bg-color: #E6E6E9;
  --progress-indicator-bar-disabled--border-radius: 0;
  --progress-indicator-bar-disabled--border-style: none;
  --progress-indicator-bar-disabled--border-color: transparent;
  --progress-indicator-bar-disabled--border-width: 0;
  --progress-indicator-bar-disabled--box-shadow: none;
  --progress-indicator-circle-disabled--bg-color: #F3F3F5;
  --progress-indicator-circle-disabled--color: #E6E6E9;
  --progress-indicator-icon-error-icon-color: #FFF;
  --progress-indicator-icon-error--border-radius: 50%;
  --progress-indicator-icon-error--border-style: none;
  --progress-indicator-icon-error--border-width: 0;
  --progress-indicator-icon-error--border-color: transparent;
  --progress-indicator-icon-error--bg-color: var(--error);
  --progress-indicator-title-error--color: #C70117;
  --progress-indicator-title-error--bg-color : transparent;
  --progress-indicator-title-error--box-shadow: none;
  --progress-indicator-title-error--border-radius: 0;
  --progress-indicator-title-error--border-style: none;
  --progress-indicator-title-error--border-width: 0;
  --progress-indicator-title-error--border-color: transparent;
  --progress-indicator-body-error--color: #C70117;
  --progress-indicator-body-error--bg-color : transparent;
  --progress-indicator-body-error--box-shadow: none;
  --progress-indicator-body-error--border-radius: 0;
  --progress-indicator-body-error--border-style: none;
  --progress-indicator-body-error--border-width: 0;
  --progress-indicator-body-error--border-color: transparent;
  --progress-indicator-bar-error--bg-color: #FF4136;
  --progress-indicator-bar-error--border-radius: 0;
  --progress-indicator-bar-error--border-style: none;
  --progress-indicator-bar-error--border-color: transparent;
  --progress-indicator-bar-error--border-width: 0;
  --progress-indicator-bar-error--box-shadow: none;
  --progress-indicator-circle-error--bg-color: #FDBAAB;
  --progress-indicator-circle-error--color: #FF4136;
  --progress-indicator-icon-warning-icon-color: #FFF;
  --progress-indicator-icon-warning--border-radius: 50%;
  --progress-indicator-icon-warning--border-style: none;
  --progress-indicator-icon-warning--border-width: 0;
  --progress-indicator-icon-warning--border-color: transparent;
  --progress-indicator-icon-warning--bg-color: #EE8300;
  --progress-indicator-title-warning--color: #975100;
  --progress-indicator-title-warning--bg-color : transparent;
  --progress-indicator-title-warning--box-shadow: none;
  --progress-indicator-title-warning--border-radius: 0;
  --progress-indicator-title-warning--border-style: none;
  --progress-indicator-title-warning--border-width: 0;
  --progress-indicator-title-warning--border-color: transparent;
  --progress-indicator-body-warning--color: #975100;
  --progress-indicator-body-warning--bg-color : transparent;
  --progress-indicator-body-warning--box-shadow: none;
  --progress-indicator-body-warning--border-radius: 0;
  --progress-indicator-body-warning--border-style: none;
  --progress-indicator-body-warning--border-width: 0;
  --progress-indicator-body-warning--border-color: transparent;
  --progress-indicator-bar-warning--bg-color: #EE8300;
  --progress-indicator-bar-warning--border-radius: 0;
  --progress-indicator-bar-warning--border-style: none;
  --progress-indicator-bar-warning--border-color: transparent;
  --progress-indicator-bar-warning--border-width: 0;
  --progress-indicator-bar-warning--box-shadow: none;
  --progress-indicator-circle-warning--bg-color: #FCF5F0;
  --progress-indicator-circle-warning--color: #D07200;
  --progress-loader--bg-color: rgba(46, 46, 56, 0.3019607843);
  --progress-loader--border-color: transparent;
  --progress-loader--border-width: 0px;
  --progress-loader--border-style: none;
  --progress-loader--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --progress-loader-square--bg-color: var(--branding);
  --progress-loader-square--border-color: transparent;
  --progress-loader-square--border-width: 0px;
  --progress-loader-square--border-style: none;
  --progress-loader-square--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --progress-loader-linear-track--bg-color: #E6E6E9;
  --progress-loader-line--bg-color: #2E2E38;
  --progress-loader-circular-track--bg-color: #C3C3CB;
  --progress-loader-circle--bg-color: #2E2E38;
  --skeleton-container--bg-color: #FFF;
  --skeleton-container--border-color: #D7D7DC;
  --skeleton-container--border-style: solid;
  --skeleton-container--border-width: 0.0714285714rem;
  --skeleton-container--border-radius: 0.1428571429rem;
  --skeleton-container--box-shadow: none;
  --skeleton-container-alt--bg-color: #FFF;
  --skeleton-container-alt--border-color: #D7D7DC;
  --skeleton-container-alt--border-style: solid;
  --skeleton-container-alt--border-width: 0.0714285714rem;
  --skeleton-container-alt--border-radius: 0.1428571429rem;
  --skeleton-container-alt--box-shadow: none;
  --skeleton--bg-color: #E6E6E9;
  --skeleton--border-style: none;
  --skeleton--border-color: transparent;
  --skeleton--border-width: 0;
  --skeleton--border-radius: 0;
  --skeleton--box-shadow: none;
  --skeleton-animation-gradient--bg-color: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 48.96%, rgba(255, 255, 255, 0) 100%);
  --tab-navigation-left--bg-color: transparent;
  --tab-navigation-left--box-shadow: none;
  --tab-navigation-left--border-radius: 0 0.1428571429rem 0.1428571429rem 0;
  --tab-navigation-left--border-style: solid;
  --tab-navigation-left--border-width: 0 0 0 1px;
  --tab-navigation-left--border-color: #E6E6E9;
  --tab-navigation-right--bg-color: transparent;
  --tab-navigation-right--box-shadow: none;
  --tab-navigation-right--border-radius: 0.1428571429rem 0 0 0.1428571429rem;
  --tab-navigation-right--border-style: solid;
  --tab-navigation-right--border-width: 0 1px 0 0;
  --tab-navigation-right--border-color: #E6E6E9;
  --tab-navigation-horizontal--bg-color: transparent;
  --tab-navigation-horizontal--box-shadow: none;
  --tab-navigation-horizontal--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-horizontal--border-style: solid;
  --tab-navigation-horizontal--border-width: 0 0 1px 0;
  --tab-navigation-horizontal--border-color: #E6E6E9;
  --tab-navigation-top--bg-color: transparent;
  --tab-navigation-top--box-shadow: none;
  --tab-navigation-top--border-radius: 0;
  --tab-navigation-top--border-style: solid;
  --tab-navigation-top--border-width: 1px 0 0 0;
  --tab-navigation-top--border-color: #E6E6E9;
  --tab-navigation-left-button--border-style: solid;
  --tab-navigation-left-button--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button--border-color: transparent;
  --tab-navigation-right-button--border-style: solid;
  --tab-navigation-right-button--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button--border-color: transparent;
  --tab-navigation-horizontal-button--border-style: solid;
  --tab-navigation-horizontal-button--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button--border-color: transparent;
  --tab-navigation-horizontal-button--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-top-button--border-style: solid;
  --tab-navigation-top-button--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button--border-color: transparent;
  --tab-navigation--color: #656579;
  --tab-navigation--bg-color: transparent;
  --tab-navigation--box-shadow: none;
  --tab-navigation--outline-color: transparent;
  --tab-navigation--outline-width: 0;
  --tab-navigation--outline-style: none;
  --tab-navigation--outline-offset: 0;
  --tab-navigation--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation--border-width: 0;
  --tab-navigation--border-style: none;
  --tab-navigation--border-color: transparent;
  --tab-navigation-left-button-focus--border-style: solid;
  --tab-navigation-left-button-focus--border-color: #2E2E38;
  --tab-navigation-left-button-focus--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-focus--border-radius: 0 0.1428571429rem 0.1428571429rem 0;
  --tab-navigation-right-button-focus--border-style: solid;
  --tab-navigation-right-button-focus--border-color: #2E2E38;
  --tab-navigation-right-button-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-focus--border-radius: 0.1428571429rem 0 0 0.1428571429rem;
  --tab-navigation-horizontal-button-focus--border-style: solid;
  --tab-navigation-horizontal-button-focus--border-color: #2E2E38;
  --tab-navigation-horizontal-button-focus--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-hover--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-top-button-focus--border-style: solid;
  --tab-navigation-top-button-focus--border-color: transparent;
  --tab-navigation-top-button-focus--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-focus--bg-color: #E6E6E9;
  --tab-navigation-focus--color: #656579;
  --tab-navigation-focus--box-shadow: none;
  --tab-navigation-focus--outline-color: #0F69AE;
  --tab-navigation-focus--outline-width: 0.1428571429rem;
  --tab-navigation-focus--outline-style: solid;
  --tab-navigation-focus--outline-offset: 0.1428571429rem;
  --tab-navigation-focus--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-hover--border-style: solid;
  --tab-navigation-hover--border-color: #2E2E38;
  --tab-navigation-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-hover--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-hover--bg-color: #E6E6E9;
  --tab-navigation-hover--color: #656579;
  --tab-navigation-hover--box-shadow: none;
  --tab-navigation-hover--outline-color: transparent;
  --tab-navigation-hover--outline-width: 0;
  --tab-navigation-hover--outline-style: none;
  --tab-navigation-hover--text-shadow: none;
  --tab-navigation-disabled--border-style: none;
  --tab-navigation-disabled--border-color: transparent;
  --tab-navigation-disabled--border-width: 0;
  --tab-navigation-disabled--bg-color: transparent;
  --tab-navigation-disabled--color: #9897A6;
  --tab-navigation-disabled--box-shadow: none;
  --tab-navigation-disabled--outline-color: transparent;
  --tab-navigation-disabled--outline-width: 0;
  --tab-navigation-disabled--outline-style: none;
  --tab-navigation-left-button-active--border-style: solid;
  --tab-navigation-left-button-active--border-color: #2E2E38;
  --tab-navigation-left-button-active--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-button-active--color: #2E2E38;
  --tab-navigation-left-button-active-hover--border-style: solid;
  --tab-navigation-left-button-active-hover--border-color: #2E2E38;
  --tab-navigation-left-button-active-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-active-focus--border-style: solid;
  --tab-navigation-left-button-active-focus--border-color: #2E2E38;
  --tab-navigation-left-button-active-focus--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-right-button-active--border-style: solid;
  --tab-navigation-right-button-active--border-color: #2E2E38;
  --tab-navigation-right-button-active--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-active-hover--border-style: solid;
  --tab-navigation-right-button-active-hover--border-color: #2E2E38;
  --tab-navigation-right-button-active-hover--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-active-focus--border-style: solid;
  --tab-navigation-right-button-active-focus--border-color: #2E2E38;
  --tab-navigation-right-button-active-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-horizontal-button-active--border-style: solid;
  --tab-navigation-horizontal-button-active--border-color: #2E2E38;
  --tab-navigation-horizontal-button-active--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-active-hover--border-style: solid;
  --tab-navigation-horizontal-button-active-hover--border-color: #2E2E38;
  --tab-navigation-horizontal-button-active-hover--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-active-focus--border-style: solid;
  --tab-navigation-horizontal-button-active-focus--border-color: #2E2E38;
  --tab-navigation-horizontal-button-active-focus--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-top-button-active--border-style: solid;
  --tab-navigation-top-button-active--border-color: #2E2E38;
  --tab-navigation-top-button-active--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-active--bg-color: #E6E6E9;
  --tab-navigation-active--color: #2E2E38;
  --tab-navigation-active--box-shadow: none;
  --tab-navigation-active--outline-color: #0F69AE;
  --tab-navigation-active--outline-width: 0.1428571429rem;
  --tab-navigation-active--outline-style: solid;
  --tab-navigation-active--outline-offset: 0.1428571429rem;
  --tab-navigation-active--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-left-button-active-disabled--border-style: solid;
  --tab-navigation-left-button-active-disabled--border-color: #C3C3CB;
  --tab-navigation-left-button-active-disabled--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-right-button-active-disabled--border-style: solid;
  --tab-navigation-right-button-active-disabled--border-color: #C3C3CB;
  --tab-navigation-right-button-active-disabled--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-horizontal-button-active-disabled--border-style: solid;
  --tab-navigation-horizontal-button-active-disabled--border-color: #C3C3CB;
  --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-top-button-active-disabled--border-style: solid;
  --tab-navigation-top-button-active-disabled--border-color: #C3C3CB;
  --tab-navigation-top-button-active-disabled--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-horizontal-button-hover--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-hover--border-style: solid;
  --tab-navigation-horizontal-button-hover--border-color: #2E2E38;
  --tab-navigation-top-button-hover--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button-hover--border-style: solid;
  --tab-navigation-top-button-hover--border-color: transparent;
  --tab-navigation-left-button-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-hover--border-style: solid;
  --tab-navigation-left-button-hover--border-color: #2E2E38;
  --tab-navigation-right-button-hover--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-hover--border-style: solid;
  --tab-navigation-right-button-hover--border-color: #2E2E38;
  --tab-navigation-horizontal-button-disabled--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-disabled--border-style: solid;
  --tab-navigation-horizontal-button-disabled--border-color: transparent;
  --tab-navigation-top-button-disabled--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button-disabled--border-style: solid;
  --tab-navigation-top-button-disabled--border-color: transparent;
  --tab-navigation-left-button-disabled--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-disabled--border-style: solid;
  --tab-navigation-left-button-disabled--border-color: transparent;
  --tab-navigation-right-button-disabled--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-disabled--border-style: solid;
  --tab-navigation-right-button-disabled--border-color: transparent;
  --tab-navigation-badge--bg-color: #E6E6E9;
  --tab-navigation-badge--outline-color: transparent;
  --tab-navigation-badge-active--bg-color: #FFF;
  --tab-navigation-badge-hover--outline-color: #E6E6E9;
  --tab-navigation-badge-focus--outline-color: #E6E6E9;
  --tab-navigation-badge-active-hover--bg-color: #FFF;
  --tab-navigation-badge-active-hover--outline-color: #D7D7DC;
  --tab-navigation-badge-active-hover--outline-style: solid;
  --tab-navigation-badge-active-hover--outline-width: 0.0714285714rem;
  --tab-navigation-badge-active-focus--bg-color: #FFF;
  --tab-navigation-badge-active-focus--outline-color: #D7D7DC;
  --tab-navigation-badge-active-focus--outline-style: solid;
  --tab-navigation-badge-active-focus--outline-width: 0.0714285714rem;
  --tab-navigation-badge-bg-color-disabled: transparent;
  --tab-navigation-bordered--bg-color: #F9F9FA;
  --tab-navigation-bordered--border-color: #E6E6E9;
  --tab-navigation-bordered--border-width: 0.0714285714rem;
  --tab-navigation-bordered--border-style: solid;
  --tab-navigation-bordered-control-active--border-color: #C3C3CB;
  --tab-navigation-bordered-control-active--border-width: 0.0714285714rem;
  --tab-navigation-bordered-control-active--border-style: solid;
  --tab-navigation-bordered-control-active--bg-color: #FFF;
  --table--box-shadow: none;
  --table--border-radius: 0.5714285714rem;
  --table--border-color: #D7D7DC;
  --table--border-style: solid;
  --table--border-width: 0.0714285714rem;
  --table-header-container--bg-color: transparent;
  --table-header-container--box-shadow: none;
  --table-header-container--border-radius: 0;
  --table-header-container--border-width: 0;
  --table-header-container--border-style: none;
  --table-header-container--border-color: transparent;
  --table-header--color: #2E2E38;
  --table-header--bg-color: #FFF;
  --table-header--box-shadow: none;
  --table-header--border-radius: 0;
  --table-header--border-width: 0;
  --table-header--border-style: none;
  --table-header--border-color: transparent;
  --table-header-hover--border-width: 0;
  --table-header-hover--border-style: none;
  --table-header-hover--border-color: transparent;
  --table-header-hover--bg-color: #F3F3F5;
  --table-header-hover--box-shadow: none;
  --table-header-hover--color: #2E2E38;
  --table-header-focus--border-width: 0;
  --table-header-focus--border-style: none;
  --table-header-focus--border-color: #D7D7DC;
  --table-header-focus--bg-color: #F3F3F5;
  --table-header-focus--box-shadow: none;
  --table-header-focus--color: #2E2E38;
  --table-header-renderer-icons-sort-icon-color: #656579;
  --table-icon-color: #656579;
  --table-title--bg-color: #FFF;
  --table-title--color: #2E2E38;
  --table-title--border-radius: 0.5714285714rem 0.5714285714rem 0 0;
  --table-title--box-shadow: none;
  --table-title--border-width: 0 0 0.0714285714rem 0;
  --table-title--border-style: none none solid none;
  --table-title--border-color: transparent transparent #D7D7DC transparent;
  --table-title-alt--color: #7F7F91;
  --table-title-alt--bg-color: transparent;
  --table-title-alt--box-shadow: none;
  --table-title-alt--border-radius: 0;
  --table-title-alt--border-width: 0;
  --table-title-alt--border-style: none;
  --table-title-alt--border-color: transparent;
  --table-title-description-color: #656579;
  --table-row--color: #4D4D5C;
  --table-row--bg-color: #FFF;
  --table-row--box-shadow: none;
  --table-row--border-radius: 0;
  --table-row--border-color: transparent;
  --table-row--border-style: none;
  --table-row--border-width: 0;
  --table-row-hover--bg-color: #F3F3F5;
  --table-row-hover--box-shadow: none;
  --table-row-selected--color: #2E2E38;
  --table-row-selected--bg-color: #F3F3F5;
  --table-row-selected--box-shadow: none;
  --table-row-selected--border-radius: 0;
  --table-row-selected--border-width: 0.0714285714rem 0 0.0714285714rem 0;
  --table-row-selected--border-style: solid none solid none;
  --table-row-selected--border-color: #D7D7DC transparent #D7D7DC transparent;
  --table-row-selected-cell--color: #2E2E38;
  --table-row-selected-cell--bg-color: #F3F3F5;
  --table-row-selected-cell--box-shadow: none;
  --table-row-selected-cell--border-radius: 0;
  --table-row-selected-cell--border-width: 0;
  --table-row-selected-cell--border-style: none;
  --table-row-selected-cell--border-color: transparent;
  --table-odd-row--bg-color: #F9F9FA;
  --table-odd-row-hover--bg-color: #F3F3F5;
  --table-even-row--bg-color: #FFF;
  --table-even-row-hover--bg-color: #F9F9FA;
  --table-row-icon-color: #656579;
  --table-row-last-left-pinned--box-shadow: none;
  --table-column-filtered-mark--color: #656579;
  --table-cell--color: #2E2E38;
  --table-cell--bg-color: transparent;
  --table-cell--box-shadow: none;
  --table-cell--border-radius: 0;
  --table-cell--border-color: transparent;
  --table-cell--border-style: none;
  --table-cell--border-width: 0;
  --table-cell-hover--color: #2E2E38;
  --table-cell-hover--bg-color: #F3F3F5;
  --table-cell-hover--box-shadow: none;
  --table-cell-hover--border-width: 0;
  --table-cell-hover--border-style: none;
  --table-cell-hover--border-color: transparent;
  --table-cell-focus--color: #2E2E38;
  --table-cell-focus--bg-color: #F3F3F5;
  --table-cell-focus--box-shadow: none;
  --table-cell-focus--border-width: 0;
  --table-cell-focus--border-style: none;
  --table-cell-focus--border-color: transparent;
  --table-cell-disabled--color: #9897A6;
  --table-cell-disabled--bg-color: transparent;
  --table-cell-disabled--box-shadow: none;
  --table-cell-disabled--border-width: 0;
  --table-cell-disabled--border-style: none;
  --table-cell-disabled--border-color: transparent;
  --table-checkbox-checked-color: #2E2E38;
  --table-checkbox-indeterminate-color: #2E2E38;
  --table-checkbox--border-color: #7F7F91;
  --table-checkbox--border-style: solid;
  --table-checkbox--border-width: 0.0714285714rem;
  --table-checkbox--bg-color: #F9F9FA;
  --table-checkbox-focus--outline-color: #0F69AE;
  --table-checkbox-focus--outline-style: solid;
  --table-checkbox-focus--outline-width: 0.1428571429rem;
  --table-checkbox-focus--outline-offset: 0.0714285714rem;
  --table-checkbox-focus--border-radius: 0.1428571429rem;
  --table-paging-wrapper--border-color: #D7D7DC transparent transparent transparent;
  --table-paging-wrapper--border-style: solid none none none;
  --table-paging-wrapper--border-width: 0.0714285714rem 0 0 0;
  --table-paging-btn-hover--bg-color: #F3F3F5;
  --table-paging-btn-disabled-icon-color: #9897A6;
  --table-paging-btn-icon-color: #656579;
  --table-paging-btn--bg-color: transparent;
  --table-paging-btn--box-shadow: none;
  --table-paging-btn--border-radius: 0;
  --table-paging-btn--border-width: 0;
  --table-paging-btn--border-style: none;
  --table-paging-btn--border-color: transparent;
  --table-paging-btn-hover-icon-color: #656579;
  --table-paging-btn-hover--box-shadow: none;
  --table-paging-btn-hover--border-width: 0;
  --table-paging-btn-hover--border-style: none;
  --table-paging-btn-hover--border-color: transparent;
  --table-paging-btn-focus-icon-color: #656579;
  --table-paging-btn-focus--box-shadow: none;
  --table-paging-btn-focus--bg-color: #F3F3F5;
  --table-paging-btn-focus--border-width: 0;
  --table-paging-btn-focus--border-style: none;
  --table-paging-btn-focus--border-color: transparent;
  --table-paging-btn-disabled--color: #9897A6;
  --table-paging-btn-disabled--bg-color: #F9F9FA;
  --table-paging-btn-disabled--box-shadow: none;
  --table-paging-btn-disabled--border-width: 0;
  --table-paging-btn-disabled--border-style: none;
  --table-paging-btn-disabled--border-color: transparent;
  --table-standard-header--bg-color: #F3F3F5;
  --table-standard-header--border-width: 0.0714285714rem;
  --table-standard-header--border-style: solid;
  --table-standard-header--border-color: #D7D7DC;
  --text-link--color: #2E2E38;
  --text-link--border-radius: 0;
  --text-link--border-width: 0;
  --text-link--border-style: none;
  --text-link--border-color: transparent;
  --text-link-hover--color: #2E2E38;
  --text-link-hover--border-radius: 0;
  --text-link-hover--border-width: 0 0 0.0714285714rem 0;
  --text-link-hover--border-style: solid;
  --text-link-hover--border-color: #2E2E38;
  --text-link-focus--color: #4D4D5C;
  --text-link-focus--border-radius: 0.4285714286rem;
  --text-link-focus--border-width: 0;
  --text-link-focus--border-style: none;
  --text-link-focus--border-color: transparent;
  --text-link-focus--outline-color: #0F69AE;
  --text-link-focus--outline-style: solid;
  --text-link-focus--outline-width: 0.1428571429rem;
  --text-link-focus--outline-offset: 0.1428571429rem;
  --text-link-disabled--color: #9897A6;
  --text-link-disabled--border-radius: 0;
  --text-link-disabled--border-width: 0;
  --text-link-disabled--border-style: none;
  --text-link-disabled--border-color: transparent;
  --text-link-active--color: #656579;
  --text-link-active--border-radius: 0;
  --text-link-active--border-width: 0;
  --text-link-active--border-style: none;
  --text-link-active--border-color: transparent;
  --text-link-visited--color: #724BC3;
  --text-link-visited--border-radius: 0;
  --text-link-visited--border-width: 0;
  --text-link-visited--border-style: none;
  --text-link-visited--border-color: transparent;
  --text-link-alt--color: #0F69AE;
  --text-link-alt--border-radius: 0;
  --text-link-alt--border-width: 0;
  --text-link-alt--border-style: solid;
  --text-link-alt--border-color: transparent;
  --text-link-alt-hover--color: #0F69AE;
  --text-link-alt-hover--border-radius: 0;
  --text-link-alt-hover--border-width: 0 0 0.0714285714rem 0;
  --text-link-alt-hover--border-style: solid;
  --text-link-alt-hover--border-color: #0F69AE;
  --text-link-alt-focus--color: #1275C1;
  --text-link-alt-focus--border-radius: 0.2857142857rem;
  --text-link-alt-focus--border-width: 0;
  --text-link-alt-focus--border-style: none;
  --text-link-alt-focus--border-color: transparent;
  --text-link-alt-focus--outline-color: #0F69AE;
  --text-link-alt-focus--outline-style: solid;
  --text-link-alt-focus--outline-width: 0.1428571429rem;
  --text-link-alt-focus--outline-offset: 0.1428571429rem;
  --text-link-alt-disabled--color: #9897A6;
  --text-link-alt-disabled--border-radius: 0;
  --text-link-alt-disabled--border-width: 0;
  --text-link-alt-disabled--border-style: none;
  --text-link-alt-disabled--border-color: transparent;
  --text-link-alt-active--color: #064372;
  --text-link-alt-active--border-radius: 0;
  --text-link-alt-active--border-width: 0;
  --text-link-alt-active--border-style: none;
  --text-link-alt-active--border-color: transparent;
  --text-link-alt-visited--color: #724BC3;
  --text-link-alt-visited--border-radius: 0;
  --text-link-alt-visited--border-width: 0;
  --text-link-alt-visited--border-style: none;
  --text-link-alt-visited--border-color: transparent;
  --text-link--font-weight: var(--weight-regular);
  --toast--color: #2E2E38;
  --toast--border-style: solid;
  --toast--border-color: #C3C3CB;
  --toast--border-width: 0.0714285714rem;
  --toast--border-radius: 0.5714285714rem;
  --toast--bg-color: #F9F9FA;
  --toast--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --toast-inline--bg-color: transparent;
  --toast-inline--box-shadow: 0 0 0 0 rgba(35, 35, 47, 0), 0 0 0 0 rgba(35, 35, 47, 0);
  --toast-close-btn-icon-color: #656579;
  --toast-close-btn--bg-color: transparent;
  --toast-close-btn--border-color: transparent;
  --toast-close-btn--border-width: 0.0714285714rem;
  --toast-close-btn--border-style: solid;
  --toast-close-btn--box-shadow: none;
  --toast-close-btn-hover-icon-color: #656579;
  --toast-close-btn-hover--bg-color: #E6E6E9;
  --toast-close-btn-hover--border-color: transparent;
  --toast-close-btn-hover--border-width: 0.0714285714rem;
  --toast-close-btn-hover--border-style: solid;
  --toast-close-btn-hover--box-shadow: none;
  --toast-close-btn-focus-icon-color: #656579;
  --toast-close-btn-focus--bg-color: #E6E6E9;
  --toast-close-btn-focus--border-color: transparent;
  --toast-close-btn-focus--border-width: 0.0714285714rem;
  --toast-close-btn-focus--border-style: solid;
  --toast-close-btn-focus--box-shadow: none;
  --toast-close-btn-active-icon-color: #656579;
  --toast-close-btn-active--bg-color: #D7D7DC;
  --toast-close-btn-active--border-color: transparent;
  --toast-close-btn-active--border-width: 0.0714285714rem;
  --toast-close-btn-active--border-style: solid;
  --toast-close-btn-active--box-shadow: none;
  --toast-action-btn--color: #2E2E38;
  --toast-action-btn--bg-color: transparent;
  --toast-action-btn--border-color: transparent;
  --toast-action-btn--border-style: solid;
  --toast-action-btn--border-width: 0.0714285714rem;
  --toast-action-btn--box-shadow: none;
  --toast-action-btn--border-radius: 0.2857142857rem;
  --toast-action-btn-hover--color: #2E2E38;
  --toast-action-btn-hover--bg-color: #E6E6E9;
  --toast-action-btn-hover--border-color: transparent;
  --toast-action-btn-hover--border-style: solid;
  --toast-action-btn-hover--border-width: 0.0714285714rem;
  --toast-action-btn-hover--box-shadow: none;
  --toast-action-btn-focus--color: #2E2E38;
  --toast-action-btn-focus--bg-color: #E6E6E9;
  --toast-action-btn-focus--border-color: transparent;
  --toast-action-btn-focus--border-style: solid;
  --toast-action-btn-focus--border-width: 0.0714285714rem;
  --toast-action-btn-focus--box-shadow: none;
  --toast-action-btn-focus--outline-color: #0F69AE;
  --toast-action-btn-focus--outline-width: 0.1428571429rem;
  --toast-action-btn-focus--outline-style: solid;
  --toast-action-btn-focus--outline-offset: 0.1428571429rem;
  --toast-action-btn-active--color: #2E2E38;
  --toast-action-btn-active--bg-color: #D7D7DC;
  --toast-action-btn-active--border-color: transparent;
  --toast-action-btn-active--border-style: solid;
  --toast-action-btn-active--border-width: 0.0714285714rem;
  --toast-action-btn-active--box-shadow: none;
  --toast-icon-info-icon-color: #656579;
  --toast-icon-success-icon-color: #197335;
  --toast-icon-error-icon-color: #FF4136;
  --toast-icon-warning-icon-color: #D07200;
  --toast-info--color: #656579;
  --toast-info--border-color: #C3C3CB;
  --toast-info--bg-color: #F9F9FA;
  --toast-info--box-shadow: none;
  --toast-success--color: #197335;
  --toast-success--border-color: #2DB757;
  --toast-success--bg-color: #E7FCE8;
  --toast-success--box-shadow: none;
  --toast-error--color: #C70117;
  --toast-error--border-color: #FF735E;
  --toast-error--bg-color: #FCF5F3;
  --toast-error--box-shadow: none;
  --toast-warning--color: #975100;
  --toast-warning--border-color: #EE8300;
  --toast-warning--bg-color: #FCF5F0;
  --toast-warning--box-shadow: none;
  --tooltip--color: #F9F9FA;
  --tooltip--border-color: transparent;
  --tooltip--border-style: none;
  --tooltip--border-width: 0rem;
  --tooltip--border-radius: 0.2857142857rem;
  --tooltip--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --tooltip--bg-color: #2E2E38;
  --tooltip-close-btn--bg-color: transparent;
  --tooltip-close-btn--border-color: transparent;
  --tooltip-close-btn--border-style: none;
  --tooltip-close-btn--border-width: var(--tooltip--border-width);
  --tooltip-close-btn--border-radius: 0;
  --tooltip-close-btn--box-shadow: none;
  --tooltip-close-btn-icon-color: #AFAEBA;
  --tooltip-close-btn-hover--border-style: none;
  --tooltip-close-btn-hover--border-width: var(--tooltip--border-width);
  --tooltip-close-btn-hover--border-color: transparent;
  --tooltip-close-btn-hover--bg-color: #4D4D5C;
  --tooltip-close-btn-hover--border-radius: 0;
  --tooltip-close-btn-hover--box-shadow: none;
  --tooltip-close-btn-hover-icon-color: transparent;
  --tooltip-close-btn-focus--border-style: none;
  --tooltip-close-btn-focus--border-width: var(--tooltip--border-width);
  --tooltip-close-btn-focus--border-color: transparent;
  --tooltip-close-btn-focus--bg-color: transparent;
  --tooltip-close-btn-focus--border-radius: 0;
  --tooltip-close-btn-focus--box-shadow: none;
  --tooltip-close-btn-focus-icon-color: transparent;
  --tooltip-alt--color: #2E2E38;
  --tooltip-alt--border-color: transparent;
  --tooltip-alt--border-style: none;
  --tooltip-alt--border-width: var(--tooltip--border-width);
  --tooltip-alt--border-radius: 0.2857142857rem;
  --tooltip-alt--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(35, 35, 47, 0.0784313725), 0 0.1428571429rem 0.2857142857rem 0 rgba(35, 35, 47, 0.0588235294);
  --tooltip-alt--bg-color: #F3F3F5;
  --tooltip-alt-close-btn--bg-color: transparent;
  --tooltip-alt-close-btn--border-color: transparent;
  --tooltip-alt-close-btn--border-style: none;
  --tooltip-alt-close-btn--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn--border-radius: 0;
  --tooltip-alt-close-btn--box-shadow: none;
  --tooltip-alt-close-btn-icon-color: #656579;
  --tooltip-alt-close-btn-hover--border-style: none;
  --tooltip-alt-close-btn-hover--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn-hover--border-color: transparent;
  --tooltip-alt-close-btn-hover--bg-color: #E6E6E9;
  --tooltip-alt-close-btn-hover--border-radius: 0;
  --tooltip-alt-close-btn-hover--box-shadow: none;
  --tooltip-alt-close-btn-hover-icon-color: transparent;
  --tooltip-alt-close-btn-focus--border-style: none;
  --tooltip-alt-close-btn-focus--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn-focus--border-color: transparent;
  --tooltip-alt-close-btn-focus--bg-color: #D7D7DC;
  --tooltip-alt-close-btn-focus--border-radius: 0;
  --tooltip-alt-close-btn-focus--box-shadow: none;
  --tooltip-alt-close-btn-focus-icon-color: transparent;
  --tree--color: #2E2E38;
  --tree--bg-color: transparent;
  --tree-line-color: #C3C3CB;
  --tree-line-border-color: #C3C3CB;
  --tree-line-style: solid;
  --tree-line-border-width: 0.0714285714rem;
  --tree-icon-color: #656579;
  --tree-icon-disabled-color: #9897A6;
  --tree-disabled--color: #9897A6;
  --tree-hover--color: #2E2E38;
  --tree-hover--bg-color: #E6E6E9;
  --vertical-navigation--bg-color: #FFF;
  --vertical-navigation--box-shadow: none;
  --vertical-navigation--border-radius: 0;
  --vertical-navigation--border-color: transparent #E6E6E9 transparent transparent;
  --vertical-navigation--border-style: none solid none none;
  --vertical-navigation--border-width: 0 0.0714285714rem 0 0;
  --vertical-navigation-menu--border-width: 0;
  --vertical-navigation-menu--border-style: none;
  --vertical-navigation-menu--border-color: transparent;
  --vertical-navigation-menu--box-shadow: none;
  --vertical-navigation-menu--border-radius: 0.2142857143rem;
  --vertical-navigation-menu--bg-color: transparent;
  --vertical-navigation-menu-item--color: #2E2E38;
  --vertical-navigation-menu-item--bg-color: transparent;
  --vertical-navigation-menu-item--box-shadow: none;
  --vertical-navigation-menu-item--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item--border-width: 0;
  --vertical-navigation-menu-item--border-style: none;
  --vertical-navigation-menu-item--border-color: transparent;
  --vertical-navigation-menu-item-icon-color: #656579;
  --vertical-navigation-menu-item-hover--color: #2E2E38;
  --vertical-navigation-menu-item-hover--bg-color: #F3F3F5;
  --vertical-navigation-menu-item-hover--box-shadow: none;
  --vertical-navigation-menu-item-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-hover--border-width: 0;
  --vertical-navigation-menu-item-hover--border-style: none;
  --vertical-navigation-menu-item-hover--border-color: transparent;
  --vertical-navigation-menu-item-icon-hover-icon-color: #656579;
  --vertical-navigation-menu-item-focus--color: #2E2E38;
  --vertical-navigation-menu-item-focus--bg-color: #F3F3F5;
  --vertical-navigation-menu-item-focus--box-shadow: none;
  --vertical-navigation-menu-item-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-focus--border-width: 0.1428571429rem;
  --vertical-navigation-menu-item-focus--border-style: solid;
  --vertical-navigation-menu-item-focus--border-color: #0F69AE;
  --vertical-navigation-menu-item-focus--outline-color: #0F69AE;
  --vertical-navigation-menu-item-focus--outline-style: solid;
  --vertical-navigation-menu-item-focus--outline-width: 0.1428571429rem;
  --vertical-navigation-menu-item-icon-focus-icon-color: #656579;
  --vertical-navigation-menu-item-active--bg-color: #E6E6E9;
  --vertical-navigation-menu-item-active--color: #2E2E38;
  --vertical-navigation-menu-item-active--box-shadow: none;
  --vertical-navigation-menu-item-active--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active--border-color: transparent;
  --vertical-navigation-menu-item-active--border-style: none;
  --vertical-navigation-menu-item-active--border-width: 0;
  --vertical-navigation-menu-item-icon-active-icon-color: #656579;
  --vertical-navigation-menu-item-active-focus--color: #2E2E38;
  --vertical-navigation-menu-item-active-focus--bg-color: #F3F3F5;
  --vertical-navigation-menu-item-active-focus--box-shadow: none;
  --vertical-navigation-menu-item-active-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active-focus--border-width: 0.1428571429rem;
  --vertical-navigation-menu-item-active-focus--border-style: solid;
  --vertical-navigation-menu-item-active-focus--border-color: #0F69AE;
  --vertical-navigation-menu-item-icon-active-focus-icon-color: #656579;
  --vertical-navigation-menu-item-active-hover--color: #2E2E38;
  --vertical-navigation-menu-item-active-hover--bg-color: #F3F3F5;
  --vertical-navigation-menu-item-active-hover--box-shadow: none;
  --vertical-navigation-menu-item-active-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active-hover--border-width: 0;
  --vertical-navigation-menu-item-active-hover--border-style: none;
  --vertical-navigation-menu-item-active-hover--border-color: transparent;
  --vertical-navigation-menu-item-icon-active-hover-icon-color: #656579;
  --vertical-navigation-menu-footer--bg-color: #FFF;
  --vertical-navigation-menu-footer--box-shadow: none;
  --vertical-navigation-menu-footer--border-radius: 0;
  --vertical-navigation-menu-footer--border-color: #E6E6E9 transparent transparent transparent;
  --vertical-navigation-menu-footer--border-style: solid none none none;
  --vertical-navigation-menu-footer--border-width: 0.0714285714rem 0 0 0;
  --vertical-navigation-submenu-caption--color: #2E2E38;
  --vertical-navigation-submenu-caption--bg-color: #FFF;
  --vertical-navigation-submenu-caption--box-shadow: none;
  --vertical-navigation-submenu-caption--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-caption--border-width: 0;
  --vertical-navigation-submenu-caption--border-style: none;
  --vertical-navigation-submenu-caption--border-color: transparent;
  --vertical-navigation-submenu-item-link--color: #2E2E38;
  --vertical-navigation-submenu-item-link--bg-color: #FFF;
  --vertical-navigation-submenu-item-link--box-shadow: none;
  --vertical-navigation-submenu-item-link--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link--border-width: 0;
  --vertical-navigation-submenu-item-link--border-style: none;
  --vertical-navigation-submenu-item-link--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-color: #656579;
  --vertical-navigation-submenu-item-link-focus--color: #2E2E38;
  --vertical-navigation-submenu-item-link-focus--bg-color: #F3F3F5;
  --vertical-navigation-submenu-item-link-focus--box-shadow: none;
  --vertical-navigation-submenu-item-link-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-focus--border-width: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-focus--border-style: solid;
  --vertical-navigation-submenu-item-link-focus--border-color: #0F69AE;
  --vertical-navigation-submenu-item-link-icon-focus-icon-color: #656579;
  --vertical-navigation-submenu-item-link-hover--color: #2E2E38;
  --vertical-navigation-submenu-item-link-hover--bg-color: #F3F3F5;
  --vertical-navigation-submenu-item-link-hover--box-shadow: none;
  --vertical-navigation-submenu-item-link-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-hover--border-width: 0;
  --vertical-navigation-submenu-item-link-hover--border-style: none;
  --vertical-navigation-submenu-item-link-hover--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-hover-icon-color: #656579;
  --vertical-navigation-submenu-item-link-active--color: #2E2E38;
  --vertical-navigation-submenu-item-link-active--bg-color: #E6E6E9;
  --vertical-navigation-submenu-item-link-active--box-shadow: none;
  --vertical-navigation-submenu-item-link-active--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active--border-width: 0;
  --vertical-navigation-submenu-item-link-active--border-style: none;
  --vertical-navigation-submenu-item-link-active--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-icon-color: #656579;
  --vertical-navigation-submenu-item-link-active-focus--color: #2E2E38;
  --vertical-navigation-submenu-item-link-active-focus--bg-color: #E6E6E9;
  --vertical-navigation-submenu-item-link-active-focus--box-shadow: none;
  --vertical-navigation-submenu-item-link-active-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active-focus--border-width: 0;
  --vertical-navigation-submenu-item-link-active-focus--border-style: none;
  --vertical-navigation-submenu-item-link-active-focus--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-focus-icon-color: #656579;
  --vertical-navigation-submenu-item-link-active-hover--color: #2E2E38;
  --vertical-navigation-submenu-item-link-active-hover--bg-color: #F3F3F5;
  --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
  --vertical-navigation-submenu-item-link-active-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active-hover--border-width: 0;
  --vertical-navigation-submenu-item-link-active-hover--border-style: none;
  --vertical-navigation-submenu-item-link-active-hover--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-hover-icon-color: #656579;
  --font-size: 14;
  --branding: #FFE600;
  --primary-font: ey_interstate;
  --secondary-font: noto_sans;
  --font-size-base: 1rem;
  --weight-bold: 700;
  --weight-regular: 400;
  --weight-light: 300;
  --hero-font-size: 2.285rem;
  --h1--font-size: 2rem;
  --h2--font-size: 1.714rem;
  --h3--font-size: 1.428rem;
  --h4--font-size: 1.286rem;
  --h5--font-size: 1.143rem;
  --h6--font-size: 1rem;
  --body-sm--font-size: 0.857rem;
  --body-alt--font-size: 1rem;
  --caption--font-size: 0.857rem;
  --overline--font-size: 0.71429rem;
  --instructional-text--font-size: 0.857rem;
  --ease-in-out: 300ms ease-in-out;
  --ease-in-out-fast: 150ms ease-in-out;
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --focus: #1275C1;
  --focus-border: 0 0 0 2px var(--focus);
  --disabled: #C3C3CB;
  --disabled-text: #9897A6;
  --info: #2E2E38;
  --error: #C70117;
  --warning: #FF9783;
  --success: #197335;
  --black: #1A1A24;
  --body--color: #2E2E38;
  --body--bg-color: #F9F9FA;
  --list-style: circle;
  --theme-name: light;
  --brand-name: motif;
  --form-element--color: #2E2E38;
  --form-element--size: 14;
  --form-element--border-radius: 0.1428571429rem;
  --form-element--border-color: #C3C3CB;
  --form-element--border-style: solid;
  --form-element--border-width: 0.0714285714rem;
  --form-element--bg-color: #FFF;
  --form-element--box-shadow: none;
  --form-element-disabled--color: #9897A6;
  --form-element-disabled--border-radius: 0.1428571429rem;
  --form-element-disabled--border-color: transparent;
  --form-element-disabled--border-style: none;
  --form-element-disabled--border-width: 0.0714285714rem;
  --form-element-disabled--bg-color: #F3F3F5;
  --form-element-disabled--box-shadow: none;
  --form-element-hover--color: #2E2E38;
  --form-element-hover--border-radius: 0.1428571429rem;
  --form-element-hover--border-color: #C3C3CB;
  --form-element-hover--border-style: solid;
  --form-element-hover--border-width: 0.0714285714rem;
  --form-element-hover--bg-color: #F3F3F5;
  --form-element-hover--box-shadow: none;
  --form-element-focus--color: #2E2E38;
  --form-element-focus--border-radius: 0.1428571429rem;
  --form-element-focus--border-color: #0F69AE;
  --form-element-focus--border-style: solid;
  --form-element-focus--border-width: 0.0714285714rem;
  --form-element-focus--bg-color: #FFF;
  --form-element-focus--box-shadow: none;
  --form-element-error--color: #2E2E38;
  --form-element-error--border-radius: 0.1428571429rem;
  --form-element-error--border-color: #EA011D;
  --form-element-error--border-style: solid;
  --form-element-error--border-width: 0.0714285714rem;
  --form-element-error--bg-color: #FFF;
  --form-element-error--box-shadow: none;
  --form-element-placeholder--color: #656579;
  --form-element-placeholder-focus--color: #656579;
  --form-element-placeholder-hover--color: #656579;
  --form-element-placeholder-disabled--color: #9897A6;
  --form-element-placeholder-error--color: #656579;
  --form-element-icon-color: #9897A6;
  --form-element-icon-focus-icon-color: #9897A6;
  --form-element-icon-hover-icon-color: #9897A6;
  --form-element-icon-disabled-icon-color: #9897A6;
  --form-element-icon-error-icon-color: #9897A6;
  --form-element-label--color: #656579;
  --form-element-label-focus--color: #656579;
  --form-element-label-hover--color: #656579;
  --form-element-label-disabled--color: #9897A6;
  --form-element-label-error--color: #656579;
  --label--size: var(--form-element-label--size);
  --label--color: var(--form-element-label--color);
  --label--bg-color: #FFF;
  --label--border-width: 0.0714285714rem;
  --label-hover--bg-color: #F3F3F5;
  --label-hover--border-width: 0.0714285714rem;
  --label-focus--bg-color: #FFF;
  --label-focus--border-width: 0.0714285714rem;
  --label-disabled--color: #F3F3F5;
  --label-disabled--bg-color: transparent;
}
html {
  font-size: 14px;
}
[motif-theme=dark],
.motif-theme-dark {
  --accordion--border-color: #33333E;
  --accordion--border-style: solid;
  --accordion--border-width: 0.0714285714rem;
  --accordion--border-radius: 0.2857142857rem;
  --accordion-accent-expanded--bg-color: none;
  --accordion--box-shadow: none;
  --accordion-header--border-color: #33333E;
  --accordion-header--border-style: solid;
  --accordion-header--border-width: 1px;
  --accordion-header--border-radius: 0rem;
  --accordion-header--color: #DEDEE2;
  --accordion-header--bg-color: #23232F;
  --accordion-header--box-shadow: none;
  --accordion-header-focus--border-color: #0F69AE;
  --accordion-header-focus--border-style: solid;
  --accordion-header-focus--border-width: 1px;
  --accordion-header-focus--border-radius: 0.4285714286rem;
  --accordion-header-focus--bg-color: #2E2E38;
  --accordion-header-focus--color: #DEDEE2;
  --accordion-header-focus--outline-color: #0F69AE;
  --accordion-header-focus--outline-style: solid;
  --accordion-header-focus--outline-width: 0.1428571429rem;
  --accordion-header-focus--outline-offset: 0.1428571429rem;
  --accordion-header-focus--box-shadow: none;
  --accordion-header-hover--border-color: #33333E;
  --accordion-header-hover--border-style: solid;
  --accordion-header-hover--border-width: 1px;
  --accordion-header-hover--bg-color: #2E2E38;
  --accordion-header-hover--color: #DEDEE2;
  --accordion-header-hover--box-shadow: none;
  --accordion-header-alt--border-color: #33333E;
  --accordion-header-alt--border-style: solid;
  --accordion-header-alt--border-width: 1px;
  --accordion-header-alt--color: #DEDEE2;
  --accordion-header-alt--bg-color: #23232F;
  --accordion-header-alt--box-shadow: none;
  --accordion-header-alt-focus--border-color: #33333E;
  --accordion-header-alt-focus--border-style: solid;
  --accordion-header-alt-focus--border-width: 1px;
  --accordion-header-alt-focus--bg-color: #2E2E38;
  --accordion-header-alt-focus--color: #DEDEE2;
  --accordion-header-alt-focus--box-shadow: none;
  --accordion-header-alt-hover--border-color: #33333E;
  --accordion-header-alt-hover--border-style: solid;
  --accordion-header-alt-hover--border-width: 1px;
  --accordion-header-alt-hover--bg-color: #2E2E38;
  --accordion-header-alt-hover--color: #DEDEE2;
  --accordion-header-alt-hover--box-shadow: none;
  --accordion-header-icon-color: #A4A3B1;
  --accordion-header-icon-focus-icon-color: #A4A3B1;
  --accordion-header-icon-hover-icon-color: #A4A3B1;
  --accordion-header-alt-icon-color: #A4A3B1;
  --accordion-header-icon-alt-focus-icon-color: #A4A3B1;
  --accordion-header-icon-alt-hover-icon-color: #A4A3B1;
  --accordion-functional-expanded--bg-color: #23232F;
  --accordion-functional-expanded-alt--bg-color: #23232F;
  --accordion-editorial-expanded--bg-color: #23232F;
  --accordion-action--border-color: #737387 transparent transparent transparent;
  --accordion-action--border-style: solid none none none;
  --accordion-action--border-width: 0.0714285714rem 0 0 0;
  --avatar-bg-color-list: #2E2E38, #33333E;
  --avatar--box-shadow: none;
  --avatar--border-color: unset;
  --avatar--border-style: unset;
  --avatar--border-width: 0;
  --avatar--border-radius: 50%;
  --avatar-status-online-icon-color: #FFF;
  --avatar-status-online--bg-color: #26A04B;
  --avatar-status--border-color: #4D4D5C;
  --avatar-status--border-style: solid;
  --avatar-status--border-width: 0.1071428571rem;
  --avatar-status-no-disturb-icon-color: #FFF;
  --avatar-status-no-disturb--bg-color: #EA011D;
  --avatar-status-no-available-icon-color: #FFF;
  --avatar-status-no-available--bg-color: #EA011D;
  --avatar-status-absent-icon-color: #FFF;
  --avatar-status-absent--bg-color: #B26100;
  --avatar-status-warning-icon-color: #FFF;
  --avatar-status-warning--bg-color: #B26100;
  --avatar-status-none-icon-color: #FFF;
  --avatar-status-none--bg-color: #4D4D5C;
  --avatar-initials-icon--color: #DEDEE2;
  --avatar-initials--color: #DEDEE2;
  --avatar-initials--bg-color: #2E2E38;
  --avatar-initials--border-color: #33333E;
  --avatar-initials--border-style: solid;
  --avatar-initials--border-width: 0.0714285714rem;
  --avatar-interactive-hover--opacity: 0.8;
  --avatar-interactive-hover--bg-color: #33333E;
  --avatar-interactive-hover--color: #A4A3B1;
  --avatar-interactive-focus--opacity: 1;
  --avatar-interactive-focus--bg-color: #2E2E38;
  --avatar-interactive-focus--color: #A4A3B1;
  --avatar-interactive-disabled--opacity: 0.6;
  --avatar-interactive-disabled--bg-color: #3F3F4C;
  --avatar-interactive-disabled--color: #A4A3B1;
  --avatar-interactive-outline-color: #0F69AE;
  --avatar-interactive-outline-style: solid;
  --avatar-interactive-outline-width: 0.1428571429rem;
  --avatar-interactive-outline-offset: 0.1428571429rem;
  --badge--color: #A4A3B1;
  --badge--bg-color: #23232F;
  --badge--box-shadow: none;
  --badge--outline-width: 0.0714285714rem;
  --badge--outline-style: solid;
  --badge--outline-color: #3F3F4C;
  --badge-alt--color: #A4A3B1;
  --badge-alt--bg-color: #33333E;
  --badge-warning--bg-color: #462602;
  --badge-warning--color: #FF9831;
  --badge-error--bg-color: #610402;
  --badge-error--color: #FF4136;
  --badge-success--bg-color: #0A3616;
  --badge-success--color: #34CE63;
  --badge-info--bg-color: #083153;
  --badge-info--color: #85B9FD;
  --badge-info-alt--bg-color: #FFE600;
  --badge-info-alt--color: #2E2E38;
  --badge-ghost--bg-color: #1A1A24;
  --badge-ghost--color: #A4A3B1;
  --breadcrumb-alt--color: #85B9FD;
  --breadcrumb-arrow-separator--color: #737387;
  --breadcrumb-dropdown-menu-item--color: #DEDEE2;
  --breadcrumb-dropdown-menu-item--bg-color: #33333E;
  --breadcrumb-dropdown-menu-item--box-shadow: none;
  --breadcrumb-dropdown-menu-item--border-style: solid;
  --breadcrumb-dropdown-menu-item--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item--border-color: transparent;
  --breadcrumb-dropdown-menu-item-focus--color: #DEDEE2;
  --breadcrumb-dropdown-menu-item-focus--bg-color: #2E2E38;
  --breadcrumb-dropdown-menu-item-focus--box-shadow: none;
  --breadcrumb-dropdown-menu-item-focus--border-style: solid;
  --breadcrumb-dropdown-menu-item-focus--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-focus--border-color: #A4A3B1;
  --breadcrumb-dropdown-menu-item-hover--color: #DEDEE2;
  --breadcrumb-dropdown-menu-item-hover--bg-color: #2E2E38;
  --breadcrumb-dropdown-menu-item-hover--box-shadow: none;
  --breadcrumb-dropdown-menu-item-hover--border-style: solid;
  --breadcrumb-dropdown-menu-item-hover--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-hover--border-color: transparent;
  --breadcrumb-dropdown-menu-item-disabled--color: #737387;
  --breadcrumb-dropdown-menu-item-disabled--bg-color: transparent;
  --breadcrumb-dropdown-menu-item-disabled--box-shadow: none;
  --breadcrumb-dropdown-menu-item-disabled--border-style: solid;
  --breadcrumb-dropdown-menu-item-disabled--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-menu-item-disabled--border-color: transparent;
  --breadcrumb-dropdown-menu-item-icon-color: #737387;
  --breadcrumb-dropdown-menu-item-focus-icon-color: #A4A3B1;
  --breadcrumb-dropdown-menu-item-hover-icon-color: #A4A3B1;
  --breadcrumb-dropdown-menu-item-disabled-icon-color: #737387;
  --breadcrumb-dropdown-trigger--bg-color: transparent;
  --breadcrumb-dropdown-trigger--box-shadow: none;
  --breadcrumb-dropdown-trigger--border-radius: 0;
  --breadcrumb-dropdown-trigger--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger--border-style: solid;
  --breadcrumb-dropdown-trigger--border-color: transparent;
  --breadcrumb-dropdown-trigger-focus--bg-color: transparent;
  --breadcrumb-dropdown-trigger-focus--box-shadow: none;
  --breadcrumb-dropdown-trigger-focus--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger-focus--border-style: solid;
  --breadcrumb-dropdown-trigger-focus--border-color: transparent;
  --breadcrumb-dropdown-trigger-hover--bg-color: transparent;
  --breadcrumb-dropdown-trigger-hover--box-shadow: none;
  --breadcrumb-dropdown-trigger-hover--border-width: 0.0714285714rem;
  --breadcrumb-dropdown-trigger-hover--border-style: solid;
  --breadcrumb-dropdown-trigger-hover--border-color: transparent;
  --breadcrumb-dropdown-trigger-icon-color: #DEDEE2;
  --breadcrumb-dropdown-trigger-icon-hover-color: #BFBFC8;
  --breadcrumb-dropdown-trigger-icon-focus-color: #BFBFC8;
  --breadcrumb-item--color: #DEDEE2;
  --breadcrumb-item-hover--color: #BFBFC8;
  --breadcrumb-item-focus--color: #BFBFC8;
  --breadcrumb-item-disabled--color: #737387;
  --breadcrumb-item-active--color: #737387;
  --breadcrumb-item-icon-color: #A4A3B1;
  --breadcrumb-item-icon-hover-icon-color: #BFBFC8;
  --breadcrumb-item-icon-focus-icon-color: #BFBFC8;
  --breadcrumb-item-icon-disabled-icon-color: #737387;
  --breadcrumb-item-icon-active-icon-color: #737387;
  --breadcrumb-item-alt--color: #85B9FD;
  --breadcrumb-item-alt-hover--color: #55A6FC;
  --breadcrumb-item-alt-focus--color: #55A6FC;
  --breadcrumb-item-alt-disabled--color: #737387;
  --breadcrumb-item-alt-active--color: #737387;
  --breadcrumb-item-icon-alt-icon-color: #85B9FD;
  --breadcrumb-item-icon-alt-hover-icon-color: #55A6FC;
  --breadcrumb-item-icon-alt-active-icon-color: #8A8A9B;
  --breadcrumb-item-icon-alt-focus-icon-color: #55A6FC;
  --breadcrumb-item-icon-alt-disabled-icon-color: #737387;
  --breadcrumb-item-link-size: 1rem;
  --breadcrumb-item-link-decoration: none;
  --breadcrumb-item-link-weight: 400;
  --breadcrumb-item-link-hover-weight: 400;
  --breadcrumb-item-link-separator-visibility: none;
  --breadcrumb-item-focus--outline-color: #85B9FD;
  --breadcrumb-item-focus--outline-style: solid;
  --breadcrumb-item-focus--outline-width: 0.1428571429rem;
  --breadcrumb-item-focus--outline-offset: 0.1428571429rem;
  --breadcrumb-item-focus--border-radius: 0.4285714286rem;
  --breadcrumb-item-focus--border-width: 0rem;
  --breadcrumb-item-focus--border-style: solid;
  --breadcrumb-item-focus--border-color: none;
  --btn--font-weight: var(--weight-regular);
  --btn--border-color: inherit;
  --btn--border-style: solid;
  --btn--border-width: 0rem;
  --btn--border-radius: var(--border-radius);
  --btn--box-shadow: none;
  --btn-hover--box-shadow: none;
  --btn--bg-color: #FFF;
  --btn--color: #1A1A24;
  --btn-focus--outline-style: solid;
  --btn-focus--outline-color: #85B9FD;
  --btn-focus--outline-width: 0.1428571429rem;
  --btn-focus--outline-offset: 0.1428571429rem;
  --btn-primary--bg-color: #FFF;
  --btn-primary--border-color: #FFF;
  --btn-primary--border-style: var(--btn--border-style);
  --btn-primary--border-width: var(--btn--border-width);
  --btn-primary--color: #1A1A24;
  --btn-primary--box-shadow: none;
  --btn-primary--border-radius: 0.2857142857rem;
  --btn-primary-icon-color: #1A1A24;
  --btn-primary-focus--bg-color: #DEDEE2;
  --btn-primary-focus--border-color: #DEDEE2;
  --btn-primary-focus--border-style: var(--btn--border-style);
  --btn-primary-focus--border-width: var(--btn--border-width);
  --btn-primary-focus--color: #1A1A24;
  --btn-primary-focus--box-shadow: none;
  --btn-primary-focus--border-radius: 0.2857142857rem;
  --btn-primary-focus-icon-color: #1A1A24;
  --btn-primary-hover--bg-color: #DEDEE2;
  --btn-primary-hover--border-color: #DEDEE2;
  --btn-primary-hover--border-style: var(--btn--border-style);
  --btn-primary-hover--border-width: var(--btn--border-width);
  --btn-primary-hover--color: #1A1A24;
  --btn-primary-hover--box-shadow: none;
  --btn-primary-hover--border-radius: 0.2857142857rem;
  --btn-primary-hover-icon-color: #1A1A24;
  --btn-primary-active--bg-color: #BFBFC8;
  --btn-primary-active--border-color: #BFBFC8;
  --btn-primary-active--border-style: var(--btn--border-style);
  --btn-primary-active--border-width: var(--btn--border-width);
  --btn-primary-active--color: #1A1A24;
  --btn-primary-active--box-shadow: none;
  --btn-primary-active--border-radius: 0.2857142857rem;
  --btn-primary-active-icon-color: #1A1A24;
  --btn-primary-disabled--bg-color: #2E2E38;
  --btn-primary-disabled--border-color: #2E2E38;
  --btn-primary-disabled--border-style: var(--btn--border-style);
  --btn-primary-disabled--border-width: var(--btn--border-width);
  --btn-primary-disabled--color: #737387;
  --btn-primary-disabled--box-shadow: none;
  --btn-primary-disabled--border-radius: 0.2857142857rem;
  --btn-primary-disabled-icon-color: #737387;
  --btn-primary-disabled-progress--bg-color: #737387;
  --btn-primary-alt--bg-color: #2E2E38;
  --btn-primary-alt--border-color: #2E2E38;
  --btn-primary-alt--border-style: var(--btn--border-style);
  --btn-primary-alt--border-width: var(--btn--border-width);
  --btn-primary-alt--color: #FFF;
  --btn-primary-alt--box-shadow: none;
  --btn-primary-alt--border-radius: 0.2857142857rem;
  --btn-primary-alt-icon-color: #A4A3B1;
  --btn-primary-alt-focus--bg-color: #33333E;
  --btn-primary-alt-focus--border-color: #33333E;
  --btn-primary-alt-focus--border-style: var(--btn--border-style);
  --btn-primary-alt-focus--border-width: var(--btn--border-width);
  --btn-primary-alt-focus--color: #FFF;
  --btn-primary-alt-focus--box-shadow: none;
  --btn-primary-alt-focus--border-radius: 0.2857142857rem;
  --btn-primary-alt-focus-icon-color: #A4A3B1;
  --btn-primary-alt-hover--bg-color: #33333E;
  --btn-primary-alt-hover--border-color: #33333E;
  --btn-primary-alt-hover--border-style: var(--btn--border-style);
  --btn-primary-alt-hover--border-width: var(--btn--border-width);
  --btn-primary-alt-hover--color: #FFF;
  --btn-primary-alt-hover--box-shadow: none;
  --btn-primary-alt-hover--border-radius: 0.2857142857rem;
  --btn-primary-alt-hover-icon-color: #A4A3B1;
  --btn-primary-alt-active--bg-color: #3F3F4C;
  --btn-primary-alt-active--border-color: #3F3F4C;
  --btn-primary-alt-active--border-style: var(--btn--border-style);
  --btn-primary-alt-active--border-width: var(--btn--border-width);
  --btn-primary-alt-active--color: #FFF;
  --btn-primary-alt-active--box-shadow: none;
  --btn-primary-alt-active--border-radius: 0.2857142857rem;
  --btn-primary-alt-active-icon-color: #A4A3B1;
  --btn-primary-alt-disabled--bg-color: #2E2E38;
  --btn-primary-alt-disabled--border-color: #2E2E38;
  --btn-primary-alt-disabled--border-style: var(--btn--border-style);
  --btn-primary-alt-disabled--border-width: var(--btn--border-width);
  --btn-primary-alt-disabled--color: #737387;
  --btn-primary-alt-disabled--box-shadow: none;
  --btn-primary-alt-disabled--border-radius: 0.2857142857rem;
  --btn-primary-alt-disabled-icon-color: #737387;
  --btn-primary-alt-disabled-progress--bg-color: #737387;
  --btn-secondary--bg-color: transparent;
  --btn-secondary--border-color: #4E4E5D;
  --btn-secondary--border-style: var(--btn--border-style);
  --btn-secondary--border-width: 0.0714285714rem;
  --btn-secondary--color: #FFF;
  --btn-secondary--box-shadow: none;
  --btn-secondary--border-radius: 0.2857142857rem;
  --btn-secondary-icon-color: #A4A3B1;
  --btn-secondary-focus--bg-color: #33333E;
  --btn-secondary-focus--border-color: #4E4E5D;
  --btn-secondary-focus--border-style: var(--btn--border-style);
  --btn-secondary-focus--border-width: 0.0714285714rem;
  --btn-secondary-focus--color: #FFF;
  --btn-secondary-focus--box-shadow: none;
  --btn-secondary-focus--border-radius: 0.2857142857rem;
  --btn-secondary-focus-icon-color: #A4A3B1;
  --btn-secondary-hover--bg-color: #33333E;
  --btn-secondary-hover--border-color: #4E4E5D;
  --btn-secondary-hover--border-style: var(--btn--border-style);
  --btn-secondary-hover--border-width: 0.0714285714rem;
  --btn-secondary-hover--color: #FFF;
  --btn-secondary-hover--box-shadow: none;
  --btn-secondary-hover--border-radius: 0.2857142857rem;
  --btn-secondary-hover-icon-color: #A4A3B1;
  --btn-secondary-active--bg-color: #3F3F4C;
  --btn-secondary-active--border-color: #4E4E5D;
  --btn-secondary-active--border-style: var(--btn--border-style);
  --btn-secondary-active--border-width: 0.0714285714rem;
  --btn-secondary-active--color: #FFF;
  --btn-secondary-active--box-shadow: none;
  --btn-secondary-active--border-radius: 0.2857142857rem;
  --btn-secondary-active-icon-color: #A4A3B1;
  --btn-secondary-disabled--bg-color: transparent;
  --btn-secondary-disabled--border-color: #4E4E5D;
  --btn-secondary-disabled--border-style: var(--btn--border-style);
  --btn-secondary-disabled--border-width: 0.0714285714rem;
  --btn-secondary-disabled--color: #737387;
  --btn-secondary-disabled--box-shadow: none;
  --btn-secondary-disabled--border-radius: 0.2857142857rem;
  --btn-secondary-disabled-icon-color: #737387;
  --btn-secondary-disabled--progress--bg-color: #737387;
  --btn-ghost--bg-color: transparent;
  --btn-ghost--border-color: transparent;
  --btn-ghost--border-style: var(--btn--border-style);
  --btn-ghost--border-width: var(--btn--border-width);
  --btn-ghost--color: #FFF;
  --btn-ghost--box-shadow: none;
  --btn-ghost--border-radius: 0.2857142857rem;
  --btn-ghost-icon-color: #A4A3B1;
  --btn-ghost-hover--bg-color: #33333E;
  --btn-ghost-hover--border-color: transparent;
  --btn-ghost-hover--border-style: var(--btn--border-style);
  --btn-ghost-hover--border-width: var(--btn--border-width);
  --btn-ghost-hover--color: #FFF;
  --btn-ghost-hover--box-shadow: none;
  --btn-ghost-hover--border-radius: 0.2857142857rem;
  --btn-ghost-hover-icon-color: #A4A3B1;
  --btn-ghost-active--bg-color: #3F3F4C;
  --btn-ghost-active--border-color: transparent;
  --btn-ghost-active--border-style: var(--btn--border-style);
  --btn-ghost-active--border-width: var(--btn--border-width);
  --btn-ghost-active--color: #FFF;
  --btn-ghost-active--box-shadow: none;
  --btn-ghost-active--border-radius: 0.2857142857rem;
  --btn-ghost-active-icon-color: #A4A3B1;
  --btn-ghost-focus--bg-color: #33333E;
  --btn-ghost-focus--border-color: transparent;
  --btn-ghost-focus--border-style: var(--btn--border-style);
  --btn-ghost-focus--border-width: var(--btn--border-width);
  --btn-ghost-focus--color: #FFF;
  --btn-ghost-focus--box-shadow: none;
  --btn-ghost-focus--border-radius: 0.2857142857rem;
  --btn-ghost-focus-icon-color: #A4A3B1;
  --btn-ghost-disabled--bg-color: transparent;
  --btn-ghost-disabled--border-color: transparent;
  --btn-ghost-disabled--border-style: var(--btn--border-style);
  --btn-ghost-disabled--border-width: var(--btn--border-width);
  --btn-ghost-disabled--color: #737387;
  --btn-ghost-disabled--box-shadow: none;
  --btn-ghost-disabled--border-radius: 0.2857142857rem;
  --btn-ghost-disabled-icon-color: #737387;
  --btn-ghost-disabled-progress--bg-color: #737387;
  --btn-warn--bg-color: #EA011D;
  --btn-warn--border-color: #EA011D;
  --btn-warn--border-style: var(--btn--border-style);
  --btn-warn--border-width: var(--btn--border-width);
  --btn-warn--color: #FFF;
  --btn-warn--box-shadow: none;
  --btn-warn--border-radius: 0.2857142857rem;
  --btn-warn-icon-color: #FCD7CF;
  --btn-warn-hover--bg-color: #FF4136;
  --btn-warn-hover--border-color: #FF4136;
  --btn-warn-hover--border-style: var(--btn--border-style);
  --btn-warn-hover--border-width: var(--btn--border-width);
  --btn-warn-hover--color: #FFF;
  --btn-warn-hover--box-shadow: none;
  --btn-warn-hover--border-radius: 0.2857142857rem;
  --btn-warn-hover-icon-color: #FCD7CF;
  --btn-warn-active--bg-color: #FF735E;
  --btn-warn-active--border-color: #FF735E;
  --btn-warn-active--border-style: var(--btn--border-style);
  --btn-warn-active--border-width: var(--btn--border-width);
  --btn-warn-active--color: #FFF;
  --btn-warn-active--box-shadow: none;
  --btn-warn-active--border-radius: 0.2857142857rem;
  --btn-warn-active-icon-color: #FCD7CF;
  --btn-warn-focus--bg-color: #FF4136;
  --btn-warn-focus--border-color: #FF4136;
  --btn-warn-focus--border-style: var(--btn--border-style);
  --btn-warn-focus--border-width: var(--btn--border-width);
  --btn-warn-focus--color: #FFF;
  --btn-warn-focus--box-shadow: none;
  --btn-warn-focus--border-radius: 0.2857142857rem;
  --btn-warn-focus-icon-color: #FCD7CF;
  --btn-warn-disabled--bg-color: #2E2E38;
  --btn-warn-disabled--border-color: #2E2E38;
  --btn-warn-disabled--border-style: var(--btn--border-style);
  --btn-warn-disabled--border-width: var(--btn--border-width);
  --btn-warn-disabled--color: #737387;
  --btn-warn-disabled--box-shadow: none;
  --btn-warn-disabled--border-radius: 0.2857142857rem;
  --btn-warn-disabled-icon-color: #737387;
  --btn-warn-alt--bg-color: transparent;
  --btn-warn-alt--border-color: #C70117;
  --btn-warn-alt--border-style: var(--btn--border-style);
  --btn-warn-alt--border-width: var(--btn--border-width);
  --btn-warn-alt--color: #EA011D;
  --btn-warn-alt--box-shadow: none;
  --btn-warn-alt--border-radius: 0.2857142857rem;
  --btn-warn-alt-icon-color: #C70117;
  --btn-warn-alt-hover--bg-color: #23232F;
  --btn-warn-alt-hover--border-color: #C70117;
  --btn-warn-alt-hover--border-style: var(--btn--border-style);
  --btn-warn-alt-hover--border-width: var(--btn--border-width);
  --btn-warn-alt-hover--color: #EA011D;
  --btn-warn-alt-hover--box-shadow: none;
  --btn-warn-alt-hover--border-radius: 0.2857142857rem;
  --btn-warn-alt-hover-icon-color: #C70117;
  --btn-warn-alt-active--bg-color: #2E2E38;
  --btn-warn-alt-active--border-color: #C70117;
  --btn-warn-alt-active--border-style: var(--btn-border-style);
  --btn-warn-alt-active--border-width: var(--btn-border-width);
  --btn-warn-alt-active--color: #EA011D;
  --btn-warn-alt-active--box-shadow: none;
  --btn-warn-alt-active--border-radius: 0.2857142857rem;
  --btn-warn-alt-active--icon-color: #C70117;
  --btn-warn-alt-focus--bg-color: #23232F;
  --btn-warn-alt-focus--border-color: #EA011D;
  --btn-warn-alt-focus--border-style: var(--btn-border-style);
  --btn-warn-alt-focus--border-width: var(--btn-border-width);
  --btn-warn-alt-focus--color: #EA011D;
  --btn-warn-alt-focus--box-shadow: none;
  --btn-warn-alt-focus--border-radius: 0.2857142857rem;
  --btn-warn-alt-focus--icon-color: #C70117;
  --btn-warn-alt-disabled--bg-color: transparent;
  --btn-warn-alt-disabled--border-color: #737387;
  --btn-warn-alt-disabled--border-style: var(--btn--border-style);
  --btn-warn-alt-disabled--border-width: var(--btn--border-width);
  --btn-warn-alt-disabled--color: #737387;
  --btn-warn-alt-disabled--box-shadow: none;
  --btn-warn-alt-disabled--border-radius: 0.2857142857rem;
  --btn-warn-alt-disabled-icon-color: #737387;
  --btn-warn-secondary--bg-color: transparent;
  --btn-warn-secondary--border-color: #C70117;
  --btn-warn-secondary--border-style: var(--btn--border-style);
  --btn-warn-secondary--border-width: 0.0714285714rem;
  --btn-warn-secondary--color: #EA011D;
  --btn-warn-secondary--box-shadow: none;
  --btn-warn-secondary--border-radius: 0.2857142857rem;
  --btn-warn-secondary-icon-color: #FF4136;
  --btn-warn-secondary-progress--bg-color: #C70117;
  --btn-warn-secondary-hover--bg-color: #23232F;
  --btn-warn-secondary-hover--border-color: #C70117;
  --btn-warn-secondary-hover--border-style: var(--btn--border-style);
  --btn-warn-secondary-hover--border-width: 0.0714285714rem;
  --btn-warn-secondary-hover--color: #FF4136;
  --btn-warn-secondary-hover--box-shadow: none;
  --btn-warn-secondary-hover--border-radius: 0.2857142857rem;
  --btn-warn-secondary-hover-icon-color: #FF4136;
  --btn-warn-secondary-active--bg-color: #23232F;
  --btn-warn-secondary-active--border-color: #C70117;
  --btn-warn-secondary-active--border-style: var(--btn--border-style);
  --btn-warn-secondary-active--border-width: 0.0714285714rem;
  --btn-warn-secondary-active--color: #FF735E;
  --btn-warn-secondary-active--box-shadow: none;
  --btn-warn-secondary-active--border-radius: 0.2857142857rem;
  --btn-warn-secondary-active-icon-color: #FF735E;
  --btn-warn-secondary-focus--bg-color: #23232F;
  --btn-warn-secondary-focus--border-color: #C70117;
  --btn-warn-secondary-focus--border-style: solid;
  --btn-warn-secondary-focus--border-width: 0.0714285714rem;
  --btn-warn-secondary-focus--color: #FF4136;
  --btn-warn-secondary-focus--box-shadow: none;
  --btn-warn-secondary-focus--border-radius: 0.2857142857rem;
  --btn-warn-secondary-focus--icon-color: #FF4136;
  --btn-warn-secondary-disabled--bg-color: transparent;
  --btn-warn-secondary-disabled--border-color: #4E4E5D;
  --btn-warn-secondary-disabled--border-style: var(--btn--border-style);
  --btn-warn-secondary-disabled--border-width: 0.0714285714rem;
  --btn-warn-secondary-disabled--color: #737387;
  --btn-warn-secondary-disabled--box-shadow: none;
  --btn-warn-secondary-disabled--border-radius: 0.2857142857rem;
  --btn-warn-secondary-disabled-icon-color: #737387;
  --btn-warn-ghost--bg-color: transparent;
  --btn-warn-ghost--border-color: transparent;
  --btn-warn-ghost--border-style: var(--btn--border-style);
  --btn-warn-ghost--border-width: var(--btn--border-width);
  --btn-warn-ghost--color: #EA011D;
  --btn-warn-ghost--box-shadow: none;
  --btn-warn-ghost--border-radius: 0.2857142857rem;
  --btn-warn-ghost-icon-color: #EA011D;
  --btn-warn-ghost-progress--bg-color: #EA011D;
  --btn-warn-ghost-hover--bg-color: #23232F;
  --btn-warn-ghost-hover--border-color: transparent;
  --btn-warn-ghost-hover--border-style: var(--btn--border-style);
  --btn-warn-ghost-hover--border-width: var(--btn--border-width);
  --btn-warn-ghost-hover--color: #FF4136;
  --btn-warn-ghost-hover--box-shadow: none;
  --btn-warn-ghost-hover--border-radius: 0.2857142857rem;
  --btn-warn-ghost-hover-icon-color: #FF4136;
  --btn-warn-ghost-active--bg-color: #23232F;
  --btn-warn-ghost-active--border-color: transparent;
  --btn-warn-ghost-active--border-style: var(--btn--border-style);
  --btn-warn-ghost-active--border-width: var(--btn--border-width);
  --btn-warn-ghost-active--color: #FF735E;
  --btn-warn-ghost-active--box-shadow: none;
  --btn-warn-ghost-active--border-radius: 0.2857142857rem;
  --btn-warn-ghost-active-icon-color: #FF735E;
  --btn-warn-ghost-focus--bg-color: #23232F;
  --btn-warn-ghost-focus--border-color: transparent;
  --btn-warn-ghost-focus--border-style: var(--btn-border-style);
  --btn-warn-ghost-focus--border-width: var(--btn-border-width);
  --btn-warn-ghost-focus--color: #FF4136;
  --btn-warn-ghost-focus--box-shadow: none;
  --btn-warn-ghost-focus--border-radius: 0.2857142857rem;
  --btn-warn-ghost-focus--icon-color: #FF4136;
  --btn-warn-ghost-disabled--bg-color: transparent;
  --btn-warn-ghost-disabled--border-color: transparent;
  --btn-warn-ghost-disabled--border-style: var(--btn--border-style);
  --btn-warn-ghost-disabled--border-width: var(--btn--border-width);
  --btn-warn-ghost-disabled--color: #737387;
  --btn-warn-ghost-disabled--box-shadow: none;
  --btn-warn-ghost-disabled--border-radius: 0.2857142857rem;
  --btn-warn-ghost-disabled-icon-color: #737387;
  --btn-text--color: #FFF;
  --btn-text-icon-color: #A4A3B1;
  --btn-text--background-color: transparent;
  --btn-text--border-color: transparent;
  --btn-text--border-style: none;
  --btn-text--border-width: none;
  --btn-text--border-radius: 0.2857142857rem;
  --btn-text--text-underline-offset: transparent;
  --btn-text--box-shadow: none;
  --btn-text-hover--color: #BFBFC8;
  --btn-text-hover--background-color: #33333E;
  --btn-text-hover-icon-color: #BFBFC8;
  --btn-text-hover--border-color: transparent;
  --btn-text-hover--border-style: none;
  --btn-text-hover--border-width: 0;
  --btn-text-hover--box-shadow: none;
  --btn-text-hover--border-radius: 0.2857142857rem;
  --btn-text-focus--color: #BFBFC8;
  --btn-text-focus-icon--color: #BFBFC8;
  --btn-text-focus--background-color: #33333E;
  --btn-text-focus--border-color: transparent;
  --btn-text-focus--border-style: none;
  --btn-text-focus--border-width: 0;
  --btn-text-focus--box-shadow: none;
  --btn-text-focus--border-radius: 0.2857142857rem;
  --btn-text-active--color: #A4A3B1;
  --btn-text-active-icon-color: #BFBFC8;
  --btn-text-active--background-color: #3F3F4C;
  --btn-text-active--border-color: transparent;
  --btn-text-active--border-style: none;
  --btn-text-active--border-width: 0;
  --btn-text-active--box-shadow: none;
  --btn-text-active--border-radius: 0.2857142857rem;
  --btn-text-disabled--bg-color: transparent;
  --btn-text-disabled--color: #737387;
  --btn-text-disabled-icon--color: #3F3F4C;
  --btn-text-disabled-progress--background-color: transparent;
  --btn-text-disabled--border-color: transparent;
  --btn-text-disabled--border-style: var(--btn--border-style);
  --btn-text-disabled--border-width: var(--btn--border-width);
  --btn-text-disabled--box-shadow: none;
  --btn-text-disabled--border-radius: 0.2857142857rem;
  --btn-text-alt--color: #85B9FD;
  --btn-text-alt-icon-color: #85B9FD;
  --btn-text-alt--background-color: transparent;
  --btn-text-alt--border-color: transparent;
  --btn-text-alt--border-style: none;
  --btn-text-alt--border-width: none;
  --btn-text-alt--text-underline-offset: 0.1428571429rem;
  --btn-text-alt--box-shadow: none;
  --btn-text-alt--border-radius: none;
  --btn-text-alt-progress--background-color: #0F69AE;
  --btn-text-alt-hover--background-color: transparent;
  --btn-text-alt-hover--color: #55A6FC;
  --btn-text-alt-hover--border-color: transparent;
  --btn-text-alt-hover--border-style: none;
  --btn-text-alt-hover--border-width: none;
  --btn-text-alt-hover--box-shadow: none;
  --btn-text-alt-hover--border-radius: 0.2857142857rem;
  --btn-text-alt-hover-icon-color: #55A6FC;
  --btn-text-alt-hover-text-decoration: none;
  --btn-text-alt-active--color: #188CE5;
  --btn-text-alt-active--background-color: transparent;
  --btn-text-alt-active-icon--color: #188CE5;
  --btn-text-alt-active--border-color: transparent;
  --btn-text-alt-active--border-style: none;
  --btn-text-alt-active--border-width: 0;
  --btn-text-alt-active--box-shadow: none;
  --btn-text-alt-active--border-radius: 0.2857142857rem;
  --btn-text-alt-focus--color: #55A6FC;
  --btn-text-alt-focus--background-color: #1A1A24;
  --btn-text-alt-focus-icon--color: #55A6FC;
  --btn-text-alt-focus--border-color: transparent;
  --btn-text-alt-focus--border-style: none;
  --btn-text-alt-focus--border-width: 0;
  --btn-text-alt-focus--box-shadow: none;
  --btn-text-alt-focus--border-radius: 0.2857142857rem;
  --btn-text-alt-disabled--color: #737387;
  --btn-text-alt-disabled-icon--color: #737387;
  --btn-text-alt-disabled-progress--background-color: #737387;
  --btn-text-alt-disabled--border-color: transparent;
  --btn-text-alt-disabled--border-style: none;
  --btn-text-alt-disabled--border-width: 0;
  --btn-text-alt-disabled--box-shadow: none;
  --btn-warn-text--bg-color: transparent;
  --btn-warn-text-border-color: transparent;
  --btn-warn-text-border-style: var(--btn-border-style);
  --btn-warn-text-border-width: var(--btn-border-width);
  --btn-warn-text--color: #EA011D;
  --btn-warn-text--box-shadow: none;
  --btn-warn-text--border-radius: 0.2857142857rem;
  --btn-warn-text-icon-color: #EA011D;
  --btn-warn-text-hover--bg-color: #23232F;
  --btn-warn-text-hover-border-color: transparent;
  --btn-warn-text-hover-border-style: var(--btn-border-style);
  --btn-warn-text-hover-border-width: var(--btn-border-width);
  --btn-warn-text-hover--color: #FF4136;
  --btn-warn-text-hover--box-shadow: none;
  --btn-warn-text-hover--border-radius: 0.2857142857rem;
  --btn-warn-text-hover-icon-color: #C70117;
  --btn-warn-text-active--bg-color: transparent;
  --btn-warn-text-active-border-color: transparent;
  --btn-warn-text-active-border-style: var(--btn-border-style);
  --btn-warn-text-active-border-width: var(--btn-border-width);
  --btn-warn-text-active--color: #FF735E;
  --btn-warn-text-active--box-shadow: none;
  --btn-warn-text-active--border-radius: 0.2857142857rem;
  --btn-warn-text-active-icon-color: #A40011;
  --btn-warn-text-focus--bg-color: #1A1A24;
  --btn-warn-text-focus-border-color: transparent;
  --btn-warn-text-focus-border-style: var(--btn-border-style);
  --btn-warn-text-focus-border-width: var(--btn-border-width);
  --btn-warn-text-focus--color: #FF4136;
  --btn-warn-text-focus--box-shadow: none;
  --btn-warn-text-focus--border-radius: 0.2857142857rem;
  --btn-warn-text-focus-icon-color: #C70117;
  --btn-warn-text-disabled--bg-color: transparent;
  --btn-warn-text-disabled-border-color: transparent;
  --btn-warn-text-disabled-border-style: var(--btn-border-style);
  --btn-warn-text-disabled-border-width: var(--btn-border-width);
  --btn-warn-text-disabled--color: #737387;
  --btn-warn-text-disabled--box-shadow: none;
  --btn-warn-text-disabled--border-radius: 0.2857142857rem;
  --btn-warn-text-disabled-icon-color: #737387;
  --btn-icon-color: #A4A3B1;
  --btn-icon--bg-color: transparent;
  --btn-icon--border-color: transparent;
  --btn-icon--border-width: 0 0 0 0;
  --btn-icon--border-style: none;
  --btn-icon--box-shadow: none;
  --btn-icon--border-radius: 0.2857142857rem;
  --btn-icon-hover-icon-color: #A4A3B1;
  --btn-icon-hover--bg-color: #33333E;
  --btn-icon-hover--border-color: transparent;
  --btn-icon-hover--border-width: 0 0 0 0;
  --btn-icon-hover--border-style: none;
  --btn-icon-hover--box-shadow: none;
  --btn-icon-focus-icon-color: #A4A3B1;
  --btn-icon-focus--bg-color: #33333E;
  --btn-icon-focus--border-color: transparent;
  --btn-icon-focus--border-width: 0 0 0 0;
  --btn-icon-focus--border-style: none;
  --btn-icon-focus--box-shadow: none;
  --btn-icon-focus--outline-color: #85B9FD;
  --btn-icon-focus--outline-width: 0.1428571429rem;
  --btn-icon-focus--outline-style: solid;
  --btn-icon-focus--outline-offset: 0.1428571429rem;
  --btn-icon-active-icon-color: #A4A3B1;
  --btn-icon-active--bg-color: #3F3F4C;
  --btn-icon-active--border-color: transparent;
  --btn-icon-active--border-width: 0 0 0 0;
  --btn-icon-active--border-style: none;
  --btn-icon-active--box-shadow: none;
  --btn-icon-disabled-icon-color: #737387;
  --btn-icon-disabled--bg-color: transparent;
  --btn-icon-disabled--border-color: transparent;
  --btn-icon-disabled--border-width: 0 0 0 0;
  --btn-icon-disabled--border-style: none;
  --btn-icon-disabled--box-shadow: none;
  --btn-fab-icon-color: #1A1A24;
  --btn-fab--size: 3.7142857143rem;
  --btn-fab--border-color: #FFF;
  --btn-fab--border-style: none;
  --btn-fab--border-width: 0;
  --btn-fab--border-radius: 50%;
  --btn-fab--bg-color: #DEDEE2;
  --btn-fab--box-shadow: none;
  --btn-fab-focus--color: #1A1A24;
  --btn-fab-focus-icon-color: #1A1A24;
  --btn-fab-focus--bg-color: #DEDEE2;
  --btn-fab-focus--box-shadow: none;
  --btn-fab-focus--border-color: #DEDEE2;
  --btn-fab-focus--border-style: none;
  --btn-fab-focus--border-width: 0;
  --btn-fab-focus--border-radius: 50%;
  --btn-fab-hover--color: #1A1A24;
  --btn-fab-hover-icon-color: #1A1A24;
  --btn-fab-hover--bg-color: #BFBFC8;
  --btn-fab-hover--box-shadow: none;
  --btn-fab-hover--border-color: #DEDEE2;
  --btn-fab-hover--border-style: none;
  --btn-fab-hover--border-width: 0.0714285714rem;
  --btn-fab-hover--border-radius: 50%;
  --btn-fab-disabled--color: #737387;
  --btn-fab-disabled-icon-color: #737387;
  --btn-fab-disabled--bg-color: #2E2E38;
  --btn-fab-disabled--box-shadow: none;
  --btn-fab-disabled--border-color: #2E2E38;
  --btn-fab-disabled--border-style: none;
  --btn-fab-disabled--border-width: 0;
  --btn-fab-disabled--border-radius: 50%;
  --btn-fab-sm--size: 3.1428571429rem;
  --btn-fab-icon--size: 1.4285714286rem;
  --btn-fab-icon-sm--size: 1.4285714286rem;
  --btn-loader-primary--color: #1A1A24;
  --btn-loader-primary--bg-color: #FFF;
  --btn-loader-primary--border-color: #FFF;
  --btn-loader-primary--border-style: solid;
  --btn-loader-primary--border-width: 0.0714285714rem;
  --btn-loader-primary--box-shadow: none;
  --btn-loader-primary--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress--bg-color: #1A1A24;
  --btn-loader-primary-hover--color: #1A1A24;
  --btn-loader-primary-hover--bg-color: #DEDEE2;
  --btn-loader-primary-hover--border-color: #DEDEE2;
  --btn-loader-primary-hover--border-style: solid;
  --btn-loader-primary-hover--border-width: 0.0714285714rem;
  --btn-loader-primary-hover--box-shadow: none;
  --btn-loader-primary-hover--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress-hover--bg-color: #1A1A24;
  --btn-loader-primary-active--bg-color: #BFBFC8;
  --btn-loader-primary-active--border-color: #BFBFC8;
  --btn-loader-primary-active--border-style: solid;
  --btn-loader-primary-active--border-width: 0.0714285714rem;
  --btn-loader-primary-active--color: #1A1A24;
  --btn-loader-primary-active--box-shadow: none;
  --btn-loader-primary-active--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress-active--bg-color: #1A1A24;
  --btn-loader-primary-focus--color: #1A1A24;
  --btn-loader-primary-focus--bg-color: #DEDEE2;
  --btn-loader-primary-focus--border-color: #DEDEE2;
  --btn-loader-primary-focus--border-style: solid;
  --btn-loader-primary-focus--border-width: 0.0714285714rem;
  --btn-loader-primary-focus--box-shadow: none;
  --btn-loader-primary-focus--border-radius: 0.2857142857rem;
  --btn-loader-primary-progress-focus--bg-color: #1A1A24;
  --btn-loader-primary-alt--color: #FFF;
  --btn-loader-primary-alt--bg-color: #2E2E38;
  --btn-loader-primary-alt--border-color: #2E2E38;
  --btn-loader-primary-alt--border-style: solid;
  --btn-loader-primary-alt--border-width: 0.0714285714rem;
  --btn-loader-primary-alt--box-shadow: none;
  --btn-loader-primary-alt--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress--bg-color: #FFF;
  --btn-loader-primary-alt-hover--color: #FFF;
  --btn-loader-primary-alt-hover--bg-color: #33333E;
  --btn-loader-primary-alt-hover--border-color: #33333E;
  --btn-loader-primary-alt-hover--border-style: solid;
  --btn-loader-primary-alt-hover--border-width: 0.0714285714rem;
  --btn-loader-primary-alt-hover--box-shadow: none;
  --btn-loader-primary-alt-hover--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-hover--bg-color: #FFF;
  --btn-loader-primary-alt-active--bg-color: #3F3F4C;
  --btn-loader-primary-alt-active--border-color: #3F3F4C;
  --btn-loader-primary-alt-active--border-style: solid;
  --btn-loader-primary-alt-active--border-width: 0.0714285714rem;
  --btn-loader-primary-alt-active--color: #FFF;
  --btn-loader-primary-alt-active--box-shadow: none;
  --btn-loader-primary-alt-active--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-active--bg-color: #FFF;
  --btn-loader-primary-alt-focus--color: #FFF;
  --btn-loader-primary-alt-focus--bg-color: #33333E;
  --btn-loader-primary-alt-focus--border-color: #33333E;
  --btn-loader-primary-alt-focus--border-style: solid;
  --btn-loader-primary-alt-focus--border-width: 0.0714285714rem;
  --btn-loader-primary-alt-focus--box-shadow: none;
  --btn-loader-primary-alt-focus--border-radius: 0.2857142857rem;
  --btn-loader-primary-alt-progress-focus--bg-color: #FFF;
  --btn-loader-secondary--color: #FFF;
  --btn-loader-secondary--bg-color: transparent;
  --btn-loader-secondary--border-color: #4E4E5D;
  --btn-loader-secondary--border-style: solid;
  --btn-loader-secondary--border-width: 0.0714285714rem;
  --btn-loader-secondary--box-shadow: none;
  --btn-loader-secondary--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress--bg-color: #FFF;
  --btn-loader-secondary-hover--color: #FFF;
  --btn-loader-secondary-hover--bg-color: #33333E;
  --btn-loader-secondary-hover--border-color: #4E4E5D;
  --btn-loader-secondary-hover--border-style: solid;
  --btn-loader-secondary-hover--border-width: 0.0714285714rem;
  --btn-loader-secondary-hover--box-shadow: none;
  --btn-loader-secondary-hover--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress-hover--bg-color: #FFF;
  --btn-loader-secondary-active--bg-color: #3F3F4C;
  --btn-loader-secondary-active--border-color: #4E4E5D;
  --btn-loader-secondary-active--border-style: var(--btn--border-style);
  --btn-loader-secondary-active--border-width: 0.0714285714rem;
  --btn-loader-secondary-active--color: #FFF;
  --btn-loader-secondary-active--box-shadow: none;
  --btn-loader-secondary-active--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress-active--bg-color: #FFF;
  --btn-loader-secondary-focus--color: #FFF;
  --btn-loader-secondary-focus--bg-color: #33333E;
  --btn-loader-secondary-focus--border-color: #4E4E5D;
  --btn-loader-secondary-focus--border-style: solid;
  --btn-loader-secondary-focus--border-width: 0.0714285714rem;
  --btn-loader-secondary-focus--box-shadow: none;
  --btn-loader-secondary-focus--border-radius: 0.2857142857rem;
  --btn-loader-secondary-progress-focus--bg-color: #FFF;
  --btn-loader-progress--height: 0.2857142857rem;
  --btn-link--bg-color: transparent;
  --btn-link--border-color: transparent;
  --btn-link--border-style: none;
  --btn-link--border-width: var(--btn--border-width);
  --btn-link--text-underline-offset: 0;
  --btn-link--color: #FFF;
  --btn-link--box-shadow: none;
  --btn-link--border-radius: 0;
  --btn-link-icon-color: #FFF;
  --btn-link-focus--color: #BFBFC8;
  --btn-link-focus--bg-color: transparent;
  --btn-link-focus--border-color: transparent;
  --btn-link-focus--border-style: none;
  --btn-link-focus--border-width: 0;
  --btn-link-focus--box-shadow: none;
  --btn-link-focus--border-radius: 0.2857142857rem;
  --btn-link-focus-icon-color: #BFBFC8;
  --btn-link-active--color: #A4A3B1;
  --btn-link-active--bg-color: transparent;
  --btn-link-active--border-color: transparent;
  --btn-link-active--border-style: none;
  --btn-link-active--border-width: 0;
  --btn-link-active--box-shadow: none;
  --btn-link-active--border-radius: 0.2857142857rem;
  --btn-link-active-icon-color: #A4A3B1;
  --btn-link-hover--color: #BFBFC8;
  --btn-link-hover--bg-color: transparent;
  --btn-link-hover--border-color: transparent;
  --btn-link-hover--border-style: none;
  --btn-link-hover--border-width: 0;
  --btn-link-hover--box-shadow: none;
  --btn-link-hover--border-radius: 0.2857142857rem;
  --btn-link-hover-icon-color: #BFBFC8;
  --btn-link-hover-text-decoration: none;
  --btn-link-disabled--bg-color: transparent;
  --btn-link-disabled--border-color: transparent;
  --btn-link-disabled--border-style: var(--btn--border-style);
  --btn-link-disabled--border-width: 0.0714285714rem;
  --btn-link-disabled--color: #9897A6;
  --btn-link-disabled--box-shadow: none;
  --btn-link-disabled--border-radius: 0;
  --btn-link-disabled-badge--border-color: #9897A6;
  --btn-link-disabled-badge--border-style: solid;
  --btn-link-disabled-badge--border-width: 0.0714285714rem;
  --btn-link-disabled-badge--bg-color: transparent;
  --btn-link-disabled-badge--color: #9897A6;
  --btn-link-disabled-icon-color: #9897A6;
  --btn-link-badge--border-color: #FFF;
  --btn-link-badge--border-style: var(--btn--border-style);
  --btn-link-badge--border-width: 0.0714285714rem;
  --btn-link-badge--bg-color: #656579;
  --btn-link-badge--color: #FFF;
  --btn-link-alt--bg-color: transparent;
  --btn-link-alt--border-color: transparent;
  --btn-link-alt--border-style: none;
  --btn-link-alt--border-width: 0;
  --btn-link-alt--text-underline-offset: 0;
  --btn-link-alt--color: #85B9FD;
  --btn-link-alt--box-shadow: none;
  --btn-link-alt--border-radius: 0;
  --btn-link-alt-icon-color: #85B9FD;
  --btn-link-alt-focus--color: #55A6FC;
  --btn-link-alt-focus--bg-color: transparent;
  --btn-link-alt-focus--border-color: transparent;
  --btn-link-alt-focus--border-style: none;
  --btn-link-alt-focus--border-width: 0;
  --btn-link-alt-focus--box-shadow: none;
  --btn-link-alt-focus--border-radius: 0.2857142857rem;
  --btn-link-alt-focus-icon-color: #85B9FD;
  --btn-link-alt-active--color: #188CE5;
  --btn-link-alt-active--bg-color: transparent;
  --btn-link-alt-active--border-color: transparent;
  --btn-link-alt-active--border-style: none;
  --btn-link-alt-active--border-width: 0;
  --btn-link-alt-active--box-shadow: none;
  --btn-link-alt-active--border-radius: 0.2857142857rem;
  --btn-link-alt-active-icon-color: #188CE5;
  --btn-link-alt-hover--color: #55A6FC;
  --btn-link-alt-hover--bg-color: transparent;
  --btn-link-alt-hover--border-color: transparent;
  --btn-link-alt-hover--border-style: none;
  --btn-link-alt-hover--border-width: 0;
  --btn-link-alt-hover--box-shadow: none;
  --btn-link-alt-hover--border-radius: 0.2857142857rem;
  --btn-link-alt-hover-icon-color: #55A6FC;
  --btn-link-alt-hover-text-decoration: none;
  --btn-link-alt-disabled--bg-color: transparent;
  --btn-link-alt-disabled--border-color: transparent;
  --btn-link-alt-disabled--border-style: var(--btn--border-style);
  --btn-link-alt-disabled--border-width: 0.0714285714rem;
  --btn-link-alt-disabled--color: #9897A6;
  --btn-link-alt-disabled--box-shadow: none;
  --btn-link-alt-disabled--border-radius: 0;
  --btn-link-alt-disabled-badge--border-color: transparent;
  --btn-link-alt-disabled-badge--border-style: none;
  --btn-link-alt-disabled-badge--border-width: 0;
  --btn-link-alt-disabled-badge--bg-color: #9897A6;
  --btn-link-alt-disabled-badge--color: #1A1A24;
  --btn-link-alt-disabled-icon-color: #9897A6;
  --btn-link-alt-badge--border-color: none;
  --btn-link-alt-badge--border-style: var(--btn--border-style);
  --btn-link-alt-badge--border-width: 0.0714285714rem;
  --btn-link-alt-badge--bg-color: var(--text-link-alt--color);
  --btn-link-alt-badge--color: #1A1A24;
  --btn-group--border-color: #4E4E5D;
  --btn-group--border-style: var(--btn--border-style);
  --btn-group--border-width: 0.0714285714rem;
  --btn-group--bg-color: #2E2E38;
  --btn-group--color: #FFF;
  --btn-group--box-shadow: none;
  --btn-group--border-radius: 0;
  --btn-group--border-radius-left: 0.2857142857rem 0 0 0.2857142857rem;
  --btn-group--border-radius-right: 0 0.2857142857rem 0.2857142857rem 0;
  --btn-group-focus--border-color: #4E4E5D;
  --btn-group-focus--border-style: var(--btn--border-style);
  --btn-group-focus--border-width: 0.0714285714rem;
  --btn-group-focus--bg-color: #33333E;
  --btn-group-focus--color: #FFF;
  --btn-group-focus--box-shadow: none;
  --btn-group-focus--border-radius: 0;
  --btn-group-focus--outline-width: 0.1428571429rem;
  --btn-group-focus--outline-style: solid;
  --btn-group-focus--outline-offset: 0.1428571429rem;
  --btn-group-focus--outline-color: #85B9FD;
  --btn-group-hover--border-color: #4E4E5D;
  --btn-group-hover--border-style: var(--btn--border-style);
  --btn-group-hover--border-width: 0.0714285714rem;
  --btn-group-hover--bg-color: #33333E;
  --btn-group-hover--color: #FFF;
  --btn-group-hover--box-shadow: none;
  --btn-group-hover--border-radius: 0;
  --btn-group-disabled--border-color: #4E4E5D;
  --btn-group-disabled--border-style: var(--btn--border-style);
  --btn-group-disabled--border-width: 0.0714285714rem;
  --btn-group-disabled--bg-color: #2E2E38;
  --btn-group-disabled--color: #737387;
  --btn-group-disabled--box-shadow: none;
  --btn-group-disabled--border-radius: 0;
  --btn-group-active--border-color: #1A1A24;
  --btn-group-active--border-style: var(--btn--border-style);
  --btn-group-active--border-width: var(--btn--border-width);
  --btn-group-active--bg-color: #FFF;
  --btn-group-active--color: #1A1A24;
  --btn-group-active--box-shadow: none;
  --btn-group-active--border-radius: 0;
  --card--border-color: #33333E;
  --card--border-style: solid;
  --card--border-width: 0.0714285714rem;
  --card--border-radius: 0.2857142857rem;
  --card--bg-color: #23232F;
  --card--box-shadow: none;
  --card-hover--box-shadow: none;
  --card-header--border-radius: 0.2857142857rem;
  --card-header--bg-color: #23232F;
  --card-header-icon-color: #A4A3B1;
  --card-header-alt-icon-color: #FFF;
  --card-header-alt-icon-hover-icon-color: #FFF;
  --card-header-icon-hover--bg-color: #33333E;
  --card-header-separator-line--border-color: transparent transparent #3F3F4C transparent;
  --card-header-separator-line--border-style: none;
  --card-header-separator-line--border-width: 0 0 0.0714285714rem 0;
  --card-header-alt--color: #FFF;
  --card-header-alt--bg-color: #656579;
  --card-header--color: #DEDEE2;
  --card-title--color: #A4A3B1;
  --card-body--color: #A4A3B1;
  --card-footer-separator-line--border-color: transparent;
  --card-footer-separator-line--border-style: none;
  --card-footer-separator-line--border-width: 0;
  --card-footer-tab-active--border-color: #FFF transparent transparent transparent;
  --card-footer-tab-active--border-style: solid none none none;
  --card-footer-tab-active--border-width: 0.1428571429rem 0 0 0;
  --card-footer--bg-color: #8A8A9B;
  --card-footer--color: #FFF;
  --carousel--bg-color: transparent;
  --carousel--border-color: transparent;
  --carousel--border-style: none;
  --carousel--border-width: 0;
  --carousel--box-shadow: none;
  --carousel-dot--border-color: #737387;
  --carousel-dot--border-style: solid;
  --carousel-dot--border-width: 1px;
  --carousel-dot--bg-color: #737387;
  --carousel-dot--border-radius: 0.4285714286rem;
  --carousel-dot--box-shadow: none;
  --carousel-dot-focus--border-color: #DEDEE2;
  --carousel-dot-focus--border-style: solid;
  --carousel-dot-focus--border-width: 1px;
  --carousel-dot-focus--bg-color: #DEDEE2;
  --carousel-dot-focus--box-shadow: none;
  --carousel-dot-focus--outline-color: #85B9FD;
  --carousel-dot-focus--outline-style: solid;
  --carousel-dot-focus--outline-width: 0.0714285714rem;
  --carousel-dot-focus--outline-offset: 0.0714285714rem;
  --carousel-dot-hover--border-color: #DEDEE2;
  --carousel-dot-hover--border-style: solid;
  --carousel-dot-hover--border-width: 1px;
  --carousel-dot-hover--bg-color: #DEDEE2;
  --carousel-dot-hover--box-shadow: none;
  --carousel-dot-active--border-color: #DEDEE2;
  --carousel-dot-active--border-style: solid;
  --carousel-dot-active--border-width: 1px;
  --carousel-dot-active--bg-color: #DEDEE2;
  --carousel-dot-active--box-shadow: none;
  --carousel-dot-group--border-color: transparent;
  --carousel-dot-group--border-style: solid;
  --carousel-dot-group--border-width: 1px;
  --carousel-dot-group--bg-color: #2E2E38;
  --carousel-dot-group--border-radius: 1.2142857143rem;
  --carousel-dot-group--box-shadow: none;
  --carousel-play-pause--border-color: #4E4E5D;
  --carousel-play-pause--border-style: solid;
  --carousel-play-pause--border-width: 1px;
  --carousel-play-pause--bg-color: #2E2E38;
  --carousel-play-pause--color: #A4A3B1;
  --carousel-play-pause--border-radius: 1.5714285714rem;
  --carousel-play-pause-icon-color: #A4A3B1;
  --carousel-play-pause-focus--border-color: #85B9FD;
  --carousel-play-pause-focus--border-style: solid;
  --carousel-play-pause-focus--border-width: 1px;
  --carousel-play-pause-focus--bg-color: #33333E;
  --carousel-play-pause-focus--color: #A4A3B1;
  --carousel-play-pause-focus-icon-color: #A4A3B1;
  --carousel-play-pause-hover--border-color: #4E4E5D;
  --carousel-play-pause-hover--border-style: solid;
  --carousel-play-pause-hover--border-width: 1px;
  --carousel-play-pause-hover--bg-color: #33333E;
  --carousel-play-pause-hover--color: #A4A3B1;
  --carousel-play-pause-hover-icon-color: #A4A3B1;
  --carousel-play-pause-active--border-color: #4E4E5D;
  --carousel-play-pause-active--border-style: solid;
  --carousel-play-pause-active--border-width: 1px;
  --carousel-play-pause-active--bg-color: #3F3F4C;
  --carousel-play-pause-active--color: #A4A3B1;
  --carousel-play-pause-active-icon-color: #A4A3B1;
  --carousel-back-forward--bg-color: #2E2E38;
  --carousel-back-forward--border-color: #4E4E5D;
  --carousel-back-forward--border-style: solid;
  --carousel-back-forward--border-width: 1px;
  --carousel-back-forward--border-radius: 50%;
  --carousel-back-forward--box-shadow: none;
  --carousel-back-forward-icon-color: #A4A3B1;
  --carousel-back-forward-focus--bg-color: #33333E;
  --carousel-back-forward-focus--border-color: #85B9FD;
  --carousel-back-forward-focus--border-style: solid;
  --carousel-back-forward-focus--border-width: 1px;
  --carousel-back-forward-focus--box-shadow: none;
  --carousel-back-forward-focus-icon-color: #A4A3B1;
  --carousel-back-forward-hover--bg-color: #33333E;
  --carousel-back-forward-hover--border-color: #4E4E5D;
  --carousel-back-forward-hover--border-style: solid;
  --carousel-back-forward-hover--border-width: 1px;
  --carousel-back-forward-hover--box-shadow: none;
  --carousel-back-forward-hover-icon-color: #A4A3B1;
  --carousel-back-forward-active--bg-color: #3F3F4C;
  --carousel-back-forward-active--border-color: #4E4E5D;
  --carousel-back-forward-active--border-style: solid;
  --carousel-back-forward-active--border-width: 1px;
  --carousel-back-forward-active--box-shadow: none;
  --carousel-back-forward-active-icon-color: #A4A3B1;
  --chip--color: #DEDEE2;
  --chip--border-color: transparent;
  --chip--border-style: solid;
  --chip--border-width: 0.0714285714rem;
  --chip--border-radius: 1.1428571429rem;
  --chip--box-shadow: none;
  --chip--bg-color: #2E2E38;
  --chip-hover--color: #DEDEE2;
  --chip-hover--bg-color: #2E2E38;
  --chip-hover--border-color: #33333E;
  --chip-hover--border-style: solid;
  --chip-hover--border-width: 0.0714285714rem;
  --chip-hover--border-radius: 1.1428571429rem;
  --chip-hover--box-shadow: none;
  --chip-hover-icon-color: #A4A3B1;
  --chip-icon-color: #A4A3B1;
  --chip-btn-hover--bg-color: #1A1A24;
  --chip-btn-hover--color: #FFF;
  --chip-pill--color: #DEDEE2;
  --chip-pill--bg-color: #1A1A24;
  --chip-dot--color: #FFF;
  --chip-dot--bg-color: transparent;
  --chip-dot--border-color: transparent;
  --chip-dot--border-style: none;
  --chip-dot--border-width: 0;
  --chip-dot--width: 0.5714285714rem;
  --chip-dot--height: 0.5714285714rem;
  --chip-active--color: #DEDEE2;
  --chip-active--bg-color: #33333E;
  --chip-active--border-color: #33333E;
  --chip-active--border-style: solid;
  --chip-active--border-width: 0.0714285714rem;
  --chip-active--border-radius: 1.1428571429rem;
  --chip-active--box-shadow: none;
  --chip-disabled--color: #737387;
  --chip-disabled--bg-color: #2E2E38;
  --chip-disabled--border-color: transparent;
  --chip-disabled--border-style: solid;
  --chip-disabled--border-width: 0.0714285714rem;
  --chip-disabled--border-radius: 1.1428571429rem;
  --chip-disabled--box-shadow: none;
  --chip-disabled-icon-color: #737387;
  --chip-disabled-dot--bg-color: #2E2E38;
  --chip-disabled-dot--color: #737387;
  --chip-disabled-dot-icon-color: #737387;
  --chip-success--border-color: transparent;
  --chip-success--border-style: solid;
  --chip-success--border-width: 0.0714285714rem;
  --chip-success--bg-color: #0A3616;
  --chip-success--color: #34CE63;
  --chip-success--border-radius: 1.1428571429rem;
  --chip-success--box-shadow: none;
  --chip-success-icon-color: #26A04B;
  --chip-success-dot--bg-color: #0A3616;
  --chip-success-dot--color: #34CE63;
  --chip-success-dot-icon-color: #26A04B;
  --chip-warning--border-color: transparent;
  --chip-warning--border-style: solid;
  --chip-warning--border-width: 0.0714285714rem;
  --chip-warning--bg-color: #462602;
  --chip-warning--color: #FF9831;
  --chip-warning--border-radius: 1.1428571429rem;
  --chip-warning--box-shadow: none;
  --chip-warning-icon-color: #D07200;
  --chip-warning-dot--bg-color: #462602;
  --chip-warning-dot--color: #FF9831;
  --chip-warning-dot-icon-color: #D07200;
  --chip-error--border-color: transparent;
  --chip-error--border-style: solid;
  --chip-error--border-width: 0.0714285714rem;
  --chip-error--bg-color: #610402;
  --chip-error--color: #FF9783;
  --chip-error--border-radius: 1.1428571429rem;
  --chip-error--box-shadow: none;
  --chip-error-icon-color: #FF4136;
  --chip-error-dot--bg-color: #610402;
  --chip-error-dot--color: #FF9783;
  --chip-error-dot-icon-color: #FF4136;
  --chip-monochrome-light--border-color: transparent;
  --chip-monochrome-light--border-style: solid;
  --chip-monochrome-light--border-width: 0.0714285714rem;
  --chip-monochrome-light--bg-color: #2E2E38;
  --chip-monochrome-light--color: #DEDEE2;
  --chip-monochrome-light--border-radius: 1.1428571429rem;
  --chip-monochrome-light--box-shadow: none;
  --chip-monochrome-light-icon-color: #A4A3B1;
  --chip-monochrome-light-dot--bg-color: #2E2E38;
  --chip-monochrome-light-dot--color: #DEDEE2;
  --chip-monochrome-light-dot-icon-color: #A4A3B1;
  --chip-monochrome-dark--border-color: transparent;
  --chip-monochrome-dark--border-style: solid;
  --chip-monochrome-dark--border-width: 0.0714285714rem;
  --chip-monochrome-dark--bg-color: #2E2E38;
  --chip-monochrome-dark--color: #DEDEE2;
  --chip-monochrome-dark--border-radius: 1.1428571429rem;
  --chip-monochrome-dark--box-shadow: none;
  --chip-monochrome-dark-icon-color: #A4A3B1;
  --chip-monochrome-dark-dot--bg-color: #2E2E38;
  --chip-monochrome-dark-dot--color: #DEDEE2;
  --chip-monochrome-dark-dot-icon-color: #A4A3B1;
  --chip-monochrome-disabled--bg-color: #656579;
  --chip-monochrome-disabled--border-color: transparent;
  --chip-monochrome-disabled--border-style: solid;
  --chip-monochrome-disabled--border-width: 0.0714285714rem;
  --chip-monochrome-disabled--color: #9897A6;
  --chip-monochrome-disabled--border-radius: 1.1428571429rem;
  --chip-monochrome-disabled--box-shadow: none;
  --chip-outlined--color: #FFF;
  --chip-outlined--border-color: #33333E;
  --chip-outlined--border-style: solid;
  --chip-outlined--border-width: 0.0714285714rem;
  --chip-outlined-disabled--color: #9897A6;
  --chip-outlined-disabled--border-color: #2E2E38;
  --chip-outlined-success--color: #34CE63;
  --chip-outlined-success--border-color: #0C4A1F;
  --chip-outlined-warning--color: #FF9831;
  --chip-outlined-warning--border-color: #623300;
  --chip-outlined-error--color: #FF9783;
  --chip-outlined-error--border-color: #83000B;
  --chip-outlined-monochrome-light--color: #DEDEE2;
  --chip-outlined-monochrome-light--border-color: #33333E;
  --chip-outlined-monochrome-dark--color: #DEDEE2;
  --chip-outlined-monochrome-dark--border-color: #33333E;
  --comment--bg-color: transparent;
  --comment--box-shadow: none;
  --comment--border-radius: none;
  --comment--border-color: transparent;
  --comment--border-style: none;
  --comment--border-width: 0;
  --comment-content--bg-color: #33333E;
  --comment-content-typing--bg-color: #33333E;
  --comment-content-typing-icon-color: #8A8A9B;
  --comment-content-author-color: #DEDEE2;
  --comment-content-typing-author-color: #A4A3B1;
  --comment-content-sender--bg-color: #DEDEE2;
  --comment-content-sender--color: #23232F;
  --comment-content--border-radius: 0.2857142857rem;
  --comment-content--padding: 0.7142857143rem 0.7142857143rem;
  --comment-nested--bg-color: #33333E;
  --comment-nested--box-shadow: none;
  --comment-nested--border-radius: 0 0.2857142857rem 0.2857142857rem 0.5714285714rem;
  --comment-nested--border-color: transparent;
  --comment-nested--border-style: none;
  --comment-nested--border-width: 0;
  --comment-date-time--color: #A4A3B1;
  --comment-truncation-toggle--color: #DEDEE2;
  --comment-edit--color: #DEDEE2;
  --comment-edit--bg-color: #23232F;
  --comment-edit--box-shadow: none;
  --comment-edit--border-width: 0.0714285714rem;
  --comment-edit--border-style: solid;
  --comment-edit--border-color: #4E4E5D;
  --comment-edit--border-radius: 0rem 0.2857142857rem 0.2857142857rem 0.2857142857rem;
  --comment-edit-hover--bg-color: #2E2E38;
  --comment-edit-hover--color: #DEDEE2;
  --comment-edit-hover--box-shadow: none;
  --comment-edit-hover--border-width: 0.0714285714rem;
  --comment-edit-hover--border-style: solid;
  --comment-edit-hover--border-color: #4E4E5D;
  --comment-edit-hover--border-radius: 0.2857142857rem;
  --comment-edit-focus--bg-color: #23232F;
  --comment-edit-focus--color: #DEDEE2;
  --comment-edit-focus--box-shadow: none;
  --comment-edit-focus--border-width: 0.0714285714rem;
  --comment-edit-focus--border-style: solid;
  --comment-edit-focus--border-color: #4E4E5D;
  --comment-edit-focus--border-radius: 0.2857142857rem;
  --comment-edit-scroll-bar--bg-color: transparent;
  --comment-edit-scroll-bar-hover--bg-color: transparent;
  --content-switcher-container--bg-color: #2E2E38;
  --content-switcher-container--border-color: #33333E;
  --content-switcher-container--border-style: solid;
  --content-switcher-container--border-width: 0.0714285714rem;
  --content-switcher-container--border-radius: 0.4285714286rem;
  --content-switcher--color: #FFF;
  --content-switcher--bg-color: #23232F;
  --content-switcher-icon-color: #A4A3B1;
  --content-switcher-icon--bg-color: #23232F;
  --content-switcher-icon--border-radius: 1.1428571429rem;
  --content-switcher--border-width: 0.0714285714rem;
  --content-switcher--border-style: solid;
  --content-switcher--border-color: #3F3F4C;
  --content-switcher--border-radius: 0.2857142857rem;
  --content-switcher--box-shadow: none;
  --content-switcher-focus--bg-color: #33333E;
  --content-switcher-focus--color: #FFF;
  --content-switcher-focus-icon-color: #A4A3B1;
  --content-switcher-focus-icon--bg-color: #23232F;
  --content-switcher-focus-icon--border-radius: 1.1428571429rem;
  --content-switcher-focus--border-width: 0.0714285714rem;
  --content-switcher-focus--border-style: solid;
  --content-switcher-focus--border-color: #3F3F4C;
  --content-switcher-focus--border-radius: 0.2857142857rem;
  --content-switcher-focus--box-shadow: none;
  --content-switcher-hover--bg-color: #33333E;
  --content-switcher-hover--color: #FFF;
  --content-switcher-hover-icon-color: #A4A3B1;
  --content-switcher-hover-icon--bg-color: #23232F;
  --content-switcher-hover-icon--border-radius: 1.1428571429rem;
  --content-switcher-hover--border-width: 0.0714285714rem;
  --content-switcher-hover--border-style: solid;
  --content-switcher-hover--border-color: #3F3F4C;
  --content-switcher-hover--border-radius: 0.2857142857rem;
  --content-switcher-hover--box-shadow: none;
  --content-switcher-selected--bg-color: #A4A3B1;
  --content-switcher-selected--color: #23232F;
  --content-switcher-selected-icon-color: #A4A3B1;
  --content-switcher-selected-icon--bg-color: #23232F;
  --content-switcher-selected-icon--border-radius: 1.1428571429rem;
  --content-switcher-selected--border-width: 0.0714285714rem;
  --content-switcher-selected--border-style: solid;
  --content-switcher-selected--border-color: #3F3F4C;
  --content-switcher-selected--border-radius: 0.2857142857rem;
  --content-switcher-selected--box-shadow: none;
  --content-switcher-selected-focus--color: #23232F;
  --content-switcher-selected-focus--bg-color: #A4A3B1;
  --content-switcher-selected-focus--border-color: #3F3F4C;
  --content-switcher-selected-active--color: #23232F;
  --content-switcher-selected-active--bg-color: #A4A3B1;
  --content-switcher-selected-active--border-color: #3F3F4C;
  --content-switcher-active--color: #FFF;
  --content-switcher-active--bg-color: #33333E;
  --content-switcher-active-icon-color: #A4A3B1;
  --content-switcher-active-icon--bg-color: #23232F;
  --content-switcher-active-icon--border-radius: 1.1428571429rem;
  --content-switcher-active--border-width: 0.0714285714rem;
  --content-switcher-active--border-style: solid;
  --content-switcher-active--border-color: #3F3F4C;
  --content-switcher-active--border-radius: 0.2857142857rem;
  --content-switcher-active--box-shadow: none;
  --content-switcher-disabled--color: #737387;
  --content-switcher-disabled--bg-color: #1A1A24;
  --content-switcher-disabled-icon-color: #737387;
  --content-switcher-disabled-icon--bg-color: #2E2E38;
  --content-switcher-disabled-icon--border-radius: 1.1428571429rem;
  --content-switcher-disabled--border-width: 0.0714285714rem;
  --content-switcher-disabled--border-style: solid;
  --content-switcher-disabled--border-color: #2E2E38;
  --content-switcher-disabled--border-radius: 0.2857142857rem;
  --content-switcher-disabled--box-shadow: none;
  --dropdown-menu--bg-color: #23232F;
  --dropdown-menu--border-color: #33333E;
  --dropdown-menu--border-style: solid;
  --dropdown-menu--border-width: 0.0714285714rem;
  --dropdown-menu--border-radius: 0.2857142857rem;
  --dropdown-menu--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --dropdown-menu-before--border-color: #33333E #33333E transparent transparent;
  --dropdown-menu-before--border-style: solid solid none none;
  --dropdown-menu-before--border-width: 0.0714285714rem 0.0714285714rem 0 0;
  --dropdown-menu-item--color: #DEDEE2;
  --dropdown-menu-item--bg-color: transparent;
  --dropdown-menu-item--border-color: transparent;
  --dropdown-menu-item--border-style: solid;
  --dropdown-menu-item--border-width: 0;
  --dropdown-menu-item--border-radius: 0.2857142857rem;
  --dropdown-menu-item--fill: #DEDEE2;
  --dropdown-menu-item-focus--color: #DEDEE2;
  --dropdown-menu-item-focus--bg-color: #2E2E38;
  --dropdown-menu-item-focus--border-color: #85B9FD;
  --dropdown-menu-item-focus--border-style: solid;
  --dropdown-menu-item-focus--border-width: 0rem;
  --dropdown-menu-item-focus-outline--border-color: #85B9FD;
  --dropdown-menu-item-focus-outline--border-style: solid;
  --dropdown-menu-item-focus-outline--border-width: 0.1428571429rem;
  --dropdown-menu-item-focus--box-shadow: none;
  --dropdown-menu-item-hover--color: #DEDEE2;
  --dropdown-menu-item-hover--bg-color: #2E2E38;
  --dropdown-menu-item-hover--border-color: transparent;
  --dropdown-menu-item-hover--border-style: solid;
  --dropdown-menu-item-hover--border-width: 0;
  --dropdown-menu-item-active--color: #DEDEE2;
  --dropdown-menu-item-active--bg-color: #2E2E38;
  --dropdown-menu-item-active--border-color: transparent;
  --dropdown-menu-item-active--border-style: solid;
  --dropdown-menu-item-active--border-width: 0;
  --dropdown-menu-item-active--box-shadow: none;
  --dropdown-menu-item-disabled--color: #737387;
  --dropdown-menu-item-disabled--bg-color: transparent;
  --dropdown-menu-item-disabled--border-color: transparent;
  --dropdown-menu-item-disabled--border-style: solid;
  --dropdown-menu-item-disabled--border-width: 0.0714285714rem;
  --dropdown-menu-item-disabled--box-shadow: none;
  --dropdown-menu-item-icon-color: #737387;
  --dropdown-menu-item-focus-icon-color: #737387;
  --dropdown-menu-item-hover-icon-color: #737387;
  --dropdown-menu-item-active-icon-color: #737387;
  --dropdown-menu-item-disabled-icon-color: #737387;
  --dropdown-toggle-focus--box-shadow: none;
  --dropdown-toggle-hover--box-shadow: none;
  --filters--box-shadow: none;
  --filters--bg-color: #23232F;
  --filters--border-color: transparent;
  --filters--border-style: solid;
  --filters--border-width: 0.0714285714rem;
  --filters--border-radius: none;
  --filters-accordion-trigger--box-shadow: none;
  --filters-accordion-trigger--border-color: #33333E transparent;
  --filters-accordion-trigger--border-style: solid none;
  --filters-accordion-trigger--border-width: 0.0714285714rem 0;
  --filters-accordion-trigger--border-radius: 0;
  --filters-accordion--box-shadow: none;
  --filters-accordion--bg-color: #23232F;
  --filters-accordion--border-color: transparent;
  --filters-accordion--border-style: none;
  --filters-accordion--border-width: 0;
  --filters-clear-btn--color: #85B9FD;
  --filters-clear-btn--bg-color: transparent;
  --filters-clear-btn--border-color: transparent;
  --filters-clear-btn--border-style: none;
  --filters-clear-btn--border-width: 0;
  --filters-clear-btn--box-shadow: none;
  --filters-hr--border-style: none;
  --filters-hr--border-width: 0;
  --filters-hr--border-color: transparent;
  --filters-hr-option--border-style: none;
  --filters-hr-option--border-width: 0;
  --filters-hr-option--border-color: transparent;
  --filters-search--bg-color: #23232F;
  --filters-title--color: #DEDEE2;
  --filters-subtitle--color: #A4A3B1;
  --filters-select-all--border-color: transparent transparent #33333E transparent;
  --filters-select-all--border-style: none none solid none;
  --filters-select-all--border-width: 0 0 0.0714285714rem 0;
  --footer--bg-color: #23232F;
  --footer--border-color: #33333E transparent transparent transparent;
  --footer--border-style: solid none none none;
  --footer--border-width: 0.0714285714rem 0 0 0;
  --footer--box-shadow: none;
  --checkbox--border-color: #8A8A9B;
  --checkbox--border-style: solid;
  --checkbox--border-width: 0.0714285714rem;
  --checkbox--border-radius: 0.0714285714rem;
  --checkbox--bg-color: #23232F;
  --checkbox-label--color: #DEDEE2;
  --checkbox--box-shadow: none;
  --checkbox-disabled--color: #737387;
  --checkbox-custom-focus--border-color: #8A8A9B;
  --checkbox-custom-focus--border-style: var(--checkbox--border-style);
  --checkbox-custom-focus--border-width: var(--checkbox--border-width);
  --checkbox-custom-focus--outline-style: solid;
  --checkbox-custom-focus--outline-color: #85B9FD;
  --checkbox-custom-focus--outline-offset: -0.0714285714rem;
  --checkbox-custom-focus--outline-width: 0.0714285714rem;
  --checkbox-custom-focus-label--color: var(--checkbox-label--color);
  --checkbox-custom-focus--bg-color: #33333E;
  --checkbox-custom-focus--box-shadow: none;
  --checkbox-custom-hover--border-color: var(--checkbox--border-color);
  --checkbox-custom-hover--border-style: var(--checkbox--border-style);
  --checkbox-custom-hover--border-width: var(--checkbox--border-width);
  --checkbox-custom-hover-label--color: var(--checkbox-label--color);
  --checkbox-custom-hover--bg-color: #2E2E38;
  --checkbox-custom-hover--box-shadow: var(--checkbox--box-shadow);
  --checkbox-custom-disabled--border-color: transparent;
  --checkbox-custom-disabled--border-style: none;
  --checkbox-custom-disabled--border-width: 0rem;
  --checkbox-custom-disabled--bg-color: #2E2E38;
  --checkbox-custom-disabled--box-shadow: none;
  --checkbox-custom-error--border-color: #C70117;
  --checkbox-custom-error--border-style: var(--checkbox--border-style);
  --checkbox-custom-error--border-width: var(--checkbox--border-width);
  --checkbox-custom-error-label--color: var(--checkbox-label--color);
  --checkbox-custom-error--box-shadow: var(--checkbox--box-shadow);
  --checkbox-custom-error--bg-color: var(--checkbox--bg-color);
  --checkbox-custom-error-focus--border-color: var(--checkbox-custom-error--border-color);
  --checkbox-custom-error-focus--border-style: var(--checkbox-custom-error--border-style);
  --checkbox-custom-error-focus--border-width: var(--checkbox-custom-error--border-width);
  --checkbox-custom-error-focus-label--color: var(--checkbox-custom-error-label--color);
  --checkbox-custom-error-focus--box-shadow: var(--checkbox-custom-error--box-shadow);
  --checkbox-custom-error-focus--bg-color: var(--checkbox-custom-error--bg-color);
  --checkbox-custom-error-hover--border-color: var(--checkbox-custom-error--border-color);
  --checkbox-custom-error-hover--border-style: var(--checkbox-custom-error--border-style);
  --checkbox-custom-error-hover--border-width: var(--checkbox-custom-error--border-width);
  --checkbox-custom-error-hover-label--color: var(--checkbox-custom-error-label--color);
  --checkbox-custom-error-hover--box-shadow: var(--checkbox-custom-error--box-shadow);
  --checkbox-custom-error-hover--bg-color: var(--checkbox-custom-error--bg-color);
  --checkbox-checked--border-color: var(--checkbox--border-color);
  --checkbox-checked--border-style: var(--checkbox--border-style);
  --checkbox-checked--border-width: var(--checkbox--border-width);
  --checkbox-checked--bg-color: #2E2E38;
  --checkbox-checked-label--color: var(--checkbox-label--color);
  --checkbox-checked--box-shadow: var(--checkbox--box-shadow);
  --checkbox-checked-icon-color: #A4A3B1;
  --checkbox-checked-focus--bg-color: #33333E;
  --checkbox-checked-focus-label--color: var(--checkbox-checked-label--color);
  --checkbox-checked-focus--box-shadow: none;
  --checkbox-checked-focus--border-color: #8A8A9B;
  --checkbox-checked-focus--border-style: solid;
  --checkbox-checked-focus--border-width: 0.0714285714rem;
  --checkbox-checked-focus-icon-color: var(--checkbox-checked-icon-color);
  --checkbox-checked-hover--bg-color: #33333E;
  --checkbox-checked-hover-label--color: var(--checkbox-checked-label--color);
  --checkbox-checked-hover--box-shadow: var(--checkbox-checked--box-shadow);
  --checkbox-checked-hover--border-color: var(--checkbox-checked--border-color);
  --checkbox-checked-hover--border-style: var(--checkbox-checked--border-style);
  --checkbox-checked-hover--border-width: var(--checkbox-checked--border-width);
  --checkbox-checked-hover-icon-color: var(--checkbox-checked-icon-color);
  --checkbox-checked-disabled--bg-color: var(--checkbox-custom-disabled--bg-color);
  --checkbox-checked-disabled-label--color: var(--checkbox-disabled--color);
  --checkbox-checked-disabled--box-shadow: none;
  --checkbox-checked-disabled--border-color: var(--checkbox-custom-disabled--border-color);
  --checkbox-checked-disabled--border-style: var(--checkbox-custom-disabled--border-style);
  --checkbox-checked-disabled--border-width: var(--checkbox-custom-disabled--border-width);
  --checkbox-checked-disabled-icon-color: #737387;
  --date-picker--color: #A4A3B1;
  --date-picker--bg-color: #23232F;
  --date-picker--border-color: #4E4E5D;
  --date-picker--border-style: solid;
  --date-picker--border-width: 0.0714285714rem;
  --date-picker--border-radius: 0.2857142857rem;
  --date-picker--box-shadow: none;
  --date-picker-icon-color: #A4A3B1;
  --date-picker-hover--color: #A4A3B1;
  --date-picker-hover--bg-color: #2E2E38;
  --date-picker-hover--border-color: #4E4E5D;
  --date-picker-hover--border-style: solid;
  --date-picker-hover--border-width: 0.0714285714rem;
  --date-picker-hover--border-radius: 0.2857142857rem;
  --date-picker-hover--box-shadow: none;
  --date-picker-hover-icon-color: #737387;
  --date-picker-focus--color: #A4A3B1;
  --date-picker-focus--bg-color: #23232F;
  --date-picker-focus--border-color: transparent;
  --date-picker-focus--border-style: solid;
  --date-picker-focus--border-width: 0.0714285714rem;
  --date-picker-focus--border-radius: 0.2857142857rem;
  --date-picker-focus--outline-color: #85B9FD;
  --date-picker-focus--outline-width: 0.1428571429rem;
  --date-picker-focus--outline-style: solid;
  --date-picker-focus--outline-offset: -0.1428571429rem;
  --date-picker-focus--box-shadow: none;
  --date-picker-focus-icon-color: #737387;
  --date-picker-disabled--color: #737387;
  --date-picker-disabled--bg-color: #2E2E38;
  --date-picker-disabled--border-color: transparent;
  --date-picker-disabled--border-style: none;
  --date-picker-disabled--border-width: 0;
  --date-picker-disabled--border-radius: 0.2857142857rem;
  --date-picker-disabled--box-shadow: none;
  --date-picker-disabled-icon-color: #2E2E38;
  --date-picker-error--color: #A4A3B1;
  --date-picker-error--bg-color: #23232F;
  --date-picker-error--border-color: #C70117;
  --date-picker-error--border-style: solid;
  --date-picker-error--border-width: 0.0714285714rem;
  --date-picker-error--border-radius: 0.2857142857rem;
  --date-picker-error--box-shadow: none;
  --date-picker-error-icon-color: #737387;
  --date-picker-error-hover--color: #A4A3B1;
  --date-picker-error-hover--bg-color: #2E2E38;
  --date-picker-error-hover--border-color: #C70117;
  --date-picker-error-hover--border-style: solid;
  --date-picker-error-hover--border-width: 0.0714285714rem;
  --date-picker-error-hover--border-radius: 0.2857142857rem;
  --date-picker-error-hover--box-shadow: none;
  --date-picker-error-hover-icon-color: #737387;
  --date-picker-error-focus--color: #A4A3B1;
  --date-picker-error-focus--bg-color: #23232F;
  --date-picker-error-focus--border-color: #C70117;
  --date-picker-error-focus--border-style: solid;
  --date-picker-error-focus--border-width: 0.0714285714rem;
  --date-picker-error-focus--border-radius: 0.2857142857rem;
  --date-picker-error-focus--box-shadow: none;
  --date-picker-error-focus-icon-color: #737387;
  --date-picker-header-arrow--border-color: transparent;
  --date-picker-header-arrow--border-style: none;
  --date-picker-header-arrow--border-width: 0;
  --date-picker-navigation--bg-color: #23232F;
  --date-picker-navigation--color: #DEDEE2;
  --date-picker-navigation-arrow--color: #DEDEE2;
  --date-picker-navigation-arrow-focus--box-shadow: none;
  --date-picker-tile--border-radius: 1000px;
  --date-picker-tile--bg-color: #23232F;
  --date-picker-tile--color: #DEDEE2;
  --date-picker-tile-hover--bg-color: #33333E;
  --date-picker-tile-hover--color: #DEDEE2;
  --date-picker-tile-disabled--bg-color: transparent;
  --date-picker-tile-disabled--color: #737387;
  --date-picker-tile-active--color: #23232F;
  --date-picker-tile-active--bg-color: #FFF;
  --date-picker-tile-active-hover--bg-color: #33333E;
  --date-picker-tile-active-hover--color: #DEDEE2;
  --date-picker-tile-active-disabled--bg-color: #2E2E38;
  --date-picker-tile-active-disabled--color: #737387;
  --date-picker-tile-today-mark--bg-color: #083153;
  --date-picker-tile-today-mark--color: #85B9FD;
  --date-picker-tile-today-mark-hover--bg-color: #33333E;
  --date-picker-tile-today-mark-hover--color: #85B9FD;
  --date-picker-tile-today-mark-disabled--bg-color: #2E2E38;
  --date-picker-tile-today-mark-disabled--color: #737387;
  --date-picker-tile-active-dot--bg-color: #188CE5;
  --date-picker-tile-active-dot-hover--bg-color: #188CE5;
  --date-picker-tile-active-dot-disabled--bg-color: #737387;
  --date-picker-calendar--bg-color: #23232F;
  --date-picker-calendar--border-color: #33333E;
  --date-picker-calendar--border-style: solid;
  --date-picker-calendar--border-width: 0.0714285714rem;
  --date-picker-calendar--border-radius: 0.1428571429rem;
  --date-picker-calendar--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --date-picker-weekday--color: #DEDEE2;
  --date-picker-label-focus--color: #DEDEE2;
  --date-picker-range--bg-color: #33333E;
  --date-picker-range--border-top-left-radius: 71.4285714286rem;
  --date-picker-range--border-bottom-left-radius: 71.4285714286rem;
  --date-picker-range--border-top-right-radius: 71.4285714286rem;
  --date-picker-range--border-bottom-right-radius: 71.4285714286rem;
  --file-uploader--bg-color: transparent;
  --file-uploader-hover--bg-color: #2E2E38;
  --file-uploader-error--bg-color: #610402;
  --file-uploader-disabled--bg-color: #23232F;
  --file-uploader-focus--bg-color: #2E2E38;
  --file-uploader-em--color: #DEDEE2;
  --file-uploader-em-hover--color: #DEDEE2;
  --file-uploader-em-focus--color: #DEDEE2;
  --file-uploader-em-disabled--color: #737387;
  --file-uploader-em-error--color: #FF9783;
  --file-uploader--color: #A4A3B1;
  --file-uploader-hover--color: #A4A3B1;
  --file-uploader-focus--color: #A4A3B1;
  --file-uploader-error--color: #FF735E;
  --file-uploader-icon-color: #A4A3B1;
  --file-uploader-icon--bg-color: #2E2E38;
  --file-uploader-hover-icon--bg-color: #2E2E38;
  --file-uploader-focus-icon--bg-color: #2E2E38;
  --file-uploader-error-icon--bg-color: #610402;
  --file-uploader-disabled-icon--bg-color: #2E2E38;
  --file-uploader-hover-icon-color: #A4A3B1;
  --file-uploader-focus-icon-color: #A4A3B1;
  --file-uploader-error-icon-color: #FF4136;
  --file-uploader--border-color: #4E4E5D;
  --file-uploader--border-width: 0.0714285714rem;
  --file-uploader--border-style: dashed;
  --file-uploader--border-radius: 0.2857142857rem;
  --file-uploader-hover--border-color: #4E4E5D;
  --file-uploader-focus--border-color: #4E4E5D;
  --file-uploader-error--border-width: 0.0714285714rem;
  --file-uploader-error--border-style: dashed;
  --file-uploader-error--border-color: #EA011D;
  --file-uploader-disabled--border-color: #4E4E5D;
  --file-uploader-disabled--color: #737387;
  --file-uploader-disabled-icon-color: #737387;
  --file-uploader--box-shadow: none;
  --file-uploader-hover--box-shadow: none;
  --file-uploader-focus--box-shadow: none;
  --file-uploader-error--box-shadow: none;
  --file-uploader-disabled--box-shadow: none;
  --file-uploader-focus--outline-color: #85B9FD;
  --file-uploader-focus--outline-width: 0.1428571429rem;
  --file-uploader-focus--outline-style: solid;
  --file-uploader-focus--outline-offset: -0.1428571429rem;
  --file-uploader-item--bg-color: #23232F;
  --file-uploader-item-hover--bg-color: #2E2E38;
  --file-uploader-item--border-radius: 0.2857142857rem;
  --file-uploader-item--border-width: 0.0714285714rem;
  --file-uploader-item--border-style: solid;
  --file-uploader-item--border-color: #33333E;
  --file-uploader-item--color: #DEDEE2;
  --file-uploader-indeterminate-item--color: #A4A3B1;
  --file-uploader-item-size--color: #A4A3B1;
  --file-uploader-item--box-shadow: none;
  --file-uploader-item-icon-color: #A4A3B1;
  --file-uploader-item-icon--bg-color: #2E2E38;
  --file-uploader-item-icon-completed--bg-color: #2E2E38;
  --file-uploader-item-progress-bar--bg-color: #33333E;
  --file-uploader-item-progress-bar-hover--bg-color: #33333E;
  --file-uploader-item-progress-bar-focus--bg-color: #33333E;
  --file-uploader-item-progress-bar-error--bg-color: #FF735E;
  --file-uploader-item-progress-bar-disabled--bg-color: transparent;
  --file-uploader-item-progress-bar--color: #DEDEE2;
  --file-uploader-item-progress-bar-hover--color: #DEDEE2;
  --file-uploader-item-progress-bar-focus--color: #DEDEE2;
  --file-uploader-item-progress-bar-error--color: #FF735E;
  --file-uploader-item-progress-bar-label--color: #DEDEE2;
  --file-uploader-item-progress-bar-disabled--color: transparent;
  --file-uploader-item-disabled--border-width: 0.0714285714rem;
  --file-uploader-item-disabled--border-style: solid;
  --file-uploader-item-disabled--border-color: #33333E;
  --file-uploader-item-disabled--bg-color: #23232F;
  --file-uploader-item-disabled--color: #737387;
  --file-uploader-item-disabled--box-shadow: none;
  --file-uploader-item-disabled-icon-color: #A4A3B1;
  --file-uploader-item-error--color: #FF9783;
  --file-uploader-item-error--bg-color: #610402;
  --file-uploader-item-error--border-width: 0.0714285714rem;
  --file-uploader-item-error--border-style: solid;
  --file-uploader-item-error--border-color: #EA011D;
  --file-uploader-item-error--box-shadow: none;
  --file-uploader-item-error-icon-color: #FF4136;
  --file-uploader-item-error-icon--bg-color: transparent;
  --file-uploader-item-error-btn--color: #EA011D;
  --file-uploader-item-close-btn-icon-color: #A4A3B1;
  --file-uploader-item-close-btn-icon--bg-color: transparent;
  --file-uploader-item-close-btn-icon--border-color: transparent;
  --file-uploader-item-close-btn-icon--border-width: 0;
  --file-uploader-item-close-btn-icon--border-style: none;
  --file-uploader-item-close-btn-icon--box-shadow: none;
  --file-uploader-item-close-btn-icon--border-radius: 0.2857142857rem;
  --file-uploader-item-close-btn-icon-hover--color: #A4A3B1;
  --file-uploader-item-close-btn-icon-hover--bg-color: transparent;
  --file-uploader-item-close-btn-icon-hover--border-color: transparent;
  --file-uploader-item-close-btn-icon-hover--border-width: 0;
  --file-uploader-item-close-btn-icon-hover--border-style: none;
  --file-uploader-item-close-btn-icon-hover--box-shadow: none;
  --file-uploader-item-close-btn-icon-focus--color: #A4A3B1;
  --file-uploader-item-close-btn-icon-focus--bg-color: transparent;
  --file-uploader-item-close-btn-icon-focus--border-color: transparent;
  --file-uploader-item-close-btn-icon-focus--border-width: 0;
  --file-uploader-item-close-btn-icon-focus--border-style: none;
  --file-uploader-item-close-btn-icon-focus--box-shadow: none;
  --file-uploader-item-close-btn-icon-disabled--color: #737387;
  --file-uploader-item-close-btn-icon-disabled--bg-color: transparent;
  --file-uploader-item-close-btn-icon-disabled--border-color: transparent;
  --file-uploader-item-close-btn-icon-disabled--border-width: 0;
  --file-uploader-item-close-btn-icon-disabled--border-style: none;
  --file-uploader-item-close-btn-icon-disabled--box-shadow: none;
  --file-uploader-item-ok-btn--bg-color: transparent;
  --file-uploader-item-ok-btn--border-color: transparent;
  --file-uploader-item-ok-btn--border-style: none;
  --file-uploader-item-ok-btn--border-width: none;
  --file-uploader-item-ok-btn--color: #DEDEE2;
  --file-uploader-item-ok-btn--box-shadow: none;
  --file-uploader-item-ok-btn--border-radius: 0;
  --file-uploader-item-ok-btn-focus--color: #DEDEE2;
  --file-uploader-item-ok-btn-focus--bg-color: transparent;
  --file-uploader-item-ok-btn-focus--border-color: none;
  --file-uploader-item-ok-btn-focus--border-style: none;
  --file-uploader-item-ok-btn-focus--border-width: none;
  --file-uploader-item-ok-btn-focus--box-shadow: none;
  --file-uploader-item-ok-btn-hover--color: #DEDEE2;
  --file-uploader-item-ok-btn-hover--bg-color: transparent;
  --file-uploader-item-ok-btn-hover--border-color: transparent;
  --file-uploader-item-ok-btn-hover--border-style: none;
  --file-uploader-item-ok-btn-hover--border-width: none;
  --file-uploader-item-ok-btn-hover--box-shadow: none;
  --file-uploader-item-retry-btn--bg-color: transparent;
  --file-uploader-item-retry-btn--border-color: transparent;
  --file-uploader-item-retry-btn--border-style: none;
  --file-uploader-item-retry-btn--border-width: none;
  --file-uploader-item-retry-btn--color: #FFF;
  --file-uploader-item-retry-btn--box-shadow: none;
  --file-uploader-item-retry-btn--border-radius: 0;
  --file-uploader-item-retry-btn-focus--color: #DEDEE2;
  --file-uploader-item-retry-btn-focus--bg-color: transparent;
  --file-uploader-item-retry-btn-focus--border-color: transparent;
  --file-uploader-item-retry-btn-focus--border-style: none;
  --file-uploader-item-retry-btn-focus--border-width: none;
  --file-uploader-item-retry-btn-focus--box-shadow: none;
  --file-uploader-item-retry-btn-hover--color: #EA011D;
  --file-uploader-item-retry-btn-hover--bg-color: transparent;
  --file-uploader-item-retry-btn-hover--border-color: transparent;
  --file-uploader-item-retry-btn-hover--border-style: none;
  --file-uploader-item-retry-btn-hover--border-width: none;
  --file-uploader-item-retry-btn-hover--box-shadow: none;
  --metadata-header--color: #DEDEE2;
  --metadata-header-hover--color: #DEDEE2;
  --metadata-header-focus--color: #DEDEE2;
  --metadata-header--bg-color: #23232F;
  --metadata-header-hover--bg-color: #2E2E38;
  --metadata-header-focus--bg-color: #23232F;
  --metadata-line-separator--border-width: 0.0714285714rem;
  --metadata-line-separator--border-style: solid;
  --metadata-line-separator--border-color: #33333E;
  --metadata-line-separator-hover--border-width: 0.0714285714rem;
  --metadata-line-separator-hover--border-style: solid;
  --metadata-line-separator-hover--border-color: #33333E;
  --metadata-line-separator-focus--border-width: 0.0714285714rem;
  --metadata-line-separator-focus--border-style: solid;
  --metadata-line-separator-focus--border-color: #33333E;
  --metadata-line-separator-focus--outline-color: #85B9FD;
  --metadata-line-separator-focus--outline-width: 0.1428571429rem;
  --metadata-line-separator-focus--outline-style: solid;
  --metadata-line-separator-focus--outline-offset: -0.1428571429rem;
  --metadata-line-separator-expanded--border-radius: 0;
  --metadata-content--color: #FFF;
  --metadata-content-hover--color: #FFF;
  --metadata-content-focus--color: #FFF;
  --metadata-content--bg-color: #23232F;
  --metadata-content-hover--bg-color: #23232F;
  --metadata-content-focus--bg-color: #23232F;
  --metadata-content--border-width: 0.0714285714rem;
  --metadata-content--border-style: none solid solid solid;
  --metadata-content--border-color: #33333E;
  --metadata-content-hover--border-width: 0.0714285714rem;
  --metadata-content-hover--border-style: none solid solid solid;
  --metadata-content-hover--border-color: #33333E;
  --metadata-content-focus--border-width: 0.0714285714rem;
  --metadata-content-focus--border-style: none solid solid solid;
  --metadata-content-focus--border-color: #33333E;
  --metadata-header-icon--fill: #A4A3B1;
  --metadata-header-icon-hover--fill: #A4A3B1;
  --metadata-header-icon-focus--fill: #A4A3B1;
  --metadata-accent-expanded--bg-color: transparent;
  --input--color: #DEDEE2;
  --input--border-color: #4E4E5D;
  --input--border-style: solid;
  --input--border-width: 0.0714285714rem;
  --input--border-radius: 0.2857142857rem;
  --input--bg-color: #23232F;
  --input--box-shadow: none;
  --input-with-prefix--border-color: #A4A3B1 #A4A3B1 #A4A3B1 transparent;
  --input-with-prefix--border-style: solid solid solid none;
  --input-with-prefix--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-with-prefix--border-radius: 0 0.2857142857rem 0.2857142857rem 0;
  --input-with-prefix-error--border-color: #C70117 #C70117 #C70117 transparent;
  --input-with-prefix-error--border-style: solid solid solid none;
  --input-with-prefix-error--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-with-suffix--border-color: #A4A3B1 transparent #A4A3B1 #A4A3B1;
  --input-with-suffix--border-style: solid none solid solid;
  --input-with-suffix--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-with-suffix--border-radius: 0.2857142857rem 0 0 0.2857142857rem;
  --input-with-suffix-error--border-color: #C70117 transparent #C70117 #C70117;
  --input-with-suffix-error--border-style: solid none solid solid;
  --input-with-suffix-error--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-with-prefix-suffix--border-color: #A4A3B1 transparent;
  --input-with-prefix-suffix--border-style: solid none;
  --input-with-prefix-suffix--border-width: 0.0714285714rem 0;
  --input-with-prefix-suffix--border-radius: 0;
  --input-with-prefix-suffix-error--border-color: #C70117 transparent;
  --input-with-prefix-suffix-error--border-style: solid none;
  --input-with-prefix-suffix-error--border-width: 0.0714285714rem 0;
  --input-with-prefix-suffix-error--border-radius: 0;
  --input-prefix--border-color: #A4A3B1 transparent #A4A3B1 #A4A3B1;
  --input-prefix--border-style: solid none solid solid;
  --input-prefix--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-prefix--border-radius: 0.2857142857rem 0 0 0.2857142857rem;
  --input-prefix-error--border-color: #C70117 transparent #C70117 #C70117;
  --input-prefix-error--border-style: solid none solid solid;
  --input-prefix-error--border-width: 0.0714285714rem 0 0.0714285714rem 0.0714285714rem;
  --input-prefix-separator--bg-color: #A4A3B1;
  --input-prefix-separator-focus--bg-color: #85B9FD;
  --input-prefix-separator-error--bg-color: #C70117;
  --input-prefix-separator-outline-color: #A4A3B1;
  --input-prefix-separator-outline-style: solid;
  --input-prefix-separator-outline-width: 0.0714285714rem;
  --input-suffix--border-color: #A4A3B1 #A4A3B1 #A4A3B1 transparent;
  --input-suffix--border-style: solid solid solid none;
  --input-suffix--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-suffix--border-radius: 0 0.2857142857rem 0.2857142857rem 0;
  --input-suffix-error--border-color: #C70117 #C70117 #C70117 transparent;
  --input-suffix-error--border-style: solid solid solid none;
  --input-suffix-error--border-width: 0.0714285714rem 0.0714285714rem 0.0714285714rem 0;
  --input-hover--color: #DEDEE2;
  --input-hover--border-color: #4E4E5D;
  --input-hover--border-style: solid;
  --input-hover--border-width: 0.0714285714rem;
  --input-hover--border-radius: 0.2857142857rem;
  --input-hover--bg-color: #2E2E38;
  --input-hover--box-shadow: none;
  --input-focus--color: #DEDEE2;
  --input-focus--border-color: #4E4E5D;
  --input-focus--border-style: solid;
  --input-focus--border-width: 0.0714285714rem;
  --input-focus--outline-color: #85B9FD;
  --input-focus--outline-width: 0.1428571429rem;
  --input-focus--outline-style: solid;
  --input-focus--border-radius: 0.2857142857rem;
  --input-focus--bg-color: #23232F;
  --input-focus--box-shadow: none;
  --input-disabled--color: #737387;
  --input-disabled--border-color: transparent;
  --input-disabled--border-style: none;
  --input-disabled--border-width: 0;
  --input-disabled--border-radius: 0.2857142857rem;
  --input-disabled--bg-color: #2E2E38;
  --input-disabled--box-shadow: none;
  --input-error--color: #DEDEE2;
  --input-error--border-color: #C70117;
  --input-error--border-style: solid;
  --input-error--border-width: 0.0714285714rem;
  --input-error--border-radius: 0.2857142857rem;
  --input-error--bg-color: #23232F;
  --input-error--box-shadow: none;
  --input-error-focus--color: #DEDEE2;
  --input-error-focus--border-color: none;
  --input-error-focus--border-style: none;
  --input-error-focus--border-width: none;
  --input-error-focus--outline-color: #85B9FD;
  --input-error-focus--outline-width: 0.0714285714rem;
  --input-error-focus--outline-style: solid;
  --input-error-focus--bg-color: #23232F;
  --input-error-focus--box-shadow: none;
  --input-error-hover--color: #A4A3B1;
  --input-error-hover--border-color: #C70117;
  --input-error-hover--border-style: solid;
  --input-error-hover--border-width: 0.0714285714rem;
  --input-error-hover--bg-color: #2E2E38;
  --input-error-hover--box-shadow: none;
  --input-placeholder--color: #A4A3B1;
  --input-placeholder-hover--color: #A4A3B1;
  --input-placeholder-focus--color: #A4A3B1;
  --input-placeholder-disabled--color: #737387;
  --input-placeholder-error--color: #A4A3B1;
  --input-clear-icon-focus--box-shadow: none;
  --input-clear-btn-disabled-icon-color: #737387;
  --input-icon-color: #A4A3B1;
  --input-icon-error-icon-color: #C70117;
  --input-icon-disabled-icon-color: #737387;
  --input-textarea--border-color: transparent transparent transparent transparent;
  --input-textarea--border-style: solid none none none;
  --input-textarea--border-width: 1.5714285714rem 0 0 0;
  --numeric-input--color: #DEDEE2;
  --numeric-input--border-width: 0.0714285714rem;
  --numeric-input--border-style: solid;
  --numeric-input--border-color: #4E4E5D;
  --numeric-input--bg-color: #23232F;
  --numeric-input--border-radius: 0.2857142857rem;
  --numeric-input--box-shadow: none;
  --numeric-input-btn--bg-color: #2E2E38;
  --numeric-input-btn--border-style: solid;
  --numeric-input-btn--border-width: 0.0714285714rem;
  --numeric-input-btn--border-color: #2E2E38;
  --numeric-input-btn--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn--box-shadow: none;
  --numeric-input-btn-icon-color: #A4A3B1;
  --numeric-input-btn-disabled--bg-color: #2E2E38;
  --numeric-input-btn-disabled--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-disabled--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-disabled--border-color: #2E2E38;
  --numeric-input-btn-disabled--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-disabled--box-shadow: none;
  --numeric-input-btn-disabled-icon-color: #737387;
  --numeric-input-btn-hover--bg-color: #33333E;
  --numeric-input-btn-hover--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-hover--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-hover--border-color: #33333E;
  --numeric-input-btn-hover--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-hover--box-shadow: none;
  --numeric-input-btn-hover-icon-color: #A4A3B1;
  --numeric-input-btn-focus--bg-color: #33333E;
  --numeric-input-btn-focus--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-btn-focus--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-btn-focus--border-color: #33333E;
  --numeric-input-btn-focus--border-radius: var(--numeric-input--border-radius);
  --numeric-input-btn-focus--box-shadow: none;
  --numeric-input-btn-focus-icon-color: #A4A3B1;
  --numeric-input-btn-focus--outline-color: #85B9FD;
  --numeric-input-btn-focus--outline-style: solid;
  --numeric-input-btn-focus--outline-width: 0.1428571429rem;
  --numeric-input-btn-focus--outline-offset: 0.1428571429rem;
  --numeric-input-error--color: #A4A3B1;
  --numeric-input-error--bg-color: #23232F;
  --numeric-input-error--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-error--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-error--border-color: #EA011D;
  --numeric-input-error--border-radius: var(--numeric-input--border-radius);
  --numeric-input-error--box-shadow: none;
  --numeric-input-error-focus--color: #DEDEE2;
  --numeric-input-error-focus--border-color: #4E4E5D;
  --numeric-input-error-focus--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-error-focus--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-error-focus--bg-color: #23232F;
  --numeric-input-error-focus--box-shadow: none;
  --numeric-input-error-hover--color: #A4A3B1;
  --numeric-input-error-hover--border-color: #EA011D;
  --numeric-input-error-hover--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-error-hover--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-error-hover--bg-color: #23232F;
  --numeric-input-error-hover--box-shadow: none;
  --numeric-input-disabled--bg-color: #2E2E38;
  --numeric-input-disabled--color: #737387;
  --numeric-input-disabled--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-disabled--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-disabled--border-color: #2E2E38;
  --numeric-input-disabled--border-radius: var(--numeric-input--border-radius);
  --numeric-input-disabled--box-shadow: none;
  --numeric-input-focus--bg-color: #23232F;
  --numeric-input-focus--color: #DEDEE2;
  --numeric-input-focus--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-focus--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-focus--border-color: #4E4E5D;
  --numeric-input-focus--border-radius: var(--numeric-input--border-radius);
  --numeric-input-focus--box-shadow: none;
  --numeric-input-focus--outline-width: 0.1428571429rem;
  --numeric-input-focus--outline-style: solid;
  --numeric-input-focus--outline-color: #85B9FD;
  --numeric-input-focus--outline-offset: 0.1428571429rem;
  --numeric-input-hover--bg-color: #2E2E38;
  --numeric-input-hover--color: #DEDEE2;
  --numeric-input-hover--border-width: var(--numeric-input-btn--border-width);
  --numeric-input-hover--border-style: var(--numeric-input-btn--border-style);
  --numeric-input-hover--border-color: #4E4E5D;
  --numeric-input-hover--border-radius: var(--numeric-input--border-radius);
  --numeric-input-hover--box-shadow: none;
  --pin-entry--color: #DEDEE2;
  --pin-entry--bg-color: #23232F;
  --pin-entry--border-color: #4E4E5D;
  --pin-entry--border-style: solid;
  --pin-entry--border-width: 0.0714285714rem;
  --pin-entry--box-shadow: none;
  --pin-entry--border-radius: 0.2857142857rem;
  --pin-entry--font-size: 3.2857142857rem;
  --pin-entry--font-style: normal;
  --pin-entry--font-weight: var(--weight-regular);
  --pin-entry--line-height: 4.1428571429rem;
  --pin-entry--padding: 0.5714285714rem;
  --pin-entry-hover--color: #DEDEE2;
  --pin-entry-hover--bg-color: #2E2E38;
  --pin-entry-hover--border-color: #4E4E5D;
  --pin-entry-hover--border-style: solid;
  --pin-entry-hover--border-width: 0.0714285714rem;
  --pin-entry-hover--box-shadow: none;
  --pin-entry-focus--color: #DEDEE2;
  --pin-entry-focus--bg-color: #23232F;
  --pin-entry-focus--border-color: #4E4E5D;
  --pin-entry-focus--border-style: solid;
  --pin-entry-focus--border-width: 0.0714285714rem;
  --pin-entry-focus--outline-color: #85B9FD;
  --pin-entry-focus--outline-style: solid;
  --pin-entry-focus--outline-width: 0.1428571429rem;
  --pin-entry-focus--box-shadow: none;
  --pin-entry-disabled--color: #737387;
  --pin-entry-disabled--bg-color: #2E2E38;
  --pin-entry-disabled--border-color: #4E4E5D;
  --pin-entry-disabled--border-style: solid;
  --pin-entry-disabled--border-width: 0.0714285714rem;
  --pin-entry-disabled--box-shadow: none;
  --pin-entry-error--bg-color: #23232F;
  --pin-entry-error--color: #DEDEE2;
  --pin-entry-error--border-color: #EA011D;
  --pin-entry-error--border-style: solid;
  --pin-entry-error--border-width: 0.0714285714rem;
  --pin-entry-error--box-shadow: none;
  --pin-entry-error-hover--color: #DEDEE2;
  --pin-entry-error-hover--bg-color: #23232F;
  --pin-entry-error-hover--border-color: #EA011D;
  --pin-entry-error-hover--border-style: solid;
  --pin-entry-error-hover--border-width: 0.0714285714rem;
  --pin-entry-error-hover--box-shadow: none;
  --pin-entry-error-focus--color: #DEDEE2;
  --pin-entry-error-focus--bg-color: #23232F;
  --pin-entry-error-focus--border-color: #EA011D;
  --pin-entry-error-focus--border-style: solid;
  --pin-entry-error-focus--border-width: 0.0714285714rem;
  --pin-entry-error-focus--box-shadow: none;
  --pin-entry-clear-icon-color: #A4A3B1;
  --pin-entry-clear-icon--bg-color: transparent;
  --pin-entry-clear-icon--border-color: transparent;
  --pin-entry-clear-icon--border-style: none;
  --pin-entry-clear-icon--border-width: 0;
  --pin-entry-clear-icon--box-shadow: none;
  --pin-entry-clear-icon--border-radius: 0.2857142857rem;
  --pin-entry-clear-icon-hover-icon-color: #A4A3B1;
  --pin-entry-clear-icon-hover--bg-color: #33333E;
  --pin-entry-clear-icon-hover--border-color: transparent;
  --pin-entry-clear-icon-hover--border-style: none;
  --pin-entry-clear-icon-hover--border-width: 0;
  --pin-entry-clear-icon-hover--box-shadow: none;
  --pin-entry-clear-icon-hover--border-radius: 0.2857142857rem;
  --pin-entry-clear-icon-focus-icon-color: #A4A3B1;
  --pin-entry-clear-icon-focus--bg-color: #33333E;
  --pin-entry-clear-icon-focus--border-color: transparent;
  --pin-entry-clear-icon-focus--border-style: none;
  --pin-entry-clear-icon-focus--border-width: 0;
  --pin-entry-clear-icon-focus--box-shadow: none;
  --pin-entry-clear-icon-focus--border-radius: 0.2857142857rem;
  --radio-btn--border-radius: 50%;
  --radio-btn--border-color: #8A8A9B;
  --radio-btn--border-width: 0.0714285714rem;
  --radio-btn--border-style: solid;
  --radio-btn--bg-color: #23232F;
  --radio-btn--box-shadow: none;
  --radio-btn-input--bg-color: #A4A3B1;
  --radio-btn-label--color: #DEDEE2;
  --radio-btn-support-text--color: #A4A3B1;
  --radio-btn-input--size: 0.5714285714rem;
  --radio-btn-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-hover--border-color: var(--radio-btn--border-color);
  --radio-btn-hover--border-width: 0.0714285714rem;
  --radio-btn-hover--border-style: var(--radio-btn--border-style);
  --radio-btn-hover--bg-color: #2E2E38;
  --radio-btn-hover--box-shadow: none;
  --radio-btn-input-hover--bg-color: var(--radio-btn-input--bg-color);
  --radio-btn-label-hover--color: var(--radio-btn-label--color);
  --radio-btn-support-text-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-focus--border-radius: var(--radio-btn--border-radius);
  --radio-btn-focus--border-color: var(--radio-btn--border-color);
  --radio-btn-focus--border-width: var(--radio-btn-hover--border-width);
  --radio-btn-focus--border-style: var(--radio-btn--border-style);
  --radio-btn-focus--outline-style: solid;
  --radio-btn-focus--outline-color: #85B9FD;
  --radio-btn-focus--outline-width: 0.0714285714rem;
  --radio-btn-focus--outline-offset: -0.0714285714rem;
  --radio-btn-focus--bg-color: #2E2E38;
  --radio-btn-focus--box-shadow: var(--radio-btn-hover--box-shadow);
  --radio-btn-input-focus--bg-color: var(--radio-btn-input-hover--bg-color);
  --radio-btn-label-focus--color: var(--radio-btn-label-hover--color);
  --radio-btn-support-text-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-disabled--border-radius: var(--radio-btn--border-radius);
  --radio-btn-disabled--border-color: #2E2E38;
  --radio-btn-disabled--border-width: var(--radio-btn--border-width);
  --radio-btn-disabled--border-style: var(--radio-btn--border-style);
  --radio-btn-disabled--bg-color: #2E2E38;
  --radio-btn-disabled--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-disabled--bg-color: #737387;
  --radio-btn-label-disabled--color: #737387;
  --radio-btn-support-text-disabled--color: #737387;
  --radio-btn-error--border-radius: var(--radio-btn--border-radius);
  --radio-btn-error--border-color: #C70117;
  --radio-btn-error--border-width: var(--radio-btn--border-width);
  --radio-btn-error--border-style: var(--radio-btn--border-style);
  --radio-btn-error--bg-color: var(--radio-btn--bg-color);
  --radio-btn-error--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-error--bg-color: #2E2E38;
  --radio-btn-label-error--color: var(--radio-btn-label--color);
  --radio-btn-support-text-error--color: var(--radio-btn-support-text--color);
  --radio-btn-error-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-error-hover--border-color: var(--radio-btn-error--border-color);
  --radio-btn-error-hover--border-width: var(--radio-btn-hover--border-width);
  --radio-btn-error-hover--border-style: var(--radio-btn-hover--border-style);
  --radio-btn-error-hover--bg-color: var(--radio-btn--bg-color);
  --radio-btn-error-hover--box-shadow: var(--radio-btn-error--box-shadow);
  --radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error--bg-color);
  --radio-btn-label-error-hover--color: var(--radio-btn-label--color);
  --radio-btn-support-text-error-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-error-focus--border-radius: var(--radio-btn-error-hover--border-radius);
  --radio-btn-error-focus--border-color: var(--radio-btn-error-hover--border-color);
  --radio-btn-error-focus--border-width: var(--radio-btn-error-hover--border-width);
  --radio-btn-error-focus--border-style: var(--radio-btn-error-hover--border-style);
  --radio-btn-error-focus--bg-color: var(--radio-btn-error-hover--bg-color);
  --radio-btn-error-focus--box-shadow: var(--radio-btn-error--box-shadow);
  --radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-hover--bg-color);
  --radio-btn-label-error-focus--color: var(--radio-btn-label-error-hover--color);
  --radio-btn-support-text-error-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-checked--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked--border-color: var(--radio-btn--border-color);
  --radio-btn-checked--border-width: var(--radio-btn--border-width);
  --radio-btn-checked--border-style: var(--radio-btn--border-style);
  --radio-btn-checked--bg-color: var(--radio-btn--bg-color);
  --radio-btn-checked--box-shadow: var(--radio-btn--box-shadow);
  --radio-btn-input-checked--bg-color: var(--radio-btn-input--bg-color);
  --radio-btn-label-checked--color: var(--radio-btn-label--color);
  --radio-btn-support-text-checked--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-hover--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked-hover--border-color: var(--radio-btn-checked--border-color);
  --radio-btn-checked-hover--border-width: var(--radio-btn-checked--border-width);
  --radio-btn-checked-hover--border-style: var(--radio-btn-checked--border-style);
  --radio-btn-checked-hover--bg-color: #33333E;
  --radio-btn-checked-hover--box-shadow: var(--radio-btn-checked--box-shadow);
  --radio-btn-input-checked-hover--bg-color: var(--radio-btn-input-checked--bg-color);
  --radio-btn-label-checked-hover--color: var(--radio-btn-label-checked--color);
  --radio-btn-support-text-checked-hover--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-focus--border-radius: var(--radio-btn-checked-hover--border-radius);
  --radio-btn-checked-focus--border-color: var(--radio-btn-checked-hover--border-color);
  --radio-btn-checked-focus--border-width: var(--radio-btn-checked-hover--border-width);
  --radio-btn-checked-focus--border-style: var(--radio-btn-checked-hover--border-style);
  --radio-btn-checked-focus--bg-color: var(--radio-btn-checked-hover--bg-color);
  --radio-btn-checked-focus--box-shadow: var(--radio-btn-checked--box-shadow);
  --radio-btn-input-checked-focus--bg-color: var(--radio-btn-input-checked-hover--bg-color);
  --radio-btn-label-checked-focus--color: var(--radio-btn-label-checked-hover--color);
  --radio-btn-support-text-checked-focus--color: var(--radio-btn-support-text--color);
  --radio-btn-checked-disabled--border-radius: var(--radio-btn--border-radius);
  --radio-btn-checked-disabled--border-color: var(--radio-btn-checked--border-color);
  --radio-btn-checked-disabled--border-width: var(--radio-btn-checked--border-width);
  --radio-btn-checked-disabled--border-style: var(--radio-btn-checked--border-style);
  --radio-btn-checked-disabled--bg-color: var(--radio-btn-checked--bg-color);
  --radio-btn-checked-disabled--box-shadow: var(--radio-btn-checked--box-shadow);
  --radio-btn-input-checked-disabled--bg-color: var(--radio-btn-input-checked--bg-color);
  --radio-btn-label-checked-disabled--color: var(--radio-btn-label-checked--color);
  --radio-btn-support-text-checked-disabled--color: var(--radio-btn-support-text--color);
  --rich-text-editor-toolbar--border-width: 1px;
  --rich-text-editor-toolbar--border-style: solid;
  --rich-text-editor-toolbar--border-radius: 0.2857142857rem 0.2857142857rem 0 0;
  --rich-text-editor-toolbar--border-color: #4E4E5D;
  --rich-text-editor-toolbar--bg-color: #23232F;
  --rich-text-editor-toolbar-icon--stroke: #A4A3B1;
  --rich-text-editor-toolbar-icon--fill: #A4A3B1;
  --rich-text-editor-toolbar-icon--bg-color: #23232F;
  --rich-text-editor-toolbar-icon--border-radius: 0.1428571429rem;
  --rich-text-editor-toolbar-icon-hover--bg-color: #33333E;
  --rich-text-editor-toolbar-icon-hover--stroke: #A4A3B1;
  --rich-text-editor-toolbar-icon-hover--fill: #A4A3B1;
  --rich-text-editor-toolbar-icon-focus--bg-color: #33333E;
  --rich-text-editor-toolbar-icon-focus--stroke: #A4A3B1;
  --rich-text-editor-toolbar-icon-focus--fill: #A4A3B1;
  --rich-text-editor-toolbar-icon-active--bg-color: #DEDEE2;
  --rich-text-editor-toolbar-icon-active--stroke: #5F5F72;
  --rich-text-editor-toolbar-icon-active--fill: #5F5F72;
  --rich-text-editor-toolbar-picker--bg-color: #23232F;
  --rich-text-editor-toolbar-picker--color: #A4A3B1;
  --rich-text-editor-toolbar-picker--border-width: 1px;
  --rich-text-editor-toolbar-picker--border-style: solid;
  --rich-text-editor-toolbar-picker--border-radius: 0.2857142857rem;
  --rich-text-editor-toolbar-picker--border-color: #4E4E5D;
  --rich-text-editor-toolbar-picker-hover--bg-color: #2E2E38;
  --rich-text-editor-toolbar-picker-hover--color: #A4A3B1;
  --rich-text-editor-toolbar-picker-hover--border-width: 1px;
  --rich-text-editor-toolbar-picker-hover--border-style: solid;
  --rich-text-editor-toolbar-picker-hover--border-color: #4E4E5D;
  --rich-text-editor-toolbar-picker-focus--bg-color: #23232F;
  --rich-text-editor-toolbar-picker-focus--color: #A4A3B1;
  --rich-text-editor-toolbar-picker-focus--border-width: 2px;
  --rich-text-editor-toolbar-picker-focus--border-style: solid;
  --rich-text-editor-toolbar-picker-focus--border-color: #85B9FD;
  --rich-text-editor-toolbar-picker--outline-width: 2px;
  --rich-text-editor-toolbar-picker--outline-style: solid;
  --rich-text-editor-toolbar-picker--outline-color: #85B9FD;
  --rich-text-editor-toolbar-picker-options--bg-color: #23232F;
  --rich-text-editor-toolbar-picker-options--border-width: 1px;
  --rich-text-editor-toolbar-picker-options--border-style: solid;
  --rich-text-editor-toolbar-picker-options--border-color: #33333E;
  --rich-text-editor-toolbar-picker-options--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --rich-text-editor-toolbar-picker-options--color: #DEDEE2;
  --rich-text-editor-toolbar-picker-options-hover--bg-color: #2E2E38;
  --rich-text-editor-toolbar-picker-options-focus--bg-color: #2E2E38;
  --rich-text-editor-toolbar-picker-options-selected--color: #DEDEE2;
  --rich-text-editor-toolbar-picker-options-item--bg-color: #23232F;
  --rich-text-editor-toolbar-picker-options-item--color: #DEDEE2;
  --rich-text-editor-toolbar-picker-options-item-selected--color: #DEDEE2;
  --rich-text-editor-toolbar-picker-options-item-hover--bg-color: #2E2E38;
  --rich-text-editor-toolbar-picker-options-item-focus--bg-color: #2E2E38;
  --rich-text-editor-container--border-width: 1px;
  --rich-text-editor-container--border-style: solid;
  --rich-text-editor-container--border-color: #4E4E5D;
  --rich-text-editor-container--bg-color: #23232F;
  --rich-text-editor-container--color: #DEDEE2;
  --rich-text-editor-container-hover--border-width: 1px;
  --rich-text-editor-container-hover--border-style: solid;
  --rich-text-editor-container-hover--border-color: #4E4E5D;
  --rich-text-editor-container--border-radius: 0 0 0.2857142857rem 0.2857142857rem;
  --rich-text-editor-container-hover--bg-color: #23232F;
  --rich-text-editor-container-hover--color: #FFF;
  --rich-text-editor-container-focus--border-width: 2px;
  --rich-text-editor-container-focus--border-style: solid;
  --rich-text-editor-container-focus--border-color: #4E4E5D;
  --rich-text-editor-container-focus--bg-color: #23232F;
  --rich-text-editor-container-focus--color: #FFF;
  --rich-text-editor-container-placeholder--color: #A4A3B1;
  --rich-text-editor-tooltip--bg-color: #DEDEE2;
  --rich-text-editor-tooltip--color: #5F5F72;
  --rich-text-editor-tooltip--border-width: 0.0714285714rem;
  --rich-text-editor-tooltip--border-color: transparent;
  --rich-text-editor-tooltip--border-style: none;
  --rich-text-editor-tooltip--border-radius: 0.5714285714rem;
  --rich-text-editor-tooltip-button--bg-color: #DEDEE2;
  --rich-text-editor-tooltip-button--color: #5F5F72;
  --rich-text-editor-tooltip-button--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-hover--bg-color: #BFBFC8;
  --rich-text-editor-tooltip-button-hover--color: #5F5F72;
  --rich-text-editor-tooltip-button-hover--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-focus--bg-color: #BFBFC8;
  --rich-text-editor-tooltip-button-focus--color: #5F5F72;
  --rich-text-editor-tooltip-button-focus--border-radius: 0.1428571429rem;
  --rich-text-editor-tooltip-button-active--bg-color: #33333E;
  --rich-text-editor-tooltip-button-active--color: #A4A3B1;
  --rich-text-editor-tooltip-button-active--border-radius: 0.1428571429rem;
  --search--border-width: 0.0714285714rem;
  --search--border-style: solid;
  --search--border-color: #4E4E5D;
  --search--bg-color: #23232F;
  --search--border-radius: 0.2857142857rem;
  --search--box-shadow: none;
  --search-icon-color: #737387;
  --search-clear-btn-icon-color: #737387;
  --search-focus--border-width: 0.0714285714rem;
  --search-focus--border-style: solid;
  --search-focus--border-color: #4E4E5D;
  --search-focus--outline-width: 0.1428571429rem;
  --search-focus--outline-style: var(--search--border-style);
  --search-focus--outline-color: #85B9FD;
  --search-focus--bg-color: var(--search--bg-color);
  --search-focus--box-shadow: var(--search--box-shadow);
  --search-focus-icon-color: var(--search-icon-color);
  --search-clear-btn-focus-icon-color: var(--search-clear-btn-icon-color);
  --search-hover--border-width: var(--search--border-width);
  --search-hover--border-style: var(--search--border-style);
  --search-hover--border-color: var(--search--border-color);
  --search-hover--bg-color: #2E2E38;
  --search-hover--box-shadow: var(--search--box-shadow);
  --search-hover-icon-color: var(--search-icon-color);
  --search-clear-btn-hover-icon-color: var(--search-clear-btn-icon-color);
  --search-active--border-width: 0.0714285714rem;
  --search-active--border-style: solid;
  --search-active--border-color: #4E4E5D;
  --search-active--bg-color: #3F3F4C;
  --search-active--box-shadow: none;
  --search-active-icon-color: #737387;
  --search-clear-btn-active-icon-color: #737387;
  --search-disabled--border-width: 0rem;
  --search-disabled--border-style: none;
  --search-disabled--border-color: transparent;
  --search-disabled--bg-color: #2E2E38;
  --search-disabled--box-shadow: var(--search--box-shadow);
  --search-disabled-icon-color: var(--search-icon-color);
  --search-clear-btn-disabled-icon-color: var(--search-clear-btn-icon-color);
  --search-error--color: #DEDEE2;
  --search-error--bg-color: var(--search--bg-color);
  --search-error--border-width: var(--search--border-width);
  --search-error--border-style: var(--search--border-style);
  --search-error--border-color: #EA011D;
  --search-error--box-shadow: var(--search--box-shadow);
  --search-error-focus--color: #DEDEE2;
  --search-error-focus--border-color: #0F69AE;
  --search-error-focus--border-style: var(--search--border-style);
  --search-error-focus--border-width: var(--search--border-width);
  --search-error-focus--bg-color: var(--search--bg-color);
  --search-error-focus--box-shadow: var(--search--box-shadow);
  --search-error-hover--color: #DEDEE2;
  --search-error-hover--border-color: #EA011D;
  --search-error-hover--border-style: var(--search--border-style);
  --search-error-hover--border-width: var(--search--border-width);
  --search-error-hover--bg-color: #2E2E38;
  --search-error-hover--box-shadow: var(--search--box-shadow);
  --select-option--bg-color: #23232F;
  --select-option--color: #DEDEE2;
  --select-option--border-color: transparent;
  --select-option--border-style: none;
  --select-option--border-width: 0;
  --select-option-active--color: #DEDEE2;
  --select-option-active--bg-color: #3F3F4C;
  --select-option-hover--color: #DEDEE2;
  --select-option-hover--bg-color: #2E2E38;
  --select-option-focus--border-width: 0;
  --select-option-focus--border-style: none;
  --select-option-focus--border-color: transparent;
  --select-option-focus--border-radius: 0.2857142857rem;
  --select-option-focus--bg-color: #23232F;
  --select-option-focus--outline-width: 0.1428571429rem;
  --select-option-focus--outline-style: solid;
  --select-option-focus--outline-color: #85B9FD;
  --select-option-focus--outline-offset: -0.1428571429rem;
  --select-option-disabled--bg-color: transparent;
  --select-option-disabled--color: #737387;
  --select-option-disabled--border-color: transparent;
  --select-option-disabled--border-width: 0;
  --select-option-disabled--border-style: none;
  --select-option-selected--color: #DEDEE2;
  --select-option-selected--bg-color: #2E2E38;
  --select-option-selected-hover--color: #DEDEE2;
  --select-option-selected-hover--bg-color: #2E2E38;
  --select-option-selected-active--color: #DEDEE2;
  --select-option-selected-active--bg-color: #3F3F4C;
  --select-option-selected-focus--color: #DEDEE2;
  --select-option-selected-focus--bg-color: #2E2E38;
  --select-option-selected-disabled--color: #737387;
  --select-option-selected-disabled--bg-color: #2E2E38;
  --select-trigger--color: #DEDEE2;
  --select-trigger--border-color: var(--form-element--border-color);
  --select-trigger--border-style: var(--form-element--border-style);
  --select-trigger--border-width: var(--form-element--border-width);
  --select-trigger--bg-color: var(--form-element--bg-color);
  --select-trigger--box-shadow: var(--form-element--box-shadow);
  --select-trigger--border-radius: 0.2857142857rem;
  --select-trigger-hover--color: #A4A3B1;
  --select-trigger-hover--border-color: var(--form-element-hover--border-color);
  --select-trigger-hover--border-style: var(--form-element-hover--border-style);
  --select-trigger-hover--border-width: var(--form-element-hover--border-width);
  --select-trigger-hover--bg-color: var(--form-element-hover--bg-color);
  --select-trigger-hover--box-shadow: var(--form-element-hover--box-shadow);
  --select-trigger-hover--border-radius: 0.2857142857rem;
  --select-trigger-open--border-color: var(--form-element-focus--border-color);
  --select-trigger-open--border-style: var(--form-element-focus--border-style);
  --select-trigger-open--border-width: 0rem;
  --select-trigger-open--bg-color: var(--form-element-focus--bg-color);
  --select-trigger-open--box-shadow: var(--form-element-focus--box-shadow);
  --select-trigger-open--border-radius: 0.2857142857rem;
  --select-trigger-focus--color: #A4A3B1;
  --select-trigger-focus--border-color: var(--form-element-focus--border-color);
  --select-trigger-focus--border-style: var(--form-element-focus--border-style);
  --select-trigger-focus--border-width: var(--form-element-focus--border-width);
  --select-trigger-focus--bg-color: var(--form-element-focus--bg-color);
  --select-trigger-focus--box-shadow: var(--form-element-focus--box-shadow);
  --select-trigger-focus--border-radius: 0.2857142857rem;
  --select-trigger-focus--outline-style: solid;
  --select-trigger-focus--outline-color: #85B9FD;
  --select-trigger-focus--outline-width: 0.1428571429rem;
  --select-trigger-focus--outline-offset: 0;
  --select-trigger-disabled--color: var(--form-element-disabled--color);
  --select-trigger-disabled--border-color: var(--form-element-disabled--border-color);
  --select-trigger-disabled--border-style: var(--form-element-disabled--border-style);
  --select-trigger-disabled--border-width: var(--form-element-disabled--border-width);
  --select-trigger-disabled--bg-color: var(--form-element-disabled--bg-color);
  --select-trigger-disabled--box-shadow: var(--form-element-disabled--box-shadow);
  --select-trigger-disabled--border-radius: 0.2857142857rem;
  --select-trigger-disabled-hover--bg-color: var(--select-trigger-disabled--bg-color);
  --select-trigger-error--color: #A4A3B1;
  --select-trigger-error--border-radius: 0.2857142857rem;
  --select-trigger-error--border-color: var(--form-element-error--border-color);
  --select-trigger-error--border-style: var(--form-element-error--border-style);
  --select-trigger-error--border-width: var(--form-element-error--border-width);
  --select-trigger-error--bg-color: var(--form-element-error--bg-color);
  --select-trigger-error--box-shadow: var(--form-element-error--box-shadow);
  --select-trigger-label--color: #A4A3B1;
  --select-trigger-label-focus--color: #A4A3B1;
  --select-trigger-label-hover--color: #A4A3B1;
  --select-trigger-label-disabled--color: #737387;
  --select-arrow--color: #737387;
  --select-arrow-focus--color: #737387;
  --select-arrow-hover--color: #737387;
  --select-arrow-disabled--color: #737387;
  --select-filter--bg-color: var(--form-element--bg-color);
  --select-filter--border-style: var(--form-element--border-style);
  --select-filter--border-width: var(--form-element--border-width);
  --select-filter--border-color: var(--form-element--border-color);
  --select-input-filter--color: var(--form-element--color);
  --select-input-filter-hover--color: var(--form-element-hover--color);
  --select-input-filter--border-style: var(--form-element--border-style);
  --select-input-filter--border-width: var(--form-element--border-width);
  --select-input-filter--border-color: var(--form-element--border-color);
  --select-input-filter--bg-color: var(--form-element--bg-color);
  --select-input-filter-hover--bg-color: var(--form-element-hover--bg-color);
  --select-input-filter-placeholder--color: var(--form-element-placeholder--color);
  --select-input-filter-placeholder-hover--color: var(--form-element-placeholder-hover--color);
  --select-input-filter-icon-color: var(--form-element-icon-color);
  --select-input-filter-hover-icon-color: var(--form-element-icon-color);
  --select-list--border-color: #33333E;
  --select-list--border-style: solid;
  --select-list--border-width: 0.0714285714rem;
  --select-list--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --select-list--border-radius: 0.2857142857rem;
  --select-list--bg-color: #23232F;
  --select-list-focus--bg-color: #23232F;
  --select-list-no-results--border-left: 0 none transparent;
  --select-list-no-results--border-right: 0 none transparent;
  --select-list-no-results--border-color: #33333E;
  --select-list-no-results--border-style: solid;
  --select-list-no-results--border-width: 0.0714285714rem;
  --slider-before--border-color: #DEDEE2 transparent transparent transparent;
  --slider-before--border-style: solid none none none;
  --slider-before--border-width: 0.1428571429rem 0 0 0;
  --slider-after--border-color: #33333E transparent transparent transparent;
  --slider-after--border-style: solid none none none;
  --slider-after--border-width: 0.1428571429rem 0 0 0;
  --slider-thumb--color: #DEDEE2;
  --slider-thumb--border-color: #8A8A9B;
  --slider-thumb--border-style: solid;
  --slider-thumb--border-width: 0.0714285714rem;
  --slider-thumb--border-radius: 50%;
  --slider-thumb--bg-color: #23232F;
  --slider-thumb--box-shadow: none;
  --slider-thumb-active--border-style: var(--slider-thumb--border-style);
  --slider-thumb-active--border-width: var(--slider-thumb--border-width);
  --slider-thumb-active--border-color: var(--slider-thumb--border-color);
  --slider-thumb-active--bg-color: #8A8A9B;
  --slider-thumb-active--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-hover--border-style: var(--slider-thumb--border-style);
  --slider-thumb-hover--border-width: var(--slider-thumb--border-width);
  --slider-thumb-hover--border-color: var(--slider-thumb--border-color);
  --slider-thumb-hover--bg-color: #8A8A9B;
  --slider-thumb-hover--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-focus--border-style: var(--slider-thumb--border-style);
  --slider-thumb-focus--border-width: var(--slider-thumb--border-width);
  --slider-thumb-focus--border-color: var(--slider-thumb--border-color);
  --slider-thumb-focus--bg-color: #8A8A9B;
  --slider-thumb-focus--box-shadow: var(--slider-thumb--box-shadow);
  --slider-thumb-focus--outline-color: #85B9FD;
  --slider-thumb-focus--outline-style: solid;
  --slider-thumb-focus--outline-width: 0.1428571429rem;
  --slider-thumb-focus--outline-offset: 0.1428571429rem;
  --slider-thumb-disabled--color: #737387;
  --slider-thumb-disabled--bg-color: var(--slider-thumb--bg-color);
  --slider-thumb-disabled--border-style: var(--slider-thumb--border-style);
  --slider-thumb-disabled--border-width: var(--slider-thumb--border-width);
  --slider-thumb-disabled--border-color: #4E4E5D;
  --slider-thumb-disabled--box-shadow: var(--slider-thumb--box-shadow);
  --slider-range--bg-color: #DEDEE2;
  --slider-range--border-color: #33333E transparent transparent transparent;
  --slider-range--border-style: solid none none none;
  --slider-range--border-width: 0.1428571429rem 0 0 0;
  --slider-range-disabled--bg-color: #737387;
  --slider-track--bg-color: #33333E;
  --slider-track-disabled--bg-color: var(--slider-track--bg-color);
  --slider-track--height: 0.5714285714rem;
  --slider-track--border-radius: 0.2857142857rem;
  --slider-footer--color: #DEDEE2;
  --slider-footer-disabled--color: #737387;
  --slider-tooltip-value--color: #23232F;
  --slider-tooltip-value--bg-color: #DEDEE2;
  --text-area--color: #DEDEE2;
  --text-area--bg-color: #23232F;
  --text-area--box-shadow: none;
  --text-area-label--color: #A4A3B1;
  --text-area--border-width: 0.0714285714rem;
  --text-area--border-style: solid;
  --text-area--border-color: #4E4E5D;
  --text-area--border-radius: 0.2857142857rem;
  --text-area-disabled--color: #737387;
  --text-area-disabled--bg-color: #2E2E38;
  --text-area-disabled--box-shadow: none;
  --text-area-disabled-label--color: #A4A3B1;
  --text-area-disabled--border-width: 0.0714285714rem;
  --text-area-disabled--border-style: solid;
  --text-area-disabled--border-color: transparent;
  --text-area-hover--bg-color: #2E2E38;
  --text-area-hover--color: #DEDEE2;
  --text-area-hover--box-shadow: none;
  --text-area-hover-label--color: #A4A3B1;
  --text-area-hover--border-width: 0.0714285714rem;
  --text-area-hover--border-style: solid;
  --text-area-hover--border-color: #4E4E5D;
  --text-area-focus--bg-color: #23232F;
  --text-area-focus--color: #DEDEE2;
  --text-area-focus--box-shadow: none;
  --text-area-focus-label--color: #A4A3B1;
  --text-area-focus--border-width: 0.0714285714rem;
  --text-area-focus--border-style: solid;
  --text-area-focus--border-color: transparent;
  --text-area-focus--outline-color: #85B9FD;
  --text-area-focus--outline-width: 0.1428571429rem;
  --text-area-focus--outline-style: solid;
  --text-area-scroll-bar--bg-color: #4E4E5D;
  --text-area-scroll-bar-hover--bg-color: #4E4E5D;
  --text-area-error--color: #DEDEE2;
  --text-area-error--bg-color: #23232F;
  --text-area-error--box-shadow: none;
  --text-area-error-label--color: #A4A3B1;
  --text-area-error--border-width: 0.0714285714rem;
  --text-area-error--border-style: solid;
  --text-area-error--border-color: #C70117;
  --text-area-error-hover--color: #DEDEE2;
  --text-area-error-hover--bg-color: #23232F;
  --text-area-error-hover--box-shadow: none;
  --text-area-error-hover--border-width: 0.0714285714rem;
  --text-area-error-hover--border-style: solid;
  --text-area-error-hover--border-color: #C70117;
  --text-area-error-focus--color: #DEDEE2;
  --text-area-error-focus--bg-color: #23232F;
  --text-area-error-focus--box-shadow: none;
  --text-area-error-focus--border-width: 0.0714285714rem;
  --text-area-error-focus--border-style: solid;
  --text-area-error-focus--border-color: #C70117;
  --time-input--color: #DEDEE2;
  --time-input--bg-color: #23232F;
  --time-input--border-radius: 0.2857142857rem;
  --time-input--border-color: #4E4E5D;
  --time-input--border-style: solid;
  --time-input--border-width: 0.0714285714rem;
  --time-input--box-shadow: none;
  --time-input-colon--color: #737387;
  --time-input-radio-btn--border-radius: var(--radio-btn--border-radius);
  --time-input-radio-btn--border-color: #8A8A9B;
  --time-input-radio-btn--border-width: var(--radio-btn--border-width);
  --time-input-radio-btn--border-style: var(--radio-btn--border-style);
  --time-input-radio-btn--bg-color: #2E2E38;
  --time-input-radio-btn-input--bg-color: var(--radio-btn-input--bg-color);
  --time-input-radio-btn-label--color: var(--radio-btn-label--color);
  --time-input-hover--color: #DEDEE2;
  --time-input-hover--bg-color: #2E2E38;
  --time-input-hover--border-radius: 0.2857142857rem;
  --time-input-hover--border-color: #4E4E5D;
  --time-input-hover--border-style: solid;
  --time-input-hover--border-width: 0.0714285714rem;
  --time-input-hover--box-shadow: none;
  --time-input-radio-btn-hover--border-radius: var(--radio-btn-hover--border-radius);
  --time-input-radio-btn-hover--border-color: var(--radio-btn-hover--border-color);
  --time-input-radio-btn-hover--border-width: var(--radio-btn-hover--border-width);
  --time-input-radio-btn-hover--border-style: var(--radio-btn-hover--border-style);
  --time-input-radio-btn-hover--bg-color: var(--radio-btn-hover--bg-color);
  --time-input-radio-btn-input-hover--bg-color: var(--radio-btn-input-hover--bg-color);
  --time-input-radio-btn-label-hover--color: var(--radio-btn-label-hover--color);
  --time-input-focus--color: #DEDEE2;
  --time-input-focus--bg-color: #23232F;
  --time-input-focus--border-radius: 0.2857142857rem;
  --time-input-focus--border-color: #4E4E5D;
  --time-input-focus--border-style: solid;
  --time-input-focus--border-width: 0.0714285714rem;
  --time-input-focus--outline-color: #85B9FD;
  --time-input-focus--outline-width: 0.1428571429rem;
  --time-input-focus--outline-style: solid;
  --time-input-focus--outline-offset: -0.1428571429rem;
  --time-input-focus--box-shadow: none;
  --time-input-radio-btn-focus--border-radius: var(--radio-btn-focus--border-radius);
  --time-input-radio-btn-focus--border-color: var(--radio-btn-focus--border-color);
  --time-input-radio-btn-focus--border-width: var(--radio-btn-focus--border-width);
  --time-input-radio-btn-focus--border-style: var(--radio-btn-focus--border-style);
  --time-input-radio-btn-focus--bg-color: var(--radio-btn-focus--bg-color);
  --time-input-radio-btn-input-focus--bg-color: var(--radio-btn-input-focus--bg-color);
  --time-input-radio-btn-label-focus--color: var(--radio-btn-label-focus--color);
  --time-input-error--color: #A4A3B1;
  --time-input-error--bg-color: #23232F;
  --time-input-error--border-radius: 0.2857142857rem;
  --time-input-error--border-color: #EA011D;
  --time-input-error--border-style: solid;
  --time-input-error--border-width: 0.0714285714rem;
  --time-input-error--box-shadow: none;
  --time-input-radio-btn-error--border-radius: var(--radio-btn-error--border-radius);
  --time-input-radio-btn-error--border-color: #8A8A9B;
  --time-input-radio-btn-error--border-width: var(--radio-btn-error--border-width);
  --time-input-radio-btn-error--border-style: var(--radio-btn-error--border-style);
  --time-input-radio-btn-error--bg-color: var(--radio-btn-error--bg-color);
  --time-input-radio-btn-input-error--bg-color: var(--radio-btn-input-error--bg-color);
  --time-input-radio-btn-label-error--color: var(--radio-btn-label-error--color);
  --time-input-radio-btn-input-error--color: var(--radio-btn-input--bg-color);
  --time-input-error-hover--color: var(--time-input-error--color);
  --time-input-error-hover--bg-color: #2E2E38;
  --time-input-error-hover--border-radius: var(--time-input-error--border-radius);
  --time-input-error-hover--border-color: var(--time-input-error--border-color);
  --time-input-error-hover--border-style: var(--time-input-error--border-style);
  --time-input-error-hover--border-width: var(--time-input-error--border-width);
  --time-input-error-hover--box-shadow: var(--time-input-error--box-shadow);
  --time-input-radio-btn-error-hover--border-radius: var(--radio-btn-error-hover--border-radius);
  --time-input-radio-btn-error-hover--border-color: var(--radio-btn-error-hover--border-color);
  --time-input-radio-btn-error-hover--border-width: var(--radio-btn-error-hover--border-width);
  --time-input-radio-btn-error-hover--border-style: var(--radio-btn-error-hover--border-style);
  --time-input-radio-btn-error-hover--bg-color: var(--radio-btn-error-hover--bg-color);
  --time-input-radio-btn-input-error-hover--bg-color: var(--radio-btn-input-error-hover--bg-color);
  --time-input-radio-btn-label-error-hover--color: var(--radio-btn-label-error-hover--color);
  --time-input-error-focus--color: var(--time-input-error--color);
  --time-input-error-focus--bg-color: var(--time-input-error--bg-color);
  --time-input-error-focus--border-radius: var(--time-input-error--border-radius);
  --time-input-error-focus--border-color: var(--time-input-error--border-color);
  --time-input-error-focus--border-style: var(--time-input-error--border-style);
  --time-input-error-focus--border-width: var(--time-input-error--border-width);
  --time-input-error-focus--box-shadow: var(--time-input-error--box-shadow);
  --time-input-radio-btn-error-focus--border-radius: var(--radio-btn-error-focus--border-radius);
  --time-input-radio-btn-error-focus--border-color: var(--radio-btn-error-focus--border-color);
  --time-input-radio-btn-error-focus--border-width: var(--radio-btn-error-focus--border-width);
  --time-input-radio-btn-error-focus--border-style: var(--radio-btn-error-focus--border-style);
  --time-input-radio-btn-error-focus--bg-color: var(--radio-btn-error-focus--bg-color);
  --time-input-radio-btn-input-error-focus--bg-color: var(--radio-btn-input-error-focus--bg-color);
  --time-input-radio-btn-label-error-focus--color: var(--radio-btn-label-error-focus--color);
  --time-input-disabled--color: #737387;
  --time-input-disabled--bg-color: #2E2E38;
  --time-input-disabled--border-radius: 0.2857142857rem;
  --time-input-disabled--border-color: transparent;
  --time-input-disabled--border-style: none;
  --time-input-disabled--border-width: 0;
  --time-input-disabled--box-shadow: none;
  --time-input-radio-btn-disabled--border-radius: var(--radio-btn-disabled--border-radius);
  --time-input-radio-btn-disabled--border-color: var(--radio-btn-disabled--border-color);
  --time-input-radio-btn-disabled--border-width: var(--radio-btn-disabled--border-width);
  --time-input-radio-btn-disabled--border-style: var(--radio-btn-disabled--border-style);
  --time-input-radio-btn-disabled--bg-color: var(--radio-btn-disabled--bg-color);
  --time-input-radio-btn-input-disabled--bg-color: var(--radio-btn-input-disabled--bg-color);
  --time-input-radio-btn-label-disabled--color: var(--radio-btn-label-disabled--color);
  --toggle-switch--color: #DEDEE2;
  --toggle-switch-hover--color: var(--toggle-switch--color);
  --toggle-switch-focus--color: var(--toggle-switch--color);
  --toggle-switch-disabled--color: #737387;
  --toggle-switch--bg-color: #8A8A9B;
  --toggle-switch--border-radius: 0.8571428571rem;
  --toggle-switch--border-style: unset;
  --toggle-switch--border-color: unset;
  --toggle-switch--border-width: 0;
  --toggle-switch--box-shadow: none;
  --toggle-switch--height: 1.4285714286rem;
  --toggle-switch-hover--bg-color: #A4A3B1;
  --toggle-switch-hover--border-style: var(--toggle-switch--border-style);
  --toggle-switch-hover--border-color: var(--toggle-switch--border-color);
  --toggle-switch-hover--border-width: var(--toggle-switch--border-width);
  --toggle-switch-hover--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-focus--bg-color: #A4A3B1;
  --toggle-switch-focus--border-style: var(--toggle-switch--border-style);
  --toggle-switch-focus--border-color: var(--toggle-switch--border-color);
  --toggle-switch-focus--border-width: var(--toggle-switch--border-width);
  --toggle-switch-focus--outline-style: solid;
  --toggle-switch-focus--outline-color: #85B9FD;
  --toggle-switch-focus--outline-width: 0.1428571429rem;
  --toggle-switch-focus--outline-offset: 0.0714285714rem;
  --toggle-switch-focus--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-disabled--bg-color: #33333E;
  --toggle-switch-disabled--border-style: var(--toggle-switch--border-style);
  --toggle-switch-disabled--border-color: var(--toggle-switch--border-color);
  --toggle-switch-disabled--border-width: var(--toggle-switch--border-width);
  --toggle-switch-disabled--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked--bg-color: #26A04B;
  --toggle-switch-checked--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-hover--bg-color: #34CE63;
  --toggle-switch-checked-hover--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked-hover--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked-hover--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked-hover--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-focus--bg-color: #34CE63;
  --toggle-switch-checked-focus--border-style: var(--toggle-switch--border-style);
  --toggle-switch-checked-focus--border-color: var(--toggle-switch--border-color);
  --toggle-switch-checked-focus--border-width: var(--toggle-switch--border-width);
  --toggle-switch-checked-focus--box-shadow: var(--toggle-switch--box-shadow);
  --toggle-switch-checked-disabled--bg-color: var(--toggle-switch-disabled--bg-color);
  --toggle-switch-checked-disabled--border-style: var(--toggle-switch-disabled--border-style);
  --toggle-switch-checked-disabled--border-color: var(--toggle-switch-disabled--border-color);
  --toggle-switch-checked-disabled--border-width: var(--toggle-switch-disabled--border-width);
  --toggle-switch-checked-disabled--box-shadow: var(--toggle-switch-disabled--box-shadow);
  --toggle-switch-thumb--bg-color: #23232F;
  --toggle-switch-thumb--box-shadow: none;
  --toggle-switch-thumb--border-radius: 0.7142857143rem;
  --toggle-switch-thumb--border-style: unset;
  --toggle-switch-thumb--border-color: unset;
  --toggle-switch-thumb--border-width: 0rem;
  --toggle-switch-thumb--width: 1.1428571429rem;
  --toggle-switch-thumb--height: 1.1428571429rem;
  --toggle-switch-thumb--translateX: translateX(0.1642857143rem);
  --toggle-switch-thumb--translateY: translateY(-49%);
  --toggle-switch-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-disabled-thumb--bg-color: #737387;
  --toggle-switch-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-thumb--translateX: translateX(1.2857142857rem);
  --toggle-switch-checked-thumb--translateY: translateY(-49%);
  --toggle-switch-checked-hover-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-hover-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-hover-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-hover-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-hover-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-focus-thumb--bg-color: var(--toggle-switch-thumb--bg-color);
  --toggle-switch-checked-focus-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-focus-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-focus-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-focus-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --toggle-switch-checked-disabled-thumb--bg-color: #737387;
  --toggle-switch-checked-disabled-thumb--border-color: var(--toggle-switch-thumb--border-color);
  --toggle-switch-checked-disabled-thumb--border-style: var(--toggle-switch-thumb--border-style);
  --toggle-switch-checked-disabled-thumb--border-width: var(--toggle-switch-thumb--border-width);
  --toggle-switch-checked-disabled-thumb--box-shadow: var(--toggle-switch-thumb--box-shadow);
  --typeahead-results--border-width: 0.0714285714rem;
  --typeahead-results--border-style: solid;
  --typeahead-results--border-color: #33333E;
  --typeahead-results--border-radius: 0.2857142857rem;
  --typeahead-results--bg-color: #23232F;
  --typeahead-results--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --typeahead-results-option--color: #DEDEE2;
  --typeahead-results-option--bg-color: transparent;
  --typeahead-results-option--border-color: none;
  --typeahead-results-option--border-style: none;
  --typeahead-results-option--border-width: none;
  --typeahead-results-option--border-radius: 0.2857142857rem;
  --typeahead-results-option-hover--color: #DEDEE2;
  --typeahead-results-option-hover--bg-color: #2E2E38;
  --typeahead-results-option-hover--border-color: none;
  --typeahead-results-option-hover--border-style: none;
  --typeahead-results-option-hover--border-width: none;
  --typeahead-results-option-focus--color: #DEDEE2;
  --typeahead-results-option-focus--bg-color: transparent;
  --typeahead-results-option-focus--border-color: none;
  --typeahead-results-option-focus--border-style: none;
  --typeahead-results-option-focus--border-width: none;
  --typeahead-results-option-focus--outline-color: #0F69AE;
  --typeahead-results-option-focus--outline-style: solid;
  --typeahead-results-option-focus--outline-width: 0.1428571429rem;
  --typeahead-results-option-focus--outline-offset: 0;
  --typeahead-results-option-disabled--color: #737387;
  --typeahead-results-option-disabled--bg-color: transparent;
  --typeahead-results-option-disabled--border-color: none;
  --typeahead-results-option-disabled--border-style: none;
  --typeahead-results-option-disabled--border-width: none;
  --header--bg-color: #23232F;
  --header--border-style: solid;
  --header--border-width: 0 0 0.0714285714rem 0;
  --header--border-color: #33333E;
  --header--border-radius: 0;
  --header-search--bg-color: #23232F;
  --header-search--color: #DEDEE2;
  --header-search-placeholder--color: #737387;
  --header-search-icon-color: #737387;
  --header-search-hover--color: #DEDEE2;
  --header-search-hover--bg-color: #23232F;
  --header-search-icon-hover-color: #737387;
  --header-search-focus--color: #DEDEE2;
  --header-search-focus--bg-color: #23232F;
  --header-search-icon-focus-color: #737387;
  --header-icon-color: #A4A3B1;
  --header-icon-hover-icon-color: #A4A3B1;
  --header-icon-focus-icon-color: #A4A3B1;
  --header-icon-selected-icon-color: #A4A3B1;
  --header-icon-selected--bg-color: #2E2E38;
  --header-icon-selected--border-color: transparent;
  --header-icon-selected--border-style: none;
  --header-icon-selected--border-width: 0;
  --header-icon-selected-hover-icon-color: #A4A3B1;
  --header-icon-selected-hover--bg-color: #33333E;
  --header-icon-selected-focus-icon-color: #A4A3B1;
  --header-icon-selected-focus--bg-color: #33333E;
  --header-input-wrap--border-color: #4E4E5D;
  --header-input-wrap--border-style: solid;
  --header-input-wrap--border-width: 0.0714285714rem;
  --header-input-wrap-hover--border-color: #4E4E5D;
  --header-input-wrap-hover--border-style: solid;
  --header-input-wrap-hover--border-width: 0.0714285714rem;
  --header-input-wrap-focus--border-color: #85B9FD;
  --header-input-wrap-focus--border-style: solid;
  --header-input-wrap-focus--border-width: 0.1428571429rem;
  --header-btn--bg-color: #23232F;
  --header-btn--box-shadow: none;
  --header-btn--border-radius: 0;
  --header-btn--border-color: transparent;
  --header-btn--border-style: none;
  --header-btn--border-width: 0;
  --header-btn-hover--bg-color: #2E2E38;
  --header-btn-hover--box-shadow: none;
  --header-btn-hover--border-color: transparent;
  --header-btn-hover--border-style: none;
  --header-btn-hover--border-width: 0;
  --header-btn-focus--bg-color: #2E2E38;
  --header-btn-focus--box-shadow: none;
  --header-btn-focus--border-color: transparent;
  --header-btn-focus--border-style: none;
  --header-btn-focus--border-width: 0;
  --header-title--color: #DEDEE2;
  --header-logo--bg-color: #1A1A24;
  --header-logo--border-color: transparent;
  --header-logo--border-style: none;
  --header-logo--border-width: 0;
  --header-logo--border-radius: 0.1785714286rem;
  --header-logo-focus--outline-style: solid;
  --header-logo-focus--outline-color: #85B9FD;
  --header-logo-focus--outline-width: 0.1428571429rem;
  --header-logo-focus--outline-offset: 0.1428571429rem;
  --icon-color: #DEDEE2;
  --icon--bg-color: transparent;
  --progress-bar-progress--bg-color: #DEDEE2;
  --progress-bar--bg-color: #33333E;
  --progress-bar--border-radius: 4px 4px 4px 4px;
  --progress-bar--box-shadow: none;
  --progress-bar-error-progress--bg-color: #EA011D;
  --progress-bar-error--border-radius: 4px 4px 4px 4px;
  --progress-bar-error--border-color: #EA011D;
  --progress-bar-error--box-shadow: none;
  --progress-bar-spinner-outline--border-color: #737387;
  --progress-bar-spinner--border-color: #DEDEE2;
  --progress-bar-percent-circle--bg-color: #1A1A24;
  --progress-bar-label--color: #DEDEE2;
  --progress-bar-label--bg-color: #1A1A24;
  --progress-bar-label-error-color: #DEDEE2;
  --progress-bar-progress--border-radius: 0.5714285714rem;
  --progress-bar-circle--border-width: 0.4285714286rem;
  --progress-bar-circle--width: 4.5714285714rem;
  --progress-bar-circle--height: 4.5714285714rem;
  --progress-bar-spinner-outer--border-color: #33333E;
  --progress-bar-spinner-outer--stroke-linecap: round;
  --progress-bar-label-alt--color: #DEDEE2;
  --progress-bar-label-alt--bg-color: #2E2E38;
  --progress-bar-label-alt--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --inline-message--bg-color: transparent;
  --inline-message--color: #DEDEE2;
  --inline-message--border-style: none;
  --inline-message--border-width: 0;
  --inline-message--border-color: transparent;
  --inline-message--border-radius: 0;
  --inline-message--box-shadow: none;
  --inline-icon-color: #A4A3B1;
  --inline-error-icon-color: #C70117;
  --inline-warning-icon-color: #B26100;
  --inline-success-icon-color: #1F893F;
  --inline-info-icon-color: #A4A3B1;
  --inline-message-error--color: #FF4136;
  --inline-message-warning--color: #FF9831;
  --inline-message-success--color: #34CE63;
  --inline-message-info--color: #DEDEE2;
  --menu-overlay-open--padding: 1.1428571429rem;
  --menu-overlay-open--bg-color: rgba(242, 242, 246, 0.3019607843);
  --menu--border-color: transparent;
  --menu--border-style: none;
  --menu--border-width: 0;
  --menu--bg-color: #23232F;
  --menu--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.2857142857rem 0.5714285714rem 0 rgba(26, 26, 36, 0.1215686275);
  --menu-btn-icon--color: #A4A3B1;
  --menu-header-title--color: #DEDEE2;
  --menu-header-title--border-color: none;
  --menu-header-title--border-style: none;
  --menu-header-title--border-width: none;
  --menu-header-description--color: #A4A3B1;
  --menu-header-close-btn-icon-color: #A4A3B1;
  --menu-header-close-btn-icon-hover-icon-color: #A4A3B1;
  --menu-header-close-btn-hover--bg-color: #33333E;
  --menu-header-close-btn-focus--bg-color: #33333E;
  --menu-header-close-btn-icon-focus-icon-color: #A4A3B1;
  --menu-header-close-btn-focus-outline-color: #85B9FD;
  --menu-header-close-btn-focus-outline-style: solid;
  --menu-header-close-btn-focus-outline-width: 0.1428571429rem;
  --menu-header-close-btn-focus-outline-offset: 0.1428571429rem;
  --menu-item--bg-color: #23232F;
  --menu-item--border-radius: 0.1428571429rem;
  --menu-dark-item--bg-color: #1A1A24;
  --menu-item-hover--bg-color: #33333E;
  --menu-item-focus--bg-color: #2E2E38;
  --menu-item-active--bg-color: #1A1A24;
  --menu-item--color: #DEDEE2;
  --menu-item-hover--color: #DEDEE2;
  --menu-item-focus--color: #DEDEE2;
  --menu-item-focus-border--color: #85B9FD;
  --menu-item-focus-border--style: solid;
  --menu-item-focus-border--width: 0.1428571429rem;
  --menu-item-focus-outline-color: #85B9FD;
  --menu-item-focus-outline-style: solid;
  --menu-item-focus-outline-width: 0.1428571429rem;
  --menu-item-focus-outline-offset: -0.1428571429rem;
  --menu-item--font-weight: 400;
  --menu-item-active-hover--bg-color: #33333E;
  --menu-group-item-container--bg-color: #23232F;
  --menu-group-item--color: #DEDEE2;
  --menu-group-item--bg-color: #23232F;
  --menu-group-item-hover--bg-color: #2E2E38;
  --menu-group-item-hover--color: #DEDEE2;
  --menu-group-item-expanded--bg-color: #23232F;
  --menu-group-item-active--bg-color: #2E2E38;
  --menu-group-item-active--color: #DEDEE2;
  --menu-group-item-icon--color: #A4A3B1;
  --menu-group-item--font-size: 1rem;
  --menu-alt--bg-color: #23232F;
  --menu-alt-header-title--color: #DEDEE2;
  --menu-alt-header-close-btn-icon-color: #A4A3B1;
  --menu-alt-header-close-btn-icon-hover-icon-color: #A4A3B1;
  --menu-alt-header-close-btn-hover--bg-color: #8A8A9B;
  --menu-alt-header-close-btn-icon-focus-icon-color: #FFF;
  --menu-alt-header-close-btn-focus--bg-color: #8A8A9B;
  --menu-alt-item--bg-color: #23232F;
  --menu-alt-dark-item--bg-color: #1A1A24;
  --menu-alt-item-hover--bg-color: #33333E;
  --menu-alt-item-focus--bg-color: #2E2E38;
  --menu-alt-item-active--bg-color: #1A1A24;
  --menu-alt-item--color: #DEDEE2;
  --menu-alt-item-hover--color: #DEDEE2;
  --menu-alt-item-focus--color: #DEDEE2;
  --menu-alt-group-item-container--bg-color: #23232F;
  --menu-alt-group-item--color: #DEDEE2;
  --menu-alt-group-item--bg-color: #23232F;
  --menu-alt-group-item-hover--color: #DEDEE2;
  --menu-alt-group-item-hover--bg-color: #2E2E38;
  --menu-alt-group-item-expanded--bg-color: #23232F;
  --menu-alt-group-item-active--color: #DEDEE2;
  --menu-alt-group-item-active--bg-color: #2E2E38;
  --menu-alt-group-item-icon--color: #A4A3B1;
  --modal--border-width: none;
  --modal--border-style: none;
  --modal--border-color: none;
  --modal--border-radius: 0.5714285714rem;
  --modal--bg-color: #23232F;
  --modal--box-shadow: 0 1.1428571429rem 2.2857142857rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.2857142857rem 0.5714285714rem 0 rgba(26, 26, 36, 0.1215686275);
  --modal-overlay--bg-color: rgba(242, 242, 246, 0.3019607843);
  --model-content-divider-header-color: #A4A3B1;
  --modal-header--color: #DEDEE2;
  --modal-header--bg-color: #23232F;
  --modal-header--border-color: #33333E;
  --modal-header--border-style: solid;
  --modal-header--border-width: 0 0 0.0714285714rem 0;
  --modal-header-close-btn--color: #DEDEE2;
  --modal-header-close-btn--bg-color: #23232F;
  --modal-header-close-btn-icon-color: inherit;
  --modal-header-close-btn-icon--bg-color: transparent;
  --modal-header-close-btn--border-color: transparent;
  --modal-header-close-btn--border-width: 0;
  --modal-header-close-btn--border-style: none;
  --modal-header-close-btn--box-shadow: none;
  --modal-header-close-btn--border-radius: 0.2857142857rem;
  --modal-header-close-btn-hover--color: inherit;
  --modal-header-close-btn-hover--bg-color: #33333E;
  --modal-header-close-btn-hover-icon-color: #A4A3B1;
  --modal-header-close-btn-hover-icon--bg-color: inherit;
  --modal-header-close-btn-hover--border-color: transparent;
  --modal-header-close-btn-hover--border-width: 0;
  --modal-header-close-btn-hover--border-style: none;
  --modal-header-close-btn-hover--box-shadow: none;
  --modal-header-close-btn-focus--color: inherit;
  --modal-header-close-btn-focus--bg-color: #33333E;
  --modal-header-close-btn-focus-icon-color: #A4A3B1;
  --modal-header-close-btn-focus-icon--bg-color: transparent;
  --modal-header-close-btn-focus--border-color: none;
  --modal-header-close-btn-focus--border-width: 0;
  --modal-header-close-btn-focus--border-style: solid;
  --modal-header-close-btn-focus--box-shadow: none;
  --modal-header-close-btn-focus--border-radius: 0.2857142857rem;
  --modal-header-close-btn-focus--outline-style: 0.2857142857rem solid #85B9FD;
  --modal-header-close-btn-active--color: inherit;
  --modal-header-close-btn-active--bg-color: #3F3F4C;
  --modal-header-close-btn-active-icon-color: #A4A3B1;
  --modal-header-close-btn-active-icon--bg-color: inherit;
  --modal-header-close-btn-active--border-color: transparent;
  --modal-header-close-btn-active--border-width: 0;
  --modal-header-close-btn-active--border-style: none;
  --modal-header-close-btn-active--box-shadow: none;
  --modal-header-alt--color: #DEDEE2;
  --modal-header-alt--border-color: #33333E;
  --modal-header-alt--border-style: solid;
  --modal-header-alt--border-width: 0 0 0.0714285714rem 0;
  --modal-header-alt--bg-color: #23232F;
  --modal-header-alt-close-btn--color: inherit;
  --modal-header-alt-close-btn--bg-color: #23232F;
  --modal-header-alt-close-btn-icon-color: #FFF;
  --modal-header-alt-close-btn-icon--bg-color: transparent;
  --modal-header-alt-close-btn--border-color: transparent;
  --modal-header-alt-close-btn--border-width: 0;
  --modal-header-alt-close-btn--border-style: none;
  --modal-header-alt-close-btn--box-shadow: none;
  --modal-header-alt-close-btn-hover--color: inherit;
  --modal-header-alt-close-btn-hover--bg-color: #8A8A9B;
  --modal-header-alt-close-btn-hover-icon-color: #FFF;
  --modal-header-alt-close-btn-hover-icon--bg-color: transparent;
  --modal-header-alt-close-btn-hover--border-color: transparent;
  --modal-header-alt-close-btn-hover--border-width: 0;
  --modal-header-alt-close-btn-hover--border-style: none;
  --modal-header-alt-close-btn-hover--box-shadow: none;
  --modal-header-alt-close-btn-focus--color: inherit;
  --modal-header-alt-close-btn-focus--bg-color: #33333E;
  --modal-header-alt-close-btn-focus-icon-color: #A4A3B1;
  --modal-header-alt-close-btn-focus-icon--bg-color: transparent;
  --modal-header-alt-close-btn-focus--border-color: none;
  --modal-header-alt-close-btn-focus--border-width: 0;
  --modal-header-alt-close-btn-focus--border-style: solid;
  --modal-header-alt-close-btn-focus--box-shadow: none;
  --modal-footer--border-color: none;
  --modal-footer--border-style: none;
  --modal-footer--border-width: none;
  --modal-footer--bg-color: transparent;
  --modal-warning-btn--bg-color: #FFF;
  --modal-warning-btn--color: #1A1A24;
  --modal-warning-btn-warn-hover--bg-color: #DEDEE2;
  --modal-next-btn--bg-color: #FFF;
  --modal-next-btn--color: #1A1A24;
  --modal-next-btn-hover--bg-color: #E6E6E9;
  --modal-next-btn-hover--color: #1A1A24;
  --pagination-count--color: #DEDEE2;
  --pagination-count--border-color: transparent;
  --pagination-count--border-style: none;
  --pagination-count--border-width: 0;
  --pagination-count--box-shadow: none;
  --pagination-count--border-radius: 0.2857142857rem;
  --pagination-count--bg-color: transparent;
  --pagination-count-hover--border-color: transparent;
  --pagination-count-hover--border-style: none;
  --pagination-count-hover--border-width: 0;
  --pagination-count-hover--color: #DEDEE2;
  --pagination-count-hover--box-shadow: none;
  --pagination-count-hover--bg-color: transparent;
  --pagination-count-focus--border-color: #DEDEE2;
  --pagination-count-focus--border-style: solid;
  --pagination-count-focus--border-width: 0.0714285714rem;
  --pagination-count-focus--border-radius: 0.2857142857rem;
  --pagination-count-focus--color: #DEDEE2;
  --pagination-count-focus--box-shadow: none;
  --pagination-count-focus--bg-color: #4E4E5D;
  --pagination-editable--border-color: #4E4E5D;
  --pagination-editable--border-style: solid;
  --pagination-editable--border-width: 0.0714285714rem;
  --pagination-editable--box-shadow: none;
  --pagination-editable--border-radius: 0.2857142857rem;
  --pagination-editable--bg-color: #23232F;
  --pagination-editable--color: #DEDEE2;
  --pagination-editable-hover--border-width: 0.0714285714rem;
  --pagination-editable-hover--border-style: solid;
  --pagination-editable-hover--border-color: #4E4E5D;
  --pagination-editable-hover--box-shadow: none;
  --pagination-editable-hover--bg-color: #2E2E38;
  --pagination-editable-hover--color: #DEDEE2;
  --pagination-editable-focus--border-width: 0;
  --pagination-editable-focus--border-style: none;
  --pagination-editable-focus--border-color: transparent;
  --pagination-editable-focus--box-shadow: none;
  --pagination-editable-focus--bg-color: transparent;
  --pagination-editable-focus--color: #DEDEE2;
  --pagination-editable-focus--outline-color: #85B9FD;
  --pagination-editable-focus--outline-offset: -0.1428571429rem;
  --pagination-editable-focus--outline-style: solid;
  --pagination-editable-focus--outline-width: 0.1428571429rem;
  --pagination-select-trigger--border-color: transparent;
  --pagination-select-trigger--border-style: none;
  --pagination-select-trigger--border-width: 0;
  --pagination-select-trigger--border-radius: 0.2857142857rem;
  --pagination-select-trigger--bg-color: transparent;
  --pagination-select-trigger-icon-color: #A4A3B1;
  --pagination-select-trigger--color: #FFF;
  --pagination-select-trigger--box-shadow: none;
  --pagination-select-trigger-hover--box-shadow: none;
  --pagination-select-trigger-hover--border-width: 0;
  --pagination-select-trigger-hover--border-style: none;
  --pagination-select-trigger-hover--border-color: transparent;
  --pagination-select-trigger-hover--bg-color: transparent;
  --pagination-select-trigger-hover--color: #FFF;
  --pagination-select-trigger-hover-icon-color: #A4A3B1;
  --pagination-select-trigger-focus--box-shadow: none;
  --pagination-select-trigger-focus--border-width: 0;
  --pagination-select-trigger-focus--border-style: solid;
  --pagination-select-trigger-focus--border-color: transparent;
  --pagination-select-trigger-focus--bg-color: #33333E;
  --pagination-select-trigger-focus--color: #FFF;
  --pagination-select-trigger-focus-icon-color: #A4A3B1;
  --pagination-select-trigger-focus--outline-color: #85B9FD;
  --pagination-select-trigger-focus--outline-offset: 0.1428571429rem;
  --pagination-select-trigger-focus--outline-style: solid;
  --pagination-select-trigger-focus--outline-width: 0.1428571429rem;
  --pagination-select-trigger-active--box-shadow: none;
  --pagination-select-trigger-active--border-width: 0;
  --pagination-select-trigger-active--border-style: none;
  --pagination-select-trigger-active--border-color: transparent;
  --pagination-select-trigger-active--bg-color: #33333E;
  --pagination-select-trigger-active--color: #FFF;
  --pagination-select-trigger-active-icon-color: #A4A3B1;
  --pagination-select-trigger-disabled-icon-color: #A4A3B1;
  --pagination-select-menu--border-color: #33333E;
  --pagination-select-menu--border-style: solid;
  --pagination-select-menu--border-width: 0.0714285714rem;
  --pagination-select-menu--border-radius: 0.1428571429rem;
  --pagination-select-menu--bg-color: #23232F;
  --pagination-select-menu--box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --pagination-select-menu-item--font-size: 1.1428571429rem;
  --pagination-select-menu-item--color: #DEDEE2;
  --pagination-select-menu-item--bg-color: transparent;
  --pagination-select-menu-item--box-shadow: none;
  --pagination-select-menu-item--border-width: 0;
  --pagination-select-menu-item--border-style: none;
  --pagination-select-menu-item--border-color: transparent;
  --pagination-select-menu-item-hover--color: #DEDEE2;
  --pagination-select-menu-item-hover--bg-color: #2E2E38;
  --pagination-select-menu-item-hover--box-shadow: none;
  --pagination-select-menu-item-hover--border-width: 0;
  --pagination-select-menu-item-hover--border-style: none;
  --pagination-select-menu-item-hover--border-color: transparent;
  --pagination-select-menu-item-focus--color: #DEDEE2;
  --pagination-select-menu-item-focus--bg-color: #2E2E38;
  --pagination-select-menu-item-focus--box-shadow: none;
  --pagination-select-menu-item-focus--border-width: 0;
  --pagination-select-menu-item-focus--border-style: none;
  --pagination-select-menu-item-focus--border-color: transparent;
  --pagination-select-menu-item-active--bg-color: #2E2E38;
  --pagination-select-menu-item-active--color: #DEDEE2;
  --pagination-select-menu-item-active--box-shadow: none;
  --pagination-select-menu-item-active--border-width: 0;
  --pagination-select-menu-item-active--border-style: none;
  --pagination-select-menu-item-active--border-color: transparent;
  --pagination-select-menu-item-disabled--color: #DEDEE2;
  --pagination-select-menu-item-disabled--bg-color: #2E2E38;
  --pagination-select-menu-item-disabled--box-shadow: none;
  --pagination-select-menu-item-disabled--border-width: 0;
  --pagination-select-menu-item-disabled--border-style: none;
  --pagination-select-menu-item-disabled--border-color: transparent;
  --panel-menu--bg-color: #23232F;
  --panel-menu--color: #DEDEE2;
  --panel-menu--border-color: transparent;
  --panel-menu--border-width: 0rem;
  --panel-menu--border-style: none;
  --panel-menu--box-shadow: none;
  --panel-menu-header--bg-color: #1A1A24;
  --panel-menu-header--border-color: transparent transparent transparent transparent;
  --panel-menu-header--border-style: none none none solid;
  --panel-menu-header--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-content--bg-color: #1A1A24;
  --panel-menu-item-title--color: #A4A3B1;
  --panel-menu-item-title-separator--bg-color: #33333E;
  --panel-menu-item--bg-color: #1A1A24;
  --panel-menu-item--color: #DEDEE2;
  --panel-menu-item--border-color: transparent transparent transparent #33333E;
  --panel-menu-item--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item--border-style: none none none solid;
  --panel-menu-item--border-radius: 0rem;
  --panel-menu-item--box-shadow: none;
  --panel-menu-item-hover--bg-color: #33333E;
  --panel-menu-item-hover--color: #DEDEE2;
  --panel-menu-item-hover--border-color: transparent transparent transparent #33333E;
  --panel-menu-item-hover--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item-hover--border-style: none none none solid;
  --panel-menu-item-hover--border-radius: 0rem;
  --panel-menu-item-hover--box-shadow: none;
  --panel-menu-item-focus--bg-color: #33333E;
  --panel-menu-item-focus--color: #DEDEE2;
  --panel-menu-item-focus--border-color: transparent transparent transparent #33333E;
  --panel-menu-item-focus--border-width: 0rem 0rem 0rem 0.0714285714rem;
  --panel-menu-item-focus--border-style: none none none solid;
  --panel-menu-item-focus--border-radius: 0rem;
  --panel-menu-item-focus--outline-color: #0F69AE;
  --panel-menu-item-focus--outline-style: solid;
  --panel-menu-item-focus--outline-width: 0.1428571429rem;
  --panel-menu-item-focus--outline-offset: 0.1428571429rem;
  --panel-menu-item-focus--box-shadow: none;
  --panel-menu-item-active--bg-color: #3F3F4C;
  --panel-menu-item-active--color: #DEDEE2;
  --panel-menu-item-active--border-color: transparent transparent transparent #8A8A9B;
  --panel-menu-item-active--border-width: 0 0 0 0.0714285714rem;
  --panel-menu-item-active--border-style: none none none solid;
  --panel-menu-item-active--border-radius: 0rem;
  --panel-menu-item-active--box-shadow: none;
  --progress-indicator-step-focus--outline-color: #85B9FD;
  --progress-indicator-step-focus--outline-style: solid;
  --progress-indicator-step-focus-outline-width: var(--focus-border);
  --progress-indicator-step-focus--outline-offset: 0.1428571429rem;
  --progress-indicator-step-focus--border-radius: 0.4285714286rem;
  --progress-indicator-step-focus--border-width: 0;
  --progress-indicator-step-focus--border-style: none;
  --progress-indicator-step-focus--border-color: transparent;
  --progress-indicator-step--padding: 0.8571428571rem 0 0 0;
  --progress-indicator-icon-color: #DEDEE2;
  --progress-indicator-icon--border-radius: 50%;
  --progress-indicator-icon--border-style: solid;
  --progress-indicator-icon--border-width: 0.0714285714rem;
  --progress-indicator-icon--border-color: #2E2E38;
  --progress-indicator-icon--bg-color: transparent;
  --progress-indicator-title--color: #DEDEE2;
  --progress-indicator-title--bg-color : transparent;
  --progress-indicator-title--box-shadow: none;
  --progress-indicator-title--border-radius: 0;
  --progress-indicator-title--border-style: none;
  --progress-indicator-title--border-width: 0;
  --progress-indicator-title--border-color: transparent;
  --progress-indicator-title--font-weight: var(--weight-regular);
  --progress-indicator-title-hover--font-weight: var(--weight-light);
  --progress-indicator-title--text-decoration: none;
  --progress-indicator-title-margin: 0.7142857143rem 0 0 1.3571428571rem;
  --progress-indicator-body--color: #A4A3B1;
  --progress-indicator-body--bg-color: transparent;
  --progress-indicator-body-hover--bg-color: #2E2E38;
  --progress-indicator-body--box-shadow: none;
  --progress-indicator-body--border-radius: 0;
  --progress-indicator-body--border-style: none;
  --progress-indicator-body--border-width: 0;
  --progress-indicator-body--border-color: transparent;
  --progress-indicator-body--margin: 0.1428571429rem 0 0 1.3571428571rem;
  --progress-indicator-bar--bg-color: #33333E;
  --progress-indicator-bar--border-radius: 0 0 0 0;
  --progress-indicator-bar--border-style: none;
  --progress-indicator-bar--border-color: transparent;
  --progress-indicator-bar--border-width: 0;
  --progress-indicator-bar--box-shadow: none;
  --progress-indicator-circle--bg-color: #2E2E38;
  --progress-indicator-circle--color: #4E4E5D;
  --progress-indicator-icon-completed-icon-color: #DEDEE2;
  --progress-indicator-icon-completed--border-radius: 50%;
  --progress-indicator-icon-completed--border-style: none;
  --progress-indicator-icon-completed--border-width: 0;
  --progress-indicator-icon-completed--border-color: #2E2E38;
  --progress-indicator-icon-completed--bg-color: transparent;
  --progress-indicator-title-completed--color: #DEDEE2;
  --progress-indicator-title-completed--bg-color : transparent;
  --progress-indicator-title-completed--box-shadow: none;
  --progress-indicator-title-completed--border-radius: 0;
  --progress-indicator-title-completed--border-style: none;
  --progress-indicator-title-completed--border-width: 0;
  --progress-indicator-title-completed--border-color: transparent;
  --progress-indicator-body-completed--color: #A4A3B1;
  --progress-indicator-body-completed--bg-color : transparent;
  --progress-indicator-body-completed--box-shadow: none;
  --progress-indicator-body-completed--border-radius: 0;
  --progress-indicator-body-completed--border-style: none;
  --progress-indicator-body-completed--border-width: 0;
  --progress-indicator-body-completed--border-color: transparent;
  --progress-indicator-bar-completed--bg-color: #DEDEE2;
  --progress-indicator-bar-completed--border-radius: 0;
  --progress-indicator-bar-completed--border-style: none;
  --progress-indicator-bar-completed--border-color: transparent;
  --progress-indicator-bar-completed--border-width: 0;
  --progress-indicator-bar-completed--box-shadow: none;
  --progress-indicator-circle-completed--bg-color: #2E2E38;
  --progress-indicator-circle-completed--color: #DEDEE2;
  --progress-indicator-circle-completed-error--bg-color: #610402;
  --progress-indicator-circle-completed-error--color: #FF4136;
  --progress-indicator-circle-completed-disabled--bg-color: #2E2E38;
  --progress-indicator-circle-completed-disabled--color: #737387;
  --progress-indicator-icon-active-icon-color: #DEDEE2;
  --progress-indicator-icon-active--border-radius: 50%;
  --progress-indicator-icon-active--border-style: solid;
  --progress-indicator-icon-active--border-width: 0.1428571429rem;
  --progress-indicator-icon-active--border-color: #2E2E38;
  --progress-indicator-icon-active--bg-color: transparent;
  --progress-indicator-title-active--color: #DEDEE2;
  --progress-indicator-title-active--bg-color : transparent;
  --progress-indicator-title-active--box-shadow: none;
  --progress-indicator-title-active--border-radius: 0;
  --progress-indicator-title-active--border-style: none;
  --progress-indicator-title-active--border-width: 0;
  --progress-indicator-title-active--border-color: transparent;
  --progress-indicator-body-active--color: #A4A3B1;
  --progress-indicator-body-active--bg-color : transparent;
  --progress-indicator-body-active--box-shadow: none;
  --progress-indicator-body-active--border-radius: 0;
  --progress-indicator-body-active--border-style: none;
  --progress-indicator-body-active--border-width: 0;
  --progress-indicator-body-active--border-color: transparent;
  --progress-indicator-bar-active--bg-color: #DEDEE2;
  --progress-indicator-bar-active--border-radius: 0;
  --progress-indicator-bar-active--border-style: none;
  --progress-indicator-bar-active--border-color: transparent;
  --progress-indicator-bar-active--border-width: 0;
  --progress-indicator-bar-active--box-shadow: none;
  --progress-indicator-circle-active--bg-color: #2E2E38;
  --progress-indicator-circle-active--color: #DEDEE2;
  --progress-indicator-circle-active-error--bg-color: #610402;
  --progress-indicator-circle-active-error--color: #FF4136;
  --progress-indicator-circle-active-disabled--bg-color: #2E2E38;
  --progress-indicator-circle-active-disabled--color: #737387;
  --progress-indicator-icon-disabled-icon-color: transparent;
  --progress-indicator-icon-disabled--border-radius: 50%;
  --progress-indicator-icon-disabled--border-style: solid;
  --progress-indicator-icon-disabled--border-width: 0.0714285714rem;
  --progress-indicator-icon-disabled--border-color: #656579;
  --progress-indicator-icon-disabled--bg-color: transparent;
  --progress-indicator-title-disabled--color: #737387;
  --progress-indicator-title-disabled--bg-color : transparent;
  --progress-indicator-title-disabled--box-shadow: none;
  --progress-indicator-title-disabled--border-radius: 0;
  --progress-indicator-title-disabled--border-style: none;
  --progress-indicator-title-disabled--border-width: 0;
  --progress-indicator-title-disabled--border-color: transparent;
  --progress-indicator-body-disabled--color: #737387;
  --progress-indicator-body-disabled--bg-color : transparent;
  --progress-indicator-body-disabled--box-shadow: none;
  --progress-indicator-body-disabled--border-radius: 0;
  --progress-indicator-body-disabled--border-style: none;
  --progress-indicator-body-disabled--border-width: 0;
  --progress-indicator-body-disabled--border-color: transparent;
  --progress-indicator-bar-disabled--bg-color: #33333E;
  --progress-indicator-bar-disabled--border-radius: 0;
  --progress-indicator-bar-disabled--border-style: none;
  --progress-indicator-bar-disabled--border-color: transparent;
  --progress-indicator-bar-disabled--border-width: 0;
  --progress-indicator-bar-disabled--box-shadow: none;
  --progress-indicator-circle-disabled--bg-color: #2E2E38;
  --progress-indicator-circle-disabled--color: #33333E;
  --progress-indicator-icon-error-icon-color: #1A1A24;
  --progress-indicator-icon-error--border-radius: 50%;
  --progress-indicator-icon-error--border-style: none;
  --progress-indicator-icon-error--border-width: 0;
  --progress-indicator-icon-error--border-color: transparent;
  --progress-indicator-icon-error--bg-color: var(--error);
  --progress-indicator-title-error--color: #FF9783;
  --progress-indicator-title-error--bg-color : transparent;
  --progress-indicator-title-error--box-shadow: none;
  --progress-indicator-title-error--border-radius: 0;
  --progress-indicator-title-error--border-style: none;
  --progress-indicator-title-error--border-width: 0;
  --progress-indicator-title-error--border-color: transparent;
  --progress-indicator-body-error--color: #FF9783;
  --progress-indicator-body-error--bg-color : transparent;
  --progress-indicator-body-error--box-shadow: none;
  --progress-indicator-body-error--border-radius: 0;
  --progress-indicator-body-error--border-style: none;
  --progress-indicator-body-error--border-width: 0;
  --progress-indicator-body-error--border-color: transparent;
  --progress-indicator-bar-error--bg-color: #FF4136;
  --progress-indicator-bar-error--border-radius: 0;
  --progress-indicator-bar-error--border-style: none;
  --progress-indicator-bar-error--border-color: transparent;
  --progress-indicator-bar-error--border-width: 0;
  --progress-indicator-bar-error--box-shadow: none;
  --progress-indicator-circle-error--bg-color: #610402;
  --progress-indicator-circle-error--color: #FF4136;
  --progress-indicator-icon-warning-icon-color: #1A1A24;
  --progress-indicator-icon-warning--border-radius: 50%;
  --progress-indicator-icon-warning--border-style: none;
  --progress-indicator-icon-warning--border-width: 0;
  --progress-indicator-icon-warning--border-color: transparent;
  --progress-indicator-icon-warning--bg-color: var(--warning);
  --progress-indicator-title-warning--color: #FF9831;
  --progress-indicator-title-warning--bg-color : transparent;
  --progress-indicator-title-warning--box-shadow: none;
  --progress-indicator-title-warning--border-radius: 0;
  --progress-indicator-title-warning--border-style: none;
  --progress-indicator-title-warning--border-width: 0;
  --progress-indicator-title-warning--border-color: transparent;
  --progress-indicator-body-warning--color: #FF9831;
  --progress-indicator-body-warning--bg-color : transparent;
  --progress-indicator-body-warning--box-shadow: none;
  --progress-indicator-body-warning--border-radius: 0;
  --progress-indicator-body-warning--border-style: none;
  --progress-indicator-body-warning--border-width: 0;
  --progress-indicator-body-warning--border-color: transparent;
  --progress-indicator-bar-warning--bg-color: #B26100;
  --progress-indicator-bar-warning--border-radius: 0;
  --progress-indicator-bar-warning--border-style: none;
  --progress-indicator-bar-warning--border-color: transparent;
  --progress-indicator-bar-warning--border-width: 0;
  --progress-indicator-bar-warning--box-shadow: none;
  --progress-indicator-circle-warning--bg-color: #462602;
  --progress-indicator-circle-warning--color: #D07200;
  --progress-loader--bg-color: rgba(242, 242, 246, 0.3019607843);
  --progress-loader--border-color: transparent;
  --progress-loader--border-width: 0px;
  --progress-loader--border-style: none;
  --progress-loader--box-shadow: none;
  --progress-loader-square--bg-color: var(--branding);
  --progress-loader-square--border-color: transparent;
  --progress-loader-square--border-width: 0px;
  --progress-loader-square--border-style: none;
  --progress-loader-square--box-shadow: none;
  --progress-loader-linear-track--bg-color: #33333E;
  --progress-loader-line--bg-color: #DEDEE2;
  --progress-loader-circular-track--bg-color: #4E4E5D;
  --progress-loader-circle--bg-color: #DEDEE2;
  --sidebar--overlay-border-color: #33333E;
  --sidebar--overlay-border-width: 0.0714285714rem;
  --sidebar--overlay-border-style: solid;
  --sidebar--overlay-bg-color: #23232F;
  --sidebar--overlay-box-shadow: 0 0.4285714286rem 0.8571428571rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --sidebar--push-border-color: #33333E;
  --sidebar--push-border-width: 0.0714285714rem;
  --sidebar--push-border-style: solid;
  --sidebar--push-bg-color: transparent;
  --sidebar--push-box-shadow: none;
  --skeleton-container--bg-color: #23232F;
  --skeleton-container--border-color: #4E4E5D;
  --skeleton-container--border-style: solid;
  --skeleton-container--border-width: 0.0714285714rem;
  --skeleton-container--border-radius: 0.1428571429rem;
  --skeleton-container--box-shadow: none;
  --skeleton-container-alt--bg-color: #23232F;
  --skeleton-container-alt--border-color: #4E4E5D;
  --skeleton-container-alt--border-style: solid;
  --skeleton-container-alt--border-width: 0.0714285714rem;
  --skeleton-container-alt--border-radius: 0.1428571429rem;
  --skeleton-container-alt--box-shadow: none;
  --skeleton--bg-color: #33333E;
  --skeleton--border-style: none;
  --skeleton--border-color: transparent;
  --skeleton--border-width: 0;
  --skeleton--border-radius: 0;
  --skeleton--box-shadow: none;
  --skeleton-animation-gradient--bg-color: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 48.96%, rgba(255, 255, 255, 0) 100%);
  --tab-navigation-left--bg-color: transparent;
  --tab-navigation-left--box-shadow: none;
  --tab-navigation-left--border-radius: 0 0.1428571429rem 0.1428571429rem 0;
  --tab-navigation-left--border-style: solid;
  --tab-navigation-left--border-width: 0 0 0 1px;
  --tab-navigation-left--border-color: #A4A3B1;
  --tab-navigation-right--bg-color: transparent;
  --tab-navigation-right--box-shadow: none;
  --tab-navigation-right--border-radius: 0.1428571429rem 0 0 0.1428571429rem;
  --tab-navigation-right--border-style: solid;
  --tab-navigation-right--border-width: 0 1px 0 0;
  --tab-navigation-right--border-color: #A4A3B1;
  --tab-navigation-horizontal--bg-color: transparent;
  --tab-navigation-horizontal--box-shadow: none;
  --tab-navigation-horizontal--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-horizontal--border-style: solid;
  --tab-navigation-horizontal--border-width: 0 0 1px 0;
  --tab-navigation-horizontal--border-color: #33333E;
  --tab-navigation-top--bg-color: transparent;
  --tab-navigation-top--box-shadow: none;
  --tab-navigation-top--border-radius: 0;
  --tab-navigation-top--border-style: solid;
  --tab-navigation-top--border-width: 1px 0 0 0;
  --tab-navigation-top--border-color: #A4A3B1;
  --tab-navigation-left-button--border-style: solid;
  --tab-navigation-left-button--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button--border-color: transparent;
  --tab-navigation-right-button--border-style: solid;
  --tab-navigation-right-button--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button--border-color: transparent;
  --tab-navigation-horizontal-button--border-style: solid;
  --tab-navigation-horizontal-button--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button--border-color: transparent;
  --tab-navigation-horizontal-button--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-top-button--border-style: solid;
  --tab-navigation-top-button--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button--border-color: transparent;
  --tab-navigation--color: #A4A3B1;
  --tab-navigation--bg-color: transparent;
  --tab-navigation--box-shadow: none;
  --tab-navigation--outline-color: transparent;
  --tab-navigation--outline-width: 0;
  --tab-navigation--outline-style: none;
  --tab-navigation--outline-offset: 0;
  --tab-navigation--border-radius: 0;
  --tab-navigation--border-width: 0;
  --tab-navigation--border-style: none;
  --tab-navigation--border-color: transparent;
  --tab-navigation-left-button-focus--border-style: solid;
  --tab-navigation-left-button-focus--border-color: #DEDEE2;
  --tab-navigation-left-button-focus--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-focus--border-radius: 0 0.1428571429rem 0.1428571429rem 0;
  --tab-navigation-right-button-focus--border-style: solid;
  --tab-navigation-right-button-focus--border-color: #DEDEE2;
  --tab-navigation-right-button-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-focus--border-radius: 0.1428571429rem 0 0 0.1428571429rem;
  --tab-navigation-horizontal-button-focus--border-style: solid;
  --tab-navigation-horizontal-button-focus--border-color: #FFF;
  --tab-navigation-horizontal-button-focus--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-hover--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-top-button-focus--border-style: solid;
  --tab-navigation-top-button-focus--border-color: transparent;
  --tab-navigation-top-button-focus--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-focus--bg-color: #33333E;
  --tab-navigation-focus--color: #A4A3B1;
  --tab-navigation-focus--box-shadow: none;
  --tab-navigation-focus--outline-color: #85B9FD;
  --tab-navigation-focus--outline-width: 0.1428571429rem;
  --tab-navigation-focus--outline-style: solid;
  --tab-navigation-focus--outline-offset: 0.1428571429rem;
  --tab-navigation-focus--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-hover--border-style: solid;
  --tab-navigation-hover--border-color: #DEDEE2;
  --tab-navigation-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-hover--border-radius: 0.1428571429rem 0.1428571429rem 0 0;
  --tab-navigation-hover--bg-color: #33333E;
  --tab-navigation-hover--color: #A4A3B1;
  --tab-navigation-hover--box-shadow: none;
  --tab-navigation-hover--outline-color: transparent;
  --tab-navigation-hover--outline-width: 0;
  --tab-navigation-hover--outline-style: none;
  --tab-navigation-hover--text-shadow: none;
  --tab-navigation-disabled--border-style: none;
  --tab-navigation-disabled--border-color: transparent;
  --tab-navigation-disabled--border-width: 0;
  --tab-navigation-disabled--bg-color: transparent;
  --tab-navigation-disabled--color: #737387;
  --tab-navigation-disabled--box-shadow: none;
  --tab-navigation-disabled--outline-color: transparent;
  --tab-navigation-disabled--outline-width: 0;
  --tab-navigation-disabled--outline-style: none;
  --tab-navigation-left-button-active--border-style: solid;
  --tab-navigation-left-button-active--border-color: #DEDEE2;
  --tab-navigation-left-button-active--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-button-active--color: #DEDEE2;
  --tab-navigation-left-button-active-hover--border-style: solid;
  --tab-navigation-left-button-active-hover--border-color: #DEDEE2;
  --tab-navigation-left-button-active-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-active-focus--border-style: solid;
  --tab-navigation-left-button-active-focus--border-color: #DEDEE2;
  --tab-navigation-left-button-active-focus--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-right-button-active--border-style: solid;
  --tab-navigation-right-button-active--border-color: #DEDEE2;
  --tab-navigation-right-button-active--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-active-hover--border-style: solid;
  --tab-navigation-right-button-active-hover--border-color: #DEDEE2;
  --tab-navigation-right-button-active-hover--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-active-focus--border-style: solid;
  --tab-navigation-right-button-active-focus--border-color: #DEDEE2;
  --tab-navigation-right-button-active-focus--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-horizontal-button-active--border-style: solid;
  --tab-navigation-horizontal-button-active--border-color: #FFF;
  --tab-navigation-horizontal-button-active--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-active-hover--border-style: solid;
  --tab-navigation-horizontal-button-active-hover--border-color: #DEDEE2;
  --tab-navigation-horizontal-button-active-hover--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-active-focus--border-style: solid;
  --tab-navigation-horizontal-button-active-focus--border-color: #DEDEE2;
  --tab-navigation-horizontal-button-active-focus--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-top-button-active--border-style: solid;
  --tab-navigation-top-button-active--border-color: #DEDEE2;
  --tab-navigation-top-button-active--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-active--bg-color: #33333E;
  --tab-navigation-active--color: #DEDEE2;
  --tab-navigation-active--box-shadow: none;
  --tab-navigation-active--outline-color: #85B9FD;
  --tab-navigation-active--outline-width: 0.1428571429rem;
  --tab-navigation-active--outline-style: solid;
  --tab-navigation-active--outline-offset: 0.1428571429rem;
  --tab-navigation-active--border-radius: 0.4285714286rem;
  --tab-navigation-left-button-active-disabled--border-style: solid;
  --tab-navigation-left-button-active-disabled--border-color: #4E4E5D;
  --tab-navigation-left-button-active-disabled--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-right-button-active-disabled--border-style: solid;
  --tab-navigation-right-button-active-disabled--border-color: #4E4E5D;
  --tab-navigation-right-button-active-disabled--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-horizontal-button-active-disabled--border-style: solid;
  --tab-navigation-horizontal-button-active-disabled--border-color: #4E4E5D;
  --tab-navigation-horizontal-button-active-disabled--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-top-button-active-disabled--border-style: solid;
  --tab-navigation-top-button-active-disabled--border-color: #4E4E5D;
  --tab-navigation-top-button-active-disabled--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-horizontal-button-hover--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-hover--border-style: solid;
  --tab-navigation-horizontal-button-hover--border-color: #FFF;
  --tab-navigation-top-button-hover--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button-hover--border-style: solid;
  --tab-navigation-top-button-hover--border-color: transparent;
  --tab-navigation-left-button-hover--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-hover--border-style: solid;
  --tab-navigation-left-button-hover--border-color: #DEDEE2;
  --tab-navigation-right-button-hover--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-hover--border-style: solid;
  --tab-navigation-right-button-hover--border-color: #DEDEE2;
  --tab-navigation-horizontal-button-disabled--border-width: 0 0 0.1428571429rem 0;
  --tab-navigation-horizontal-button-disabled--border-style: solid;
  --tab-navigation-horizontal-button-disabled--border-color: transparent;
  --tab-navigation-top-button-disabled--border-width: 0.1428571429rem 0 0 0;
  --tab-navigation-top-button-disabled--border-style: solid;
  --tab-navigation-top-button-disabled--border-color: transparent;
  --tab-navigation-left-button-disabled--border-width: 0 0 0 0.1428571429rem;
  --tab-navigation-left-button-disabled--border-style: solid;
  --tab-navigation-left-button-disabled--border-color: transparent;
  --tab-navigation-right-button-disabled--border-width: 0 0.1428571429rem 0 0;
  --tab-navigation-right-button-disabled--border-style: solid;
  --tab-navigation-right-button-disabled--border-color: transparent;
  --tab-navigation-badge--bg-color: #33333E;
  --tab-navigation-badge--outline-color: transparent;
  --tab-navigation-badge-active--bg-color: #23232F;
  --tab-navigation-badge-hover--outline-color: #33333E;
  --tab-navigation-badge-focus--outline-color: #33333E;
  --tab-navigation-badge-active-hover--bg-color: #23232F;
  --tab-navigation-badge-active-hover--outline-color: #3F3F4C;
  --tab-navigation-badge-active-hover--outline-style: solid;
  --tab-navigation-badge-active-hover--outline-width: 0.0714285714rem;
  --tab-navigation-badge-active-focus--bg-color: #23232F;
  --tab-navigation-badge-active-focus--outline-color: #3F3F4C;
  --tab-navigation-badge-active-focus--outline-style: solid;
  --tab-navigation-badge-active-focus--outline-width: 0.0714285714rem;
  --tab-navigation-badge-bg-color-disabled: transparent;
  --tab-navigation-bordered--bg-color: #23232F;
  --tab-navigation-bordered--border-color: #33333E;
  --tab-navigation-bordered--border-width: 0.0714285714rem;
  --tab-navigation-bordered--border-style: solid;
  --tab-navigation-bordered-control-active--border-color: #4E4E5D;
  --tab-navigation-bordered-control-active--border-width: 0.0714285714rem;
  --tab-navigation-bordered-control-active--border-style: solid;
  --tab-navigation-bordered-control-active--bg-color: #1A1A24;
  --table--box-shadow: none;
  --table--border-radius: 0.5714285714rem;
  --table--border-color: #4E4E5D;
  --table--border-style: solid;
  --table--border-width: 0.0714285714rem;
  --table-header-container--bg-color: #4E4E5D;
  --table-header-container--box-shadow: none;
  --table-header-container--border-radius: 0;
  --table-header-container--border-width: 0;
  --table-header-container--border-style: none;
  --table-header-container--border-color: transparent;
  --table-header--bg-color: #23232F;
  --table-header--box-shadow: none;
  --table-header--color: #DEDEE2;
  --table-header--border-radius: 0;
  --table-header--border-width: 0;
  --table-header--border-style: none;
  --table-header--border-color: transparent;
  --table-header-hover--border-width: 0;
  --table-header-hover--border-style: none;
  --table-header-hover--border-color: transparent;
  --table-header-hover--bg-color: #2E2E38;
  --table-header-hover--box-shadow: none;
  --table-header-hover--color: #DEDEE2;
  --table-header-focus--border-width: 0;
  --table-header-focus--border-style: none;
  --table-header-focus--border-color: transparent;
  --table-header-focus--bg-color: #2E2E38;
  --table-header-focus--box-shadow: none;
  --table-header-focus--color: #DEDEE2;
  --table-header-renderer-icons-sort-icon-color: #A4A3B1;
  --table-icon-color: #A4A3B1;
  --table-row-icon-color: #A4A3B1;
  --table-title--color: #DEDEE2;
  --table-title--bg-color: #23232F;
  --table-title--box-shadow: none;
  --table-title--border-radius: 0.5714285714rem 0.5714285714rem 0 0;
  --table-title--border-width: 0 0 0.0714285714rem 0;
  --table-title--border-style: none none solid none;
  --table-title--border-color: transparent transparent #4E4E5D transparent;
  --table-title-alt--color: #FFF;
  --table-title-alt--bg-color: transparent;
  --table-title-alt--box-shadow: none;
  --table-title-alt--border-radius: 0;
  --table-title-alt--border-width: 0;
  --table-title-alt--border-style: none;
  --table-title-alt--border-color: transparent;
  --table-title-description-color: #A4A3B1;
  --table-row-hover--bg-color: #2E2E38;
  --table-row-hover--box-shadow: none;
  --table-odd-row--bg-color: #33333E;
  --table-odd-row-hover--bg-color: #2E2E38;
  --table-even-row--bg-color: #23232F;
  --table-even-row-hover--bg-color: #1A1A24;
  --table-row--color: #DEDEE2;
  --table-row--bg-color: #23232F;
  --table-row--box-shadow: none;
  --table-row--border-radius: 0;
  --table-row--border-color: transparent;
  --table-row--border-style: none;
  --table-row--border-width: 0;
  --table-row-selected--color: #DEDEE2;
  --table-row-selected--bg-color: #2E2E38;
  --table-row-selected--box-shadow: none;
  --table-row-selected--border-radius: 0;
  --table-row-selected--border-width: 0.0714285714rem 0 0.0714285714rem 0;
  --table-row-selected--border-style: solid none solid none;
  --table-row-selected--border-color: #4E4E5D transparent #4E4E5D transparent;
  --table-row-selected-cell--color: #DEDEE2;
  --table-row-selected-cell--bg-color: #2E2E38;
  --table-row-selected-cell--box-shadow: none;
  --table-row-selected-cell--border-radius: 0;
  --table-row-selected-cell--border-width: 0;
  --table-row-selected-cell--border-style: none;
  --table-row-selected-cell--border-color: transparent;
  --table-row-last-left-pinned--box-shadow: none;
  --table-column-filtered-mark--color: #A4A3B1;
  --table-cell--color: #DEDEE2;
  --table-cell--bg-color: transparent;
  --table-cell--box-shadow: none;
  --table-cell--border-radius: 0;
  --table-cell--border-color: transparent;
  --table-cell--border-style: none;
  --table-cell--border-width: 0;
  --table-cell-hover--color: #DEDEE2;
  --table-cell-hover--bg-color: #2E2E38;
  --table-cell-hover--box-shadow: none;
  --table-cell-hover--border-width: 0;
  --table-cell-hover--border-style: none;
  --table-cell-hover--border-color: transparent;
  --table-cell-focus--color: #A4A3B1;
  --table-cell-focus--bg-color: #2E2E38;
  --table-cell-focus--box-shadow: none;
  --table-cell-focus--border-width: 0;
  --table-cell-focus--border-style: none;
  --table-cell-focus--border-color: transparent;
  --table-cell-disabled--color: #737387;
  --table-cell-disabled--bg-color: #23232F;
  --table-cell-disabled--box-shadow: none;
  --table-cell-disabled--border-width: 0;
  --table-cell-disabled--border-style: none;
  --table-cell-disabled--border-color: transparent;
  --table-checkbox-checked-color: #A4A3B1;
  --table-checkbox-indeterminate-color: #A4A3B1;
  --table-checkbox--border-color: #8A8A9B;
  --table-checkbox--border-style: solid;
  --table-checkbox--border-width: 0.0714285714rem;
  --table-checkbox--bg-color: #23232F;
  --table-checkbox-focus--outline-color: #0F69AE;
  --table-checkbox-focus--outline-style: solid;
  --table-checkbox-focus--outline-width: 0.1428571429rem;
  --table-checkbox-focus--outline-offset: 0.0714285714rem;
  --table-checkbox-focus--border-radius: 0.1428571429rem;
  --table-paging-wrapper--border-color: #4E4E5D transparent transparent transparent;
  --table-paging-wrapper--border-style: solid none none none;
  --table-paging-wrapper--border-width: 0.0714285714rem 0 0 0;
  --table-paging-btn-hover--bg-color: #2E2E38;
  --table-paging-btn-disabled-icon-color: #737387;
  --table-paging-btn-icon-color: #A4A3B1;
  --table-paging-btn--bg-color: #23232F;
  --table-paging-btn--box-shadow: none;
  --table-paging-btn--border-radius: 0;
  --table-paging-btn--border-width: 0;
  --table-paging-btn--border-style: none;
  --table-paging-btn--border-color: transparent;
  --table-paging-btn-hover-icon-color: #A4A3B1;
  --table-paging-btn-hover--box-shadow: none;
  --table-paging-btn-hover--border-width: 0;
  --table-paging-btn-hover--border-style: none;
  --table-paging-btn-hover--border-color: transparent;
  --table-paging-btn-focus-icon-color: #A4A3B1;
  --table-paging-btn-focus--box-shadow: none;
  --table-paging-btn-focus--bg-color: #2E2E38;
  --table-paging-btn-focus--border-width: 0;
  --table-paging-btn-focus--border-style: none;
  --table-paging-btn-focus--border-color: transparent;
  --table-paging-btn-disabled--bg-color: transparent;
  --table-paging-btn-disabled--box-shadow: none;
  --table-paging-btn-disabled--border-width: 0;
  --table-paging-btn-disabled--border-style: none;
  --table-paging-btn-disabled--border-color: transparent;
  --table-standard-header--bg-color: #2E2E38;
  --table-standard-header--border-width: 0.0714285714rem;
  --table-standard-header--border-style: solid;
  --table-standard-header--border-color: #4E4E5D;
  --text-link--color: #FFF;
  --text-link--border-radius: 0;
  --text-link--border-width: 0;
  --text-link--border-style: solid;
  --text-link--border-color: transparent;
  --text-link-hover--color: #FFF;
  --text-link-hover--border-radius: o;
  --text-link-hover--border-width: 0 0 0.0714285714rem 0;
  --text-link-hover--border-style: solid;
  --text-link-hover--border-color: #FFF;
  --text-link-focus--color: #FFF;
  --text-link-focus--border-radius: 0.4285714286rem;
  --text-link-focus--border-width: 0;
  --text-link-focus--border-style: none;
  --text-link-focus--border-color: transparent;
  --text-link-focus--outline-color: #85B9FD;
  --text-link-focus--outline-style: solid;
  --text-link-focus--outline-width: 0.1428571429rem;
  --text-link-focus--outline-offset: 0.1428571429rem;
  --text-link-disabled--color: #737387;
  --text-link-disabled--border-radius: 0;
  --text-link-disabled--border-width: 0;
  --text-link-disabled--border-style: solid;
  --text-link-disabled--border-color: transparent;
  --text-link-active--color: #BFBFC8;
  --text-link-active--border-radius: 0;
  --text-link-active--border-width: 0;
  --text-link-active--border-style: solid;
  --text-link-active--border-color: transparent;
  --text-link-visited--color: #C2ABE3;
  --text-link-visited--border-radius: 0;
  --text-link-visited--border-width: 0;
  --text-link-visited--border-style: solid;
  --text-link-visited--border-color: transparent;
  --text-link-alt--color: #85B9FD;
  --text-link-alt--border-radius: 0;
  --text-link-alt--border-width: 0;
  --text-link-alt--border-style: solid;
  --text-link-alt--border-color: transparent;
  --text-link-alt-hover--color: #85B9FD;
  --text-link-alt-hover--border-radius: 0;
  --text-link-alt-hover--border-width: 0 0 0.0714285714rem 0;
  --text-link-alt-hover--border-style: solid;
  --text-link-alt-hover--border-color: #85B9FD;
  --text-link-alt-focus--color: #55A6FC;
  --text-link-alt-focus--border-radius: 0.2857142857rem;
  --text-link-alt-focus--border-width: 0;
  --text-link-alt-focus--border-style: solid;
  --text-link-alt-focus--border-color: transparent;
  --text-link-alt-focus--outline-color: #85B9FD;
  --text-link-alt-focus--outline-style: solid;
  --text-link-alt-focus--outline-width: 0.1428571429rem;
  --text-link-alt-focus--outline-offset: 0.1428571429rem;
  --text-link-alt-disabled--color: #737387;
  --text-link-alt-disabled--border-radius: 0;
  --text-link-alt-disabled--border-width: 0;
  --text-link-alt-disabled--border-style: solid;
  --text-link-alt-disabled--border-color: transparent;
  --text-link-alt-active--color: #188CE5;
  --text-link-alt-active--border-radius: 0;
  --text-link-alt-active--border-width: 0;
  --text-link-alt-active--border-style: solid;
  --text-link-alt-active--border-color: transparent;
  --text-link-alt-visited--color: #C2ABE3;
  --text-link-alt-visited--border-radius: 0;
  --text-link-alt-visited--border-width: 0;
  --text-link-alt-visited--border-style: solid;
  --text-link-alt-visited--border-color: transparent;
  --text-link--font-weight: var(--weight-regular);
  --toast--color: #F3F3F5;
  --toast--border-style: solid;
  --toast--border-color: #4E4E5D;
  --toast--border-width: 0.0714285714rem;
  --toast--border-radius: 0.5714285714rem;
  --toast--bg-color: #23232F;
  --toast--box-shadow: none;
  --toast-inline--bg-color: transparent;
  --toast-inline--box-shadow: none;
  --toast-close-btn-icon-color: #A4A3B1;
  --toast-close-btn--bg-color: transparent;
  --toast-close-btn--border-color: transparent;
  --toast-close-btn--border-width: 0.0714285714rem;
  --toast-close-btn--border-style: solid;
  --toast-close-btn--box-shadow: none;
  --toast-close-btn-hover-icon-color: #A4A3B1;
  --toast-close-btn-hover--bg-color: #33333E;
  --toast-close-btn-hover--border-color: transparent;
  --toast-close-btn-hover--border-width: 0.0714285714rem;
  --toast-close-btn-hover--border-style: solid;
  --toast-close-btn-hover--box-shadow: none;
  --toast-close-btn-focus-icon-color: #A4A3B1;
  --toast-close-btn-focus--bg-color: #33333E;
  --toast-close-btn-focus--border-color: transparent;
  --toast-close-btn-focus--border-width: 0.0714285714rem;
  --toast-close-btn-focus--border-style: solid;
  --toast-close-btn-focus--box-shadow: none;
  --toast-close-btn-active-icon-color: #A4A3B1;
  --toast-close-btn-active--bg-color: #3F3F4C;
  --toast-close-btn-active--border-color: transparent;
  --toast-close-btn-active--border-width: 0.0714285714rem;
  --toast-close-btn-active--border-style: solid;
  --toast-close-btn-active--box-shadow: none;
  --toast-action-btn--color: #FFF;
  --toast-action-btn--bg-color: transparent;
  --toast-action-btn--border-color: transparent;
  --toast-action-btn--border-style: solid;
  --toast-action-btn--border-width: 0.0714285714rem;
  --toast-action-btn--box-shadow: none;
  --toast-action-btn--border-radius: 0.2857142857rem;
  --toast-action-btn-hover--color: #FFF;
  --toast-action-btn-hover--bg-color: #33333E;
  --toast-action-btn-hover--border-color: transparent;
  --toast-action-btn-hover--border-style: solid;
  --toast-action-btn-hover--border-width: 0.0714285714rem;
  --toast-action-btn-hover--box-shadow: none;
  --toast-action-btn-focus--color: #FFF;
  --toast-action-btn-focus--bg-color: #33333E;
  --toast-action-btn-focus--border-color: transparent;
  --toast-action-btn-focus--border-style: solid;
  --toast-action-btn-focus--border-width: 0.0714285714rem;
  --toast-action-btn-focus--box-shadow: none;
  --toast-action-btn-focus--outline-color: #85B9FD;
  --toast-action-btn-focus--outline-width: 0.1428571429rem;
  --toast-action-btn-focus--outline-style: solid;
  --toast-action-btn-focus--outline-offset: 0.1428571429rem;
  --toast-action-btn-active--color: #DEDEE2;
  --toast-action-btn-active--bg-color: #3F3F4C;
  --toast-action-btn-active--border-color: transparent;
  --toast-action-btn-active--border-style: solid;
  --toast-action-btn-active--border-width: 0.0714285714rem;
  --toast-action-btn-active--box-shadow: none;
  --toast-icon-info-icon-color: #A4A3B1;
  --toast-icon-success-icon-color: #1F893F;
  --toast-icon-error-icon-color: #EA011D;
  --toast-icon-warning-icon-color: #B26100;
  --toast-info--color: #DEDEE2;
  --toast-info--border-color: #4E4E5D;
  --toast-info--bg-color: #23232F;
  --toast-info--box-shadow: none;
  --toast-success--color: #34CE63;
  --toast-success--border-color: #125E29;
  --toast-success--bg-color: #0A3616;
  --toast-success--box-shadow: none;
  --toast-error--color: #FF9783;
  --toast-error--border-color: #A40011;
  --toast-error--bg-color: #610402;
  --toast-error--box-shadow: none;
  --toast-warning--color: #FF9831;
  --toast-warning--border-color: #7B4100;
  --toast-warning--bg-color: #462602;
  --toast-warning--box-shadow: none;
  --tooltip--color: #23232F;
  --tooltip--border-color: transparent;
  --tooltip--border-style: none;
  --tooltip--border-width: 0rem;
  --tooltip--border-radius: 0.2857142857rem;
  --tooltip--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --tooltip--bg-color: #DEDEE2;
  --tooltip-close-btn--bg-color: transparent;
  --tooltip-close-btn--border-color: transparent;
  --tooltip-close-btn--border-style: none;
  --tooltip-close-btn--border-width: var(--tooltip--border-width);
  --tooltip-close-btn--border-radius: 0;
  --tooltip-close-btn--box-shadow: none;
  --tooltip-close-btn-icon-color: #5F5F72;
  --tooltip-close-btn-hover--border-style: none;
  --tooltip-close-btn-hover--border-width: var(--tooltip--border-width);
  --tooltip-close-btn-hover--border-color: transparent;
  --tooltip-close-btn-hover--bg-color: #BFBFC8;
  --tooltip-close-btn-hover--border-radius: 0;
  --tooltip-close-btn-hover--box-shadow: none;
  --tooltip-close-btn-hover-icon-color: transparent;
  --tooltip-close-btn-focus--border-style: none;
  --tooltip-close-btn-focus--border-width: var(--tooltip--border-width);
  --tooltip-close-btn-focus--border-color: transparent;
  --tooltip-close-btn-focus--bg-color: transparent;
  --tooltip-close-btn-focus--border-radius: 0;
  --tooltip-close-btn-focus--box-shadow: none;
  --tooltip-close-btn-focus-icon-color: transparent;
  --tooltip-alt--color: #DEDEE2;
  --tooltip-alt--border-color: transparent;
  --tooltip-alt--border-style: none;
  --tooltip-alt--border-width: var(--tooltip--border-width);
  --tooltip-alt--border-radius: 0.2857142857rem;
  --tooltip-alt--box-shadow: 0 0.5714285714rem 1.1428571429rem 0 rgba(26, 26, 36, 0.1607843137), 0 0.1428571429rem 0.2857142857rem 0 rgba(26, 26, 36, 0.1215686275);
  --tooltip-alt--bg-color: #2E2E38;
  --tooltip-alt-close-btn--bg-color: transparent;
  --tooltip-alt-close-btn--border-color: transparent;
  --tooltip-alt-close-btn--border-style: none;
  --tooltip-alt-close-btn--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn--border-radius: 0;
  --tooltip-alt-close-btn--box-shadow: none;
  --tooltip-alt-close-btn-icon-color: #A4A3B1;
  --tooltip-alt-close-btn-hover--border-style: none;
  --tooltip-alt-close-btn-hover--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn-hover--border-color: transparent;
  --tooltip-alt-close-btn-hover--bg-color: #33333E;
  --tooltip-alt-close-btn-hover--border-radius: 0;
  --tooltip-alt-close-btn-hover--box-shadow: none;
  --tooltip-alt-close-btn-hover-icon-color: transparent;
  --tooltip-alt-close-btn-focus--border-style: none;
  --tooltip-alt-close-btn-focus--border-width: var(--tooltip--border-width);
  --tooltip-alt-close-btn-focus--border-color: transparent;
  --tooltip-alt-close-btn-focus--bg-color: #DEDEE2;
  --tooltip-alt-close-btn-focus--border-radius: 0;
  --tooltip-alt-close-btn-focus--box-shadow: none;
  --tooltip-alt-close-btn-focus-icon-color: transparent;
  --tree--color: #DEDEE2;
  --tree--bg-color: transparent;
  --tree-line-color: #4E4E5D;
  --tree-line-border-color: #4E4E5D;
  --tree-line-style: solid;
  --tree-line-border-width: 0.0714285714rem;
  --tree-icon-color: #A4A3B1;
  --tree-icon-disabled-color: #737387;
  --tree-disabled--color: #737387;
  --tree-hover--color: #FFF;
  --tree-hover--bg-color: #33333E;
  --vertical-navigation--bg-color: #23232F;
  --vertical-navigation--box-shadow: none;
  --vertical-navigation--border-radius: 0;
  --vertical-navigation--border-color: transparent #33333E transparent transparent;
  --vertical-navigation--border-style: none solid none none;
  --vertical-navigation--border-width: 0 0.0714285714rem 0 0;
  --vertical-navigation-menu--border-width: 0;
  --vertical-navigation-menu--border-style: none;
  --vertical-navigation-menu--border-color: transparent;
  --vertical-navigation-menu--box-shadow: none;
  --vertical-navigation-menu--border-radius: 0.1428571429rem;
  --vertical-navigation-menu--bg-color: transparent;
  --vertical-navigation-menu-item--color: #DEDEE2;
  --vertical-navigation-menu-item--bg-color: #23232F;
  --vertical-navigation-menu-item--box-shadow: none;
  --vertical-navigation-menu-item--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item--border-width: 0;
  --vertical-navigation-menu-item--border-style: none;
  --vertical-navigation-menu-item--border-color: transparent;
  --vertical-navigation-menu-item-icon-color: #A4A3B1;
  --vertical-navigation-menu-item-hover--color: #DEDEE2;
  --vertical-navigation-menu-item-hover--bg-color: #2E2E38;
  --vertical-navigation-menu-item-hover--box-shadow: none;
  --vertical-navigation-menu-item-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-hover--border-width: 0;
  --vertical-navigation-menu-item-hover--border-style: none;
  --vertical-navigation-menu-item-hover--border-color: transparent;
  --vertical-navigation-menu-item-icon-hover-icon-color: #A4A3B1;
  --vertical-navigation-menu-item-focus--color: #DEDEE2;
  --vertical-navigation-menu-item-focus--bg-color: #2E2E38;
  --vertical-navigation-menu-item-focus--box-shadow: none;
  --vertical-navigation-menu-item-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-focus--border-width: 0.1428571429rem;
  --vertical-navigation-menu-item-focus--border-style: solid;
  --vertical-navigation-menu-item-focus--border-color: #85B9FD;
  --vertical-navigation-menu-item-focus--outline-color: #85B9FD;
  --vertical-navigation-menu-item-focus--outline-style: solid;
  --vertical-navigation-menu-item-focus--outline-width: 0.1428571429rem;
  --vertical-navigation-menu-item-icon-focus-icon-color: #A4A3B1;
  --vertical-navigation-menu-item-active--bg-color: #33333E;
  --vertical-navigation-menu-item-active--color: #DEDEE2;
  --vertical-navigation-menu-item-active--box-shadow: none;
  --vertical-navigation-menu-item-active--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active--border-color: transparent;
  --vertical-navigation-menu-item-active--border-style: none;
  --vertical-navigation-menu-item-active--border-width: 0;
  --vertical-navigation-menu-item-icon-active-icon-color: #A4A3B1;
  --vertical-navigation-menu-item-active-focus--color: #DEDEE2;
  --vertical-navigation-menu-item-active-focus--bg-color: #2E2E38;
  --vertical-navigation-menu-item-active-focus--box-shadow: none;
  --vertical-navigation-menu-item-active-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active-focus--border-width: 0.1428571429rem;
  --vertical-navigation-menu-item-active-focus--border-style: solid;
  --vertical-navigation-menu-item-active-focus--border-color: #85B9FD;
  --vertical-navigation-menu-item-icon-active-focus-icon-color: #A4A3B1;
  --vertical-navigation-menu-item-active-hover--color: #DEDEE2;
  --vertical-navigation-menu-item-active-hover--bg-color: #2E2E38;
  --vertical-navigation-menu-item-active-hover--box-shadow: none;
  --vertical-navigation-menu-item-active-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-menu-item-active-hover--border-width: 0;
  --vertical-navigation-menu-item-active-hover--border-style: none;
  --vertical-navigation-menu-item-active-hover--border-color: transparent;
  --vertical-navigation-menu-item-icon-active-hover-icon-color: #A4A3B1;
  --vertical-navigation-menu-footer--bg-color: #23232F;
  --vertical-navigation-menu-footer--box-shadow: none;
  --vertical-navigation-menu-footer--border-radius: 0;
  --vertical-navigation-menu-footer--border-color: #33333E transparent transparent transparent;
  --vertical-navigation-menu-footer--border-style: solid none none none;
  --vertical-navigation-menu-footer--border-width: 0.0714285714rem 0 0 0;
  --vertical-navigation-submenu-caption--color: #DEDEE2;
  --vertical-navigation-submenu-caption--bg-color: #23232F;
  --vertical-navigation-submenu-caption--box-shadow: none;
  --vertical-navigation-submenu-caption--border-radius: 0;
  --vertical-navigation-submenu-caption--border-width: 0;
  --vertical-navigation-submenu-caption--border-style: none;
  --vertical-navigation-submenu-caption--border-color: transparent;
  --vertical-navigation-submenu-item-link--color: #DEDEE2;
  --vertical-navigation-submenu-item-link--bg-color: #23232F;
  --vertical-navigation-submenu-item-link--box-shadow: none;
  --vertical-navigation-submenu-item-link--border-radius: 0;
  --vertical-navigation-submenu-item-link--border-width: 0;
  --vertical-navigation-submenu-item-link--border-style: none;
  --vertical-navigation-submenu-item-link--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-color: #A4A3B1;
  --vertical-navigation-submenu-item-link-focus--color: #DEDEE2;
  --vertical-navigation-submenu-item-link-focus--bg-color: #2E2E38;
  --vertical-navigation-submenu-item-link-focus--box-shadow: none;
  --vertical-navigation-submenu-item-link-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-focus--border-width: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-focus--border-style: solid;
  --vertical-navigation-submenu-item-link-focus--border-color: #85B9FD;
  --vertical-navigation-submenu-item-link-icon-focus-icon-color: #A4A3B1;
  --vertical-navigation-submenu-item-link-hover--color: #DEDEE2;
  --vertical-navigation-submenu-item-link-hover--bg-color: #2E2E38;
  --vertical-navigation-submenu-item-link-hover--box-shadow: none;
  --vertical-navigation-submenu-item-link-hover--border-radius: 0;
  --vertical-navigation-submenu-item-link-hover--border-width: 0;
  --vertical-navigation-submenu-item-link-hover--border-style: none;
  --vertical-navigation-submenu-item-link-hover--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-hover-icon-color: #A4A3B1;
  --vertical-navigation-submenu-item-link-active--color: #DEDEE2;
  --vertical-navigation-submenu-item-link-active--bg-color: #33333E;
  --vertical-navigation-submenu-item-link-active--box-shadow: none;
  --vertical-navigation-submenu-item-link-active--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active--border-width: 0;
  --vertical-navigation-submenu-item-link-active--border-style: none;
  --vertical-navigation-submenu-item-link-active--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-icon-color: #A4A3B1;
  --vertical-navigation-submenu-item-link-active-focus--color: #DEDEE2;
  --vertical-navigation-submenu-item-link-active-focus--bg-color: #33333E;
  --vertical-navigation-submenu-item-link-active-focus--box-shadow: none;
  --vertical-navigation-submenu-item-link-active-focus--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active-focus--border-width: 0;
  --vertical-navigation-submenu-item-link-active-focus--border-style: none;
  --vertical-navigation-submenu-item-link-active-focus--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-focus-icon-color: #A4A3B1;
  --vertical-navigation-submenu-item-link-active-hover--color: #DEDEE2;
  --vertical-navigation-submenu-item-link-active-hover--bg-color: #2E2E38;
  --vertical-navigation-submenu-item-link-active-hover--box-shadow: none;
  --vertical-navigation-submenu-item-link-active-hover--border-radius: 0.1428571429rem;
  --vertical-navigation-submenu-item-link-active-hover--border-width: 0;
  --vertical-navigation-submenu-item-link-active-hover--border-style: none;
  --vertical-navigation-submenu-item-link-active-hover--border-color: transparent;
  --vertical-navigation-submenu-item-link-icon-active-hover-icon-color: #A4A3B1;
  --font-size: 14;
  --branding: #FFE600;
  --primary-font: ey_interstate;
  --secondary-font: noto_sans;
  --font-size-base: 1rem;
  --weight-bold: 700;
  --weight-regular: 400;
  --weight-light: 300;
  --hero-font-size: 2.285rem;
  --h1--font-size: 2rem;
  --h2--font-size: 1.714rem;
  --h3--font-size: 1.428rem;
  --h4--font-size: 1.286rem;
  --h5--font-size: 1.143rem;
  --h6--font-size: 1rem;
  --body-sm--font-size: 0.857rem;
  --body-alt--font-size: 1rem;
  --caption--font-size: 0.857rem;
  --overline--font-size: 0.71429rem;
  --instructional-text--font-size: 0.857rem;
  --ease-in-out: 300ms ease-in-out;
  --ease-in-out-fast: 150ms ease-in-out;
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
  --focus: #1275C1;
  --focus-border: 0 0 0 0.1428571429rem var(--focus);
  --disabled: #8A8A9B;
  --disabled-text: #4E4E5D;
  --info: #DEDEE2;
  --error: #FF4136;
  --warning: #FF9831;
  --success: #34CE63;
  --black: #FFF;
  --body--color: #DEDEE2;
  --body--bg-color: #1A1A24;
  --list-style: circle;
  --theme-name: dark;
  --brand-name: motif;
  --form-element--color: #DEDEE2;
  --form-element--size: 1rem;
  --form-element--border-radius: 0.1428571429rem;
  --form-element--border-color: #4E4E5D;
  --form-element--border-style: solid;
  --form-element--border-width: 0.0714285714rem;
  --form-element--bg-color: #23232F;
  --form-element--box-shadow: none;
  --form-element-disabled--color: #737387;
  --form-element-disabled--border-radius: 0.1428571429rem;
  --form-element-disabled--border-color: transparent;
  --form-element-disabled--border-style: none;
  --form-element-disabled--border-width: 0.0714285714rem;
  --form-element-disabled--bg-color: #2E2E38;
  --form-element-disabled--box-shadow: none;
  --form-element-hover--color: #DEDEE2;
  --form-element-hover--border-radius: 0.1428571429rem;
  --form-element-hover--border-color: #4E4E5D;
  --form-element-hover--border-style: solid;
  --form-element-hover--border-width: 0.0714285714rem;
  --form-element-hover--bg-color: #2E2E38;
  --form-element-hover--box-shadow: none;
  --form-element-focus--color: #DEDEE2;
  --form-element-focus--border-radius: 0.1428571429rem;
  --form-element-focus--border-color: #85B9FD;
  --form-element-focus--border-style: solid;
  --form-element-focus--border-width: 0.0714285714rem;
  --form-element-focus--bg-color: #23232F;
  --form-element-focus--box-shadow: none;
  --form-element-error--color: #DEDEE2;
  --form-element-error--border-radius: 0.1428571429rem;
  --form-element-error--border-color: #C70117;
  --form-element-error--border-style: solid;
  --form-element-error--border-width: 0.0714285714rem;
  --form-element-error--bg-color: #23232F;
  --form-element-error--box-shadow: none;
  --form-element-placeholder--color: #A4A3B1;
  --form-element-placeholder-focus--color: #A4A3B1;
  --form-element-placeholder-hover--color: #A4A3B1;
  --form-element-placeholder-disabled--color: #737387;
  --form-element-placeholder-error--color: #A4A3B1;
  --form-element-icon-color: #737387;
  --form-element-icon-focus-icon-color: #737387;
  --form-element-icon-hover-icon-color: #737387;
  --form-element-icon-disabled-icon-color: #737387;
  --form-element-icon-error-icon-color: #737387;
  --form-element-label--color: #A4A3B1;
  --form-element-label-focus--color: #A4A3B1;
  --form-element-label-hover--color: #A4A3B1;
  --form-element-label-disabled--color: #737387;
  --form-element-label-error--color: #A4A3B1;
  --label--size: var(--form-element-label--size);
  --label--color: var(--form-element-label--color);
  --label--bg-color: #23232F;
  --label--border-width: 0.0714285714rem;
  --label-hover--bg-color: #2E2E38;
  --label-hover--border-width: 0.0714285714rem;
  --label-focus--bg-color: #23232F;
  --label-focus--border-width: 0.0714285714rem;
  --label-disabled--color: #2E2E38;
  --label-disabled--bg-color: transparent;
}
/* EY INTERSTATE */
@font-face {
  font-family: "ey_interstate";
  src: url("/assess-lite/assets/EYInterstate-Bold-BlMWcvA2.eot");
  src: url("/assess-lite/assets/EYInterstate-Bold-BlMWcvA2.eot?#iefix") format("embedded-opentype"), url("/assess-lite/assets/EYInterstate-Bold-AOD_beEg.woff2") format("woff2"), url("/assess-lite/assets/EYInterstate-Bold-Bpw7SqR9.woff") format("woff"), url("/assess-lite/assets/EYInterstate-Bold-B_wTDVq4.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ey_interstate";
  src: url("/assess-lite/assets/EYInterstate-Regular-BQ-vaGAb.eot");
  src: url("/assess-lite/assets/EYInterstate-Regular-BQ-vaGAb.eot?#iefix") format("embedded-opentype"), url("/assess-lite/assets/EYInterstate-Regular-qIzze8KE.woff2") format("woff2"), url("/assess-lite/assets/EYInterstate-Regular-dcVxH6lv.woff") format("woff"), url("/assess-lite/assets/EYInterstate-Regular-BPj0lZUR.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ey_interstate";
  src: url("/assess-lite/assets/EYInterstate-Light-D-m-skXp.eot");
  src: url("/assess-lite/assets/EYInterstate-Light-D-m-skXp.eot?#iefix") format("embedded-opentype"), url("/assess-lite/assets/EYInterstate-Light-D1CGZA0X.ttf") format("truetype"), url("/assess-lite/assets/EYInterstate-Light-BDnCOidE.woff") format("woff"), url("/assess-lite/assets/EYInterstate-Light-v2thsw10.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* NOTO_SANS FONT FAMILY */
@font-face {
  font-family: "noto_sans";
  src: url("/assess-lite/assets/notosans-bold-webfont-B9YIQ3jH.eot");
  src: url("/assess-lite/assets/notosans-bold-webfont-B9YIQ3jH.eot?#iefix") format("embedded-opentype"), url("/assess-lite/assets/notosans-bold-webfont-DxlZqyKA.woff2") format("woff2"), url("/assess-lite/assets/notosans-bold-webfont-BlWgIoub.woff") format("woff"), url("/assess-lite/assets/notosans-bold-webfont-QMZOiubK.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "noto_sans";
  src: url("/assess-lite/assets/notosans-medium-webfont-BrRbZYA3.eot");
  src: url("/assess-lite/assets/notosans-medium-webfont-BrRbZYA3.eot?#iefix") format("embedded-opentype"), url("/assess-lite/assets/notosans-medium-webfont-JBN-tRsH.ttf") format("truetype"), url("/assess-lite/assets/notosans-medium-webfont-D8p_9vgZ.woff") format("woff"), url("/assess-lite/assets/notosans-medium-webfont-z-i6VXAC.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "noto_sans";
  src: url("/assess-lite/assets/NotoSans-Light-zkPFoRD5.ttf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
body {
  --ag-legacy-styles-loaded: "true";
}
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}
.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}
.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}
.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}
.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}
.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}
.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}
.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}
.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}
.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}
.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}
.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}
.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}
.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}
.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}
.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}
.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}
.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}
.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}
.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}
.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}
.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}
.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}
.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}
.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}
.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}
.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}
.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}
.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}
.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}
.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}
.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}
.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}
.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}
.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}
.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}
.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}
.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}
.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}
.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}
.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}
.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}
.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}
.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}
.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}
.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}
.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}
.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}
.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}
.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}
.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}
.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}
.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}
.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}
.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}
.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}
.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}
.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}
.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}
.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}
.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}
.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}
.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}
.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}
.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}
.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}
.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}
.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}
.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}
.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}
.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}
.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}
.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}
.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}
.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}
.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}
.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}
.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}
.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}
.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}
.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}
.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}
.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}
.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}
.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}
.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}
.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}
.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}
.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}
.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}
.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}
.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}
.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}
.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}
.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}
.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}
.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}
.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}
.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}
.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}
.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}
.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}
.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}
.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}
.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}
.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}
.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}
.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}
.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}
.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}
[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}
.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}
.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}
[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}
ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}
.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}
.ag-hidden {
  display: none !important;
}
.ag-invisible {
  visibility: hidden !important;
}
.ag-drag-handle {
  cursor: grab;
}
.ag-column-drop-wrapper {
  display: flex;
}
.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}
.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}
.ag-tab-guard-top {
  top: 1px;
}
.ag-tab-guard-bottom {
  bottom: 1px;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}
.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}
.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}
.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}
.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}
.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}
.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}
.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}
.ag-center-cols-container {
  display: block;
}
.ag-pinned-right-cols-container {
  display: block;
}
.ag-body-horizontal-scroll-container {
  height: 100%;
}
.ag-body-vertical-scroll-container {
  width: 100%;
}
.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}
.ag-full-width-container {
  width: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ag-virtual-list-container {
  overflow: hidden;
}
.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}
.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}
.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}
.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}
.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}
.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}
.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.ag-pinned-left-header {
  height: 100%;
}
.ag-pinned-right-header {
  height: 100%;
}
.ag-header-row {
  position: absolute;
}
.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}
.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}
.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}
.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}
.ag-header-cell-label {
  text-overflow: ellipsis;
}
.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}
.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-header-cell-comp-wrapper {
  width: 100%;
}
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}
.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}
.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}
.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}
.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}
.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}
.ag-header-select-all {
  display: flex;
}
.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}
.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}
.ag-column-select-header-icon {
  position: relative;
}
.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-header-filter {
  width: 100%;
}
.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}
.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.ag-column-drop-list {
  display: flex;
  align-items: center;
}
.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}
.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}
.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}
.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
  display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}
.ag-column-drop-cell-button {
  cursor: pointer;
}
.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}
.ag-filter-toolpanel-header {
  position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}
.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}
.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}
.ag-row-no-animation .ag-row {
  transition: none;
}
.ag-row {
  white-space: nowrap;
  width: 100%;
}
.ag-row-loading {
  display: flex;
  align-items: center;
}
.ag-row-position-absolute {
  position: absolute;
}
.ag-row-position-relative {
  position: relative;
}
.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}
.ag-row-inline-editing {
  z-index: 1;
}
.ag-row-dragging {
  z-index: 2;
}
.ag-stub-cell {
  display: flex;
  align-items: center;
}
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}
.ag-cell-value {
  flex: 1 1 auto;
}
.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}
.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}
.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}
.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}
.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter-filter {
  flex: 1 1 0px;
}
.ag-filter-condition {
  display: flex;
  justify-content: center;
}
.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}
.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}
.ag-floating-filter-button {
  display: flex;
  flex: none;
}
.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}
.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}
.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ag-overlay-loading-wrapper {
  pointer-events: all;
}
.ag-popup-child {
  z-index: 5;
  top: 0;
}
.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-large-text-input {
  display: block;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}
.ag-sticky-bottom {
  box-sizing: content-box !important;
}
.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}
.ag-panel-title-bar-title {
  flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
  display: flex;
}
.ag-panel-title-bar-button {
  cursor: pointer;
}
.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.ag-dialog {
  position: absolute;
}
.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-tooltip {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-menu-option-custom {
  display: contents;
}
.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}
.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}
.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}
.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}
.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}
.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}
.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}
.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}
.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}
.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}
.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-autocomplete-list {
  position: relative;
}
.ag-autocomplete-virtual-list-item {
  display: flex;
}
.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}
.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}
.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}
.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}
.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}
.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}
.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ag-side-button-label {
  writing-mode: vertical-lr;
}
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-panel {
  display: inline-flex;
}
.ag-status-name-value {
  white-space: nowrap;
}
.ag-status-bar-left {
  display: inline-flex;
}
.ag-status-bar-center {
  display: inline-flex;
}
.ag-status-bar-right {
  display: inline-flex;
}
.ag-icon {
  display: block;
  speak: none;
}
.ag-group {
  position: relative;
  width: 100%;
}
.ag-group-title-bar {
  display: flex;
  align-items: center;
}
.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ag-group-title-bar .ag-group-title {
  cursor: default;
}
.ag-group-toolbar {
  display: flex;
  align-items: center;
}
.ag-group-container {
  display: flex;
}
.ag-disabled .ag-group-container {
  pointer-events: none;
}
.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-group-container-vertical {
  flex-direction: column;
}
.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}
.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ag-input-field-input {
  flex: 1 1 auto;
}
.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}
.ag-range-field {
  display: flex;
  align-items: center;
}
.ag-angle-select {
  display: flex;
  align-items: center;
}
.ag-angle-select-wrapper {
  display: flex;
}
.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select-child-circle {
  position: absolute;
}
.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}
.ag-picker-field-display {
  flex: 1 1 auto;
}
.ag-picker-field {
  display: flex;
  align-items: center;
}
.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.ag-picker-field-wrapper {
  overflow: hidden;
}
.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}
.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}
.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}
.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-spectrum-val {
  cursor: pointer;
}
.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}
.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}
.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}
.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}
.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}
.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}
.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}
.ag-recent-colors {
  display: flex;
}
.ag-recent-color {
  cursor: pointer;
}
.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}
.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}
.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}
.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}
.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}
@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
[class^=ag-]::-ms-clear {
  display: none;
}
.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}
.ag-button:hover {
  background-color: transparent;
}
.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}
input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}
textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}
input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[class^=ag-][type=range] {
  padding: 0;
}
input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}
.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}
.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}
.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}
.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}
.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}
.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}
.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}
.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}
.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}
.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}
.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}
.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}
.ag-color-panel {
  padding: var(--ag-grid-size);
}
.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}
.ag-spectrum-tools {
  padding: 10px;
}
.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-recent-colors {
  margin-top: 10px;
}
.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}
.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}
.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}
.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}
.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}
.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}
.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}
.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}
.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}
.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}
.ag-rich-select-row-text-highlight {
  font-weight: bold;
}
.ag-autocomplete {
  width: 100%;
}
.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}
.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}
.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}
.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}
.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}
.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}
.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}
.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}
.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}
.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}
.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-column-select-header-icon {
  cursor: pointer;
}
.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}
.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}
.ag-rtl {
  text-align: right;
}
.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}
.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}
.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}
.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-value-change-delta {
  padding-right: 2px;
}
.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}
.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}
.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}
.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}
.ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}
.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}
.ag-row-highlight-above::after {
  top: 0px;
}
.ag-row-highlight-below::after {
  bottom: 0px;
}
.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}
.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}
.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}
.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}
.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}
.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}
.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}
.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}
.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}
.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}
.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-large-text-input textarea {
  resize: none;
}
.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}
.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}
.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}
.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}
.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}
@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}
.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}
.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}
.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}
.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}
.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}
.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}
.ag-fill-handle {
  cursor: cell;
}
.ag-range-handle {
  cursor: nwse-resize;
}
.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}
.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}
.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}
.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}
.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}
.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}
.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}
.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}
.ag-tabs-header {
  display: flex;
}
.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}
.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}
.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}
.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}
.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}
.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}
.ag-filter-condition-operator {
  height: 17px;
}
.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}
.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}
.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}
.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}
.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-set-filter {
  --ag-indentation-level: 0;
}
.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}
.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}
.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}
.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}
.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}
.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-side-bar {
  position: relative;
}
.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}
.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}
button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}
.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}
.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}
.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}
.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}
.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}
.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}
.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}
.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}
.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}
.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}
.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}
.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}
.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}
.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}
.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}
.ag-header-highlight-before::after {
  left: 0px;
}
.ag-header-highlight-after::after {
  right: 0px;
}
.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}
.ag-header-cell-resize {
  display: flex;
  align-items: center;
}
.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}
.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}
.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}
.ag-paging-button {
  cursor: pointer;
}
.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}
.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}
.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}
.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}
.ag-status-bar-center {
  text-align: center;
}
.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}
.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}
.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}
.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}
.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}
.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}
.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}
.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}
.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}
.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-sort-indicator-container {
  display: flex;
}
.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}
.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}
.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}
.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}
.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}
.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}
.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}
.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}
.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}
.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}
.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}
.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}
.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}
.ag-chart .ag-chart-menu {
  display: none;
}
.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}
.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}
.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}
.ag-charts-data-group-item {
  position: relative;
}
.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}
.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}
.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}
.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}
.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}
.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}
.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}
.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}
.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}
.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}
.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}
.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}
.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}
.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}
.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-date-time-list-page-title-bar {
  display: flex;
}
.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}
.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}
.ag-date-time-list-page-column-label {
  text-align: center;
}
.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}
.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}
.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}
.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}
.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}
.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}
.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}
.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}
.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}
.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}
.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}
.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}
.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}
.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}
.ag-input-field-input {
  width: 100%;
  min-width: 0;
}
.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}
.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}
.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}
.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}
.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}
.motif-default-template{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.motif-avatar-group-template{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5714285714rem;padding:.8571428571rem 1rem}
.motif-display-default-light{font-size:5rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:6.4285714286rem;letter-spacing:-.2rem}
.motif-display-default-regular{font-size:5rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:6.4285714286rem;letter-spacing:-.2rem}
.motif-display-default-bold{font-size:5rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:6.4285714286rem;letter-spacing:-.2rem}
.motif-display-2-light{font-size:4.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:5rem;letter-spacing:-.0828571429rem}
.motif-display-2-regular{font-size:4.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:5rem;letter-spacing:-.0828571429rem}
.motif-display-2-bold{font-size:4.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:5rem;letter-spacing:-.0828571429rem}
.motif-display-3-light{font-size:3.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:4.1428571429rem;letter-spacing:-.0657142857rem}
.motif-display-3-regular{font-size:3.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:4.1428571429rem;letter-spacing:-.0657142857rem}
.motif-display-3-bold{font-size:3.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:4.1428571429rem;letter-spacing:-.0657142857rem}
.motif-display-4-light{font-size:2.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:3rem;letter-spacing:-.0485714286rem}
.motif-display-4-regular{font-size:2.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:3rem;letter-spacing:-.0485714286rem}
.motif-display-4-bold{font-size:2.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:3rem;letter-spacing:-.0485714286rem}
.motif-h1-default-light{font-size:2.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.8571428571rem;letter-spacing:-.0457142857rem}
.motif-h1-default-regular{font-size:2.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.8571428571rem;letter-spacing:-.0457142857rem}
.motif-h1-default-bold{font-size:2.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.8571428571rem;letter-spacing:-.0457142857rem}
.motif-h2-default-light{font-size:2rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.5714285714rem}
.motif-h2-default-regular{font-size:2rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.5714285714rem}
.motif-h2-default-bold{font-size:2rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.5714285714rem}
.motif-h3-default-light{font-size:1.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.2857142857rem}
.motif-h3-default-regular{font-size:1.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.2857142857rem}
.motif-h3-default-bold{font-size:1.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.2857142857rem}
.motif-h4-default-light{font-size:1.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.2857142857rem}
.motif-h4-default-regular{font-size:1.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.2857142857rem}
.motif-h4-default-bold{font-size:1.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.2857142857rem}
.motif-h5-default-light{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.1428571429rem}
.motif-h5-default-regular{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.1428571429rem}
.motif-h5-default-bold{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.1428571429rem}
.motif-h5-italic-light{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:2.1428571429rem}
.motif-h5-italic-regular{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:2.1428571429rem}
.motif-h5-italic-bold{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:2.1428571429rem}
.motif-h5-underlined-light{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.1428571429rem;text-decoration:underline}
.motif-h5-underlined-regular{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.1428571429rem;text-decoration:underline}
.motif-h5-underlined-bold{font-size:1.5714285714rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.1428571429rem;text-decoration:underline}
.motif-h6-default-light{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.1428571429rem}
.motif-h6-default-regular{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.1428571429rem}
.motif-h6-default-bold{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.1428571429rem}
.motif-h6-italic-light{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:2.1428571429rem}
.motif-h6-italic-regular{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:2.1428571429rem}
.motif-h6-italic-bold{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:2.1428571429rem}
.motif-h6-underlined-light{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2.1428571429rem;text-decoration:underline}
.motif-h6-underlined-regular{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2.1428571429rem;text-decoration:underline}
.motif-h6-underlined-bold{font-size:1.4285714286rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2.1428571429rem;text-decoration:underline}
.motif-subtitle-default-light{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2rem}
.motif-subtitle-default-regular{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2rem}
.motif-subtitle-default-bold{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2rem}
.motif-subtitle-italic-light{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:2rem}
.motif-subtitle-italic-regular{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:2rem}
.motif-subtitle-italic-bold{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:2rem}
.motif-subtitle-underlined-light{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:2rem;text-decoration:underline}
.motif-subtitle-underlined-regular{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2rem;text-decoration:underline}
.motif-subtitle-underlined-bold{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:2rem;text-decoration:underline}
.motif-body1-default-light{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.7142857143rem}
.motif-body1-default-regular{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.7142857143rem}
.motif-body1-default-bold{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.7142857143rem}
.motif-body1-italic-light{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:1.7142857143rem}
.motif-body1-italic-regular{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:1.7142857143rem}
.motif-body1-italic-bold{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:1.7142857143rem}
.motif-body1-underlined-light{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.7142857143rem;text-decoration:underline}
.motif-body1-underlined-regular{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.7142857143rem;text-decoration:underline}
.motif-body1-underlined-bold{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.7142857143rem;text-decoration:underline}
.motif-body2-default-light{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.4285714286rem}
.motif-body2-default-regular{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.4285714286rem}
.motif-body2-default-bold{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.4285714286rem}
.motif-body2-italic-light{font-size:1rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:1.4285714286rem}
.motif-body2-italic-regular{font-size:1rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:1.4285714286rem}
.motif-body2-italic-bold{font-size:1rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:1.4285714286rem}
.motif-body2-underlined-light{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.4285714286rem;text-decoration:underline}
.motif-body2-underlined-regular{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.4285714286rem;text-decoration:underline}
.motif-body2-underlined-bold{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.4285714286rem;text-decoration:underline}
.motif-caption-default-light{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.2857142857rem}
.motif-caption-default-regular{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.2857142857rem}
.motif-caption-default-bold{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.2857142857rem}
.motif-caption-italic-light{font-size:.8571428571rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:1.2857142857rem}
.motif-caption-italic-regular{font-size:.8571428571rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:1.2857142857rem}
.motif-caption-italic-bold{font-size:.8571428571rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:1.2857142857rem}
.motif-caption-underlined-light{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.2857142857rem;text-decoration:underline}
.motif-caption-underlined-regular{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.2857142857rem;text-decoration:underline}
.motif-caption-underlined-bold{font-size:.8571428571rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1.2857142857rem;text-decoration:underline}
.motif-overline-default-light{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:1.2857142857rem}
.motif-overline-default-regular{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:.8571428571rem;letter-spacing:.0285714286rem}
.motif-overline-default-bold{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:.8571428571rem;letter-spacing:.0285714286rem}
.motif-overline-italic-light{font-size:.7142857143rem;font-family:var(--primary-font);font-style:italic;font-weight:300;line-height:.8571428571rem;letter-spacing:.0285714286rem}
.motif-overline-italic-regular{font-size:.7142857143rem;font-family:var(--primary-font);font-style:italic;font-weight:400;line-height:.8571428571rem;letter-spacing:.0285714286rem}
.motif-overline-italic-bold{font-size:.7142857143rem;font-family:var(--primary-font);font-style:italic;font-weight:700;line-height:.8571428571rem;letter-spacing:.0285714286rem}
.motif-overline-underlined-light{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:300;line-height:.8571428571rem;letter-spacing:.0285714286rem;text-decoration:underline}
.motif-overline-underlined-regular{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:.8571428571rem;letter-spacing:.0285714286rem;text-decoration:underline}
.motif-overline-underlined-bold{font-size:.7142857143rem;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:.8571428571rem;letter-spacing:.0285714286rem;text-decoration:underline}
.motif-button-sm-regular{font-size:1rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.4285714286rem}
.motif-button-md-regular{font-size:1.1428571429rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:1.7142857143rem}
.motif-button-lg-regular{font-size:1.2857142857rem;font-family:var(--primary-font);font-style:normal;font-weight:400;line-height:2rem}
.motif-hero{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--hero--font-size);line-height:2.8571428571rem}
.motif-hero.motif-header-light{color:#fff}
.motif-h1{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h1--font-size);line-height:2.5714285714rem}
.motif-h1.motif-header-light{color:#fff}
.motif-h2{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h2--font-size);line-height:2.2857142857rem}
.motif-h2.motif-header-light{color:#fff}
.motif-h3{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h3--font-size);line-height:2.1428571429rem}
.motif-h3.motif-header-light{color:#fff}
.motif-h4{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h4--font-size);line-height:2rem}
.motif-h4.motif-header-light{color:#fff}
.motif-h5{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h5--font-size);line-height:1.7142857143rem}
.motif-h5.motif-header-light{color:#fff}
.motif-h6{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:var(--h6--font-size);line-height:1.56}
.motif-h6.motif-header-light{color:#fff}
.motif-subtitle{color:#1a1a24;font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:1.2857142857rem;line-height:2rem}
.motif-subtitle.motif--subtitle-light{color:#fff}
.motif-subtitle-sm{color:#1a1a24;font-family:var(--primary-font);font-weight:var(--weight-regular);font-size:1.2857142857rem;line-height:2rem}
.motif-subtitle-sm.motif--subtitle-light{color:#fff}
.motif-body{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-light);line-height:1.5714285714rem;font-size:var(--font-size-base)}
.motif-body.motif-body-light{color:#fff}
.motif-body-sm{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-light);font-size:var(--body-sm--font-size);line-height:1.4285714286rem}
.motif-body-alt{font-size:var(--body-alt--font-size);font-weight:var(--weight-regular);line-height:1.5714285714rem;font-family:var(--secondary-font);color:var(--body-color)}
.motif-caption-copy{color:var(--body--color);font-family:var(--primary-font);font-weight:var(--weight-light);font-size:var(--caption--font-size);line-height:1.4285714286rem}
.motif-overline{font-family:var(--primary-font);font-weight:var(--weight-bold);font-size:var(--overline--font-size);line-height:.8571428571rem;letter-spacing:.0278571429rem;text-transform:uppercase}
.motif-instructional-text{color:var(--body-color);font-family:var(--primary-font);font-size:var(--instructional-text--font-size);font-weight:var(--weight-regular);line-height:1.1428571429rem}
.motif-caption{font-size:var(--caption--font-size);font-weight:var(--weight-regular);line-height:1.1428571429rem}
.motif-global-header-sec-title{font-size:1.2857142857rem;font-weight:var(--weight-bold);line-height:1.7142857143rem}
.motif-main-navigation{font-size:1.1428571429rem;font-weight:var(--weight-light);line-height:1.7142857143rem}
.motif-main-navigation-active{font-weight:var(--weight-bold)}
.motif-sub-navigation{font-size:1rem;font-weight:var(--weight-light);line-height:1.5714285714rem}
.motif-sub-navigation-actve{font-weight:var(--weight-bold)}
.motif-results-page-text{font-size:1rem;font-weight:var(--weight-bold);line-height:1.5714285714rem}
.motif-results-page-sec-desc{font-size:.8571428571rem;font-weight:var(--weight-light);line-height:1.4285714286rem}
.motif-form-data-input{font-size:1rem;font-weight:var(--weight-light);line-height:1.5714285714rem}
.motif-form-data-input-disabled{color:#9897a6}
.motif-form-data-input-text-match{font-size:1rem;font-weight:var(--weight-bold);line-height:1.5714285714rem}
.motif-form-data-label{font-size:.8571428571rem;font-weight:var(--weight-light);line-height:1.4285714286rem}
.motif-form-data-label-disabled{color:#9897a6}
.motif-label{font-size:1rem;font-weight:var(--weight-regular)}
.motif-form-validation{font-size:.7142857143rem;font-weight:var(--weight-regular);line-height:1.1428571429rem}
body[motif-theme=light] .motif-dynamic-input-template{display:flex;align-items:center;padding:.4285714286rem 1rem;background:#fff;border:0;border-radius:.2857142857rem;width:100%;height:3.1428571429rem;color:#656579;gap:.5714285714rem;cursor:pointer;transition:background .2s ease-in-out;justify-content:space-between}
body[motif-theme=light] .motif-dynamic-input-template:hover{background:#f3f3f5}
body[motif-theme=light] .motif-dynamic-input-template:focus-visible{outline:.1428571429rem solid #0F69AE;outline-offset:0}
body[motif-theme=light] .motif-dynamic-input-template .dynamic-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1}
body[motif-theme=light] .motif-dynamic-input-template .dynamic-text strong{margin-right:.5714285714rem}
body[motif-theme=light] .motif-dynamic-input-template .motif-icon{min-width:1.4285714286rem;min-height:1.4285714286rem}
body[motif-theme=light] .motif-dynamic-input-template .motif-avatar{min-width:2.2857142857rem;min-height:2.2857142857rem}
body[motif-theme=dark] .motif-dynamic-input-template{display:flex;align-items:center;padding:.4285714286rem 1rem;background:#23232f;border:0;border-radius:.2857142857rem;width:100%;height:3.1428571429rem;color:#a4a3b1;gap:.5714285714rem;cursor:pointer;transition:background .2s ease-in-out;justify-content:space-between}
body[motif-theme=dark] .motif-dynamic-input-template:hover{background:#2e2e38}
body[motif-theme=dark] .motif-dynamic-input-template:focus-visible{outline:.1428571429rem solid #85B9FD;outline-offset:0}
body[motif-theme=dark] .motif-dynamic-input-template .dynamic-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1}
body[motif-theme=dark] .motif-dynamic-input-template .dynamic-text strong{margin-right:.5714285714rem}
body[motif-theme=dark] .motif-dynamic-input-template .motif-icon{min-width:1.4285714286rem;min-height:1.4285714286rem}
body[motif-theme=dark] .motif-dynamic-input-template .motif-avatar{min-width:2.2857142857rem;min-height:2.2857142857rem}
/*!
* Quill Editor v2.0.2
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}
.ql-container.ql-disabled .ql-tooltip{visibility:hidden}
.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}
.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}
.ql-clipboard p{margin:0;padding:0}
.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}
.ql-editor>*{cursor:text}
.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}
@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor table{border-collapse:collapse}
.ql-editor td{border:1px solid #000;padding:2px 5px}
.ql-editor ol{padding-left:1.5em}
.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}
.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}
.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}
.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}
.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}
.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}
@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered]{counter-increment:list-0}
.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}
.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}
.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}
.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}
.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}
.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}
.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}
.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}
.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}
.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}
.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}
@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}
@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}
.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}
.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}
.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}
.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}
.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}
.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}
.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}
.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}
.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}
.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}
.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}
.ql-editor li.ql-direction-rtl{padding-right:1.5em}
.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}
.ql-editor table{table-layout:fixed;width:100%}
.ql-editor table td{outline:none}
.ql-editor .ql-code-block-container{font-family:monospace}
.ql-editor .ql-video{display:block;max-width:100%}
.ql-editor .ql-video.ql-align-center{margin:0 auto}
.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}
.ql-editor .ql-bg-black{background-color:#000}
.ql-editor .ql-bg-red{background-color:#e60000}
.ql-editor .ql-bg-orange{background-color:#f90}
.ql-editor .ql-bg-yellow{background-color:#ff0}
.ql-editor .ql-bg-green{background-color:#008a00}
.ql-editor .ql-bg-blue{background-color:#06c}
.ql-editor .ql-bg-purple{background-color:#93f}
.ql-editor .ql-color-white{color:#fff}
.ql-editor .ql-color-red{color:#e60000}
.ql-editor .ql-color-orange{color:#f90}
.ql-editor .ql-color-yellow{color:#ff0}
.ql-editor .ql-color-green{color:#008a00}
.ql-editor .ql-color-blue{color:#06c}
.ql-editor .ql-color-purple{color:#93f}
.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}
.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}
.ql-editor .ql-size-small{font-size:.75em}
.ql-editor .ql-size-large{font-size:1.5em}
.ql-editor .ql-size-huge{font-size:2.5em}
.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}
.ql-editor .ql-align-center{text-align:center}
.ql-editor .ql-align-justify{text-align:justify}
.ql-editor .ql-align-right{text-align:right}
.ql-editor .ql-ui{position:absolute}
.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}
.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:"";display:table}
.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}
.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}
.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}
.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}
.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}
.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}
.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}
@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}
.ql-bubble,.ql-bubble *{box-sizing:border-box}
.ql-bubble .ql-hidden{display:none}
.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}
.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}
.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}
.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}
.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}
.ql-bubble .ql-formats:after{clear:both;content:"";display:table}
.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}
.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}
.ql-bubble .ql-empty{fill:none}
.ql-bubble .ql-even{fill-rule:evenodd}
.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}
.ql-bubble .ql-transparent{opacity:.4}
.ql-bubble .ql-direction svg:last-child{display:none}
.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}
.ql-bubble .ql-direction.ql-active svg:first-child{display:none}
.ql-bubble .ql-editor h1{font-size:2em}
.ql-bubble .ql-editor h2{font-size:1.5em}
.ql-bubble .ql-editor h3{font-size:1.17em}
.ql-bubble .ql-editor h4{font-size:1em}
.ql-bubble .ql-editor h5{font-size:.83em}
.ql-bubble .ql-editor h6{font-size:.67em}
.ql-bubble .ql-editor a{text-decoration:underline}
.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}
.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}
.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}
.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}
.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}
.ql-bubble .ql-editor img{max-width:100%}
.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}
.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}
.ql-bubble .ql-picker-label:before{display:inline-block;line-height:22px}
.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}
.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}
.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}
.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}
.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}
.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}
.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}
.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}
.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}
.ql-bubble .ql-picker.ql-header{width:98px}
.ql-bubble .ql-picker.ql-header .ql-picker-label:before,.ql-bubble .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}
.ql-bubble .ql-picker.ql-font{width:108px}
.ql-bubble .ql-picker.ql-font .ql-picker-label:before,.ql-bubble .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}
.ql-bubble .ql-picker.ql-size{width:98px}
.ql-bubble .ql-picker.ql-size .ql-picker-label:before,.ql-bubble .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}
.ql-code-block-container{position:relative}
.ql-code-block-container .ql-ui{right:5px;top:5px}
.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}
.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}
.ql-bubble .ql-color-picker svg{margin:1px}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}
.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}
.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}
.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}
.ql-bubble .ql-tooltip-editor{display:none}
.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}
.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}
.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"×";font-size:16px;font-weight:700}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:400;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease .2s;visibility:hidden}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after{visibility:visible}
/*  Function for converting a px based font-size to get-function(rem). */
.motif-input-component {
  position: relative;
  display: flex;
  min-height: 3.1428571429rem;
}
.motif-input-component .motif-input[labelposition=in] {
  height: 3.1428571429rem;
  font-size: 1rem;
  line-height: 1.4285714286rem;
  font-weight: 300;
  padding-top: 2rem;
}
.motif-input-component .motif-input-right-components {
  display: flex;
  gap: 0.5714285714rem;
}
.motif-input-component .motif-input:not([type=password]) {
  font-family: var(--primary-font);
}
.motif-input-component input[type=password]::-ms-reveal,
.motif-input-component input[type=password]::-ms-clear {
  display: none;
}
.motif-input-component .motif-input[type=number]::-webkit-inner-spin-button,
.motif-input-component .motif-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.motif-theme-dark .motif-input-component .motif-input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.motif-input-component .motif-input-clear-button {
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.motif-input-component .motif-input-clear-button:first-of-type {
  right: 0.5rem;
}
.motif-input-component .motif-input-clear-button * {
  fill: var(--input-icon-color);
}
.motif-input-component .motif-textarea-clear-button {
  display: inline-flex;
  right: 0.5714285714rem;
  top: 0.4285714286rem;
}
.motif-input-component .motif-textarea-clear-button * {
  stroke: var(--input-icon-color);
}
.motif-input-component input.motif-input::placeholder,
.motif-input-component textarea.motif-text-area::placeholder {
  font-size: var(--font-size-base);
  color: var(--input-placeholder--color);
  transition: opacity var(--ease-in-out-fast);
  opacity: 1;
}
.motif-input-component input.motif-input:focus-visible::placeholder,
.motif-input-component textarea.motif-text-area:focus-visible::placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-focus--color);
}
.motif-input-component input.motif-input:hover::placeholder,
.motif-input-component textarea.motif-text-area:hover::placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-hover--color);
}
.motif-input-component input.motif-input:disabled::placeholder,
.motif-input-component textarea.motif-text-area:disabled::placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-disabled--color);
}
.motif-input-component input.motif-input::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area::-webkit-input-placeholder {
  font-size: var(--font-size-base);
  color: var(--input-placeholder--color);
  transition: opacity var(--ease-in-out-fast);
  opacity: 1;
}
.motif-input-component input.motif-input:focus-visible::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area:focus-visible::-webkit-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-focus--color);
}
.motif-input-component input.motif-input:hover::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area:hover::-webkit-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-hover--color);
}
.motif-input-component input.motif-input:disabled::-webkit-input-placeholder,
.motif-input-component textarea.motif-text-area:disabled::-webkit-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-disabled--color);
}
.motif-input-component input.motif-input:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:-ms-input-placeholder {
  color: var(--input-placeholder--color);
  transition: opacity var(--ease-in-out-fast);
  opacity: 1;
}
.motif-input-component input.motif-input:focus-visible:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:focus-visible:-ms-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-focus--color);
}
.motif-input-component input.motif-input:hover:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:hover:-ms-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-hover--color);
}
.motif-input-component input.motif-input:disabled:-ms-input-placeholder,
.motif-input-component textarea.motif-text-area:disabled:-ms-input-placeholder {
  opacity: 1;
  --input-placeholder--color: var(--input-placeholder-disabled--color);
}
.motif-input-component .motif-input {
  padding: 1rem;
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)):hover:not(:disabled), .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)):hover:not(:disabled) {
  --input--color: var(--input-hover--color);
  --input--border-color: var(--input-hover--border-color);
  --input--border-width: var(--input-hover--border-width);
  --input--border-style: var(--input-hover--border-style);
  --input--bg-color: var(--input-hover--bg-color);
  --input--box-shadow: var(--input-hover--box-shadow);
  --input-error--bg-color: var(--input-error-hover--bg-color);
  --text-area--bg-color: var(--text-area-hover--bg-color);
  --text-area--color: var(--text-area-hover--color);
  --text-area--border-color: var(--text-area-hover--border-color);
  --text-area--border-style: var(--text-area-hover--border-style);
  --text-area--border-width: var(--text-area-hover--border-width);
  --text-area--box-shadow: var(--text-area-hover--box-shadow);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)):hover:not(:disabled) label, .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)):hover:not(:disabled) label {
  --text-area-label--color: var(--text-area-hover-label--color);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled), .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled) {
  --input--color: var(--input-focus--color);
  --input--border-color: var(--input-focus--border-color);
  --input--border-width: var(--input-focus--border-width);
  --input--border-style: var(--input-focus--border-style);
  border-radius: var(--input-focus--border-radius);
  outline-style: var(--input-focus--outline-style);
  outline-color: var(--input-focus--outline-color);
  outline-width: var(--input-focus--outline-width);
  outline-offset: -0.0714285714rem;
  --input--bg-color: var(--input-focus--bg-color);
  --input--box-shadow: var(--input-focus--box-shadow);
  --text-area--bg-color: var(--text-area-focus--bg-color);
  --text-area--color: var(--text-area-focus--color);
  --text-area--border-color: var(--text-area-focus--border-color);
  --text-area--border-style: var(--text-area-focus--border-style);
  --text-area--border-width: var(--text-area-focus--border-width);
  --text-area--box-shadow: var(--text-area-focus--box-shadow);
  --text-area--outline-style: var(--text-area-focus--outline-style);
  --text-area--outline-width: var(--text-area-focus--outline-width);
  --text-area--outline-color: var(--text-area-focus--outline-color);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-invalid), .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-invalid) {
  outline: none;
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix, .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix {
  z-index: 3;
  outline-color: var(--input-prefix-separator-outline-color);
  outline-style: var(--input-prefix-separator-outline-style);
  outline-width: var(--input-prefix-separator-outline-width);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:not(:has(+ .motif-input-invalid)):after, .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:not(:has(+ .motif-input-invalid)):after {
  width: 0.1428571429rem;
  background-color: var(--input-prefix-separator-focus--bg-color);
  height: calc(100% + 0.2857142857rem);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:has(+ .motif-input-invalid), .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled):has(.motif-input-prefix-separator) .motif-input-prefix:has(+ .motif-input-invalid) {
  outline-color: transparent;
}
.motif-input-component:has(.motif-input-prefix + .motif-input):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled) label, .motif-input-component:has(.motif-input-right-components):not(:has(.motif-input-disabled)).motif-input-component-focused:not(:disabled) label {
  --text-area-label--color: var(--text-area-focus-label--color);
}
.motif-input-component:has(.motif-input-prefix + .motif-input):has(.motif-input-disabled), .motif-input-component:has(.motif-input-right-components):has(.motif-input-disabled) {
  --input--color: var(--input-disabled--color);
  --input--border-color: var(--input-disabled--border-color);
  --input--border-width: var(--input-disabled--border-width);
  --input--border-style: var(--input-disabled--border-style);
  --input--bg-color: var(--input-disabled--bg-color);
  --input--box-shadow: var(--input-disabled--box-shadow);
  cursor: not-allowed;
}
.motif-input-component:has(.motif-input-prefix + .motif-input):has(.motif-input-disabled) .motif-input, .motif-input-component:has(.motif-input-right-components):has(.motif-input-disabled) .motif-input {
  cursor: not-allowed;
}
.motif-input-component:has(.motif-input-prefix + .motif-input):has(.motif-input-disabled)::placeholder, .motif-input-component:has(.motif-input-right-components):has(.motif-input-disabled)::placeholder {
  color: var(--form-element-disabled--color);
}
.motif-input-component:has(.motif-input-prefix + .motif-input).motif-input-invalid:not(:disabled), .motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled) {
  --input--color: var(--input-error--color);
  --input--border-color: var(--input-error--border-color);
  --input--border-width: var(--input-error--border-width);
  --input--border-style: var(--input-error--border-style);
  --input--bg-color: var(--input-error--bg-color);
  --input--box-shadow: var(--input-error--box-shadow);
}
.motif-input-component:has(.motif-input-prefix + .motif-input).motif-input-invalid:not(:disabled):hover:not(:disabled), .motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled):hover:not(:disabled) {
  --input--color: var(--input-error-hover--color);
  --input--border-color: var(--input-error-hover--border-color);
  --input--border-width: var(--input-error-hover--border-width);
  --input--border-style: var(--input-error-hover--border-style);
  --input--bg-color: var(--input-error-hover--bg-color);
  --input--box-shadow: var(--input-error-hover--box-shadow);
}
.motif-input-component:has(.motif-input-prefix + .motif-input).motif-input-invalid:not(:disabled):focus-visible:not(:disabled), .motif-input-component:has(.motif-input-right-components).motif-input-invalid:not(:disabled):focus-visible:not(:disabled) {
  --input--color: var(--input-error-focus--color);
  --input--border-color: var(--input-error-focus--border-color);
  --input--border-width: var(--input-error-focus--border-width);
  --input--border-style: var(--input-error-focus--border-style);
  --input-focus--outline-color: var(--input-error-focus--outline-color);
  --input-focus--outline-style: var(--input-error-focus--outline-style);
  --input-focus--outline-width: var(--input-error-focus--outline-width);
  outline-offset: -0.0714285714rem;
  --input--bg-color: var(--input-error-focus--bg-color);
  --input--box-shadow: var(--input-error-focus--box-shadow);
}
.motif-input-component .motif-input,
.motif-input-component .motif-text-area {
  color: var(--input--color);
}
.motif-input-component .motif-input :not([type=password]),
.motif-input-component .motif-text-area :not([type=password]) {
  font-family: var(--primary-font);
}
.motif-input-component .motif-input,
.motif-input-component .motif-text-area {
  font-weight: var(--weight-light);
  font-size: 1rem;
  background: var(--input--bg-color);
  line-height: 1.4285714286rem;
  display: block;
  width: 100%;
  border-color: var(--input--border-color);
  border-width: var(--input--border-width);
  border-style: var(--input--border-style);
  border-radius: var(--input--border-radius);
  box-shadow: var(--input--box-shadow);
}
.motif-input-component .motif-input:not(:has(+ .motif-input-right-components > .motif-input-suffix)):has(+ .motif-input-right-components .motif-input-clear-button),
.motif-input-component .motif-text-area:not(:has(+ .motif-input-right-components > .motif-input-suffix)):has(+ .motif-input-right-components .motif-input-clear-button) {
  padding-right: 3rem;
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled) {
  --input--color: var(--input-error--color);
  border-color: var(--input-error--border-color);
  border-width: var(--input-error--border-width);
  border-style: var(--input-error--border-style);
  --input--bg-color: var(--input-error--bg-color);
  --input--box-shadow: var(--input-error--box-shadow);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled) + .motif-input-right-components .motif-input-suffix,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled) + .motif-input-right-components .motif-input-suffix {
  border-color: var(--input-suffix-error--border-color);
  border-style: var(--input-suffix-error--border-style);
  border-width: var(--input-suffix-error--border-width);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled) + .motif-input-right-components .motif-input-suffix .motif-icon,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled) + .motif-input-right-components .motif-input-suffix .motif-icon {
  --btn-icon-color: var(--input-icon-error-icon-color);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled):hover:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):hover:not(:disabled) {
  --input--color: var(--input-error-hover--color);
  --input--border-color: var(--input-error-hover--border-color);
  --input--border-width: var(--input-error-hover--border-width);
  --input--border-style: var(--input-error-hover--border-style);
  --input--bg-color: var(--input-error-hover--bg-color);
  --input--box-shadow: var(--input-error-hover--box-shadow);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled):hover:not(:disabled) + .motif-input-right-components .motif-input-suffix,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):hover:not(:disabled) + .motif-input-right-components .motif-input-suffix {
  background-color: var(--input-error-hover--bg-color);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled):focus-visible:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):focus-visible:not(:disabled) {
  --input--color: var(--input-error-focus--color);
  --input--border-color: var(--input-error-focus--border-color);
  --input--border-width: var(--input-error-focus--border-width);
  --input--border-style: var(--input-error-focus--border-style);
  --input-focus--outline-color: var(--input-error-focus--outline-color);
  --input-focus--outline-style: var(--input-error-focus--outline-style);
  --input-focus--outline-width: var(--input-error-focus--outline-width);
  outline-offset: -0.0714285714rem;
  --input--bg-color: var(--input-error-focus--bg-color);
  --input--box-shadow: var(--input-error-focus--box-shadow);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled):focus-visible:not(:disabled) + .motif-input-right-components .motif-input-suffix,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled):focus-visible:not(:disabled) + .motif-input-right-components .motif-input-suffix {
  background-color: var(--input-error-focus--bg-color);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area {
  --text-area--box-shadow: var(--text-area-error--box-shadow);
  --text-area--border-color: var(--text-area-error--border-color);
  --text-area--border-style: var(--text-area-error--border-style);
  --text-area--border-width: var(--text-area-error--border-width);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area label,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area label {
  --text-area-label--color: var(--text-area-error-label--color);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area:hover:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area:hover:not(:disabled) {
  --text-area--color: var(--text-area-error-hover--color);
  --text-area-error--bg-color: var(--text-area-error-hover--bg-color);
  --text-area-error--box-shadow: var(--text-area-error-hover--box-shadow);
  --text-area-error--border-color: var(--text-area-error-hover--border-color);
  --text-area-error--border-style: var(--text-area-error-hover--border-style);
  --text-area-error--border-width: var(--text-area-error-hover--border-width);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled).motif-text-area:focus-visible:not(:disabled),
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled).motif-text-area:focus-visible:not(:disabled) {
  --text-area--color: var(--text-area-error-focus--color);
  --text-area-error--bg-color: var(--text-area-error-focus--bg-color);
  --text-area-error--box-shadow: var(--text-area-error-focus--box-shadow);
  --text-area-error--border-color: var(--text-area-error-focus--border-color);
  --text-area-error--border-style: var(--text-area-error-focus--border-style);
  --text-area-error--border-width: var(--text-area-error-focus--border-width);
}
.motif-input-component .motif-input.motif-input-invalid:not(:disabled)::placeholder,
.motif-input-component .motif-text-area.motif-input-invalid:not(:disabled)::placeholder {
  --input-placeholder--color: var(--input-placeholder-error--color);
}
.motif-input-component:not(:has(.motif-input-prefix)) .motif-input:has(+ .motif-input-right-components > .motif-input-suffix) {
  border-color: var(--input-with-suffix--border-color);
  border-style: var(--input-with-suffix--border-style);
  border-width: var(--input-with-suffix--border-width);
  border-radius: var(--input-with-suffix--border-radius);
}
.motif-input-component:not(:has(.motif-input-prefix)) .motif-input:has(+ .motif-input-right-components > .motif-input-suffix).motif-input-invalid {
  border-color: var(--input-with-suffix-error--border-color);
  border-style: var(--input-with-suffix-error--border-style);
  border-width: var(--input-with-suffix-error--border-width);
}
.motif-input-component:has(.motif-input-prefix):not(:has(.motif-input-right-components > .motif-input-suffix)) .motif-input.motif-input-invalid {
  border-color: var(--input-with-prefix-error--border-color);
  border-style: var(--input-with-prefix-error--border-style);
  border-width: var(--input-with-prefix-error--border-width);
}
.motif-input-component:has(.motif-input-prefix):has(.motif-input-right-components > .motif-input-suffix) .motif-input.motif-input-invalid {
  border-color: var(--input-with-prefix-suffix-error--border-color);
  border-style: var(--input-with-prefix-suffix-error--border-style);
  border-width: var(--input-with-prefix-suffix-error--border-width);
  border-radius: var(--input-with-prefix-suffix-error--border-radius);
}
.motif-input-component textarea::-webkit-scrollbar {
  width: 0.3571428571rem;
  background: transparent;
}
.motif-input-component textarea::-webkit-scrollbar:hover {
  background: transparent;
}
.motif-input-component textarea::-webkit-scrollbar-track {
  background: transparent;
}
.motif-input-component textarea::-webkit-scrollbar-thumb {
  background: var(--text-area-scroll-bar--bg-color);
  border-radius: 0.1428571429rem;
}
.motif-input-component textarea::-webkit-scrollbar-thumb:hover {
  background: var(--text-area-scroll-bar-hover--bg-color);
}
.motif-input-component textarea::-webkit-resizer {
  background: var(--text-area-scroll-bar-hover-bg);
}
.motif-input-component .motif-text-area {
  color: var(--text-area--color);
  font-family: var(--primary-font);
  background-color: var(--text-area--bg-color);
  border-color: var(--text-area--border-color);
  border-style: var(--text-area--border-style);
  border-width: var(--text-area--border-width);
  border-radius: var(--text-area--border-radius);
  outline-style: var(--text-area--outline-style);
  outline-width: var(--text-area--outline-width);
  outline-color: var(--text-area--outline-color);
  box-shadow: var(--text-area--box-shadow);
  min-height: 3.5714285714rem;
  resize: vertical;
  overflow-y: auto;
}
.motif-input-component .motif-text-area label {
  color: var(--text-area-label--color);
}
.motif-input-component .motif-text-area:disabled {
  --text-area--color: var(--text-area-disabled--color);
  --text-area--bg-color: var(--text-area-disabled--bg-color);
  --text-area--border-color: var(--text-area-disabled--border-color);
  --text-area--border-style: var(--text-area-disabled--border-style);
  --text-area--border-width: var(--text-area-disabled--border-width);
  --text-area--box-shadow: var(--text-area-disabled--box-shadow);
}
.motif-input-component .motif-text-area:disabled label {
  --text-area-label--color: var(--text-area-disabled-label--color);
}
.motif-input-component .motif-error-icon {
  right: 0.7142857143rem;
  top: 30%;
  z-index: 1;
  height: 1.4285714286rem;
  width: 1.1428571429rem;
  fill: var(--input-icon-error--color);
}
.motif-input-component .motif-error-icon.motif-error-icon-text-area {
  top: calc(45% - 0.5rem);
}
.motif-input-component .motif-input-suffix {
  min-width: 5.0714285714rem;
}
.motif-input-component .motif-input-prefix,
.motif-input-component .motif-input-suffix {
  color: var(--input--color);
  font-weight: var(--weight-light);
  font-size: 1rem;
  background-color: var(--input--bg-color);
  line-height: 1.4285714286rem;
  box-shadow: var(--input--box-shadow);
  display: flex;
  justify-content: center;
  align-items: center;
}
.motif-input-component .motif-input-prefix .motif-icon,
.motif-input-component .motif-input-suffix .motif-icon {
  display: contents;
}
.motif-input-component .motif-input-prefix {
  padding: 0 0.5714285714rem 0 0.9285714286rem;
  border-color: var(--input-prefix--border-color);
  border-style: var(--input-prefix--border-style);
  border-width: var(--input-prefix--border-width);
  border-radius: var(--input-prefix--border-radius);
}
.motif-input-component .motif-input-prefix:has(+ .motif-input-invalid:hover) {
  background-color: var(--input-error-hover--bg-color);
}
.motif-input-component .motif-input-prefix:has(+ .motif-input-invalid.motif-input-focused) {
  background-color: var(--input-error-focus--bg-color);
}
.motif-input-component .motif-input-prefix:not(:focus-visible):has(+ .motif-input-invalid) {
  border-color: var(--input-error--border-color);
  border-style: var(--input-error--border-style);
  border-width: var(--input-error--border-width);
}
.motif-input-component .motif-input-prefix:not(:focus-visible):has(+ .motif-input-invalid):not(:has(.motif-input-right-components > .motif-input-suffix)) {
  border-color: var(--input-prefix-error--border-color);
  border-style: var(--input-prefix-error--border-style);
  border-width: var(--input-prefix-error--border-width);
}
.motif-input-component .motif-input-prefix:not(:focus-visible):has(+ .motif-input-invalid):after {
  --input-prefix-separator--bg-color: var(--input-prefix-separator-error--bg-color);
  --input-prefix-separator-focus--bg-color: var(--input-prefix-separator-error--bg-color);
  width: 0.0714285714rem;
}
.motif-input-component .motif-input-prefix + .motif-input {
  border-color: var(--input-with-prefix--border-color);
  border-style: var(--input-with-prefix--border-style);
  border-width: var(--input-with-prefix--border-width);
  border-radius: var(--input-with-prefix--border-radius);
}
.motif-input-component .motif-input-prefix + .motif-input:has(+ .motif-input-right-components > .motif-input-suffix):not(.motif-input-invalid) {
  border-color: var(--input-with-prefix-suffix--border-color);
  border-style: var(--input-with-prefix-suffix--border-style);
  border-width: var(--input-with-prefix-suffix--border-width);
  border-radius: 0;
}
.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator) {
  padding-right: 0.8571428571rem;
}
.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator):after {
  content: "";
  display: block;
  width: 0.0714285714rem;
  background-color: var(--input-prefix-separator--bg-color);
  height: 100%;
  position: relative;
  right: -0.9285714286rem;
}
.motif-input-component .motif-input-prefix:has(.motif-input-prefix-separator) ~ .motif-input {
  padding-left: 1rem;
}
.motif-input-component .motif-input-suffix {
  padding: 0 1rem 0 0.5714285714rem;
  border-color: var(--input-suffix--border-color);
  border-style: var(--input-suffix--border-style);
  border-width: var(--input-suffix--border-width);
  border-radius: var(--input-suffix--border-radius);
  flex-shrink: 0;
}
.motif-input-component .motif-input-suffix:has(+ .motif-input-clear-button) {
  padding-right: 3rem;
  min-width: 5.7142857143rem;
}
.motif-input-component .motif-input-suffix:has(+ .motif-input-clear-button) .motif-icon {
  display: contents;
}
.motif-input-component input:-webkit-autofill:not(:focus-visible) {
  -webkit-box-shadow: 0 0 0 71.4285714286rem var(--input--bg-color) inset;
  -webkit-text-fill-color: var(--input--color);
}
.motif-input-component input:-webkit-autofill:focus-visible {
  -webkit-box-shadow: 0 0 0 71.4285714286rem var(--input-focus--bg-color) inset;
  -webkit-text-fill-color: var(--input-focus--color);
}
.motif-input-component .motif-input-with-suffix {
  padding-left: 0;
}
.motif-input-component .motif-input-with-prefix {
  padding-left: 0;
}
/*  Function for converting a px based font-size to get-function(rem). */
.motif-tooltip {
  color: var(--tooltip--color);
  display: block;
  font-size: 0.8571428571rem;
  font-weight: var(--weight-bold);
  opacity: 1;
  border-color: var(--tooltip--border-color);
  border-style: var(--tooltip--border-style);
  border-width: var(--tooltip--border-width);
}
.motif-tooltip .motif-tooltip-arrow {
  display: block;
  height: 0.5714285714rem;
  position: absolute;
  width: 0.5714285714rem;
  pointer-events: none;
  margin: auto;
}
.motif-tooltip .motif-tooltip-arrow::after {
  content: "";
  display: block;
  height: 0.5714285714rem;
  position: absolute;
  width: 0.5714285714rem;
  background-color: var(--tooltip--bg-color);
  pointer-events: none;
  margin: auto;
  transform: rotate(45deg);
  border-radius: 0.1428571429rem;
}
.motif-tooltip-auto .motif-tooltip-arrow {
  margin-left: 0.3571428571rem;
  margin-top: -0.2857142857rem;
}
.motif-tooltip-top .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=top] .motif-tooltip-arrow {
  bottom: -0.2857142857rem;
}
.motif-tooltip-right .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=right] .motif-tooltip-arrow {
  left: -0.2857142857rem;
}
.motif-tooltip-bottom .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=bottom] .motif-tooltip-arrow {
  top: -0.2857142857rem;
}
.motif-tooltip-left .motif-tooltip-arrow,
.motif-tooltip-auto[x-placement^=left] .motif-tooltip-arrow {
  right: -0.2857142857rem;
}
.motif-tooltip-inner {
  align-items: flex-start;
  background-color: var(--tooltip--bg-color);
  color: var(--tooltip--color);
  display: flex;
  font-size: 0.8571428571rem;
  font-weight: 400;
  justify-content: space-between;
  line-height: 1.2857142857rem;
  padding: 0.8571428571rem;
  position: relative;
  text-align: left;
  z-index: 1000;
  border-radius: var(--tooltip--border-radius);
}
.motif-tooltip-inner .motif-icon-button,
.motif-tooltip-inner .motif-button {
  position: absolute;
  right: 0.3571428571rem;
  top: 0.3571428571rem;
}
.motif-tooltip-inner .motif-icon-button .motif-icon,
.motif-tooltip-inner .motif-button .motif-icon {
  pointer-events: none;
}
.motif-tooltip-alternate .motif-tooltip-inner {
  border-color: var(--tooltip-alt--border-color);
  border-style: var(--tooltip-alt--border-style);
  border-width: var(--tooltip-alt--border-width);
  border-radius: var(--tooltip-alt--border-radius);
  background-color: var(--tooltip-alt--bg-color);
  color: var(--tooltip-alt--color);
}
.motif-tooltip-alternate .motif-tooltip-inner .motif-tooltip-arrow::after {
  background-color: var(--tooltip-alt--bg-color);
}
.motif-tooltip-inner .motif-tooltip-content-children {
  margin: 0.1428571429rem 3rem 0.1428571429rem 0.1428571429rem;
}
.motif-tooltip-content {
  z-index: 100001;
  box-shadow: var(--tooltip--box-shadow);
}
.motif-tooltip-content.motif-tooltip-alternate {
  box-shadow: var(--tooltip-alt--box-shadow);
}
.motif-tooltip-content:not(.motif-tooltip-show-close) .motif-tooltip-inner .motif-tooltip-content-children {
  margin: 0.1428571429rem 0.1428571429rem 0.1428571429rem 0.1428571429rem;
}
.motif-tooltip-wrapper {
  display: contents;
  border-radius: var(--tooltip--border-radius);
  max-width: 22.8571428571rem;
}
.motif-tooltip-wrapper .motif-tooltip-trigger-wrap {
  display: inline-flex;
  border-color: var(--tooltip--border-color);
  border-style: var(--tooltip--border-style);
  border-width: var(--tooltip--border-width);
  border-radius: var(--tooltip--border-radius);
}
:root {
  --motif-900: #2e2e38;
  --motif-800: #46464f;
  --motif-700: #56566a;
  --motif-600: #656579;
  --motif-500: #7a7a8e;
  --motif-400: #9e9eae;
  --motif-300: #c3c3cb;
  --motif-250: #d0d0d6;
  --motif-200: #d4d4da;
  --motif-150: #e6e6e9;
  --motif-100: #f3f3f5;
  --motif-surface: #ffffff;
  --motif-red: #e0301e;
  --motif-yellow: #ffe600;
  --motif-yellow-text: #7a6200;
  --motif-yellow-bg: #fff9e0;
  --motif-purple: #6b18d4;
  --motif-purple-bg: #f4edfe;
  --motif-green: #168736;
  --motif-green-bg: #e6f3ea;
  --motif-info: #0f69ae;
  --motif-info-bg: #f4f7fc;
  --motif-warning: #975100;
  --motif-warning-bg: #fcf5f0;
  --motif-error: #c70117;
  --motif-error-bg: #fcf5f3;
  --motif-success: #197335;
  --motif-success-bg: #e7fce8;
  --motif-badge-default-border: #d7d7dc;
  --motif-primary: #2e2e38;
  --motif-primary-light: #656579;
  --motif-primary-lighter: #9897a6;
  --motif-primary-lightest: #c3c3cb;
  --motif-surface-secondary: #f9f9fa;
  --motif-surface-tertiary: #fafafa;
  --motif-surface-elevated: #f3f3f5;
  --motif-border: #e6e6e9;
  --motif-border-light: #f3f3f5;
  --motif-border-lighter: #e0e0e5;
  --motif-accent: #0f69ae;
  --motif-accent-light: #4a9bd5;
  --motif-accent-bg: #f4f7fc;
  --motif-accent-border: #dce8f8;
  --motif-success-light: #dcfce7;
  --motif-warning-light: #fbbf24;
  --motif-warning-dark: #92400e;
  --motif-error-light: #fecaca;
  --motif-dropzone-border: #dcdce0;
  --motif-gradient-start: #fafafe;
  --motif-import-template-note-border: #e8e5f0;
  --survey-color-page-bg: #f9f9fa;
  --survey-color-overlay-bg: rgba(255, 255, 255, 0.72);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.08);
  /* Primary */
  --survey-color-primary: #4696ff;
  --survey-color-primary-dark: #2e2e38;
  --survey-color-primary-darker: #23232b;
  --survey-color-primary-dark-hover: #1a3a6b;
  /* Status */
  --survey-color-danger: #dc2626;
  --survey-color-danger-hover: #b91c1c;
  --survey-color-danger-dark: #991b1b;
  --survey-color-danger-bg: #fef2f2;
  --survey-color-success: #197335;
  --survey-color-success-light: #2e7d32;
  --survey-color-success-lighter: #c8e6c9;
  --survey-color-success-bg: #e8f5e9;
  --survey-color-warning: #e67e22;
  --survey-color-info: #1a56db;
  --survey-color-info-light: #e8f0fe;
  /* Backgrounds */
  --survey-color-hover-light: #f3f3f5;
  --survey-color-bg-light: #fafafa;
  --survey-color-bg-lighter: #f9f9ff;
  --survey-color-bg-lightest: #f0f4ff;
  --survey-color-bg-dark: #e8e8ec;
  /* Text */
  --survey-color-text-primary: #2e2e38;
  --survey-color-text-secondary: #656579;
  --survey-color-text-muted: #9897a6;
  --survey-color-text-light: #7a7a8a;
  --survey-color-text-white: #ffffff;
  /* Borders */
  --survey-color-border-default: #ededf0;
  --survey-color-border-light: #e6e6e9;
  --survey-color-border-muted: #d0d0d8;
  --survey-color-border-soft: #c3c3cb;
  --survey-color-border-softer: #c8c8d0;
  --survey-color-border-dashed: #e0e0e4;
  --survey-color-border-active: #2563eb;
  --survey-color-border-primary: #7f7f91;
  --survey-color-border-purple: #7c6bff;
  --survey-color-border-purple-light: #6366f1;
  --survey-color-border-hover: #a0a0ab;
  /* Shadows */
  --survey-color-shadow-light: rgba(0, 0, 0, 0.01);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.02);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.03);
  --survey-color-shadow-medium: rgba(0, 0, 0, 0.04);
  --survey-color-shadow-primary: rgba(35, 35, 47, 0.06);
  --survey-color-shadow-secondary: rgba(35, 35, 47, 0.08);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.2);
  --survey-color-shadow-modal: rgba(0, 0, 0, 0.18);
  /* Review / AI */
  --survey-color-review-default: #c4c4cd;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #00c853;
  --survey-color-review-active-hover: #00a844;
  --survey-color-warning-icon: #d4a017;
  --survey-color-warning-icon-bg: #fdf3d7;
  --survey-color-error-field: #d32f2f;
  /* Overlays */
  --survey-color-overlay-light: rgba(70, 150, 255, 0.04);
  --survey-color-overlay-medium: rgba(70, 150, 255, 0.06);
  --survey-color-overlay-dark: rgba(70, 150, 255, 0.08);
  --survey-color-overlay-focus: rgba(70, 150, 255, 0.1);
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.08);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.2);
  --survey-color-overlay-backdrop: rgba(0, 0, 0, 0.4);
  --survey-color-white-30: rgba(255, 255, 255, 0.3);
  /* Surface / chrome */
  --im-dialog-bg: var(--motif-surface);
  --im-border: var(--motif-border);
  --im-close-color: var(--motif-600);
  --im-close-hover: var(--motif-900);
  /* Dropzone */
  --im-dropzone-bg: var(--motif-surface-elevated);
  --im-dropzone-border: var(--motif-200);
  --im-dropzone-icon-bg: var(--motif-150);
  /* Template section */
  --im-template-bg: var(--motif-purple-bg);
  --im-template-icon-bg: var(--motif-purple);
  --im-template-btn-bg: #2e2e38;
  --im-template-btn-hover: #46464f;
  --im-template-btn-color: #ffffff;
  /* Validation — warning */
  --im-warn-bg: var(--motif-yellow-bg);
  --im-warn-footer-bg: var(--motif-yellow-bg);
  --im-warn-title: var(--motif-warning);
  --im-warn-border: #fde68a;
  --im-warn-content-bg: #fff7ed;
  --im-warn-text: #92400e;
  /* Validation — error */
  --im-error-bg: #fef2f2;
  --im-error-border: #ffdddd;
  --im-error-border-light: #fecaca;
  --im-error-bg-light: #fee2e2;
  --im-error-color: #dc2626;
  /* Validation — success */
  --im-success-bg: #f0fdf4;
  --im-success-border: #bbf7d0;
  --im-success-color: #15803d;
  --button-outline: rgba(0, 0, 0, 0.1);
  --badge-outline: rgba(0, 0, 0, 0.05);
  --opaque-button-border-intensity: -8;
  --elevate-1: rgba(0, 0, 0, 0.03);
  --elevate-2: rgba(0, 0, 0, 0.08);
  --background: 240 5% 96%;
  --foreground: 240 10% 20%;
  --border: 240 5% 88%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 20%;
  --card-border: 240 5% 91%;
  --sidebar: 240 5% 96%;
  --sidebar-foreground: 240 10% 30%;
  --sidebar-border: 240 5% 91%;
  --sidebar-primary: 240 10% 20%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 4% 91%;
  --sidebar-accent-foreground: 240 10% 20%;
  --sidebar-ring: 240 10% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 20%;
  --popover-border: 240 5% 88%;
  --primary: 240 10% 20%;
  --primary-foreground: 0 0% 100%;
  --secondary: 240 5% 92%;
  --secondary-foreground: 240 10% 20%;
  --muted: 240 5% 93%;
  --muted-foreground: 240 10% 43%;
  --accent: 240 5% 95%;
  --accent-foreground: 240 10% 20%;
  --destructive: 0 84% 45%;
  --destructive-foreground: 0 0% 100%;
  --input: 240 5% 82%;
  --ring: 240 10% 20%;
  --chart-1: 0 0% 30%;
  --chart-2: 200 70% 45%;
  --chart-3: 270 60% 50%;
  --chart-4: 150 55% 40%;
  --chart-5: 25 75% 50%;
  --font-sans: 'ey_interstate', 'EYInterstate', 'Inter', sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: Menlo, monospace;
  --radius: 0.5rem;
  --spacing: 0.25rem;
  --tracking-normal: 0em;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --primary-border: hsl(var(--primary));
  --secondary-border: hsl(var(--secondary));
  --muted-border: hsl(var(--muted));
  --accent-border: hsl(var(--accent));
  --destructive-border: hsl(var(--destructive));
}
.dark {
  --motif-900: #e8e8ec;
  --motif-800: #d0d0d8;
  --motif-700: #b8b8c4;
  --motif-600: #a0a0b0;
  --motif-500: #8a8a9a;
  --motif-400: #6a6a7a;
  --motif-300: #4a4a56;
  --motif-250: #3f3f4a;
  --motif-200: #363640;
  --motif-150: #2c2c35;
  --motif-100: #1a1a22;
  --motif-surface: #222229;
  --motif-red: #f04e3e;
  --motif-yellow: #ffe600;
  --motif-yellow-text: #ffe066;
  --motif-yellow-bg: #2e2a1a;
  --motif-purple: #9b6dff;
  --motif-purple-bg: #2a1f3d;
  --motif-green: #34c759;
  --motif-green-bg: #1a2e20;
  --motif-info: #5ba3d9;
  --motif-info-bg: #1a2230;
  --motif-warning: #d4a04a;
  --motif-warning-bg: #2e2518;
  --motif-error: #f04e3e;
  --motif-error-bg: #2e1a18;
  --motif-success: #34c759;
  --motif-success-bg: #1a2e20;
  --motif-badge-default-border: #4a4a56;
  --motif-surface-secondary: #2c2c35;
  --motif-surface-tertiary: #363640;
  --motif-surface-elevated: #2e2e38;
  --motif-border: #3f3f4a;
  --motif-border-light: #2c2c35;
  --motif-border-lighter: #4a4a56;
  --motif-accent: #5ba3d9;
  --motif-accent-light: #7eb8e0;
  --motif-accent-bg: #1a2230;
  --motif-accent-border: #364a5a;
  --motif-success-light: #1a4d25;
  --motif-warning-light: #2e2518;
  --motif-warning-dark: #d4a04a;
  --motif-error-light: #2e1a18;
  --motif-dropzone-border: #3f3f4a;
  --motif-gradient-start: #1a1a22;
  --motif-import-template-note-border: #4a4a56;
  --survey-color-page-bg: #1a1a22;
  --survey-color-overlay-bg: rgba(26, 26, 34, 0.88);
  --survey-color-overlay-shadow: rgba(0, 0, 0, 0.35);
  --survey-color-primary-dark: #e8e8ec;
  --survey-color-primary-darker: #d0d0d8;
  --survey-color-primary-dark-hover: #d0d0d8;
  --survey-color-danger: #f04e3e;
  --survey-color-danger-hover: #e03d2d;
  --survey-color-danger-dark: #c0301e;
  --survey-color-danger-bg: #2e1a18;
  --survey-color-success: #34c759;
  --survey-color-success-light: #2db54e;
  --survey-color-success-lighter: #1a4d25;
  --survey-color-success-bg: #1a2e20;
  --survey-color-warning: #d4a04a;
  --survey-color-info: #5ba3d9;
  --survey-color-info-light: #1a2230;
  --survey-color-hover-light: #2c2c35;
  --survey-color-bg-light: #1e1e26;
  --survey-color-bg-lighter: #1e1e28;
  --survey-color-bg-lightest: #1a2030;
  --survey-color-bg-dark: #3f3f4a;
  --survey-color-text-primary: #e8e8ec;
  --survey-color-text-secondary: #a0a0b0;
  --survey-color-text-muted: #8a8a9a;
  --survey-color-text-light: #8a8a9a;
  --survey-color-text-white: #1a1a22;
  --survey-color-border-default: #2c2c35;
  --survey-color-border-light: #2c2c35;
  --survey-color-border-muted: #3f3f4a;
  --survey-color-border-soft: #4a4a56;
  --survey-color-border-softer: #4a4a56;
  --survey-color-border-dashed: #363640;
  --survey-color-border-active: #5ba3d9;
  --survey-color-border-primary: #6a6a7a;
  --survey-color-border-hover: #6a6a7a;
  --survey-color-shadow-light: rgba(0, 0, 0, 0.06);
  --survey-color-shadow-lighter: rgba(0, 0, 0, 0.1);
  --survey-color-shadow-soft: rgba(0, 0, 0, 0.15);
  --survey-color-shadow-medium: rgba(255, 255, 255, 0.05);
  --survey-color-shadow-primary: rgba(0, 0, 0, 0.2);
  --survey-color-shadow-secondary: rgba(0, 0, 0, 0.25);
  --survey-color-shadow-dark: rgba(0, 0, 0, 0.3);
  --survey-color-shadow-darker: rgba(0, 0, 0, 0.45);
  --survey-color-shadow-darkest: rgba(0, 0, 0, 0.55);
  --survey-color-shadow-modal: rgba(0, 0, 0, 0.5);
  --survey-color-review-default: #4a4a56;
  --survey-color-review-hover: #4696ff;
  --survey-color-review-active: #34c759;
  --survey-color-review-active-hover: #2db54e;
  --survey-color-warning-icon: #d4a04a;
  --survey-color-warning-icon-bg: #2e2518;
  --survey-color-error-field: #f04e3e;
  --survey-color-overlay-white-light: rgba(255, 255, 255, 0.04);
  --survey-color-overlay-white-medium: rgba(255, 255, 255, 0.1);
  --survey-color-white-30: rgba(255, 255, 255, 0.15);
  --im-template-btn-bg: #e8e8ec;
  --im-template-btn-hover: #d0d0d8;
  --im-template-btn-color: #1a1a22;
  --im-warn-border: #5a4a20;
  --im-warn-content-bg: #262018;
  --im-warn-text: #c49040;
  --im-error-bg: #2e1a18;
  --im-error-border: #5a2820;
  --im-error-border-light: #7a3028;
  --im-error-bg-light: #3a201e;
  --im-error-color: #f04e3e;
  --im-success-bg: #1a2e20;
  --im-success-border: #1a4d25;
  --im-success-color: #34c759;
  --button-outline: rgba(255, 255, 255, 0.1);
  --badge-outline: rgba(255, 255, 255, 0.05);
  --opaque-button-border-intensity: 9;
  --elevate-1: rgba(255, 255, 255, 0.04);
  --elevate-2: rgba(255, 255, 255, 0.09);
  --background: 240 12% 12%;
  --foreground: 240 5% 90%;
  --border: 240 8% 20%;
  --card: 240 10% 14%;
  --card-foreground: 240 5% 90%;
  --card-border: 240 8% 18%;
  --sidebar: 240 10% 14%;
  --sidebar-foreground: 240 5% 85%;
  --sidebar-border: 240 8% 18%;
  --sidebar-primary: 240 5% 85%;
  --sidebar-primary-foreground: 240 10% 13%;
  --sidebar-accent: 240 8% 18%;
  --sidebar-accent-foreground: 240 5% 85%;
  --sidebar-ring: 240 5% 85%;
  --popover: 240 10% 16%;
  --popover-foreground: 240 5% 90%;
  --popover-border: 240 8% 22%;
  --primary: 240 5% 85%;
  --primary-foreground: 240 10% 13%;
  --secondary: 240 8% 20%;
  --secondary-foreground: 240 5% 90%;
  --muted: 240 8% 18%;
  --muted-foreground: 240 5% 60%;
  --accent: 240 8% 18%;
  --accent-foreground: 240 5% 90%;
  --destructive: 0 84% 50%;
  --destructive-foreground: 0 0% 100%;
  --input: 240 8% 25%;
  --ring: 240 5% 85%;
  --chart-1: 0 0% 70%;
  --chart-2: 200 70% 60%;
  --chart-3: 270 60% 65%;
  --chart-4: 150 55% 55%;
  --chart-5: 25 75% 60%;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --primary-border: hsl(var(--primary));
  --secondary-border: hsl(var(--secondary));
  --muted-border: hsl(var(--muted));
  --accent-border: hsl(var(--accent));
  --destructive-border: hsl(var(--destructive));
}
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: -300% 50%;
  }
}
@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes gradientFlow135 {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes confidenceArcFill {
  0% {
    stroke-dashoffset: 95;
  }
  100% {
    stroke-dashoffset: 19;
  }
}
@keyframes confidenceBarGrow {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes confidenceFadeIn {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes draftLoadingBar {
  0% {
    width: 10%;
    margin-left: 0;
  }
  50% {
    width: 60%;
    margin-left: 20%;
  }
  100% {
    width: 10%;
    margin-left: 90%;
  }
}
@keyframes gradientShimmer {
  0%, 100% {
    background-position: 150% 0;
    opacity: 0;
  }
  50% {
    background-position: -50% 0;
    opacity: 1;
  }
}
@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  25% {
    transform: scale(1.1) rotate(4deg);
    opacity: 0.85;
  }
  50% {
    transform: scale(0.95) rotate(-3deg);
    opacity: 1;
  }
  75% {
    transform: scale(1.08) rotate(2deg);
    opacity: 0.9;
  }
}
@keyframes aiStarsPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(124, 107, 255, 0.15);
  }
  50% {
    transform: scale(1.06);
    box-shadow: 0 0 0 10px rgba(124, 107, 255, 0);
  }
}
@keyframes nudgePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.5;
  }
}
@keyframes loaderDot {
  0%, 80%, 100% {
    opacity: 0.25;
    transform: scale(0.8);
  }
  40% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes nudgeFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes dialogFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes accordionDown {
  from {
    height: 0;
  }
  to {
    height: var(--content-height);
  }
}
@keyframes accordionUp {
  from {
    height: var(--content-height);
  }
  to {
    height: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes activityPulse {
  0% {
    transform: scale(1);
    opacity: 0.75;
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes bellRing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-12deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.bell-ring {
  animation: bellRing 0.8s ease-in-out 2;
  transform-origin: top center;
}
@keyframes frameworkTableFadeIn {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes engagementContentFadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes draftItemAppear {
  0% {
    opacity: 0;
    transform: translateY(8px);
    background-color: rgba(37, 99, 235, 0.08);
  }
  40% {
    opacity: 1;
    transform: translateY(0);
    background-color: rgba(37, 99, 235, 0.08);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    background-color: transparent;
  }
}
.motif-modal-overlay {
  background: rgba(0, 0, 0, 0.3) !important;
  z-index: 1300 !important;
}
.motif-modal.motif-modal-content {
  border-radius: 12px !important;
  box-shadow: 0px 2px 4px rgba(35, 35, 47, 0.06), 0px 8px 16px rgba(35, 35, 47, 0.08) !important;
  overflow: visible !important;
}
.motif-modal.motif-modal-content.motif-modal-size-lg {
  max-width: 600px;
  min-width: auto !important;
}
.motif-modal.motif-modal-content .motif-modal-header {
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  border-style: none !important;
  border-width: 0 !important;
  align-items: flex-start;
  position: relative;
}
.motif-modal.motif-modal-content .motif-modal-header .motif-modal-headline {
  padding-right: 40px;
}
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container {
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
}
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .motif-icon-button,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .modal-close-icon-button,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container #modal-close-icon-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: transparent;
  border: none;
}
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .motif-icon-button:hover,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .modal-close-icon-button:hover,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container #modal-close-icon-button:hover {
  background-color: var(--motif-100, #f3f3f5);
}
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .motif-icon-button .modal-close-icon,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .motif-icon-button svg,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .modal-close-icon-button .modal-close-icon,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container .modal-close-icon-button svg,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container #modal-close-icon-button .modal-close-icon,
.motif-modal.motif-modal-content .motif-modal-header .custom-modal-close-button-container #modal-close-icon-button svg {
  width: 20px !important;
  height: 20px !important;
  color: var(--motif-600, #656579) !important;
}
.motif-modal.motif-modal-content .motif-modal-body {
  padding: 0 !important;
  margin-top: 20px;
  overflow: auto !important;
}
.motif-modal.motif-modal-content .motif-modal-footer {
  padding: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 4px !important;
  border-style: none !important;
  border-width: 0 !important;
  border-top: none !important;
  height: auto !important;
  margin-top: 16px;
}
.survey-modal.respondents-tab__import-modal .motif-modal-header {
  padding: 20px 24px !important;
  border-bottom: 1px solid #e6e6e9 !important;
  margin: 0 !important;
}
.survey-modal.respondents-tab__import-modal .motif-modal-body {
  padding: 24px !important;
  margin-top: 0 !important;
}
.survey-modal.respondents-tab__import-modal .motif-modal-footer {
  padding: 16px 24px !important;
  border-top: 1px solid #e6e6e9 !important;
  margin-top: 0 !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
}
.motif-typography-text.motif-h1,
.motif-typography-text.motif-h2,
.motif-typography-text.motif-h3,
.motif-typography-text.motif-h4,
.motif-typography-text.motif-h5,
.motif-typography-text.motif-h6,
.motif-typography-text.motif-body {
  color: inherit;
}
* {
  border-color: hsl(var(--border));
}
body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  line-height: 1.5;
  min-height: 100vh;
}
#root {
  min-height: 100vh;
  --body-color: #2e2e38;
}
.dark #root {
  --body-color: #e8e8ec;
}
a {
  text-decoration: none;
  color: inherit;
}
button {
  cursor: pointer;
  border: none;
  background: transparent;
  font-family: inherit;
  padding: 0;
}
input,
textarea,
select {
  font-family: inherit;
}
.ai-stars-pulse {
  animation: aiStarsPulse 2s ease-in-out infinite;
}
.ai-stars-pulse svg {
  animation: sparkle 2.5s ease-in-out infinite;
}
.placeholder-search::placeholder {
  color: var(--motif-600);
  font-weight: 300;
}
input[type=search]::-webkit-search-cancel-button {
  display: none;
}
[contenteditable][data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  pointer-events: none;
}
.toggle-elevate::before,
.toggle-elevate-2::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
}
.toggle-elevate.toggle-elevated::before {
  background-color: var(--elevate-2);
}
.border.toggle-elevate::before {
  inset: -1px;
}
.hover-elevate:not(.no-default-hover-elevate),
.active-elevate:not(.no-default-active-elevate),
.hover-elevate-2:not(.no-default-hover-elevate),
.active-elevate-2:not(.no-default-active-elevate) {
  position: relative;
  z-index: 0;
}
.hover-elevate:not(.no-default-hover-elevate)::after,
.active-elevate:not(.no-default-active-elevate)::after,
.hover-elevate-2:not(.no-default-hover-elevate)::after,
.active-elevate-2:not(.no-default-active-elevate)::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 999;
}
.hover-elevate:hover:not(.no-default-hover-elevate)::after,
.active-elevate:active:not(.no-default-active-elevate)::after {
  background-color: var(--elevate-1);
}
.hover-elevate-2:hover:not(.no-default-hover-elevate)::after,
.active-elevate-2:active:not(.no-default-active-elevate)::after {
  background-color: var(--elevate-2);
}
.border.hover-elevate:not(.no-default-hover-elevate)::after,
.border.active-elevate:not(.no-default-active-elevate)::after,
.border.hover-elevate-2:not(.no-default-hover-elevate)::after,
.border.active-elevate-2:not(.no-default-active-elevate)::after {
  inset: -1px;
}
.card-hover-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.35s ease;
}
.card-hover-shadow:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(155, 109, 255, 0.06);
}
.animate-pulse {
  animation: twPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes twPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/*# sourceMappingURL=index.scss.map */